.if6_navigation .contains-h2 {
	left: 0px !important;
}
.if6_navigation ul {
	width:100%;
}

.m-m-c-c-p-contact_iparsys .m-m-c-c-a-c-b-consultantlistbutton {
    width: 100%
}

.m-m-c-c-p-contact_iparsys .m-m-c-c-a-c-b-consultantlistbutton a {
    width: 100%
}

.m-m-c-c-a-c-consultantlist.company-filter .consultant-companies {
    display: none
}

.m-m-c-c-a-c-consultantlist_header {
    margin: 0 0 15px
}

.m-m-c-c-a-c-consultantlist_item.hidden {
    display: none
}

.m-m-c-c-a-c-consultantlist_item .accordion-head {
    min-height: 54px;
    border-top: 0
}

.m-m-c-c-a-c-consultantlist_item .consultant-head {
    display: flex;
    flex-wrap: nowrap
}

.m-m-c-c-a-c-consultantlist_item .consultant-head .headline, .m-m-c-c-a-c-consultantlist_item .consultant-head .actions {
    display: inline-block;
    vertical-align: top
}

.m-m-c-c-a-c-consultantlist_item .consultant-head .headline {
    flex-grow: 1;
    overflow: hidden
}

.m-m-c-c-a-c-consultantlist_item .consultant-head .actions {
    min-width: 100px;
    text-align: right
}

.m-m-c-c-a-c-consultantlist_item .consultant-head .footnote {
    position: absolute;
    top: 41px;
    right: 5px;
    text-align: right
}

#opttan {
    width: 100%
}

#rsct_opttan_m_gif_bg {
    position: relative;
    z-index: 0;
    width: 6.4cm;
    height: 3.7cm
}

#rsct_opttan_m_gif_app {
    position: absolute;
    z-index: 1;
    margin: .6cm;
    width: 5.2cm;
    height: 2.5cm
}

#rsct_opttan_mr_gif_bg {
    position: relative;
    z-index: 0;
    width: 3.7cm;
    height: 7.8cm
}

#rsct_opttan_mr_gif_app {
    position: absolute;
    z-index: 1;
    margin: .7cm .6cm;
    width: 2.5cm;
    height: 6.4cm
}

.rsct_opttan_m #rsct_opttan_device {
    position: relative;
    z-index: 2
}

.rsct_opttan_m #rsct_opttan_device {
    width: 6.4cm;
    height: 3.7cm
}

#rsct_opttan_app_play {
    position: absolute;
    left: 0;
    top: 25%;
    width: 100%;
    height: 50%;
    text-align: center
}

.rsct_opttan_mr #rsct_opttan_app_play {
    top: 40%;
    height: 20%
}

#rsct_opttan_app_play img {
    height: 100%;
    cursor: pointer
}

.rsct_opttan_m .rsct_opttan_field, .rsct_opttan_m #rsct_opttan_slower, .rsct_opttan_m #rsct_opttan_faster {
    width: 16%;
    margin: 0 2%;
    height: 100%;
    position: absolute
}

.rsct_opttan_m #rsct_data0 {
    left: 20%
}

.rsct_opttan_m #rsct_data1 {
    left: 40%
}

.rsct_opttan_m #rsct_data2 {
    left: 60%
}

.rsct_opttan_m #rsct_data3, .rsct_opttan_m #rsct_opttan_faster {
    left: 80%
}

.rsct_opttan_m #rsct_opttan_app, .rsct_opttan_m #rsct_opttan_app_controls {
    position: absolute;
    top: 16%;
    left: 9.5%;
    width: 81%;
    height: 68%
}

.rsct_opttan_mr #rsct_opttan_device {
    position: relative;
    z-index: 2
}

.rsct_opttan_mr #rsct_opttan_device {
    width: 37mm;
    height: 78mm
}

#rsct_bg_image {
    width: 100%;
    height: 100%
}

.rsct_opttan_mr #rsct_opttan_app, .rsct_opttan_mr #rsct_opttan_app_controls {
    position: absolute;
    top: 8%;
    left: 16%;
    width: 67%;
    height: 84%
}

.rsct_opttan_m_hide, .rsct_opttan_mr_hide {
    display: inline
}

#rsct_opttan_generation.rsct_opttan_mr .rsct_opttan_mr_hide {
    display: none
}

#rsct_opttan_generation.rsct_opttan_m .rsct_opttan_m_hide {
    display: none
}

.rsct_opttan_mr .rsct_opttan_field, .rsct_opttan_mr #rsct_opttan_slower, .rsct_opttan_mr #rsct_opttan_faster {
    width: 100%;
    margin: 2% 0;
    height: 16%;
    position: absolute
}

#rsct_opttan_app .rsct_opttan_field {
    background: #fff
}

.rsct_opttan_mr #rsct_data0 {
    top: 20%
}

.rsct_opttan_mr #rsct_data1 {
    top: 40%
}

.rsct_opttan_mr #rsct_data2 {
    top: 60%
}

.rsct_opttan_mr #rsct_data3, .rsct_opttan_mr #rsct_opttan_faster {
    top: 80%
}

#rsct_opttan_slower, #rsct_opttan_faster {
    cursor: pointer;
    z-index: 13
}

#rsct_opttan_app img {
    position: absolute;
    top: 0;
    left: 0
}

#rsct_resize_warning img {
    display: block;
    float: left;
    width: 20%;
    margin-top: 1em
}

#rsct_resize_warning p {
    display: block;
    position: relative;
    float: right;
    width: 70%;
    margin: 1em 0 0 0;
    padding: 0 .5em 0 0
}

#rsct_resize_warning {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    background: #fff;
    font-size: 12px;
    text-align: left;
    z-index: 15
}

a.opttan_warning_ok, a.opttan_warning_cancel {
    border: 1px solid #333;
    padding: 2px;
    margin: 2px;
    float: right;
    text-decoration: none;
    color: #000
}

a.opttan_warning_ok {
    border: 1px solid #33f
}

#rsct_opttan_generation .rsct_titlebar img {
    margin: 2px;
    border: 1px solid #ccc
}

#rsct_opttan_generation .rsct_titlebar .rsct_right_buttons {
    float: right
}

#rsct_opttan_generation .rsct_titlebar .rsct_left_buttons {
    float: left
}

.rsct_opttan_mr #rsct_opttan_button_opttan_m {
    display: none
}

.rsct_opttan_m #rsct_opttan_button_opttan_mr {
    display: none
}

#rsct_opttan_speedo {
    position: relative;
    z-index: 12;
    font: bold 1em Arial;
    text-align: center;
    color: #fc0;
    visibility: hidden;
    width: 100%;
    margin: 0 auto;
    pointer-events: none
}

#rsct_opttan_generation td {
    vertical-align: top
}

#rsct_opttan_generation .rsct_titlebar {
    padding: 0
}

#rsct_opttan_generation .rsct_titlebar {
    font-weight: bold;
    padding-left: 4px;
    line-height: 1.8em
}

#rsct_opttan_canvas {
    position: absolute;
    width: 100%;
    height: 100%
}

@font-face {
    font-family: 'SparkasseWeb';
    src: url(../fonts/Sparkasse_web_Rg.woff) format('woff'), url(../fonts/Sparkasse_web_Rg.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SparkasseWebMedium';
    src: url(../fonts/Sparkasse_web_Md.woff) format('woff'), url(../fonts/Sparkasse_web_Md.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SparkasseWeb';
    src: url(../fonts/Sparkasse_web_Bd.woff) format('woff'), url(../fonts/Sparkasse_web_Bd.ttf) format('truetype');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'SparkasseWebLight';
    src: url(../fonts/Sparkasse_web_Lt.woff) format('woff'), url(../fonts/Sparkasse_web_Lt.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SparkasseHeadWeb';
    src: url(../fonts/SparkasseHead_web_Rg.woff) format('woff'), url(../fonts/SparkasseHead_web_Rg.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Pictos-IF';
    src: url(../fonts/pictos-if.woff) format('woff'), url(../fonts/pictos-if.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

/*! jQuery UI - v1.11.4 - 2015-09-02
* http://jqueryui.com
* Includes: core.css, slider.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

html {
    height: 100%;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.if6 {
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    color: #333
}

body.if6 {
    margin: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    background-color: #f0f0f0;
    -webkit-text-size-adjust: none
}

body .if6_main {
    overflow-x: hidden
}

section, nav, footer, header {
    display: block
}

.if6 input, .if6 select, .if6 textarea {
    background: 0;
    -webkit-appearance: none;
    color: #666;
    border: 2px solid #666;
    border-radius: 5px;
    background-color: #fff;
    padding: 5px;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 21px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.if6 input[type="date"] {
    min-height: 35px;
    max-height: 35px
}

.if6 input[type="range"] {
    height: 35px
}

.if6 textarea {
    padding-bottom: 0;
    padding-right: 0
}

.if6_main input[type="submit"]::-moz-focus-inner {
    padding: 0 !important;
    border: none !important
}

.if6 input[type="checkbox"], .if6 input[type="radio"] {
    cursor: pointer;
    vertical-align: top;
    margin: 0
}

.js .if6 input[type="checkbox"], .js .if6 input[type="radio"] {
    width: 22px;
    height: 22px;
    border: 0
}

.if6 select, .if6 [role="button"] {
    cursor: pointer
}

select.select-modified {
    margin-right: -26px;
    background-color: transparent;
    z-index: 1;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 25px
}

.if6 select.select-modified[disabled] {
    background-color: transparent
}

select.select-modified::-ms-expand {
    display: none
}

select.select-modified + span.select {
    display: inline-block
}

select.select-reduce-by-one {
    padding-bottom: 4px
}

select.select-reduce-by-two {
    padding-top: 4px;
    padding-bottom: 4px
}

select.select-reduce-by-three {
    padding-top: 4px;
    padding-bottom: 3px
}

select.select-reduce-by-four {
    padding-top: 3px;
    padding-bottom: 3px
}

select.select-reduce-by-five {
    padding-top: 3px;
    padding-bottom: 2px
}

span.select {
    display: none;
    width: 26px;
    position: relative;
    padding: 5px 5px 5px 1px;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 21px;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap
}

span.select:before {
    border-top: 9px solid #666;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -4px
}

select[disabled] + span.select:before {
    border-top-color: #b3b3b3
}

div.select-wrap {
    white-space: nowrap;
    background-color: #fff;
    border-radius: 5px;
    display: inline-block
}

span.checkbox, span.radio {
    width: 30px;
    height: 30px;
    background-color: transparent;
    margin: -4px -4px 0 -26px;
    display: inline-block;
    line-height: 30px;
    text-align: left;
    cursor: pointer
}

.no-touch .cbox_hover:hover {
    cursor: pointer
}

.cbox span.checkbox, .cbox span.radio {
    background-color: #fff
}

span.checkbox:before, span.radio:before {
    color: #666;
    border: 2px solid #666;
    border-radius: 5px;
    padding: 5px;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 21px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin: 4px 0 0 4px;
    content: ""
}

span.radio:before {
    border-radius: 11px
}

span.radio:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin: -26px 0 0 10px;
    position: absolute
}

span.radio.checked:after {
    border: 5px solid red;
    border-radius: 5px
}

span.checkbox.checked:before {
    background: red
}

input[type="checkbox"].error + span.checkbox:before, input[type="radio"].error + span.radio:before {
    border-color: red
}

input[disabled] + span.checkbox:before, input[disabled] + span.radio:before, .if6 input[disabled], .if6 textarea[disabled], .if6 select[disabled] {
    background: #fff;
    border-color: #b3b3b3;
    cursor: default
}

input[disabled] + span.checkbox.checked:before {
    background: #f99
}

input[disabled] + span.radio.checked:before {
    background-color: transparent
}

input[disabled] + span.radio.checked:after {
    border-color: #f99
}

input[disabled] + span.checkbox, input[disabled] + span.radio {
    cursor: default
}

.if6 label, .if6 .label {
    color: #666;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%
}

.if6 label em:last-child, .if6 .label em:last-child {
    padding-right: 2px
}

.if6 ol {
    padding-left: 30px;
    margin: 0;
    text-align: left
}

.if6 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left
}

.if6_opener .overlay ul, .cbox ul, .text ul {
    padding-left: 30px
}

.if6_opener .overlay ul li:before, .cbox ul li:before, .text ul li:before {
    content: "\2022";
    display: inline-block;
    width: 30px;
    margin-left: -30px;
    text-align: center
}

.if6 ul.checked li {
    list-style: none
}

.if6 .cbox ul li + li, .if6 .cbox ol li + li {
    margin-top: 7px
}

.if6 .cbox-banking ul li + li, .if6 .cbox-banking ol li + li {
    margin-top: 0
}

.if6 .cbox ul.checked li + li {
    margin-top: 15px
}

.if6 h1, .if6 .h1 {
    font: bold 30px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: red;
    margin: 0
}

.if6 h2, .if6 .h2 {
    font: bold 22px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: red;
    margin: 0
}

.if6 h3, .if6 .h3 {
    font: bold 20px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #333;
    margin: 0
}

.if6 a {
    color: inherit
}

.if6 img {
    border: 0
}

.if6 p {
    margin: 0
}

.if6 p + p, .if6 ol + p, .if6 p + ol, .if6 ul + p, .if6 p + ul, .if6 ul + ol, .if6 ol + ul, .if6 p + h1, .if6 p + h2, .if6 p + h3 {
    margin-top: 20px
}

.if6 p + p .h1, .if6 p + p .h2, .if6 p + p .h3 {
    margin-top: -20px;
    display: block
}

.if6 p .h1, .if6 p .h2, .if6 p .h3 {
    display: block;
    margin-bottom: -20px
}

.if6 p:last-child .h1, .if6 p:last-child .h2, .if6 p:last-child .h3 {
    margin-bottom: 0
}

.if6 h2 .h1, .if6 h3 .h2 {
    display: block
}

.if6 table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: 0
}

.if6 th {
    font-weight: normal;
    color: #000;
    padding: 15px 10px;
    vertical-align: middle;
    text-align: left
}

.if6 th:first-child, .if6 td:first-child {
    padding-left: 20px
}

.if6 th:last-child, .if6 td:last-child {
    padding-right: 20px
}

.if6 td {
    padding: 15px 10px;
    vertical-align: middle;
    border: 0
}

.if6_outer {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #f0f0f0;
    margin-left: 0;
    transition: margin-left .5s ease .2s
}

.if6_inner {
    margin: 0 auto;
    width: 960px;
    overflow: hidden
}

.if6_breadcrumb {
    padding-top: 20px
}

ul.navpath li {
    display: inline;
    color: #666
}

ul.navpath li a {
    color: #666;
    white-space: nowrap;
    text-decoration: none
}

ul.navpath li + li:before {
    color: #666;
    content: " > "
}

.if6_breadcrumb + .if6_section .if6_inner, .if6_breadcrumb + * .if6_section:first-child .if6_inner {
    padding-top: 20px
}

div.if6_breadcrumb ul.navpath li a {
    color: #333;
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.no-touch div.if6_breadcrumb ul.navpath li a:hover, div.if6_breadcrumb ul.navpath li a:focus {
    text-decoration: underline
}

.if6_navigation {
    z-index: 2001
}

.if6_navigation > div {
    left: -330px;
    position: fixed;
    top: 0;
    bottom: 0;
    transition: left .5s ease .2s;
    width: 330px;
    background-color: #fff;
    z-index: 2002
}

.js .if6_navigation > div {
    overflow: auto;
    overflow-x: hidden;
    box-shadow: -1px 0 0 0 #e3e3e3 inset
}

.if6_navigation:hover > div {
    left: 0
}

.js .if6_navigation:hover > div {
    left: -330px
}

.if6_navigation > a, .if6 .if6_bstart, .if6 .if6_home {
    display: block;
    background-color: red;
    width: 50px;
    height: 50px;
    position: fixed;
    left: 0;
    transition: left .5s ease .2s;
    top: 116px;
    z-index: 2002;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
    color: transparent
}

.if6 .if6_bstart, .if6 .if6_home {
    top: 186px
}

.if6 .if6_home {
    display: none
}

.if6_navigation div div {
    position: absolute;
    background-color: #fff;
    width: 330px
}

.js .if6_navigation div div {
    top: 0;
    bottom: 0
}

.if6_navigation > div > div {
    left: 0;
    padding-top: 20px;
    z-index: 2002
}

.if6_navigation div div div {
    margin-left: 230px;
    margin-top: -30px;
    display: none
}

.if6_navigation li:hover > div {
    display: block
}

.js .if6_navigation li:hover > div {
    display: none
}

.js .if6_navigation div div {
    box-shadow: -1px 0 0 0 #e3e3e3 inset
}

.js .if6_navigation div div div {
    left: 330px;
    margin-left: 0;
    margin-top: 0;
    padding-top: 10px
}

.js .if6_navigation div div div.navvisible {
    display: block
}

.if6_navigation .h2 {
    font: bold 22px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: red;
    margin: 0 20px 15px 20px
}

.if6_navigation ul li > a {
    display: block;
    padding: 15px 20px;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #000;
    text-decoration: none
}

.no-touch .if6_navigation ul li:hover > a, .if6 .if6_navigation ul li > a:focus, .if6 .if6_navigation ul li.focus > a, .if6_navigation ul li.active > a, .if6_navigation ul li.current > a {
    background-color: red;
    color: #fff
}

.if6_navigation ul li.overview {
    border-bottom: 3px solid #f0f0f0
}

.if6_navigation .navtop, .if6_navigation .navback {
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    display: inline-block;
    padding: 10px 0;
    color: #666;
    text-decoration: none;
    margin-left: 20px
}

.if6_navigation .navtop + .h2, .if6_navigation .navback + .h2 {
    margin-top: 20px
}

.if6_navigation .navtop, .if6_navigation .navback, .if6_navigation .h2, .if6_navigation li.overview {
    display: none
}

.js .if6_navigation .navtop, .js .if6_navigation .navback, .js .if6_navigation .h2, .js .if6_navigation li.overview {
    display: inherit
}

.if6_navigation li li li li:hover > div {
    display: none
}

.js .navigation_visible .if6_navigation > div {
    left: 0;
    transition: left .5s ease .2s
}

.js .navigation_visible .if6_navigation div div {
    transition: left .5s ease .2s
}

body.navigation_visible .if6_outer {
    margin-left: 330px;
    transition: margin-left .5s ease .2s
}

body.navigation_visible .if6_navigation > a, body.navigation_visible .if6_bstart {
    left: 330px;
    transition: left .5s ease .2s
}

body.navigation_visible .if6_contact > a {
    right: -330px;
    transition: right .5s ease .2s
}

body.navigation_visible .iconbar_overlay, body.contact_visible .iconbar_overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2001;
    visibility: visible
}

body.navigation_visible .iconbar_overlay {
    left: 330px
}

body.contact_visible .iconbar_overlay {
    right: 330px
}

.if6_iconbar .if6_inner .iconbar {
    display: none;
    width: 100%;
    background-color: #fff;
    height: 40px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    z-index: 2001;
    text-align: center
}

.if6_contact {
    z-index: 2001
}

.if6_contact > a {
    display: block;
    background-color: red;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 0;
    transition: right .5s ease .2s;
    top: 116px;
    z-index: 2002;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
    color: transparent
}

.if6_contact > a + a {
    top: 156px
}

.if6_contact > a + a + a {
    top: 196px
}

.if6_contact > a + a + a.postlink {
    top: 226px;
    text-decoration: none
}

.chat_online .if6_contact > a:first-child + a:after, .videochat_online .if6_contact > a:first-child + a:after {
    border: 2px solid #fff;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #009864;
    display: block;
    content: "";
    margin-left: 2px;
    margin-top: -37px;
    position: relative
}

.videochat_online .if6_contact > a:first-child + a:after {
    background-color: #009864
}

.if6_contact > div {
    position: fixed;
    background-color: #fff;
    color: #666;
    width: 330px;
    right: -330px;
    transition: right .5s ease .2s, width .5s ease .2s;
    top: 0;
    bottom: 0;
    overflow: auto;
    box-shadow: 1px 0 0 0 #e3e3e3 inset;
    z-index: 2002
}

.if6_contact:hover > div {
    right: 0;
    transition: right .5s ease .2s
}

.js .if6_contact:hover > div {
    right: -330px
}

.js .contact_visible .if6_contact > div {
    right: 0
}

body.contact_visible .if6_outer {
    margin-left: -330px;
    transition: margin-left .5s ease .2s
}

body.contact_visible .if6_contact > a {
    right: 330px;
    transition: right .5s ease .2s
}

body.contact_visible .if6_navigation > a, body.contact_visible .if6_bstart {
    left: -330px;
    transition: left .5s ease .2s
}

.if6_section, .if6_homepagearea {
    background-color: #f0f0f0;
    font: 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    clear: left;
    overflow: visible
}

.if6_main > .parsys > .if6_section {
    border-bottom: 4px solid #e3e3e3;
    margin-bottom: 4px
}

.if6_main > .parsys {
    background-color: #fff;
    margin-bottom: -8px;
    min-height: 8px
}

.if6_section .if6_inner > h6 {
    font-weight: normal
}

.js .if6_section .if6_inner > h6 {
    display: none
}

.if6_section > .if6_inner {
    padding: 50px 20px 30px 20px;
    overflow: visible
}

.if6_section > .if6_inner > .parsys:after {
    clear: both;
    content: "";
    display: table
}

.if6_section > .if6_inner > .parsys {
    margin-right: -20px
}

.if6_section > .if6_inner > .parsys > * {
    padding-right: 20px;
    margin-bottom: 20px
}

.if6_section > .if6_inner > span.anchor {
    position: absolute;
    margin-top: -50px;
    display: block;
    pointer-events: none
}

.with-pagenav .if6_section > .if6_inner > span.anchor {
    margin-top: -105px
}

.cbox {
    float: left;
    background: #fff;
    padding: 20px;
    border-top: 20px solid #f0f0f0;
    border-right: 20px solid #f0f0f0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: -20px 0 20px 0;
    position: relative;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666
}

.cbox h2, .cbox p .h2 {
    margin-bottom: 20px
}

.cbox h3 {
    margin-bottom: 20px
}

.cbox h2 + h3 {
    margin-top: -15px
}

.cbox p + h3 {
    margin-top: 40px;
    margin-bottom: 10px
}

.cbox p.contains-h2 + h3 {
    margin-top: -15px;
    margin-bottom: 20px
}

.cbox + * {
    clear: left
}

.cbox + .cbox {
    clear: none
}

.cbox-medium {
    width: 66.66%
}

.cbox-half {
    width: 50%
}

.cbox-small {
    width: 33.33%
}

.cbox-large {
    width: 100%
}

.cbox-icon {
    color: #666;
    font: 14px/110% SparkasseWeb, Helvetica, Arial, sans-serif
}

.cbox-icon .icon {
    height: 40px;
    display: block
}

.cbox-icon h2, .cbox-icon h3, .if6 .cbox-icon .h2 {
    font: bold 22px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #333
}

.cbox-icon span + h2, .cbox-icon span + h3, .cbox-icon span + p .h2 {
    padding-left: 40px;
    margin-bottom: 15px;
    margin-top: -40px
}

.cbox div.textbutton {
    height: 23px;
    padding-top: 20px;
    text-align: right
}

.cbox .textbutton a {
    display: inline-block;
    color: #666;
    text-decoration: none;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.cbox div.textbutton a {
    position: absolute;
    right: 20px;
    bottom: 20px
}

.cbox div.table .textbutton a {
    white-space: nowrap
}

.cbox-imagetext div.textbutton {
    padding-top: 0;
    padding-bottom: 20px;
    padding-right: 20px
}

.if6_section .if6_inner > .parsys > .cbox-banking {
    padding: 0
}

.cbox-banking {
    color: #666;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%
}

.cbox-banking a {
    color: red
}

.cbox-banking h2, .cbox-banking h3 {
    margin-bottom: 0
}

.cbox-banking .cbox h2 + h3 {
    margin-top: 5px
}

.cbox-banking > h2 {
    padding-left: 20px
}

.cbox-banking > h2:first-child {
    padding-top: 20px
}

.cbox-banking > h2:last-child {
    padding-bottom: 20px
}

.cbox-product {
    color: #666;
    font: 14px/110% SparkasseWeb, Helvetica, Arial, sans-serif
}

.cbox-product .image {
    margin: -20px -20px 20px -20px
}

.cbox-product .image.image-only {
    margin-bottom: -20px
}

.cbox-product .image img {
    vertical-align: middle;
    width: 100%
}

.cbox-product h2, .cbox-product h3, .if6 .cbox-product .h2 {
    color: red;
    display: block;
    font: bold 22px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-bottom: 15px;
    margin-top: 0
}

.cbox-product .textbutton a {
    color: red
}

.cbox-partner > div {
    display: table;
    width: 100%;
    height: 100%
}

.cbox-partner h2, .cbox-partner h3, .cbox-partner h3.h2 {
    display: table-row;
    font: bold 22px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #333
}

.cbox-partner .image {
    display: table-row;
    text-align: center
}

.cbox-partner a {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 0;
    height: 100%
}

.cbox-partner img {
    width: 100%;
    vertical-align: middle
}

.cbox-image .image {
    margin-bottom: 20px
}

.cbox-image .image.image-only {
    display: table;
    width: 100%;
    height: 100%;
    margin-bottom: 0
}

.cbox-image .image.image-only div {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.cbox-image .image img {
    width: 100%;
    vertical-align: middle
}

.cbox-imagetext {
    padding: 0
}

.if6_section .if6_inner > .parsys > .cbox-imagetext {
    padding-right: 0
}

.cbox-imagetext .image {
    display: table-cell;
    vertical-align: middle;
    width: 33.33%
}

.cbox-imagetext .image div {
    padding: 20px 33.33px 20px 20px
}

.cbox-imagetext .image img {
    width: 100%;
    vertical-align: middle
}

.cbox-imagetext .description {
    display: table-cell;
    vertical-align: top;
    width: 66.66%;
    position: relative
}

.cbox-imagetext .ctext {
    padding: 20px 20px 20px 26.67px
}

.cbox-imagetext .image-right div {
    position: relative;
    left: 200%;
    z-index: 10
}

.cbox-imagetext .image-right div {
    padding: 20px 20px 20px 33.33px
}

.cbox-imagetext .image-right + .description .ctext {
    left: -50%;
    position: relative;
    padding: 20px 26.67px 20px 20px
}

.cbox-imagetext .image-right + .description .textbutton a {
    right: 50%;
    margin-right: 26.67px;
    width: 90%;
    text-align: right
}

.if6_section .if6_inner > .parsys > .cbox-iframe {
    padding: 0
}

.cbox-iframe iframe {
    width: 100%;
    max-width: 100%;
    border: 0;
    vertical-align: middle;
    height: 400px
}

.cbox-campaign, .cbox-mainproduct {
    font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666
}

.cbox-small.cbox-campaign {
    min-height: 326.67px
}

.campaign {
    position: relative;
    clear: left;
    background-color: #fff;
    border: 10px solid #00acd3;
    font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.if6_section .if6_inner > .parsys > .cbox-large.cbox-campaign, .if6_section .if6_inner > .parsys > .cbox-mainproduct {
    padding: 0
}

.cbox-small.cbox-campaign > .image {
    margin: -20px -20px 20px -20px
}

.cbox-campaign > .image img, .cbox-mainproduct > .image img, .campaign > .image img {
    width: 100%;
    vertical-align: middle
}

.campaign > .image {
    width: 33.33%;
    display: table-cell;
    vertical-align: top
}

.campaign > .image div {
    position: relative;
    top: 0;
    left: 200%
}

.campaign > .image + .description {
    width: 66.66%;
    display: table-cell;
    vertical-align: top
}

.campaign > .image + .description > div {
    position: relative;
    left: -50%;
    top: 0;
    background-color: transparent
}

.campaign .ctext {
    padding: 20px
}

.cbox-small.cbox-campaign .ctext {
    font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #000;
    padding-bottom: 43px
}

.cbox-large.cbox-campaign h2, .cbox-mainproduct h2 {
    font: 34px/110% SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    margin-bottom: 20px
}

.cbox-small.cbox-campaign h2 {
    font: bold 22px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-bottom: 5px
}

.campaign h2 {
    font: bold 22px/110% SparkasseWeb, Helvetica, Arial, sans-serif
}

.cbox-small.cbox-campaign > .description:first-child {
    background-color: red;
    outline: 20px solid red;
    min-height: 266.67px;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: .1px solid red
}

.cbox-small.cbox-campaign > .description:first-child .ctext {
    color: #fff;
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif
}

.cbox-small.cbox-campaign > .description:first-child h2 {
    color: #fff;
    font: 34px/110% SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    margin-bottom: 10px
}

.cbox-small.cbox-campaign > .description:first-child .linklist {
    background-color: red
}

.cbox-small.cbox-campaign > .description:first-child .linklist a {
    color: #fff
}

.campaign .campaign-top {
    text-decoration: none;
    color: #fff;
    padding: 0 34px 10px 34px;
    min-height: 24px;
    position: relative;
    background-color: #00acd3;
    font: bold 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    outline: 0;
    cursor: default
}

.campaign .campaign-top p {
    display: inline-block;
    vertical-align: middle
}

.cbox-large.cbox-campaign .description, .cbox-mainproduct .description {
    max-width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 20px 0 20px 20px
}

.cbox-large.cbox-campaign .description .left, .cbox-mainproduct .description .left {
    background-color: #fff;
    padding: 20px
}

.cbox-large.cbox-campaign .description.bottom-text, .cbox-mainproduct .description.bottom-text {
    top: auto;
    bottom: 0
}

.cbox-large.cbox-campaign .description.bottom-text.with-analyst {
    bottom: 60px
}

.cbox-campaign .linklist, .cbox-mainproduct .linklist, .campaign .linklist {
    text-align: right;
    padding: 0 20px 20px 20px;
    background-color: #fff
}

.cbox-small.cbox-campaign .linklist {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding-top: 2px
}

.cbox-campaign .linklist ul, .cbox-mainproduct .linklist ul, .campaign .linklist ul {
    padding: 0
}

.cbox-campaign .linklist li:before, .cbox-mainproduct .linklist li:before, .campaign .linklist li:before, .cbox-eyecatcher .linklist li:before, .cbox-bannerbox .linklist li:before {
    display: none
}

.cbox-campaign .linklist li, .cbox-mainproduct .linklist li, .campaign .linklist li, .cbox-eyecatcher .linklist li, .cbox-bannerbox .linklist li {
    text-align: right
}

.cbox-campaign .linklist a, .cbox-mainproduct .linklist a, .campaign .linklist a, .cbox-eyecatcher .linklist a, .cbox-bannerbox .linklist a {
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666;
    text-decoration: none
}

.cbox-campaign .linklist ul li + li, .cbox-mainproduct .linklist ul li + li, .campaign .linklist ul li + li, .cbox-eyecatcher .linklist ul li + li, .cbox-bannerbox .linklist ul li + li {
    margin-top: 10px
}

.cbox-campaign .linklist .primary a, .cbox-mainproduct .linklist .primary a, .campaign .linklist .primary a, .cbox-eyecatcher .linklist .primary a, .cbox-bannerbox .linklist .primary a {
    color: red
}

.cbox-campaign .analyst, .campaign .analyst, .cbox-eyecatcher .analyst, .cbox-bannerbox .analyst, .pf-nachricht .analyst {
    padding: 0 20px;
    display: table;
    width: 100%;
    box-sizing: border-box;
    font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666
}

.campaign .analyst {
    background-color: #00acd3;
    border-top: 10px solid #00acd3;
    padding: 0;
    color: #fff
}

.cbox-eyecatcher .analyst > div, .campaign .analyst > div, .cbox-large.cbox-campaign .analyst > div, .cbox-bannerbox .analyst > div, .pf-nachricht .analyst > div {
    display: table;
    width: 100%
}

.cbox-eyecatcher .analyst > div.image, .campaign .analyst > div.image, .cbox-large.cbox-campaign .analyst > div.image, .cbox-bannerbox .analyst > div.image, .pf-nachricht .analyst > div.image {
    display: table-cell;
    width: 20px;
    position: relative;
    padding-right: 10px;
    vertical-align: middle
}

.analyst .left {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px
}

.analyst .left div {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.analyst .right {
    display: table-cell;
    vertical-align: middle;
    text-align: right
}

.analyst .right a + a {
    margin-left: 20px
}

.analyst .right .footnote {
    margin: 5px 0 0 0;
    font: 8px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    white-space: nowrap
}

.cbox-large.cbox-campaign .analyst .image + div > div {
    height: 60px
}

.cbox-large.cbox-campaign .analyst.style-2 {
    background-color: red;
    color: #fff
}

.campaign .analyst .image img {
    height: 50px
}

.campaign .analyst > div > div {
    height: 52px
}

.campaign .analyst > div.image {
    padding-right: 20px;
    overflow: visible
}

.campaign .analyst > .image:after {
    content: "";
    border-left: 35px solid #fff;
    border-bottom: 35px solid transparent;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    display: block;
    position: absolute;
    top: -22px;
    right: -25px
}

.campaign .analyst a {
    color: #fff
}

.cbox-banking > .campaign {
    margin: 20px
}

.if6 .btableblock .tablecampaign td {
    padding: 0
}

.btableblock tr.tablerowodd + .tablecampaign {
    background-color: #f0f0f0
}

.btableblock.ty2 tr.tablerowodd + .tablecampaign {
    background-color: transparent
}

.if6 .btableblock .tablecampaign td:first-child {
    padding: 0 5px 5px 5px;
    width: 100%
}

.js .campaign > *, .js .campaign > .image + div, .js .campaign .analyst {
    display: none
}

.campaign > *, .js .campaign.campaign-visible > * {
    display: block
}

.js .campaign.campaign-visible > .analyst {
    display: table
}

.js .campaign.campaign-visible > .image, .js .campaign.campaign-visible > .image + div {
    display: table-cell
}

.js .campaign > .campaign-top {
    display: block;
    padding-bottom: 0;
    cursor: pointer
}

.js .campaign.campaign-visible > .campaign-top {
    padding-bottom: 10px
}

.cbox-market {
    padding-left: 0;
    display: none
}

.if6_section .if6_inner > .parsys > .cbox-market, .if6_homepagearea .if6_inner > .parsys > .cbox-market {
    padding-right: 0
}

.cbox-market.data-loaded {
    display: block
}

.cbox-market .market-table {
    width: 66.67%;
    display: inline-block;
    vertical-align: top
}

.cbox-market .market-form {
    width: 33.33%;
    display: inline-block;
    padding: 0 20px;
    box-sizing: border-box;
    vertical-align: top;
    text-align: right
}

.cbox-market p .h2 {
    font: bold 22px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 0 20px
}

.cbox-market table tr {
    display: table-cell;
    width: 33.33%
}

.cbox-market table tr th {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding-bottom: 10px;
    padding-top: 0;
    font: 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #333
}

.cbox-market table tr td {
    padding-bottom: 0;
    padding-top: 0;
    font: 18px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666
}

.cbox-market table tr th + td {
    padding-left: 20px;
    padding-right: 0
}

.cbox-market table tr th + td + td {
    padding-right: 20px;
    text-align: right;
    width: 100%;
    box-sizing: border-box
}

.cbox-market table tr th + td + td + td {
    display: block;
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    padding-left: 20px;
    padding-top: 10px
}

.cbox-market table tr + tr {
    border-left: 1px solid #e3e3e3
}

.cbox-market input[type="text"] {
    width: 80%;
    width: calc(100% - 31px);
    vertical-align: middle;
    padding-left: 25px
}

.cbox-market .ficon {
    margin: 0 0 0 7px;
    width: 23px;
    height: 23px;
    vertical-align: middle
}

.cbox-market div.textbutton {
    padding-top: 0
}

.cbox-market .textbutton a {
    color: red
}

.cbox-market form + form, .cbox-market .textbutton + .textbutton {
    display: none
}

.templ-bankingstartpage .cbox {
    box-shadow: 0 20px 0 20px #f0f0f0
}

.templ-bankingstartpage .cbox-small {
    min-height: 326.67px
}

.templ-bankingstartpage .cbox-medium {
    box-shadow: 0 326.67px 0 #fff
}

.templ-bankingstartpage .cbox-small {
    box-shadow: 0 20px 0 20px #f0f0f0
}

.templ-bankingstartpage .cbox-small:last-child:after {
    width: 960px;
    height: 326.67px;
    content: " ";
    background-color: #f0f0f0;
    display: block;
    left: 330px;
    position: absolute;
    top: -20px
}

.templ-bankingstartpage .if6_section > .if6_inner:after {
    content: " ";
    display: block;
    background-color: #f0f0f0;
    width: 960px;
    height: 50px;
    position: absolute;
    bottom: 0
}

.templ-logoutpage .cbox-large {
    background-color: #fffede
}

.templ-logoutpage .cbox-large.cbox-mainproduct, .templ-logoutpage .cbox-large.cbox-campaign, .templ-logoutpage .carousel .cbox-large {
    background-color: #fff
}

.templ-bankingwidepage .if6_section .if6_inner, .templ-printwidepage .if6_section .if6_inner {
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    box-sizing: border-box
}

.cbox ol {
    counter-reset: item
}

.cbox ol li {
    list-style: none
}

.cbox ol li:before {
    content: counter(item);
    counter-increment: item;
    text-align: right;
    color: #666;
    padding-right: 10px;
    width: 20px;
    margin-left: -30px;
    font: 25px SparkasseWeb, Helvetica, Arial, sans-serif;
    display: inline-block
}

.cbox ul li:before {
    color: #666
}

.cbox .table {
    margin: 0 -5px;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%
}

.cbox .table:first-child, .cbox span + .table {
    margin-top: -20px
}

.cbox .table:last-child {
    margin-bottom: -5px
}

.cbox .table th, .cbox .table td {
    text-align: right
}

.cbox .table td {
    color: #444
}

.cbox .table th:first-child {
    text-align: left
}

.cbox .table th:first-child, .cbox .table td:first-child {
    padding-left: 5px
}

.cbox .table th:last-child, .cbox .table td:last-child {
    padding-right: 5px
}

.cbox .table tfoot {
    border-top: 2px solid rgba(0, 0, 0, 0.1)
}

.cbox .table tfoot tr {
    background-color: #e3e3e3
}

.cbox .table th.center, .cbox .table td.center {
    text-align: center
}

.cbox .table th.left, .cbox .table td.left {
    text-align: left
}

.cbox .table td ul {
    display: inline-block;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

span.small {
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

span.black {
    color: #000
}

span.darkgrey {
    color: #666
}

.carousel {
    position: relative;
    overflow: hidden;
    border-right: 20px solid #f0f0f0
}

.js .carousel {
    background-color: #fff
}

.if6_section .if6_inner > .parsys > .carousel {
    margin-bottom: 0;
    padding-right: 0
}

.js .if6_section .if6_inner > .parsys > .carousel {
    margin-bottom: 20px
}

.js .if6_section .if6_inner > .parsys > .carousel.carousel-empty {
    margin-bottom: 0
}

.carousel > .parsys > .cbox {
    border: 0;
    margin-top: 0
}

.carousel_play {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.carousel_play > div {
    border-top: 2px solid #f0f0f0;
    text-align: center;
    padding: 0 20px
}

.carousel_play .left {
    float: left;
    cursor: pointer;
    padding: 10px 0
}

.carousel_play .right {
    float: right;
    cursor: pointer;
    padding: 10px 0
}

.carousel_play ul {
    display: inline-block;
    padding: 15px 0;
    line-height: 0
}

.carousel_play ul li {
    display: inline-block;
    border-radius: 5px;
    border: 5px solid #666;
    cursor: pointer
}

.carousel_play ul li + li {
    margin-left: 10px
}

.carousel_play ul li.active {
    border-color: red
}

.if6_buttonline {
    padding-top: 20px;
    text-align: center;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #333
}

.if6_buttonline > .headline {
    text-align: center;
    width: 80%;
    font: bold 22px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin: 0 auto 20px auto
}

.if6_buttonline > .ctext {
    text-align: center;
    width: 80%;
    margin: 0 auto 20px auto
}

.if6_buttonline .contact {
    margin-bottom: 20px
}

.if6_buttonline .contact .main {
    display: inline-block
}

.if6_buttonline .contact .main > div {
    display: inline-block;
    vertical-align: middle
}

.if6_buttonline .contact .main .image {
    margin-right: 10px;
    position: relative
}

.if6_buttonline .contact .main .image img {
    height: 73px;
    border: 1px solid transparent;
    position: absolute;
    vertical-align: middle;
    width: 100%
}

.if6_buttonline .contact .main .image img + img {
    position: static;
    border-color: #fff;
    width: auto
}

.if6_buttonline .contact .main .image + div {
    text-align: left
}

.if6_buttonline .contact .main .name {
    margin-bottom: 10px
}

.if6_buttonline .contact .main .name + div {
    text-align: left
}

.if6_buttonline .contact .main span {
    display: block;
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    position: relative;
    top: 25px;
    padding-left: 41px
}

.if6_buttonline .contact .main a {
    display: block;
    font: bold 22px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding-left: 29px
}

.if6_buttonline .contact .main span + a {
    padding-bottom: 18px;
    margin-top: -18px;
    padding-left: 41px
}

.if6_buttonline .contact > a {
    display: none;
    background-color: #666;
    color: #fff;
    width: 80%;
    padding: 9px 20px 9px 48px;
    margin-top: 10px;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 4px;
    font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.if6_buttonline > .buttonline_inner {
    text-align: center;
    margin-left: -20px
}

.if6_buttonline > .buttonline_inner > div a {
    font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    display: inline-block;
    padding: 9px 20px;
    text-decoration: none;
    margin: 0
}

.if6_buttonline div.back {
    float: left;
    display: inline-block;
    color: #666;
    margin-bottom: 20px;
    margin-left: 20px
}

.if6_buttonline div.back a {
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    padding: 10px 0 9px 0
}

.if6_buttonline div.primary, .if6_buttonline div.primaryicon {
    margin-left: 20px;
    margin-bottom: 20px;
    display: inline-block;
    background-color: red;
    color: #fff;
    border-radius: 4px
}

.if6_buttonline div.primary a, .if6_buttonline div.primaryicon a {
    color: #fff
}

.if6_buttonline div.secondary {
    margin-left: 20px;
    margin-bottom: 20px;
    display: inline-block;
    background-color: #666;
    color: #fff;
    border-radius: 4px
}

.if6_buttonline div.secondary a {
    color: #fff
}

.if6_buttonline div.contactsel {
    display: inline-block;
    padding-bottom: 20px;
    margin-left: 20px;
    position: relative
}

.if6_buttonline div.contactsel > a {
    background-color: #666;
    border-radius: 4px;
    color: #fff
}

.if6_buttonline div.contactsel > a + a {
    display: none
}

.if6_buttonline div.contactsel > div {
    border: 3px solid rgba(0, 0, 0, 0.1);
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -143px;
    margin-top: 18px;
    z-index: 10
}

.if6_buttonline div.contactsel > div:before, .if6_buttonline div.contactsel ul:before {
    border-bottom: 8px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    display: block;
    margin-left: 111px;
    margin-top: -18px;
    position: absolute;
    z-index: 10
}

.if6_buttonline div.contactsel > div:before {
    border-bottom: 8px solid rgba(0, 0, 0, 0.1);
    margin-top: -11px;
    margin-left: 131px
}

.if6_buttonline div.contactsel ul {
    padding: 10px 20px;
    background-color: #fff;
    width: 240px;
    color: #666
}

.if6_buttonline div.contactsel ul li {
    position: relative
}

.if6_buttonline div.contactsel ul li + li {
    border-top: 1px solid #ccc
}

.if6_buttonline div.contactsel ul span {
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    display: block;
    margin-top: -5px
}

.if6_buttonline div.contactsel ul a {
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    font-weight: bold;
    width: 100%;
    padding: 10.5px 10px 10.5px 31px;
    position: relative;
    box-sizing: border-box
}

.if6_buttonline div.contactsel ul a.has-note {
    padding: 3.5px 10px 3.5px 31px
}

.if6_buttonline div.contactsel.show050 {
    display: none
}

.if6_buttonline div.contactsel:hover > div {
    display: block
}

.js .if6_buttonline div.contactsel:hover > div {
    display: none
}

.js .if6_buttonline div.contactsel.visible > div {
    display: block
}

.if6_pagenav {
    overflow: visible;
    height: 60px;
    z-index: 1999
}

.if6_pagenav .if6_inner {
    overflow: visible;
    padding: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 0 #e3e3e3
}

.if6_pagenav.nav-fixed .if6_inner {
    position: fixed;
    top: 0;
    z-index: 2000;
    left: 0;
    transition: left .5s ease .2s
}

body.navigation_visible .if6_pagenav.nav-fixed .if6_inner {
    left: 330px;
    transition: left .5s ease .2s
}

.if6_pagenav .pagenav {
    border-left: 2px solid #e3e3e3;
    height: 60px;
    width: 960px;
    margin: 0 auto;
    white-space: nowrap
}

.pagenav li {
    display: inline-block;
    position: relative;
    width: 25%;
    height: 60px;
    border-right: 2px solid #e3e3e3;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    cursor: pointer;
    white-space: normal
}

.no-touch .pagenav li:hover {
    color: red
}

.no-touch .pagenav li.active:hover {
    color: #fff
}

.pagenav.pagenav-five li {
    width: 20%
}

.pagenav li > div {
    display: inline-block
}

.pagenav li > div > div {
    display: table-cell;
    height: 60px;
    vertical-align: middle
}

.pagenav li.active {
    margin-left: -2px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background-color: red;
    color: #fff;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.pagenav li.active > div:before {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 12px solid red;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -13px;
    content: "";
    display: block;
    z-index: 2000
}

.if6_section .if6_inner > .parsys > .if6_tabnav {
    margin-bottom: 0
}

.if6_tabnav ul.tabnav {
    padding-bottom: 30px;
    margin-right: -20px
}

.tabnav li {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    font: 25px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    background-color: #e3e3e3;
    color: #666
}

.tabnav li.active {
    background-color: red;
    color: #fff
}

.tabnav li > div > a {
    text-decoration: none;
    padding: 6px 10px;
    display: block
}

.tabnav li.active > div:before, .tabnav li.active > div:after {
    border-top: 12px solid red;
    position: absolute;
    bottom: 0;
    margin-bottom: -12px;
    left: 50%;
    content: "";
    display: block;
    z-index: 10
}

.tabnav li.active > div:before {
    border-left: 12px solid transparent;
    margin-left: -12px
}

.tabnav li.active > div:after {
    border-right: 12px solid transparent
}

select.tabnav, select.tabnav + span.select {
    display: none
}

.tabnav + .select-wrap {
    position: static;
    display: none
}

.if6_section .if6_inner > .parsys > .if6_glossar {
    margin-bottom: 0;
    text-align: right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.text + .if6_glossar, .if6_tabnav + .if6_glossar {
    float: left;
    margin-left: -20px
}

.if6_glossar a {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width: 28px;
    margin: 3px 0 20px -28px;
    text-decoration: none
}

.templ-bankingpage .text, .templ-bankingstartpage .text, .templ-bankingpage .if6_tabnav, .templ-bankingwidepage .text {
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: left
}

.templ-bankingpage .if6_lightbox .text, .templ-bankingstartpage .if6_lightbox .text {
    float: none
}

.templ-bankingstartpage .parsys > .cbox + .if6_glossar {
    width: 66.66%;
    position: relative;
    z-index: 1;
    margin-bottom: -58px
}

.templ-bankingstartpage .cbox + .if6_glossar a {
    margin: 20px 20px 0 0
}

.templ-bankingstartpage .parsys > .cbox + .if6_glossar:last-child {
    display: none
}

.if6_header {
    height: 96px;
    background-color: red;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
    display: table;
    overflow: visible
}

.js .if6_header {
    z-index: 2005
}

.navigation_visible .if6_header, .contact_visible .if6_header {
    z-index: 2001
}

.if6_header .if6_inner {
    height: 100%;
    color: #fff;
    display: table-row;
    width: 100%
}

.logo {
    display: table-cell;
    vertical-align: middle;
    width: 10px;
    max-width: 312px
}

.logo img {
    vertical-align: middle
}

.logo img.only-desktop {
    height: 45px;
    padding-left: 50px;
}

.logo img.only-M {
    height: 60px
}

.logo img.symbol {
    display: none
}

.logo img.only-print {
    display: none
}

.logo a {
    text-decoration: none
}

.logo .long-name {
    display: none;
    position: absolute;
    width: 100%
}

.logo .long-name div {
    position: absolute;
    bottom: 0;
    left: 15px;
    padding-right: 10px;
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.loginlogout {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    line-height: 0;
    position: relative
}

.loginlogout form {
    text-align: left;
    display: inline-block
}

.loginlogout form.header-logout {
    line-height: 150%;
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
    border-radius: 5px;
    width: 476px;
    text-align: right;
    height: 36px;
    padding: 0 12px;
    white-space: nowrap
}

.if6 .loginlogout .label {
    display: inline-block;
    color: #fff;
    margin-right: 8px;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 36px;
    float: left;
    padding: 2px 0;
    height: 36px
}

.if6 .loginlogout label {
    border: 2px solid #666;
    border-radius: 5px;
    background-color: #fff;
    padding: 5px;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 21px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    border-color: red;
    color: #e3e3e3;
    width: 124px;
    margin-right: -124px;
    display: inline-block;
    vertical-align: top;
    float: left;
    border-radius: 6px;
    padding-left: 10px;
    height: 40px;
    font: italic 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 26px
}

.js .if6 .loginlogout label {
    color: #666
}

.if6 .loginlogout input {
    border-color: red;
    width: 124px;
    background-color: transparent;
    vertical-align: top;
    float: left;
    margin-right: 6px;
    border-radius: 6px;
    height: 40px
}

.if6 .loginlogout input.nonempty {
    background-color: #fff
}

.loginlogout .secselect {
    float: left;
    height: 36px;
    width: 84px;
    border: 2px solid red;
    border-right: 0;
    border-radius: 6px 0 0 6px;
    background-color: #e3e3e3
}

.loginlogout .secselect ul {
    width: 84px;
    position: absolute;
    z-index: 2001
}

.secselect li {
    color: #666;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 26px
}

.secselect li:first-child {
    cursor: pointer
}

.secselect div {
    padding: 5px
}

.secselect li a {
    color: #000;
    text-decoration: none
}

.secselect li + li {
    display: none;
    border: 2px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-left: -2px
}

.secselect li + li div {
    border-top: 2px solid #e3e3e3;
    margin-top: -4px;
    border-radius: 0;
    background-color: #fff
}

.js .secselect:hover li div {
    border-bottom-left-radius: 6px
}

.js .secselect:hover li + li {
    display: none
}

.secselect:hover li div, .js .secselect.secselect_visible li div {
    border-bottom-left-radius: 0
}

.secselect:hover li + li, .js .secselect.secselect_visible li + li {
    display: block
}

.if6 .secselect + label {
    margin-right: -122px
}

.if6 .secselect + label, .if6 .secselect + label + input {
    border-radius: 0 6px 6px 0;
    border-left-width: 0;
    width: 122px
}

.loginlogout div.login {
    display: inline-block;
    margin-top: 5px;
    margin-left: 2px;
    width: 28px;
    overflow: hidden;
    white-space: nowrap
}

.loginlogout div.login input[type="submit"] {
    height: 28px;
    background-color: rgba(0, 0, 0, 0.01);
    color: transparent;
    cursor: pointer;
    margin: 0;
    position: relative;
    border: 0;
    padding-left: 28px;
    float: none;
    width: auto
}

.loginlogout .header-loginlink div.login {
    width: auto;
    margin-top: 0;
    margin-left: 0
}

.loginlogout .header-loginlink div.login:before {
    display: none
}

.loginlogout .header-loginlink div.login input[type="submit"] {
    color: #fff;
    padding: 0 35px 0 0;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif
}

.loginlogout .header-loginlink div.login input[type="submit"] + input[type="submit"] {
    display: none
}

.loginlogout .login-forgotten {
    display: inline-block;
    height: 0;
    width: 0;
    position: relative;
    right: 38px;
    top: 24px
}

.loginlogout .login-forgotten div {
    text-align: right;
    width: 254px;
    margin-left: -254px
}

.loginlogout .login-forgotten a {
    color: #fff;
    white-space: nowrap;
    text-decoration: none
}

.no-touch .loginlogout .login-forgotten a:hover, .loginlogout .login-forgotten a:focus {
    text-decoration: underline
}

.loginlogout .header-logout p {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 285px;
    text-align: left;
    font: bold 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 36px
}

.loginlogout .header-logout div.logout {
    vertical-align: top;
    display: inline-block
}

.loginlogout .header-logout div.logout + p {
    width: auto;
    float: none;
    overflow: visible;
    display: inline-block
}

.loginlogout .header-logout div.logout + p span {
    display: inline-block;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 36px;
    padding: 0;
    cursor: default;
    color: #fff
}

.loginlogout .header-logout div.logout + p span.logout-time-detail-information {
    position: absolute;
    display: block;
    left: -1000px
}

.loginlogout .header-logout div.logout + p span.logout-time-detail-information:before, .loginlogout .header-logout div.logout + p span.logout-time-detail-information:after {
    display: block;
    content: "";
    position: absolute;
    z-index: 2106;
    border-bottom: 5px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin-left: -6px;
    margin-top: -5px;
    top: 0;
    left: 25%
}

.loginlogout .header-logout div.logout + p span.logout-time-detail-information:before {
    border-bottom: 5px solid rgba(0, 0, 0, 0.1);
    margin-top: -8px
}

.loginlogout .header-logout div.logout + p span.logout-time-detail-information span {
    position: relative;
    background-color: #fff;
    color: #000;
    padding: 12px;
    outline: 3px solid rgba(0, 0, 0, 0.1);
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    display: block;
    z-index: 2105;
    margin-left: -300px;
    white-space: normal
}

.loginlogout .header-logout div.logout + p:hover span.logout-time-detail-information {
    left: auto
}

.loginlogout div.logout input[type="submit"] {
    color: #fff;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0 5px 0 19px;
    vertical-align: baseline;
    cursor: pointer;
    width: auto;
    border: 0;
    float: none
}

.no-touch .loginlogout div.logout:hover, .loginlogout div.logout input:focus, .loginlogout div.logout.focus {
    background-color: rgba(0, 0, 0, 0.25)
}

.js .loginlogout div.logout input:focus {
    background-color: transparent
}

.loginlogout br {
    display: none
}

.loginlogout span {
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    display: inline-block;
    padding: 10px 0;
    color: #666;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    display: none;
    white-space: nowrap
}

.loginlogout .msgerror, .loginlogout .msginfo {
    position: absolute;
    top: 90px;
    background-color: #fff;
    border: 2px solid red;
    border-color: #e50000;
    left: 50%;
    width: 456px;
    margin-left: -250px;
    line-height: 150%;
    z-index: 2100
}

.loginlogout .workflow_error {
    line-height: 150%
}

.loginlogout > img.only-desktop {
    height: 96px
}

.loginlogout > img.only-M {
    height: 60px
}

.search {
    display: table-cell;
    vertical-align: middle;
    width: 250px;
    padding-right: 20px;
    text-align: right;
    position: relative
}

.with-langselect .search {
    padding-right: 10px
}

.if6 .search form {
    margin: 0 -2px
}

.if6 .search label {
    border: 2px solid #666;
    border-radius: 5px;
    background-color: #fff;
    padding: 5px;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 21px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    border-color: red;
    border-radius: 6px;
    color: #e3e3e3;
    width: 254px;
    margin-right: -254px;
    padding-left: 32px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font: italic 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 26px;
    height: 40px;
    white-space: nowrap;
    overflow: hidden
}

.js .if6 .search label {
    color: #666
}

.if6 .search input {
    padding-left: 27px;
    width: 254px;
    background-color: transparent;
    vertical-align: top;
    border-color: red;
    height: 40px;
    border-radius: 6px
}

.if6 .search input.nonempty {
    background-color: #fff
}

.search > a {
    display: none;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    width: 45px;
    height: 45px;
    overflow: hidden;
    text-decoration: none
}

.with-langselect .search {
    width: 240px
}

.with-langselect .search label, .with-langselect .search input {
    width: 244px
}

.with-langselect .search label {
    margin-right: -244px
}

.if6_langselect {
    display: table-cell;
    vertical-align: middle;
    width: 28px;
    text-align: center;
    padding-right: 20px;
    position: relative
}

.if6_langselect > div {
    height: 45px
}

.if6_langselect > div > span {
    padding: 0 3px;
    height: 43px;
    min-width: 37px;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font: 16px/43px SparkasseWeb, Helvetica, Arial, sans-serif
}

.no-touch .if6_langselect > div > span:hover {
    background-color: #fff;
    color: red
}

.if6_langselect > div > div {
    width: 28px;
    height: 20px;
    display: none
}

.if6_langselect .langselect {
    position: absolute;
    width: 328px;
    margin-left: -150px;
    text-align: center;
    z-index: 2003
}

.if6_langselect .langselect > div {
    position: relative;
    margin-top: 10px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    display: inline-block
}

.if6_langselect > div:hover > div {
    display: inline-block
}

.js .if6_langselect > div:hover > div {
    display: none
}

.js .langselect_visible .if6_langselect > div > div {
    display: inline-block
}

.if6_langselect > div > div:before, .if6_langselect > div > div:after {
    display: block;
    content: "";
    position: absolute;
    z-index: 10;
    border-bottom: 8px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    margin-left: 5px;
    margin-top: 5px;
    z-index: 2004
}

.if6_langselect > div > div:before {
    border-bottom: 8px solid rgba(0, 0, 0, 0.1);
    margin-top: 2px
}

.if6_langselect .langselect li {
    padding: 7px 10px;
    background-color: #fff
}

.if6_langselect .langselect li + li {
    border-top: 2px solid #e3e3e3
}

.if6_langselect .langselect a {
    text-decoration: none;
    color: #000
}

.if6_contactstage .if6_inner {
    text-align: center;
    color: #333
}

.if6_contactstage .cshead {
    font: 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.if6_contactstage .buttonparsys {
    display: table;
    width: 100%;
    margin-bottom: 20px
}

.cs-phone {
    display: block;
    margin: 10px 15px 0 15px;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.cs-phone a {
    text-decoration: none
}

.cs-phone span {
    display: inline-block;
    margin: 0 5px
}

.cs-main {
    margin-top: 40px
}

.cs-main .cs-title {
    font: 30px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.cs-main .cs-number {
    font: 30px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    font-weight: bold
}

.cs-link {
    margin: 10px 20px 0 20px
}

.cs-link a {
    text-decoration: none;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    font-weight: bold
}

.js .if6_contactstage .phoneparsys {
    display: inline
}

.js .cs-link {
    display: inline-block
}

.js .cs-phone {
    display: inline-block
}

.js .cs-phone .cs-number {
    float: right
}

.js .cs-main {
    display: block
}

.js .cs-main .cs-number {
    float: none
}

.cs-phone.with-separator:before, .cs-link.with-separator:before {
    content: "";
    border-left: 1px solid #333;
    position: absolute;
    margin-left: -17px;
    height: 12px;
    margin-top: 6px
}

.cs-link.with-separator:before {
    margin-left: -20.5px
}

.cs-button {
    display: table-cell;
    width: 20%;
    padding: 115px 5px 20px 5px;
    vertical-align: top
}

.cs-button > div {
    margin-top: -89px;
    text-align: left;
    display: inline-block;
    vertical-align: top
}

.cs-button a {
    position: relative;
    text-decoration: none;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    padding-left: 30px;
    margin-top: 15px;
    display: inline-block
}

.cs-button > a {
    padding-left: 0;
    padding-right: 20px;
    margin-top: 0
}

.cs-button a.chatlink span:before, .cs-button a.videochatlink span:before {
    background-color: red;
    border: 1px solid #f0f0f0;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: -1px;
    position: absolute;
    top: 2px;
    width: 6px
}

.cs-button a.videochatlink span:before {
    background-color: red;
    left: 0;
    top: 4px
}

.cs-button > a.chatlink span:before, .cs-button > a.videochatlink span:before {
    border: 2px solid #f0f0f0;
    height: 20px;
    left: 50%;
    margin-left: -39px;
    top: -78px;
    width: 20px
}

.cs-button > a.videochatlink span:before {
    margin-left: -35px;
    top: -72px
}

.chat_online .cs-button a.chatlink span:before {
    background-color: #009864
}

.videochat_online .cs-button a.videochatlink span:before {
    background-color: #009864
}

.if6_service .if6_inner .parsys {
    width: 50%;
    padding: 10px 30px 23px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top
}

.if6_service .if6_inner .parsys + .parsys {
    padding: 10px 20px 23px 30px
}

.servicelink, .servicebutton {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: -1px
}

.serviceempty, .serviceheadline, .servicecontactbutton {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    margin-top: -1px
}

.servicelink span, .servicebutton span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.servicelink a, .servicebutton a {
    color: #000;
    font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 43px;
    width: 100%;
    text-decoration: none;
    display: block;
    height: 43px;
    position: relative;
    padding: 0 33px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.servicelink a {
    padding: 0 33px 0 43px
}

.no-touch .servicelink a:hover {
    background-color: #f6f6f6
}

.no-touch .servicelink a:hover span {
    text-decoration: underline
}

.servicebutton {
    background-color: #f6f6f6
}

.servicebutton a {
    text-align: center
}

.no-touch .servicebutton a:hover {
    background-color: #fff
}

.no-touch .servicebutton a:hover span {
    text-decoration: underline
}

.servicecontactbutton {
    margin-left: -20px;
    margin-right: -20px
}

.servicecontactbutton a, .chat_online .servicecontactbutton a.chatlink, .videochat_online .servicecontactbutton a.videochatlink {
    background-color: #009864;
    color: #fff;
    text-align: center;
    font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 43px;
    display: block;
    border-radius: 4px;
    text-decoration: none;
    opacity: 1
}

.no-touch .servicecontactbutton a:hover span {
    text-decoration: underline
}

.serviceheadline {
    font: 13px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #333;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 45px;
    padding-top: 19.5px
}

.serviceempty {
    height: 43px
}

.if6_sitemap {
    background-color: #666;
    color: #fff;
    font: 14px/110% SparkasseWeb, Helvetica, Arial, sans-serif
}

.if6_sitemap .if6_inner > ul > li {
    float: left;
    width: 25%;
    margin: 20px 0 40px 0;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.if6_sitemap .if6_inner > ul > li ul > li {
    margin-top: 6.5px
}

.if6_sitemap .if6_inner > ul > li + li + li + li + li {
    clear: left
}

.if6_sitemap .if6_inner > ul > li + li + li + li + li + li {
    clear: none
}

.if6_sitemap .h4 {
    margin: 0 0 10px 0;
    font: bold 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.if6_sitemap a {
    text-decoration: none
}

.if6_sitemap a:hover, .if6_sitemap a:focus {
    text-decoration: underline
}

.if6_outer.if6_awardarea {
    background-color: #666
}

.if6_awardarea .parsys {
    padding-left: 20px
}

.if6_award {
    color: #fff;
    font: 13px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    width: 33.33%;
    float: left;
    border-right: 20px solid #666;
    margin: 40px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle
}

.if6_award .image {
    display: table-cell;
    vertical-align: top
}

.if6_award .image img {
    max-width: 80px;
    vertical-align: middle
}

.if6_award .image + div {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px
}

.if6_award a {
    text-decoration: none;
    display: block
}

.bterm {
    clear: both
}

.if6_openerstage {
    background-color: #fff
}

.if6_outer.if6_openerstage .if6_inner {
    width: 100%;
    position: relative
}

.if6_opener {
    position: relative;
    height: 560px
}

.if6_opener + .if6_opener {
    display: none
}

.js .if6_opener + .if6_opener {
    display: inherit;
    left: 100%
}

.if6_opener .opener_image img {
    width: 100%;
    vertical-align: middle
}

.if6_opener .opener_image {
    width: 100%;
    position: absolute;
    background-color: #fff
}

.if6_opener .opener_inner {
    width: 960px;
    display: table;
    height: 100%;
    position: relative;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.if6_opener .opener_inner > div {
    display: table-cell;
    vertical-align: middle
}

.if6_opener .ty1 {
    height: 100%
}

.if6_opener .ty1 div.overlay {
    background-color: #fff;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #444;
    padding: 25px 35px;
    display: inline-block;
    position: relative;
    max-width: 390px
}

.if6_opener .ty1 div.overlay > a {
    text-decoration: none;
    display: block;
    pointer-events: none;
    cursor: default
}

.if6_opener .ty1 h1, .if6_opener .ty1 .h1 {
    color: red;
    font: 34px/110% SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    margin-bottom: 3px
}

.if6_opener .ty1 p + h1, .if6_opener .ty1 p + h2 {
    margin-top: 0
}

.if6_opener .ty1 h2, .if6_opener .ty1 .h2 {
    color: #333;
    font: bold 20px/130% SparkasseWeb, Helvetica, Arial, sans-serif
}

.if6_opener p .h2 {
    margin-bottom: 0
}

.if6_opener ul.checked li + li {
    margin-top: 15px
}

.if6_opener * + p, .if6_opener * + ul {
    margin-top: 20px
}

.if6_opener .ty1 .overlay .overlay-top + * {
    margin-top: 10px
}

.if6_opener .ty1 > .overlay-top {
    display: none
}

.if6_opener .ty1 div.overlay .linktext {
    pointer-events: auto;
    cursor: pointer;
    margin-top: 20px;
    padding: 9px 20px;
    display: inline-block;
    color: #fff;
    background-color: red;
    text-align: left;
    font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    border-radius: 4px
}

.if6_opener .ty1 .footnote {
    margin-top: 25px
}

.if6_opener .ty1 .small {
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.if6_openerstage .carousel_play > div {
    padding: 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 0
}

.if6_openerstage .carousel_play .left, .if6_openerstage .carousel_play .right {
    padding: 0
}

.if6_openerstage .carousel_play ul {
    padding: 10px 0 30px 0
}

.if6_openerstage .carousel_play ul li {
    border-color: #fff
}

.if6_openerstage .carousel_play ul li.active {
    border-color: red
}

.templ-productpage .if6_outer.if6_openerstage, .templ-themepage .if6_outer.if6_openerstage, .templ-partnerpage .if6_outer.if6_openerstage, .templ-sdproductpage .if6_outer.if6_openerstage {
    background-color: #f0f0f0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, #fff 80%)
}

.templ-productpage .if6_outer.if6_openerstage .if6_inner, .templ-themepage .if6_outer.if6_openerstage .if6_inner, .templ-partnerpage .if6_outer.if6_openerstage .if6_inner, .templ-sdproductpage .if6_outer.if6_openerstage .if6_inner {
    width: 960px
}

.templ-productpage .if6_opener .opener_image, .templ-themepage .if6_opener .opener_image, .templ-partnerpage .if6_opener .opener_image, .templ-sdproductpage .if6_opener .opener_image {
    border: 1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.templ-productpage .if6_opener .opener_inner, .templ-themepage .if6_opener .opener_inner, .templ-partnerpage .if6_opener .opener_inner, .templ-sdproductpage .if6_opener .opener_inner {
    padding-left: 20px
}

.if6_homepagearea .if6_inner {
    padding-top: 20px
}

.if6_homepagearea .if6_inner > div {
    margin-right: -20px
}

.servicetiles {
    clear: both
}

.servicetiles > h2 {
    margin-bottom: 5px;
    position: relative;
    z-index: 2
}

.servicetiles .serviceelement {
    width: 16.666%;
    border-right: 20px solid #f0f0f0;
    border-top: 20px solid #f0f0f0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    height: 165.33px;
    float: left;
    position: relative;
    margin: -20px 0 20px 0;
    overflow: hidden
}

.servicetiles .serviceelement a {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #666;
    display: inline-block;
    border-bottom: 2px solid #e3e3e3;
    text-decoration: none;
    padding-top: 93px;
    padding-left: 5px;
    padding-right: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.no-touch .servicetiles .serviceelement a:hover, .servicetiles .serviceelement a:focus {
    background-color: red;
    color: #fff
}

.no-touch .servicetiles .serviceelement a:hover:before, .servicetiles .serviceelement a:focus:before {
    color: #fff
}

.no-touch .chat_online .servicetiles .serviceelement a.chatlink:hover:before, .chat_online .servicetiles .serviceelement a.chatlink:focus:before, .no-touch .videochat_online .servicetiles .serviceelement a.videochatlink:hover:before, .videochat_online .servicetiles .serviceelement a.videochatlink:focus:before {
    color: #fff
}

.no-touch .servicetiles .serviceelement a.videochatlink:hover:after, .servicetiles .serviceelement a.videochatlink:focus:after, .no-touch .servicetiles .serviceelement a.chatlink:hover:after, .servicetiles .serviceelement a.chatlink:focus:after {
    border: 2px solid red
}

.if6_homepagearea .if6_teaserarea {
    clear: both
}

.if6_teaserarea {
    width: 100%
}

.if6_teaserarea .teaserhead {
    text-align: center;
    margin-bottom: 20px;
    color: #333;
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    padding-right: 20px
}

.if6_teaser {
    float: left;
    position: relative;
    background-color: #fff;
    width: 33.33%;
    border-right: 20px solid #f0f0f0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px
}

.ref {
    width: 100%;
    height: 100%
}

.if6_teaser .ty1 {
    width: 100%;
    height: 100%;
    color: #666;
    font: 14px/110% SparkasseWeb, Helvetica, Arial, sans-serif
}

.if6_teaser .ty1 a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none
}

.if6_teaser .ty1 .bgimg {
    right: 20px;
    bottom: 20px;
    position: absolute;
    width: auto;
    height: auto
}

.if6_teaser .ty1 .bgimg img {
    border-radius: 50%;
    height: 65px;
    width: 65px;
    border: 1px solid #fff;
    box-shadow: 0 0 2px;
    vertical-align: middle
}

.if6_teaser .ty1 .cont {
    padding: 20px;
    position: relative;
    z-index: 1
}

.if6_teaser .ty1 h2 {
    font: bold 22px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
    padding: 0;
    margin-bottom: 3px;
    color: red
}

.if6_teaser .ty1 h3 {
    color: #333;
    font: 17px/110% SparkasseWeb, Helvetica, Arial, sans-serif
}

.if6_teaser .ty1 p {
    padding-right: 70px
}

.if6_teaser .ty1 h2 + p, .if6_teaser .ty1 h3 + p {
    margin-top: 20px
}

.if6_teaser div.textbutton {
    height: 23px;
    padding-bottom: 20px
}

.if6_teaser .ty1 .linktext {
    position: absolute;
    bottom: 20px;
    padding-left: 20px;
    font: 15px/17px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: red;
    display: block;
    padding-right: 94px
}

.if6_teaser .linktext span {
    padding-right: 7px
}

.resizing .if6_teaser .ref, .resizing .if6_teaser .ty1, .resizing .if6_teaser .ty1 a {
    height: auto
}

.if6_outer.if6_widecontent .if6_inner {
    width: 100%;
    margin: 0;
    padding: 0
}

a.chatlink, a.videochatlink {
    pointer-events: none;
    display: inline-block
}

.servicelink a.chatlink, .servicecontactbutton a.chatlink, .servicelink a.videochatlink, .servicecontactbutton a.videochatlink {
    display: block
}

.chat_online a.chatlink, .videochat_online a.videochatlink {
    pointer-events: inherit
}

.servicetiles .serviceelement a.chatlink:after, .servicetiles .serviceelement a.videochatlink:after {
    border: 2px solid #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: red;
    display: block;
    content: "";
    margin-left: -39px;
    position: absolute;
    left: 50%;
    top: 25px
}

.servicetiles .serviceelement a.videochatlink:after {
    background-color: red;
    top: 30px;
    left: 53%
}

.chat_online .servicetiles .serviceelement a.chatlink:after {
    background-color: #009864
}

.videochat_online .servicetiles .serviceelement a.videochatlink:after {
    background-color: #009864
}

.servicecontactbutton a.videochatlink {
    background-color: red
}

.servicelink a.chatlink span:before, .servicelink a.videochatlink span:before {
    border: 1px solid #fff;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: red;
    display: block;
    content: "";
    left: 2px;
    top: 9px;
    position: absolute
}

.servicelink a.videochatlink span:before {
    background-color: red;
    left: 4px;
    top: 11px
}

.chat_online .servicelink a.chatlink span:before {
    background-color: #009864
}

.videochat_online .servicelink a.videochatlink span:before {
    background-color: #009864
}

.block-left {
    text-align: left
}

.block-right {
    text-align: right
}

.block-center {
    text-align: center
}

.table tbody tr:nth-child(odd) {
    background-color: #fff
}

.table tbody tr:nth-child(even) {
    background-color: #f0f0f0
}

span.plus {
    color: #00724b;
    white-space: nowrap
}

.minus {
    color: red
}

.if6 .numbered-icon {
    position: relative;
    width: 250px;
    color: transparent
}

.numbered-icon span.number {
    border-radius: 50%;
    background-color: red;
    color: #fff;
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 5px solid #fff;
    text-align: center;
    top: 0;
    right: 0
}

.if6_lightbox {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4000;
    padding: 20px 10px;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    font: 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.if6_lightbox.lightbox-visible {
    display: block
}

.if6_lightbox .if6_inner {
    background-color: #fff;
    outline: 10px solid rgba(0, 0, 0, 0.2);
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    display: inline-block;
    width: auto;
    text-align: left;
    max-height: 100%;
    overflow-y: auto;
    z-index: 4002
}

.if6_lightbox .cbox {
    border-right: 0;
    min-height: 0;
    padding: 40px 30px 30px 30px
}

.if6_lightbox .cbox:last-child {
    margin-bottom: 0
}

.if6_lightbox .cbox-medium {
    width: 653.3px;
    float: none
}

.if6_lightbox .cbox-large {
    width: 980px;
    float: none
}

.if6_lightbox .cbox-image .image-only {
    margin: -40px -30px -30px -30px;
    width: auto;
    height: auto
}

.if6_lightbox.session-countdown {
    z-index: 5000
}

.if6_lightbox.session-countdown .cbox-small {
    width: 300px
}

.cbox .session-countdown {
    padding: 40px 20px 20px 20px;
    text-align: center;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.cbox .session-countdown span {
    font: bold 60px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
    display: block;
    margin: 10px 0
}

.if6_lightbox .cbox-eyecatcher {
    min-height: 0;
    padding: 20px;
    width: 633.3px;
    font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666
}

.cbox-eyecatcher h2 {
    font: 34px/110% SparkasseHeadWeb, Helvetica, Arial, sans-serif
}

.cbox-eyecatcher > .image {
    margin: -20px -20px 0 -20px
}

.cbox-eyecatcher > .image img, .cbox-bannerbox > .image img {
    width: 100%;
    vertical-align: middle
}

.cbox-eyecatcher .headline {
    position: absolute;
    max-width: 50%;
    box-sizing: border-box;
    padding: 20px 0 0 20px;
    left: 0;
    top: 0
}

.cbox-eyecatcher .headline > div {
    padding: 20px;
    background-color: #fff
}

.cbox-eyecatcher .description .left, .cbox-bannerbox .description .left {
    vertical-align: top
}

.cbox-eyecatcher .ctext {
    padding-top: 20px
}

.cbox-eyecatcher .linklist, .cbox-bannerbox .linklist {
    text-align: right;
    padding: 20px 0 0 0
}

.cbox-eyecatcher .linklist ul, .cbox-bannerbox .linklist ul {
    padding: 0
}

.cbox-eyecatcher .analyst {
    margin-top: 20px;
    margin-right: 0;
    border-top: 1px solid #e3e3e3;
    padding: 20px 0 0 0
}

.cbox-eyecatcher .analyst .image img {
    height: 50px
}

.cbox-eyecatcher .analyst .image + div > div {
    height: 52px
}

.pf-nachricht .analyst {
    border-top: 1px solid red;
    padding: 20px 10px 0 0;
    margin-top: 20px;
    position: relative
}

.pf-nachricht .analyst:before {
    border-top: 3px solid #fff;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    top: -1px;
    width: 10px
}

.pf-nachricht .analyst a {
    color: #666
}

.pf-nachricht .analyst .image img {
    height: 50px
}

.pf-nachricht .analyst .image + div > div {
    height: 52px
}

.close-icon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    z-index: 2010;
    text-decoration: none
}

.close-icon:focus {
    outline: 0
}

.if6_navigation .close-icon, .if6_contact .close-icon {
    display: none
}

.js .if6_navigation .close-icon, .js .if6_contact .close-icon {
    display: block;
    top: 2.5px;
    right: auto;
    left: 284px
}

.cbox > .close-icon {
    z-index: 10
}

.if6_main .ui-slider-horizontal {
    height: 5px;
    margin: 10px 0;
    border: 0;
    background: 0;
    background-color: #f0f0f0;
    border-radius: 0;
    cursor: pointer
}

.if6_main .ui-slider-range {
    background: 0;
    background-color: red;
    border-radius: 0
}

.if6_main .ui-slider-handle {
    height: 32px;
    width: 32px;
    border: 1px solid #d0d0d0;
    border-radius: 50%;
    background: 0;
    background-color: #fff;
    top: -14.5px;
    margin-left: -17px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
    cursor: pointer
}

.analyst .main {
    white-space: nowrap
}

.analyst .main .image, .analyst > .image {
    width: auto;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.analyst .main .image img {
    vertical-align: bottom;
    padding-right: 10px;
    position: absolute;
    width: 100px
}

.analyst > .image img {
    border: 1px solid transparent;
    height: 40px;
    position: absolute;
    vertical-align: middle
}

.analyst .main .image img + img {
    position: inherit;
    width: 55.5px
}

.analyst > .image img + img {
    position: static;
    border: 1px solid #fff
}

.analyst .main div {
    display: table-cell;
    white-space: normal;
    overflow: hidden;
    vertical-align: middle;
    line-height: 120%
}

.analyst a {
    text-decoration: none;
    white-space: nowrap
}

.analyst .main a {
    color: #666
}

.analyst .left .beratername {
    font-weight: bold
}

.iconfonttest {
    display: none
}

.js .iconfonttest {
    font: 26px/81% Pictos-IF, sans-serif;
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    color: transparent
}

.js .iconfonttest span {
    display: inline-block
}

.js .iconfonttest span.before:before {
    display: inline-block;
    font: 26px/81% Pictos-IF, sans-serif;
    content: "i"
}

a[href^="tel:"] {
    pointer-events: none;
    text-decoration: none
}

.smartphone-banner_inner {
    position: fixed;
    height: 80px;
    width: 100%;
    overflow: hidden;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: red;
    color: #fff;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1);
    z-index: 2002;
    font: bold 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    display: none
}

.smartphone-banner_inner > .image {
    height: 100%;
    float: left;
    margin-right: 10px
}

.smartphone-banner_inner > .image img {
    height: 80px
}

.smartphone-banner_inner > .banner-text {
    height: 100%;
    padding: 10px 47px 0 10px
}

.banner-button {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    overflow: hidden
}

.banner-button a {
    text-decoration: none;
    display: block;
    width: 22px;
    height: 22px
}

.if6_lightbox .cbox.cbox-bannerbox {
    padding: 10px
}

.cbox-bannerbox .analyst .image + div > div {
    height: 46px
}

.cbox-bannerbox > .image {
    margin: -10px -10px 10px -10px
}

.cbox-bannerbox > .image > div {
    padding: 0
}

.cbox-bannerbox .analyst {
    margin-top: 10px;
    padding: 10px 0;
    margin-right: 0;
    border-top: 1px solid #e3e3e3
}

.cbox-bannerbox .analyst .right {
    white-space: nowrap
}

.cbox-bannerbox .analyst .image img {
    height: 44px
}

.cbox-bannerbox .analyst .right a {
    width: 44px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    background-color: #f0f0f0;
    border-radius: 4px;
    vertical-align: middle
}

.cbox-bannerbox .analyst .right a:before {
    width: 40px;
    height: 40px;
    color: #444;
    font: 40px/81% Pictos-IF;
    margin: 2px
}

.cbox-bannerbox .analyst .right a + a {
    margin-left: 10px
}

.cbox-bannerbox .analyst.with-footnote {
    padding-bottom: 20px
}

.cbox-bannerbox .analyst .footnote {
    position: absolute;
    bottom: 10px;
    left: 10px
}

.if6_lightbox .cbox-bannerbox {
    min-height: 0;
    width: 100%;
    font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666;
    padding: 10px
}

.if6_lightbox .cbox-bannerbox h2 {
    font: bold 18px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: red
}

.cbox-bannerbox h2 + p {
    margin-top: 10px
}

.cbox-pslose {
    color: #666
}

.cbox-pslose .close-icon {
    top: 5px;
    right: 5px
}

.cbox-pslose p {
    margin-top: 20px
}

.cbox-pslose .data {
    margin: 20px -20px
}

.cbox-pslose .data table {
    width: 33.33%;
    float: left
}

.cbox-pslose .data table + table {
    border-left: 1px solid #e3e3e3
}

.cbox-pslose .data th, .cbox-pslose .data td {
    padding-top: 0;
    padding-bottom: 0
}

.cbox-pslose .data th {
    font: 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #333
}

.cbox-pslose .data td {
    font: 18px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.cbox-pslose .data th + th, .cbox-pslose .data td + td {
    text-align: right
}

.cbox-pslose .datapaging {
    text-align: right;
    display: none;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 30px
}

.cbox-pslose .datapaging .count {
    display: inline-block
}

.cbox-pslose .datapaging a {
    width: 30px;
    height: 30px;
    background-color: #e3e3e3;
    margin-left: 10px;
    display: inline-block;
    text-decoration: none
}

.cbox-pslose .datapaging a.left {
    display: none
}

.cbox-pslose .textbutton a {
    color: red
}

.js .cbox-pslose .data + .data {
    display: none
}

.js .cbox-pslose .datapaging {
    display: block
}

.js .js-hide {
    display: none
}

.if6_crosssellingarea > .headline {
    text-align: center;
    margin-bottom: 20px;
    color: #333;
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    padding-right: 20px
}

.if6_crosssellingarea > .parsys {
    margin-right: -20px;
    margin-bottom: -20px
}

.if6_crosssellingarea > .parsys:after {
    clear: both;
    content: "";
    display: table
}

.is_no_apple_device .apple_only {
    display: none
}

.nbf-frame.contact_visible .iconbar_overlay {
    right: 350px
}

.nbf-frame .if6_contact > div {
    width: 350px;
    right: -350px
}

.nbf-frame.contact_visible .if6_outer {
    margin-left: -350px
}

.nbf-frame.contact_visible .if6_contact > a {
    right: 350px
}

.nbf-frame.contact_visible .if6_navigation > a, .nbf-frame.contact_visible .if6_bstart {
    left: -350px
}

.nbf-frame.contact_visible .iconbar_overlay {
    right: 350px
}

.js .nbf-frame .if6_contact:hover > div {
    right: -350px
}

.js .nbf-frame.contact_visible .if6_contact > div {
    right: 0
}

.js .nbf-frame .if6_contact .close-icon {
    left: 304px
}

.do-not-sroll-y {
    overflow-y: hidden
}

@media (min-width: 1280px) {
    .nbf.nbf-size-standard .banking-siteselect > div {
        width: 840px
    }

    .nbf.nbf-size-standard .if6_section .if6_inner {
        width: 840px
    }

    .nbf.nbf-size-login .if6_section .if6_inner {
        width: 678px
    }

    .nbf.nbf-size-process .if6_section .if6_inner {
        width: 648px
    }

    .nbf.nav-banking1 .if6_section .if6_inner, .nbf.nav-banking2 .if6_section .if6_inner, .nbf.nav-banking9 .if6_section .if6_inner {
        padding-top: 38px
    }
}

.nbf-frame .if6_header {
    display: block
}

.nbf-frame .if6_header .if6_inner {
    display: flex;
    align-items: center;
    overflow: visible
}

.nbf-frame .if6_header .search {
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0
}

.nbf-frame .logo {
    flex-grow: 0;
    flex-shrink: 0;
    width: auto;
    display: block;
    opacity: 1;
    transition: opacity 360ms cubic-bezier(0.32, 0.24, 0.15, 1);
    align-self: flex-start;
    text-align: left
}

.header-misc {
    white-space: nowrap;
    flex-grow: 0;
    flex-shrink: 0
}

.header-misc form {
    display: inline-block
}

.nav-main .if6_header {
    background-color: red
}

.nbf-frame[class*="nav-banking"] .if6_header {
    background-color: #fff;
    box-shadow: none
}

@media screen and (min-width: 1280px) {
    .nbf-frame .if6_header .header-misc .nav-login button, .nbf-frame .if6_header .header-misc .nav-logout button {
        border-radius: 18px;
        border: 2px solid #fff;
        padding: 0 18px;
        color: #fff;
        background-color: red;
        overflow: hidden;
        font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        line-height: 32px;
        cursor: pointer;
        position: relative
    }

    .nbf-frame .if6_header .header-misc .nav-login button:focus, .nbf-frame .if6_header .header-misc .nav-logout button:focus {
        outline: 0
    }

    .no-touch .nbf-frame .if6_header .header-misc .nav-login button:hover, .nbf-frame .if6_header .header-misc .nav-login button:focus {
        color: red;
        background-color: #fff
    }

    .nbf-frame .if6_header .header-misc .nav-login button:active {
        color: red;
        background-color: #f0f0f0
    }

    .nbf-frame[class*="nav-banking"] .if6_header .header-misc .nav-logout {
        margin-left: 24px
    }

    .nbf-frame[class*="nav-banking"] .if6_header .header-misc .nav-logout button {
        border: 2px solid #e3e3e3;
        padding: 0 18px 0 42px;
        color: #444;
        background-color: #e3e3e3
    }

    .nbf-frame[class*="nav-banking"] .if6_header .header-misc .nav-logout button:before {
        font: 18px/81% Pictos-IF;
        content: "q";
        color: #444;
        width: 18px;
        height: 18px;
        display: inline-block;
        position: absolute;
        z-index: 1;
        left: 18px;
        top: 8px
    }

    .no-touch .nbf-frame[class*="nav-banking"] .if6_header .header-misc .nav-logout button:hover, .nbf-frame[class*="nav-banking"] .if6_header .header-misc .nav-logout button:focus {
        color: #292929
    }

    .nbf-frame[class*="nav-banking"] .if6_header .header-misc .nav-logout button:active {
        color: #000
    }

    .js .nbf-frame .if6_header .nav-logout #sdauer {
        position: relative;
        z-index: 2100;
        top: -1000px;
        right: 0
    }

    .js .nbf-frame .if6_header .nav-logout #sdauer:before {
        display: block;
        content: "";
        position: absolute;
        z-index: 2106;
        border-bottom: 5px solid #949494;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        margin-left: -6px;
        left: 50%
    }

    .js .nbf-frame .if6_header .nav-logout #sdauer:after {
        display: block;
        content: "";
        position: absolute;
        z-index: 2107;
        border-bottom: 5px solid #fff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        margin-left: -6px;
        margin-top: 1px;
        left: 50%
    }

    .js .nbf-frame .if6_header .nav-logout #sdauer span {
        background-color: #fff;
        color: #000;
        font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
        padding: 18px;
        border-radius: 12px;
        border: 1px solid #949494;
        position: absolute;
        right: 0;
        top: 4px;
        box-shadow: 0 2px 5px rgba(86, 86, 86, 0.2)
    }

    .js .nbf-frame .if6_header .nav-logout button {
        position: relative;
        background-color: #b60000
    }

    .js .nbf-frame .if6_header .nav-logout button .time-used {
        background-color: red;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%
    }

    .js .nbf-frame .if6_header .nav-logout button .time-used + span {
        position: relative;
        z-index: 1
    }

    .js .nbf-frame .if6_header .nav-logout button:hover + #sdauer, .js .nbf-frame .if6_header .nav-logout button:focus + #sdauer {
        top: 0
    }

    .js .nbf-frame[class*="nav-banking"] .if6_header .nav-logout button .time-used {
        background-color: #fff
    }

    .nav-main .if6_header {
        height: 106px
    }

    .nav-main .if6_header .if6_inner {
        padding-top: 16px;
        box-sizing: border-box
    }

    .nav-main .if6_header .if6_inner .logo {
        margin-top: -16px
    }

    .nav-main .if6_header .header-misc {
        padding-right: 18px;
        margin-left: -18px
    }

    .nav-main .if6_header .header-misc > * {
        margin-left: 37px;
        position: relative
    }

    .nav-main .if6_header .header-misc > *:after {
        content: "";
        height: 36px;
        border-right: 1px solid rgba(0, 0, 0, 0.3);
        display: inline-block;
        position: absolute;
        left: -18px;
        top: 0
    }

    .nbf-frame .logo img {
        max-height: 106px;
        max-width: 300px;
        height: auto
    }

    .header-misc {
        padding-right: 24px
    }

    .header-misc .nav-home {
        color: #565656;
        font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        line-height: 24px;
        display: inline-block;
        white-space: nowrap;
        text-decoration: none;
        margin: 6px 0 6px 24px
    }

    .header-misc .nav-home:before {
        font: 24px/81% Pictos-IF;
        width: 24px;
        height: 24px;
        color: #565656;
        display: inline-block;
        content: "\f7fe";
        margin-right: 6px
    }

    .header-misc .nav-banking {
        color: #fff;
        text-decoration: none;
        font: 17px/26px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        line-height: 36px;
        display: inline-block
    }

    .header-misc a.nav-main {
        display: none
    }

    .no-touch .header-misc .nav-home:hover, .header-misc .nav-home:focus {
        color: #292929
    }

    .no-touch .header-misc .nav-home:hover:before, .header-misc .nav-home:focus:before {
        color: #292929
    }

    .header-misc .nav-home:active {
        color: #000
    }

    .no-touch .nbf-frame .if6_header .header-misc .nav-banking:hover, .nbf-frame .if6_header .header-misc .nav-banking:focus {
        text-decoration: underline;
        outline: 0
    }

    .nbf-frame .if6_header .header-misc .nav-banking:active {
        color: #e00000
    }

    .nbf-frame:not(.nbf) .header-misc .nav-banking {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_header {
        height: 84px
    }

    .nbf-frame[class*="nav-banking"] .if6_header .if6_inner {
        align-items: flex-end;
        padding-bottom: 24px;
        box-sizing: border-box
    }

    .nbf-frame[class*="nav-banking"] .if6_header .if6_inner .if6_nav {
        flex-grow: 0;
        flex-shrink: 1
    }

    .nbf-frame[class*="nav-banking"] .if6_header .if6_inner .search {
        flex-grow: 1
    }

    .nbf-frame.nav-banking9 .if6_header .if6_inner .if6_nav {
        flex-grow: 1
    }

    .nav-main.header-style2 .if6_header {
        height: 167px
    }

    .nav-main.header-style2 .if6_header:after {
        position: absolute;
        width: 100%;
        content: "";
        border-top: 1px solid #b60000;
        top: 106px
    }

    .nav-main.header-style2 .if6_header .if6_inner {
        padding-top: 107px
    }

    .nav-main.header-style2 .if6_header .logo {
        margin-top: 0;
        position: absolute;
        top: 0;
        left: 0
    }

    .nav-main.header-style2 .if6_header .logo img {
        max-width: initial
    }

    .nav-main.header-style2 .header-misc {
        position: absolute;
        top: 0;
        right: 0;
        padding-top: 35px;
        padding-right: 30px
    }

    .nav-main.header-style2 .header-misc .nav-login {
        display: none
    }

    .nav-main.header-style2 .header-misc > ::after {
        display: none
    }

    .nav-main.header-style2 .header-misc > * {
        margin-left: 18px
    }

    .nav-main.header-style2 .header-misc .nav-banking {
        background-color: #fff;
        border: 2px solid #fff;
        padding: 0 18px;
        border-radius: 18px;
        font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        line-height: 32px;
        color: red;
        text-decoration: none
    }

    .nav-main.header-style2 .open-siteselect {
        display: none
    }

    .nav-main.header-style2 .open-siteselect + span.checkbox {
        display: none
    }

    .nav-main.header-style2 .open-siteselect ~ label {
        color: #fff;
        font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        margin-right: -6px;
        cursor: pointer
    }

    .nav-main.header-style2 .open-siteselect ~ label:after {
        content: "\f808";
        font: 24px/81% Pictos-IF;
        width: 24px;
        height: 24px;
        color: #fff;
        display: inline-block;
        position: static;
        border-right: 0
    }

    .nav-main.header-style2 .open-siteselect:checked ~ label {
        display: none
    }

    .nav-main.header-style2 .open-siteselect:checked ~ .loginlogout ul.siteselect {
        display: block
    }

    .nav-main.header-style2 .loginlogout {
        display: inline-block
    }

    .nav-main.header-style2 .loginlogout .msgerror {
        white-space: normal;
        top: 64px
    }

    .nav-main.header-style2 .loginlogout ul.siteselect {
        float: left;
        display: none;
        height: 36px;
        margin-right: 4px;
        margin-top: -2px
    }

    .nav-main.header-style2 .loginlogout ul.siteselect li {
        display: block;
        border: 2px solid #b60000;
        background-color: red;
        z-index: 1
    }

    .nav-main.header-style2 .loginlogout ul.siteselect li a {
        color: #fff;
        font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        line-height: 36px;
        padding: 0 6px
    }

    .nav-main.header-style2 .loginlogout ul.siteselect li + li {
        margin-left: 0;
        margin-top: -2px
    }

    .nav-main.header-style2 .loginlogout ul.siteselect li.active a:after {
        content: "\f605";
        font: 24px/81% Pictos-IF;
        width: 24px;
        height: 24px;
        color: #fff;
        display: inline-block
    }

    .nav-main.header-style2 .loginlogout .label, .nav-main.header-style2 .loginlogout .secselect {
        display: none
    }

    .nav-main.header-style2 .loginlogout input {
        padding: 5px 18px;
        margin-right: 12px;
        margin-top: -1px;
        border: 2px solid #fff;
        height: 36px;
        border-radius: 18px;
        width: 250px
    }

    .nav-main.header-style2 .loginlogout label {
        border-radius: 18px;
        height: 36px;
        padding: 5px 18px;
        margin-top: -1px;
        width: 250px;
        margin-right: -250px;
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        border: 2px solid #fff;
        outline: 1px solid red
    }

    .nav-main.header-style2 .loginlogout div.login {
        margin: 0;
        width: auto
    }

    .nav-main.header-style2 .loginlogout div.login:before {
        display: none
    }

    .nav-main.header-style2 .loginlogout div.login input {
        border-radius: 18px;
        border: 2px solid #fff;
        padding: 0 18px;
        color: #fff;
        background-color: red;
        font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        line-height: 32px;
        width: auto;
        height: auto
    }

    .nav-main.header-style2 .loginlogout div.login input:focus {
        outline: 0
    }

    .nav-main.header-style2 .loginlogout .login-forgotten {
        position: absolute;
        left: 0;
        right: auto;
        top: 54px
    }

    .nav-main.header-style2 .loginlogout .login-forgotten div {
        margin-left: 0;
        width: 512px;
        padding-right: 16px;
        box-sizing: border-box
    }

    .nav-main.header-style2 .if6_contact > a {
        top: 187px
    }

    .nav-main.header-style2 .if6_contact > a + a {
        top: 227px
    }

    .nav-main.header-style2 .if6_contact > a + a + a {
        top: 267px
    }

    .nav-main.header-style2 .if6_contact > a + a + a.postlink {
        top: 297px
    }

    .no-touch .nav-main.header-style2 .open-siteselect ~ label:hover {
        text-decoration: underline
    }

    .nav-main.header-style2 .loginlogout ul.siteselect a:active {
        color: #b60000
    }

    .no-touch .nav-main.header-style2 .if6_header .loginlogout div.login input:hover, .nav-main.header-style2 .if6_header .loginlogout div.login input:focus {
        color: red;
        background-color: #fff
    }

    .nav-main.header-style2 .if6_header .loginlogout div.login input:active {
        color: red;
        background-color: #f0f0f0
    }

    .no-touch .nav-main.header-style2 .if6_header .header-misc .nav-banking:hover, .nav-main.header-style2 .if6_header .header-misc .nav-banking:focus {
        text-decoration: none;
        color: #b60000
    }

    .nav-main.header-style2 .if6_header .header-misc .nav-banking:active {
        color: #fff;
        background-color: #b60000;
        border-color: #b60000
    }
}

@media screen and (max-width: 1279px) {
    .nbf-frame .if6_header .if6_inner {
        padding: 0
    }

    .nbf-frame .logo a {
        padding-left: 6px;
        white-space: nowrap
    }

    .nbf-frame .logo img {
        max-height: 72px;
        max-width: 260px;
        height: auto
    }

    .nav-main .if6_header, .nbf-frame[class*="nav-banking"] .if6_header {
        height: 72px
    }

    .nbf-frame.nav-banking9 .if6_header {
        height: 0
    }

    .nbf-frame .header-misc {
        padding-left: 6px;
        padding-right: 15px
    }

    .nbf-frame .header-misc .nav-login button, .nbf-frame .header-misc .nav-logout button {
        border: 0;
        background-color: transparent;
        padding: 0 12px;
        cursor: pointer;
        font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
        text-decoration: underline;
        line-height: 42px;
        border-radius: 21px;
        margin-right: 9px
    }

    .nbf-frame .header-misc .nav-logout #sdauer {
        display: none
    }

    .nbf-frame .header-misc > a.nav-main {
        width: 42px;
        height: 42px;
        color: transparent;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        border-radius: 50%;
        padding: 9px;
        box-sizing: border-box
    }

    .nbf-frame .header-misc .nav-banking, .nbf-frame .header-misc .nav-home {
        display: none
    }

    .nav-main .header-misc .nav-login button, .nav-main .header-misc .nav-logout button {
        color: #fff
    }

    .nav-main .header-misc > a.nav-main:before {
        color: #fff;
        font: 24px/81% Pictos-IF;
        width: 24px;
        height: 24px;
        display: inline-block;
        content: "\f801"
    }

    .no-touch .nav-main .header-misc > a.nav-main:hover, .nav-main .header-misc > a.nav-main:focus, .nav-main .header-misc > a.nav-main:active, .no-touch .nav-main .header-misc .nav-login button:hover, .nav-main .header-misc .nav-login button:focus, .nav-main .header-misc .nav-login button:active, .no-touch .nav-main .header-misc .nav-logout button:hover, .nav-main .header-misc .nav-logout button:focus, .nav-main .header-misc .nav-logout button:active {
        background-color: #e00000;
        outline: 0
    }

    .nbf-frame[class*="nav-banking"] .header-misc .nav-login button, .nbf-frame[class*="nav-banking"] .header-misc .nav-logout button {
        color: red
    }

    .nbf-frame[class*="nav-banking"] .header-misc > a.nav-main:before {
        color: red;
        font: 24px/81% Pictos-IF;
        width: 24px;
        height: 24px;
        display: inline-block;
        content: "\f801"
    }

    .no-touch .nbf-frame[class*="nav-banking"] .header-misc > a.nav-main:hover, .nbf-frame[class*="nav-banking"] .header-misc > a.nav-main:focus, .nbf-frame[class*="nav-banking"] .header-misc > a.nav-main:active, .no-touch .nbf-frame[class*="nav-banking"] .header-misc .nav-login button:hover, .nbf-frame[class*="nav-banking"] .header-misc .nav-login button:focus, .nbf-frame[class*="nav-banking"] .header-misc .nav-login button:active, .no-touch .nbf-frame[class*="nav-banking"] .header-misc .nav-logout button:hover, .nbf-frame[class*="nav-banking"] .header-misc .nav-logout button:focus, .nbf-frame[class*="nav-banking"] .header-misc .nav-logout button:active {
        background-color: #f0f0f0;
        outline: 0
    }

    .nav-main.header-style2 .if6_header .open-siteselect {
        display: none
    }

    .nav-main.header-style2 .if6_header .open-siteselect + span.checkbox {
        display: none
    }

    .nav-main.header-style2 .if6_header .open-siteselect ~ label {
        display: none
    }

    .nav-main.header-style2 .if6_header .loginlogout {
        display: none
    }
}

@media screen and (max-width: 430px) {
    .nbf-frame .logo img {
        max-width: 150px
    }
}

@media screen and (max-width: 374px) {
    .nbf-frame .logo a {
        padding-left: 0
    }
}

@media (min-width: 1280px) {
    .nbf-frame.nav-main .if6_header .search .search-pageoverlay {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 106px, rgba(0, 0, 0, 0.25) 106px)
    }

    .nbf-frame.nav-main .if6_siteselect + .if6_header .search .search-pageoverlay {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0.25) 151px)
    }

    .nbf-frame .if6_header .search {
        display: inline-block;
        width: auto;
        position: static
    }

    .nbf-frame .if6_header .search .search-pageoverlay {
        position: fixed;
        left: -100%;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0.25) 100%);
        opacity: 0;
        transition: opacity 360ms cubic-bezier(0.32, 0.24, 0.15, 1), left 1ms linear 360ms;
        z-index: 2
    }

    .nbf-frame .if6_header .search form {
        width: 600px;
        left: 50%;
        margin-left: -300px;
        z-index: 2;
        position: absolute;
        top: -1000px;
        opacity: 0;
        transition: opacity 360ms cubic-bezier(0.32, 0.24, 0.15, 1), top 1ms linear 360ms;
        margin-top: 36px
    }

    .nbf-frame .if6_header .search form:before {
        right: 2px;
        font: 24px/81% Pictos-IF;
        content: "\f800";
        margin-left: 24px;
        margin-right: 24px;
        margin-top: 14px;
        height: 24px;
        width: 24px;
        color: #565656
    }

    .nbf-frame .if6_header .search form label {
        margin-right: -100%;
        padding-right: 70px;
        padding-left: 24px;
        padding-top: 11px;
        padding-bottom: 11px;
        width: 100%;
        height: 52px;
        border-radius: 24px;
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656
    }

    .nbf-frame .if6_header .search form input {
        padding-right: 70px;
        padding-left: 24px;
        width: 100%;
        height: 52px;
        border-radius: 24px;
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656;
        background-color: transparent
    }

    .nbf-frame .if6_header .search form input:focus {
        outline: 0
    }

    .nbf-frame .if6_header .search form input.nonempty {
        background-color: #fff;
        color: #000
    }

    .nbf-frame .if6_header .search form.sayt-visible input {
        border-radius: 24px 24px 0 0
    }

    .nbf-frame .if6_header .search > a {
        display: inline-block;
        opacity: 1;
        transition: opacity 360ms cubic-bezier(0.32, 0.24, 0.15, 1);
        width: auto;
        height: auto;
        margin: 3px 18px;
        font: 17px/26px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        line-height: 30px;
        color: #fff
    }

    .nbf-frame .if6_header .search > a:before {
        font: 24px/81% Pictos-IF;
        height: 24px;
        width: 24px;
        color: #fff;
        background-color: transparent;
        border: 0;
        content: "\f800";
        margin-right: 6px
    }

    .no-touch .nav-main .if6_header .search > a:hover {
        text-decoration: underline
    }

    .nbf-frame .sayt-container {
        padding: 0;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        border: 2px solid transparent;
        border-top: 1px solid rgba(0, 0, 0, 0.04);
        box-sizing: border-box;
        border-radius: 0 0 24px 24px;
        background-color: #fff;
        overflow: hidden;
        overflow-y: auto;
        max-height: calc(100vh - calc(150px));
        width: calc(100% - 4px);
        right: 2px
    }

    .nbf-frame .sayt-container .sitebadge {
        color: #444;
        background-color: #f0f0f0
    }

    .nbf-frame .sayt-container > .autocomplete-suggestions-wrapper h3 {
        border: 0;
        font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #565656;
        margin: 0 24px;
        padding: 18px 0 0 0
    }

    .nbf-frame .sayt-container > .sayt-results, .nbf-frame .sayt-container > .sinvestor-results {
        border: 0;
        padding: 12px 0 0 0;
        width: 100%
    }

    .nbf-frame .sayt-container > .sayt-results > h3, .nbf-frame .sayt-container > .sinvestor-results > h3 {
        border: 0;
        font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #565656;
        margin: 0 24px;
        padding: 18px 0 0 0
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-all, .nbf-frame .sayt-container > .sinvestor-results > .sayt-all, .nbf-frame .sayt-container > .sayt-results > .sinvestor-all, .nbf-frame .sayt-container > .sinvestor-results > .sinvestor-all {
        text-align: left;
        padding: 0 24px 24px 24px
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-all > a, .nbf-frame .sayt-container > .sinvestor-results > .sayt-all > a, .nbf-frame .sayt-container > .sayt-results > .sinvestor-all > a, .nbf-frame .sayt-container > .sinvestor-results > .sinvestor-all > a {
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #292929;
        text-decoration: underline;
        height: 48px;
        display: inline-block;
        line-height: 48px
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-all > a::after, .nbf-frame .sayt-container > .sinvestor-results > .sayt-all > a::after, .nbf-frame .sayt-container > .sayt-results > .sinvestor-all > a::after, .nbf-frame .sayt-container > .sinvestor-results > .sinvestor-all > a::after {
        display: none
    }

    .nbf-frame .sayt-container > .autocomplete-suggestions-wrapper {
        border: 0;
        padding: 12px 0 0 0;
        background-color: #fff
    }

    .nbf-frame .sayt-container > .autocomplete-suggestions-wrapper > .autocomplete-suggestions {
        padding: 0;
        width: 100%
    }

    .nbf-frame .sayt-container > .autocomplete-suggestions-wrapper > .autocomplete-suggestions > .autocomplete-suggestion {
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656;
        padding: 0 24px;
        line-height: 48px;
        cursor: pointer
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-resultlist > .searchresult-item > a {
        padding: 10px 24px;
        display: grid;
        grid-template-areas:"title badges ." "content content content";
        grid-template-columns:auto 1fr auto
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-resultlist > .searchresult-item > a::after {
        content: " ";
        display: block;
        height: 0;
        clear: both
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-resultlist > .searchresult-item > a > h3 {
        font: 17px/26px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        color: #292929;
        float: left;
        grid-area: title;
        margin-right: 10px
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-resultlist > .searchresult-item > a > .sitebadge {
        float: left;
        margin-top: 2px;
        margin-bottom: 0;
        grid-area: badges;
        width: min-content;
        align-self: start
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-resultlist > .searchresult-item > a > p {
        font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656;
        clear: both;
        grid-area: content;
        white-space: normal
    }

    .nbf-frame .sayt-container > .sinvestor-results {
        padding: 10px 0 24px 0
    }

    .nbf-frame .sayt-container > .sinvestor-results > .sinvestor-resultlist > li > h3 {
        padding-left: 24px;
        padding-right: 24px
    }

    .nbf-frame .sayt-container > .sinvestor-results > .sinvestor-resultlist > li > h3 > a {
        font: 17px/26px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        color: #292929
    }

    .nbf-frame .sayt-container > .sinvestor-results > .sinvestor-resultlist > li > ul > .searchresult-item > a {
        padding-left: 24px;
        padding-right: 24px;
        font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656;
        line-height: 14px
    }

    .nbf-frame[class*="nav-banking"] .if6_header .search {
        margin-left: 80px
    }

    .nbf-frame[class*="nav-banking"] .if6_header .search > form {
        margin-left: -450px;
        margin-top: 16px
    }

    .nbf-frame[class*="nav-banking"] .if6_header .search > form input, .nbf-frame[class*="nav-banking"] .if6_header .search > form label {
        border-color: rgba(0, 0, 0, 0.25)
    }

    .nbf-frame[class*="nav-banking"] .if6_header .search > a {
        margin-right: 0;
        margin-left: 0;
        margin-top: 6px;
        margin-bottom: 6px;
        font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        line-height: 24px;
        color: #565656
    }

    .nbf-frame[class*="nav-banking"] .if6_header .search > a:before {
        color: #565656
    }

    .no-touch .nbf-frame[class*="nav-banking"] .if6_header .search > a:hover, .nbf-frame.nbf-frame[class*="nav-banking"] .if6_header .search > a:focus {
        color: #292929
    }

    .no-touch .nbf-frame[class*="nav-banking"] .if6_header .search > a:hover:before, .nbf-frame.nbf-frame[class*="nav-banking"] .if6_header .search > a:focus:before {
        color: #292929;
        background-color: transparent
    }

    .nbf-frame.search_visible .if6_header .if6_nav .nav-top {
        opacity: 0
    }

    .nbf-frame.search_visible .if6_header .search .search-pageoverlay {
        left: 0;
        opacity: 1;
        transition-delay: 1ms
    }

    .nbf-frame.search_visible .if6_header .search form {
        opacity: 1;
        top: 0;
        transition-delay: 1ms
    }

    .nbf-frame.search_visible .if6_header .search > a {
        opacity: 0
    }

    .nav-main.header-style2 .if6_header .search .search-pageoverlay {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 167px, rgba(0, 0, 0, 0.25) 168px)
    }

    .nav-main.header-style2 .if6_header .search > a {
        margin-right: 48px
    }
}

.no-touch .nbf-frame .sayt-container > .autocomplete-suggestions-wrapper > .autocomplete-suggestions > .autocomplete-suggestion:hover {
    background-color: #f0f0f0;
    cursor: pointer
}

.no-touch .nbf-frame .sayt-container > .sayt-results a:hover .sitebadge, .no-touch .nbf-frame .sayt-container > .sinvestor-results a:hover .sitebadge {
    color: #292929;
    background-color: #e3e3e3
}

.no-js .nbf-frame .if6_header .search:hover {
    width: 500px
}

.no-js .nbf-frame .if6_header .search:hover form {
    top: 0;
    opacity: 1
}

.no-js .nbf-frame .if6_header .search:hover > a {
    opacity: 0
}

@media (min-width: 1320px) {
    .nbf-frame .if6_header .search form {
        width: 720px;
        margin-left: -360px
    }

    .nbf-frame[class*="nav-banking"] .if6_header .search > form {
        margin-left: -510px
    }
}

@media (max-width: 1279px) {
    .js .nbf-frame .search:hover form {
        display: block
    }

    .nbf-frame .if6_header .search {
        padding-right: 0;
        width: auto
    }

    .nbf-frame .if6_header .search .search-pageoverlay {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 2002
    }

    .nbf-frame .if6_header .search form {
        position: fixed;
        left: 0;
        width: 100%;
        padding: 12px 12px 0 12px;
        box-sizing: border-box;
        right: 0;
        display: block;
        top: 100%;
        z-index: 2003;
        opacity: 0;
        transition: opacity 360ms cubic-bezier(0.32, 0.24, 0.15, 1), top 1ms linear 360ms;
        background-color: #fff;
        height: calc(100% - 72px);
        bottom: 0
    }

    .nbf-frame .if6_header .search form:before {
        display: none
    }

    .nbf-frame .if6_header .search form label {
        width: 100%;
        margin-right: -100%;
        line-height: 54px;
        padding: 14px 18px;
        height: 54px;
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656;
        border: 1px solid #e3e3e3;
        border-radius: 24px
    }

    .nbf-frame .if6_header .search form input {
        padding: 0 18px;
        width: 100%;
        height: 54px;
        background-color: transparent;
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656;
        border: 1px solid #e3e3e3;
        border-radius: 24px;
        margin-bottom: 2px
    }

    .nbf-frame .if6_header .search form input:focus {
        outline: 0
    }

    .nbf-frame .if6_header .search form input.nonempty {
        background-color: #fff;
        color: #000
    }

    .nbf-frame .if6_header .search > a {
        display: none
    }

    .nbf-frame .sayt-container {
        padding: 24px 0 0 0;
        overflow: hidden;
        overflow-y: auto;
        background-color: #fff;
        max-height: calc(100% - 54px);
        box-sizing: border-box;
        position: static;
        width: 100%
    }

    .nbf-frame .sayt-container > .autocomplete-suggestions-wrapper {
        border: 0
    }

    .nbf-frame .sayt-container > .autocomplete-suggestions-wrapper h3 {
        border: 0;
        font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #565656;
        margin: 0 30px;
        height: 36px;
        line-height: 36px;
        padding: 0
    }

    .nbf-frame .sayt-container .autocomplete-suggestions {
        width: 100%
    }

    .nbf-frame .sayt-container .autocomplete-suggestion {
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656;
        padding: 0 30px;
        height: 48px;
        line-height: 48px
    }

    .nbf-frame .sayt-container .sitebadge {
        color: #444;
        background-color: #f0f0f0
    }

    .nbf-frame .sayt-container > .sayt-results, .nbf-frame .sayt-container > .sinvestor-results {
        border: 0;
        padding: 12px 0 0 0;
        width: 100%
    }

    .nbf-frame .sayt-container > .sayt-results > h3, .nbf-frame .sayt-container > .sinvestor-results > h3 {
        border: 0;
        font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #565656;
        margin: 0 30px;
        height: 36px;
        line-height: 36px;
        padding: 0
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-resultlist > h3, .nbf-frame .sayt-container > .sinvestor-results > .sayt-resultlist > h3, .nbf-frame .sayt-container > .sayt-results > .sinvestor-resultlist > h3, .nbf-frame .sayt-container > .sinvestor-results > .sinvestor-resultlist > h3, .nbf-frame .sayt-container > .sayt-results > .sayt-resultlist > li > h3, .nbf-frame .sayt-container > .sinvestor-results > .sayt-resultlist > li > h3, .nbf-frame .sayt-container > .sayt-results > .sinvestor-resultlist > li > h3, .nbf-frame .sayt-container > .sinvestor-results > .sinvestor-resultlist > li > h3, .nbf-frame .sayt-container > .sayt-results > .sayt-resultlist .searchresult-item > a, .nbf-frame .sayt-container > .sinvestor-results > .sayt-resultlist .searchresult-item > a, .nbf-frame .sayt-container > .sayt-results > .sinvestor-resultlist .searchresult-item > a, .nbf-frame .sayt-container > .sinvestor-results > .sinvestor-resultlist .searchresult-item > a {
        padding-left: 30px;
        padding-right: 30px
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-resultlist > .searchresult-item > a, .nbf-frame .sayt-container > .sinvestor-results > .sayt-resultlist > .searchresult-item > a {
        display: grid;
        grid-template-areas:"title badges ." "content content content";
        grid-template-columns:auto 1fr auto
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-resultlist > .searchresult-item > a::after, .nbf-frame .sayt-container > .sinvestor-results > .sayt-resultlist > .searchresult-item > a::after {
        content: " ";
        display: block;
        height: 0;
        clear: both
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-resultlist > .searchresult-item > a > h3, .nbf-frame .sayt-container > .sinvestor-results > .sayt-resultlist > .searchresult-item > a > h3 {
        float: left;
        grid-area: title;
        margin-right: 10px
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-resultlist > .searchresult-item > a > .sitebadge, .nbf-frame .sayt-container > .sinvestor-results > .sayt-resultlist > .searchresult-item > a > .sitebadge {
        float: left;
        margin-top: 2px;
        margin-bottom: 0;
        grid-area: badges;
        width: min-content;
        align-self: start
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-resultlist > .searchresult-item > a > p, .nbf-frame .sayt-container > .sinvestor-results > .sayt-resultlist > .searchresult-item > a > p {
        clear: both;
        grid-area: content;
        white-space: normal
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-all, .nbf-frame .sayt-container > .sinvestor-results > .sayt-all, .nbf-frame .sayt-container > .sayt-results > .sinvestor-all, .nbf-frame .sayt-container > .sinvestor-results > .sinvestor-all {
        text-align: left;
        padding: 0 30px
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-all > a, .nbf-frame .sayt-container > .sinvestor-results > .sayt-all > a, .nbf-frame .sayt-container > .sayt-results > .sinvestor-all > a, .nbf-frame .sayt-container > .sinvestor-results > .sinvestor-all > a {
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #292929;
        text-decoration: underline;
        height: 48px;
        display: inline-block;
        line-height: 48px
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-all > a::after, .nbf-frame .sayt-container > .sinvestor-results > .sayt-all > a::after, .nbf-frame .sayt-container > .sayt-results > .sinvestor-all > a::after, .nbf-frame .sayt-container > .sinvestor-results > .sinvestor-all > a::after {
        display: none
    }

    .nbf-frame .sayt-container > .sayt-results > h3, .nbf-frame .sayt-container > .sinvestor-results > h3 {
        font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #565656
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-all > a, .nbf-frame .sayt-container > .sinvestor-results > .sayt-all > a, .nbf-frame .sayt-container > .sayt-results > .sinvestor-all > a, .nbf-frame .sayt-container > .sinvestor-results > .sinvestor-all > a {
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #292929;
        height: 48px;
        display: inline-block;
        line-height: 48px
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-resultlist > .searchresult-item > a > h3 {
        font: 17px/26px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        color: #292929
    }

    .nbf-frame .sayt-container > .sayt-results > .sayt-resultlist > .searchresult-item > a > p {
        font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656
    }

    .nbf-frame .sayt-container > .sinvestor-results > .sinvestor-resultlist > li > h3 > a {
        font: 17px/26px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        color: #292929
    }

    .nbf-frame .sayt-container > .sinvestor-results > .sinvestor-resultlist > li > ul > .searchresult-item > a {
        font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656;
        line-height: 14px
    }

    body.nbf-frame.search_visible .if6_header .search .search-pageoverlay {
        display: block
    }

    body.nbf-frame.search_visible .if6_header .search form {
        top: 72px;
        opacity: 1;
        transition-delay: 1ms
    }

    body.nbf-frame.search_visible.navigation_visible .if6_nav .nav-full-container > .nav-full-content {
        opacity: 0
    }
}

@media screen and (max-width: 539px) {
    .js .nbf-frame.search_visible .logo {
        display: block
    }
}

@media screen and (max-width: 415px) {
    .nbf-frame .sayt-container {
        left: 0
    }
}

.banking-siteselect {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    display: none
}

.banking-siteselect ul {
    border-bottom: 1px solid #e3e3e3
}

.banking-siteselect ul li a {
    display: inline-block;
    color: #292929;
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    padding: 9.5px 0
}

.banking-siteselect ul li a:active {
    color: #b60000
}

.banking-siteselect ul li.active a {
    color: red;
    font: bold 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    border-bottom-color: red
}

.banking-siteselect ul li + li {
    margin-left: 24px
}

.no-touch .banking-siteselect ul li a:hover, .banking-siteselect ul li a:focus {
    text-decoration: none;
    color: red
}

.nav-banking1 .banking-siteselect {
    display: block
}

@media screen and (min-width: 1280px) {
    .banking-siteselect {
        height: 0
    }

    .banking-siteselect > div {
        margin: -39px auto 0 auto;
        width: 960px;
        padding: 0 20px;
        height: 0
    }

    .banking-siteselect ul {
        display: inline-block;
        margin-left: 20px
    }
}

@media screen and (max-width: 1279px) {
    .nbf-frame.nav-banking1 .if6_header.with-banking-siteselect {
        padding-bottom: 42px
    }

    .banking-siteselect {
        padding: 0 20px;
        bottom: 0
    }
}

.nbf-frame.if6.contact_visible .if6_outer {
    margin-left: 0
}

.nbf-frame.if6.contact_visible .if6_contact > a {
    right: 0
}

.nbf-frame.if6.contact_visible .if6_iconbar .iconbar_overlay {
    background-color: rgba(0, 0, 0, 0.25)
}

.nbf-frame.if6.contact_visible[class*="nav-banking"] .if6_iconbar .iconbar_overlay {
    background-color: rgba(0, 0, 0, 0.25)
}

.nbf-frame.if6 .if6_contact > div {
    z-index: 4001
}

@media screen and (max-width: 1279px) {
    .js .nbf-frame.if6 .if6_contact > div {
        width: 100%;
        right: -100%
    }

    .js .nbf-frame.if6 .if6_contact .close-icon {
        left: unset;
        right: 0
    }

    .js .nbf-frame.if6.contact_visible .if6_contact > div {
        right: 0
    }
}

@media screen and (min-width: 1280px) {
    .js .nbf-frame.if6[class*="nav-banking"] .if6_contact > div {
        left: -2000px;
        bottom: 40px;
        top: unset;
        right: unset;
        height: auto;
        max-height: calc(100% - 40px - 106px);
        opacity: 0;
        transition: opacity .36s;
        border: 1px solid #e3e3e3;
        border-radius: 8px;
        box-shadow: 0 0 4px 0 #e3e3e3
    }

    .js .nbf-frame.if6[class*="nav-banking"] .if6_contact > div > div {
        box-shadow: none
    }

    .js .nbf-frame.if6[class*="nav-banking"] .if6_contact .close-icon {
        left: unset;
        right: 0
    }

    .js .nbf-frame.if6[class*="nav-banking"].contact_visible .if6_contact > div {
        opacity: 1;
        left: 200px
    }
}

.nbf-frame .if6_contactstage {
    background-color: #fafafa;
    text-underline-position: under
}

.nbf-frame .if6_contactstage .if6_inner {
    color: #292929
}

.nbf-frame .if6_contactstage .cs-phone .cs-number, .nbf-frame .if6_contactstage .cs-button a {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf-frame .if6_contactstage .cs-phone .cs-title, .nbf-frame .if6_contactstage .cs-link a {
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif
}

.nbf-frame .if6_contactstage a {
    text-decoration: none
}

@media screen and (min-width: 650px) {
    .nbf-frame .if6_contactstage .cshead {
        margin: 72px 0 24px 0;
        font: 24px/32px SparkasseWebLight, Helvetica, Arial, sans-serif
    }

    .nbf-frame .if6_contactstage .cs-phone, .nbf-frame .if6_contactstage .cs-link {
        margin: 12px 12px 0
    }

    .nbf-frame .if6_contactstage .cs-phone.with-separator:before, .nbf-frame .if6_contactstage .cs-link.with-separator:before {
        border-left: 0;
        border-radius: 50%;
        width: 4px;
        height: 4px;
        background-color: #e3e3e3;
        margin-top: 9px;
        margin-left: -16px
    }

    .nbf-frame .if6_contactstage .cs-phone span {
        display: inline;
        margin: 0
    }

    .nbf-frame .if6_contactstage .cs-phone .cs-title::after {
        content: ": "
    }

    .nbf-frame .if6_contactstage .cs-phone .cs-number {
        float: none
    }

    .nbf-frame .if6_contactstage .cs-phone .cs-open:before {
        content: " "
    }

    .nbf-frame .if6_contactstage .cs-phone .cs-number::before, .nbf-frame .if6_contactstage .cs-link a::after {
        display: none
    }

    .nbf-frame .if6_contactstage .buttonparsys {
        margin-bottom: 30px
    }

    .nbf-frame .if6_contactstage .cs-button {
        padding: 130px 6px 0 6px
    }

    .nbf-frame .if6_contactstage .cs-button a {
        padding-right: 0
    }

    .nbf-frame .if6_contactstage .cs-button a::before {
        color: #6e6e6e
    }

    .nbf-frame .if6_contactstage .cs-button a::after {
        display: none
    }

    .nbf-frame .if6_contactstage .cs-button > div a {
        margin-top: 18px
    }

    .nbf-frame .if6_contactstage .cs-button > div a:first-child {
        margin-top: 0
    }

    .nbf-frame .if6_contactstage .cs-button > div a::before {
        color: #292929
    }

    .nbf-frame .if6_contactstage .cs-link a:hover, .nbf-frame .if6_contactstage .cs-button a:hover span {
        text-decoration: underline
    }
}

@media screen and (max-width: 649px) {
    .nbf-frame .if6_contactstage .if6_inner {
        padding: 0 24px
    }

    .nbf-frame .if6_contactstage .cshead {
        font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #565656;
        border-bottom: 0;
        padding: 0;
        margin: 36px 0 24px
    }

    .nbf-frame .if6_contactstage .buttonparsys {
        margin-bottom: 12px
    }

    .nbf-frame .if6_contactstage .cs-phone, .nbf-frame .if6_contactstage .cs-button {
        margin-top: 12px
    }

    .nbf-frame .if6_contactstage .cs-phone a, .nbf-frame .if6_contactstage .cs-button a {
        height: 48px;
        border-radius: 24px;
        font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        display: flex;
        align-items: center;
        color: #292929;
        background-color: transparent;
        border: 2px solid #292929;
        padding: 0 54px
    }

    .nbf-frame .if6_contactstage .cs-phone a::before, .nbf-frame .if6_contactstage .cs-button a::before {
        color: #292929;
        margin-left: -44px;
        font-size: 33px;
        width: 33px;
        height: 33px;
        margin-top: 6px
    }

    .nbf-frame .if6_contactstage .cs-phone a span, .nbf-frame .if6_contactstage .cs-button a span {
        width: 100%;
        margin: 0
    }

    .nbf-frame .if6_contactstage .cs-phone.cs-main a, .nbf-frame .if6_contactstage .cs-button.cs-main a {
        background-color: #00724b;
        border-color: #00724b;
        color: #fff
    }

    .nbf-frame .if6_contactstage .cs-phone.cs-main a::before, .nbf-frame .if6_contactstage .cs-button.cs-main a::before {
        color: #fff
    }

    .nbf-frame .if6_contactstage .cs-link {
        height: 48px;
        margin-bottom: 18px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .nbf-frame .if6_contactstage .cs-link ::after {
        display: none
    }

    .nbf-frame .if6_contactstage .cs-button a.chatlink, .nbf-frame .if6_contactstage .cs-button a.videochatlink {
        background-color: transparent
    }
}

@media (max-width: 1079px) {
    .nbf-frame .if6_contactstage .if6_inner {
        padding: 0 15px
    }
}

.nbf-frame .if6_service {
    background-color: #fafafa;
    text-underline-position: under
}

.nbf-frame .if6_service .if6_inner {
    padding: 12px 0 30px
}

.nbf-frame .if6_service .parsys, .nbf-frame .if6_service .parsys + .parsys {
    padding: 0 9px
}

.nbf-frame .if6_service .serviceheadline {
    font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #565656;
    height: auto;
    padding: 18px 0 12px
}

.nbf-frame .if6_service .servicelink, .nbf-frame .if6_service .servicebutton {
    border-color: #e3e3e3;
    background-color: #fafafa
}

.nbf-frame .if6_service .servicelink a, .nbf-frame .if6_service .servicebutton a {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #292929;
    line-height: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0;
    margin-left: -6px;
    text-align: left
}

.nbf-frame .if6_service .servicelink a::before, .nbf-frame .if6_service .servicebutton a::before {
    position: relative;
    margin: -2px 6px 0 0;
    color: #292929
}

.nbf-frame .if6_service .servicelink a::after, .nbf-frame .if6_service .servicebutton a::after {
    display: none
}

.nbf-frame .if6_service .servicelink a:hover, .nbf-frame .if6_service .servicebutton a:hover {
    background-color: transparent
}

.nbf-frame .if6_service .servicebutton a::before {
    font: 22px/81% Pictos-IF;
    width: 33px;
    height: 22px;
    content: "\f817";
    text-align: center
}

.nbf-frame .if6_service .serviceempty {
    height: 48px
}

@media (max-width: 1079px) {
    .nbf-frame .if6_service .if6_inner {
        padding: 12px 15px 30px
    }

    .nbf-frame .if6_service .if6_inner .parsys, .nbf-frame .if6_service .if6_inner .parsys + .parsys {
        padding-left: 9px
    }
}

@media screen and (max-width: 767px) {
    .nbf-frame .if6_service .if6_inner {
        padding-top: 0
    }

    .nbf-frame .if6_service .serviceheadline {
        padding: 36px 0 12px
    }

    .nbf-frame .if6_service .if6_inner .parsys, .nbf-frame .if6_service .if6_inner .parsys + .parsys {
        padding: 0 9px
    }
}

.nbf-frame .if6_sitemap {
    background-color: #fafafa;
    color: #292929;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    text-underline-position: under
}

.nbf-frame .if6_sitemap .if6_inner > ul > li {
    margin: 48px 0;
    padding: 0 9px
}

.nbf-frame .if6_sitemap .if6_inner > ul > li .h4 {
    font: bold 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    margin: 0 0 12px 0
}

.nbf-frame .if6_sitemap .if6_inner > ul > li ul li {
    margin: 0 0 12px 0
}

.nbf-frame .if6_sitemap .if6_inner > ul > li ul li:last-child {
    margin-bottom: 0
}

@media (max-width: 1079px) {
    .nbf-frame .if6_sitemap .if6_inner {
        padding: 0 15px
    }
}

.nbf-frame .if6_awardarea {
    background-color: #fafafa
}

.nbf-frame .if6_awardarea .if6_inner {
    padding: 18px 0;
    border-top: 1px solid #e3e3e3
}

.nbf-frame .if6_awardarea .parsys {
    padding-left: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.nbf-frame .if6_awardarea .if6_award {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #292929;
    border-right: 0;
    margin: 18px 0;
    padding: 0 12px;
    width: 33.33%;
    max-width: 192px;
    float: none
}

.nbf-frame .if6_awardarea .if6_award > a, .nbf-frame .if6_awardarea .if6_award > div {
    text-align: center
}

.nbf-frame .if6_awardarea .if6_award .image {
    display: flex;
    margin-bottom: 18px;
    width: 100%;
    height: 120px;
    padding: 0 4px;
    box-sizing: border-box
}

.nbf-frame .if6_awardarea .if6_award .image img {
    max-width: 160px;
    max-height: 120px;
    margin: auto
}

.nbf-frame .if6_awardarea .if6_award .image + div {
    display: block;
    padding: 0
}

@media (max-width: 1079px) {
    .nbf-frame .if6_awardarea .if6_inner {
        width: auto;
        margin: 0 24px
    }
}

@media screen and (max-width: 848px) {
    .nbf-frame .if6_awardarea .if6_inner .parsys {
        display: flex
    }
}

@media screen and (max-width: 767px) {
    .nbf-frame .if6_awardarea .if6_inner {
        border-top: 0
    }
}

@media screen and (max-width: 649px) {
    .nbf-frame .if6_awardarea .if6_inner {
        padding: 0 0 12px 0
    }

    .nbf-frame .if6_awardarea .if6_award {
        padding: 0 15px;
        min-width: 110px;
        margin: 18px 0 0
    }

    .nbf-frame .if6_awardarea .if6_award .image {
        margin-bottom: 0
    }

    .nbf-frame .if6_awardarea .if6_award .image + div {
        display: none
    }

    .nbf-frame .if6_awardarea .if6_award .image img {
        max-width: 80px
    }
}

.nbf-frame .if6_footer {
    background-color: #fafafa;
    color: #565656;
    text-underline-position: under
}

.nbf-frame .if6_footer, .nbf-frame .if6_footer .if6_inner {
    overflow: visible
}

.nbf-frame .if6_footer .if6_inner {
    padding: 30px 0 24px 0;
    border-top: 1px solid #e3e3e3;
    box-sizing: border-box;
    display: block
}

.nbf-frame .if6_footer .if6_impressum > ul > li > a, .nbf-frame .if6_footer .if6_langselect > div > span {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656
}

.nbf-frame .if6_footer .if6_impressum {
    padding: 0;
    max-width: 840px;
    margin: 0 auto;
    display: block
}

.nbf-frame .if6_footer .if6_impressum > ul {
    margin-right: -24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 0
}

.nbf-frame .if6_footer .if6_impressum > ul > li {
    margin: 0 24px 6px 0
}

.nbf-frame .if6_footer .if6_impressum > .bterm {
    display: none
}

.nbf-frame .if6_footer .if6_impressum > ul > li, .nbf-frame .if6_footer .if6_langselect > div {
    height: auto
}

.nbf-frame .if6_footer .if6_langselect {
    margin-right: -6px;
    padding-right: 0
}

.nbf-frame .if6_footer .if6_langselect > div > span {
    height: 18px;
    padding: 0 32px 0 21px;
    border: 0;
    border-right: 1px solid #e3e3e3;
    border-radius: 0
}

.nbf-frame .if6_footer .if6_langselect > div > span::before, .nbf-frame .if6_footer .if6_langselect > div > span::after {
    font: 14px/81% Pictos-IF;
    width: 14px;
    height: 14px;
    position: absolute
}

.nbf-frame .if6_footer .if6_langselect > div > span::before {
    font-size: 16px;
    content: "\f7ff";
    top: 3px;
    left: 0
}

.nbf-frame .if6_footer .if6_langselect > div > span::after {
    content: "\f808";
    right: 18px;
    font-size: 22px
}

.nbf-frame .if6_footer .if6_langselect > div > div {
    position: absolute;
    width: auto;
    height: 0;
    bottom: -16px;
    left: -1000px;
    overflow: hidden
}

.nbf-frame .if6_footer .if6_langselect > div > div::before, .nbf-frame .if6_footer .if6_langselect > div > div::after {
    display: none
}

.nbf-frame .if6_footer .if6_langselect .langselect {
    width: auto;
    margin-left: 0;
    position: relative
}

.nbf-frame .if6_footer .if6_langselect .langselect > div {
    margin-top: 0;
    padding: 6px 0;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 6px
}

.nbf-frame .if6_footer .if6_langselect .langselect li {
    background-color: transparent;
    padding: 0;
    min-width: 168px
}

.nbf-frame .if6_footer .if6_langselect .langselect li + li {
    border-top: 0
}

.nbf-frame .if6_footer .if6_langselect .langselect li.selected {
    position: relative
}

.nbf-frame .if6_footer .if6_langselect .langselect li.selected::after {
    font: 18px/81% Pictos-IF;
    content: "\f605";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 8px;
    right: 8px
}

.nbf-frame .if6_footer .if6_langselect .langselect a {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #292929;
    display: block;
    padding: 7px 12px 8px
}

.nbf-frame .if6_footer .if6_langselect .langselect a:active {
    background-color: #e3e3e3
}

.nbf-frame .if6_footer .if6_social {
    display: block;
    text-align: center;
    margin: 18px auto 0 auto;
    max-width: 840px
}

.nbf-frame .if6_footer .no-social-icons .if6_social {
    display: none
}

.nbf-frame .if6_footer .if6_social .icon {
    margin: 0 0 6px 12px;
    float: none;
    display: inline-block
}

.nbf-frame .if6_footer .if6_social .icon:first-child {
    margin-left: 0
}

.nbf-frame .if6_footer .if6_social .icon a {
    width: 24px
}

.nbf-frame .if6_footer .if6_social .icon a::before {
    color: #6e6e6e;
    border-color: #6e6e6e;
    font-size: 22px;
    height: 22px;
    width: 22px
}

.nbf-frame .if6_footer .if6_social .icon a:hover::before, .nbf-frame .if6_footer .if6_social .icon a:focus::before {
    color: #fff;
    background-color: #6e6e6e
}

.nbf-frame[class*="nav-banking"] .if6_footer {
    background-color: #fff
}

.nbf-frame[class*="nav-banking"] .if6_footer .if6_inner {
    border-top: 0
}

.js .langselect_visible.nbf-frame .if6_footer .if6_langselect > div > div {
    left: 0;
    height: auto
}

.js .if6_langselect > div:hover > div, .if6_langselect > div > div {
    display: inline-block
}

.no-touch .nbf-frame .if6_footer .if6_langselect .langselect a:hover, .nbf-frame .if6_footer .if6_langselect .langselect a:focus {
    background-color: #f5f5f5;
    outline: 0
}

body:not(.langselect_visible) .if6_header .if6_langselect .langselect {
    height: 0;
    overflow: hidden
}

body:not(.langselect_visible) .if6_header .if6_langselect > div > div:before, body:not(.langselect_visible) .if6_header .if6_langselect > div > div:after {
    display: none
}

@media (min-width: 1280px) {
    .nbf-frame[class*="nav-banking"].footer-fixed .if6_main {
        border-bottom: 1px solid transparent
    }

    .nbf-frame[class*="nav-banking"].footer-fixed .if6_footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding-left: 300px;
        width: 100%;
        box-sizing: border-box;
        z-index: 1000
    }
}

@media screen and (max-width: 1079px) {
    body:not(.langselect_visible) .if6_header .if6_langselect .langselect {
        right: 3000px
    }
}

@media screen and (max-width: 1279px) {
    .nbf-frame .if6_footer .if6_impressum > ul {
        margin-right: -18px
    }

    .nbf-frame .if6_footer .if6_impressum > ul > li {
        margin-bottom: 12px;
        margin-right: 18px
    }

    .nbf-frame .if6_footer .if6_social .icon {
        margin-left: 18px;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 1008px) {
    .nbf-frame .if6_footer .if6_inner {
        width: auto;
        margin: 0 24px
    }
}

@media screen and (max-width: 767px) {
    .no-touch .nbf-frame .if6_footer .if6_social .icon a:hover::before {
        color: #fff;
        background-color: #6e6e6e
    }

    .nbf-frame .if6_footer {
        border-bottom: 0
    }

    .nbf-frame .if6_footer .if6_impressum {
        width: auto
    }

    .nbf-frame .if6_footer .if6_impressum > ul > li {
        padding-top: 0
    }
}

@media screen and (max-width: 649px) {
    .nbf-frame .if6_footer .if6_inner {
        border-top: 0
    }

    .nbf-frame .if6_footer .if6_inner .langselect li {
        width: 327px
    }
}

@keyframes showCalendar {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.nbf.if6 .calendar-container {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #292929;
    width: 840px;
    border: 1px solid #949494;
    border-radius: 24px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    z-index: 3000;
    box-shadow: 0 2px 3px rgba(86, 86, 86, 0.1);
    opacity: 1;
    animation-duration: 480ms;
    animation-timing-function: ease-in-out;
    animation-name: showCalendar
}

.nbf.if6 .calendar-container.single-select {
    border-radius: 0 0 5px 5px
}

.nbf.if6 .calendar-container .tan-required {
    position: relative
}

.nbf.if6 .calendar-container .tan-required .nbf-datepicker-tooltip {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    display: inline-block;
    border: 1px solid #949494;
    white-space: nowrap;
    position: absolute;
    z-index: 1;
    left: 52px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    padding: 18px;
    box-shadow: 0 2px 5px rgba(86, 86, 86, 0.2);
    border-radius: 12px;
    color: #292929
}

.nbf.if6 .calendar-container .tan-required .nbf-datepicker-tooltip::before, .nbf.if6 .calendar-container .tan-required .nbf-datepicker-tooltip::after {
    content: '';
    display: inline-block;
    border: 6px solid transparent;
    position: absolute;
    left: -13px;
    top: 50%;
    transform: translateY(-50%)
}

.nbf.if6 .calendar-container .tan-required .nbf-datepicker-tooltip::before {
    border-right-color: #949494
}

.nbf.if6 .calendar-container .tan-required .nbf-datepicker-tooltip::after {
    border-right-color: #fff;
    left: -11px
}

.nbf.if6 .calendar-container .tan-required .nbf-datepicker-tooltip.tooltip-left {
    left: 0;
    transform: translate(calc(-100% - 8px), -50%)
}

.nbf.if6 .calendar-container .tan-required .nbf-datepicker-tooltip.tooltip-left::before, .nbf.if6 .calendar-container .tan-required .nbf-datepicker-tooltip.tooltip-left::after {
    left: unset;
    right: -13px
}

.nbf.if6 .calendar-container .tan-required .nbf-datepicker-tooltip.tooltip-left::before {
    border-right-color: transparent;
    border-left-color: #949494
}

.nbf.if6 .calendar-container .tan-required .nbf-datepicker-tooltip.tooltip-left::after {
    border-right-color: transparent;
    border-left-color: #fff;
    left: unset;
    right: -11px
}

.nbf.if6 .calendar-container .calendar-head {
    color: #6e6e6e;
    line-height: 24px;
    padding: 12px 48px 10px 24px;
    border-bottom: 1px solid #e3e3e3;
    position: relative
}

.nbf.if6 .calendar-container .calendar-head ::placeholder {
    color: #aeaeae;
    letter-spacing: .5px;
    padding: 0 7px
}

.nbf.if6 .calendar-container .calendar-head .datepicker-error.blineunder .msgerror, .nbf.if6 .calendar-container .manual-input-body .datepicker-error.blineunder .msgerror {
    padding: 0
}

.nbf.if6 .calendar-container .calendar-head .datepicker-error.blineunder .msgerror .select-start-error, .nbf.if6 .calendar-container .manual-input-body .datepicker-error.blineunder .msgerror .select-start-error, .nbf.if6 .calendar-container .calendar-head .datepicker-error.blineunder .msgerror .select-end-error, .nbf.if6 .calendar-container .manual-input-body .datepicker-error.blineunder .msgerror .select-end-error {
    display: none
}

.nbf.if6 .calendar-container .calendar-head input {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #292929;
    padding: 0 2px
}

.nbf.if6 .calendar-container .calendar-head input.error {
    border: #b60000 1px solid;
    outline: 0
}

.nbf.if6 .calendar-container .calendar-head-mobile {
    display: none
}

.nbf.if6 .calendar-container .calendar-close {
    display: block;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 26px;
    height: 32px
}

.nbf.if6 .calendar-container .calendar-close::after {
    font: 26px/81% Pictos-IF;
    content: '\75'
}

.nbf.if6 .calendar-container .calendar-body {
    display: flex;
    justify-content: center;
    margin: 24px 0
}

.nbf.if6 .calendar-container .calendar-month:first-child {
    margin-right: 60px
}

.nbf.if6 .calendar-container .calendar-month:first-child .month-toggle:last-child {
    display: none
}

.nbf.if6 .calendar-container .calendar-month:last-child .month-toggle:first-child {
    display: none
}

.nbf.if6 .calendar-container.single-select .calendar-month:first-child .month-toggle:last-child {
    display: block
}

.nbf.if6 .calendar-container .month-toggle::after, .nbf.if6 .calendar-container .year-toggle::after {
    font: 24px/81% Pictos-IF;
    content: '\f80c';
    height: 24px;
    display: inline-block
}

.nbf.if6 .calendar-container .toggle-prev-month::after, .nbf.if6 .calendar-container .toggle-prev-year::after {
    content: '\f80b'
}

.nbf.if6 .calendar-container .month-head, .nbf.if6 .calendar-container .year-head {
    display: flex;
    margin-bottom: 18px;
    padding: 0 12px
}

.nbf.if6 .calendar-container .month-label, .nbf.if6 .calendar-container .year-label {
    flex: 1;
    text-align: center;
    font: bold 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf.if6 .calendar-container table {
    border-collapse: collapse;
    border-spacing: 0
}

.nbf.if6 .calendar-container th, .nbf.if6 .calendar-container td {
    width: 45px;
    height: 42px;
    text-align: center;
    padding: 0
}

.nbf.if6 .calendar-container td:not(:empty):not(.invalid-date), .nbf.if6 .calendar-container .month-toggle, .nbf.if6 .calendar-container .year-toggle, .nbf.if6 .calendar-container .calendar-close {
    cursor: pointer
}

.nbf.if6 .calendar-container th {
    height: 48px;
    padding-bottom: 6px
}

.nbf.if6 .calendar-container td span {
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    position: relative
}

.nbf.if6 .calendar-container .selected:not(.invalid-date) span, .nbf.if6 .calendar-container .selected-one.hovered span span {
    font: bold 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    background-color: #565656;
    color: #fff
}

.nbf.if6 .calendar-container .selected-first span, .nbf.if6 .calendar-container .selected-one.hovered span {
    border-radius: 20px 0 0 20px
}

.nbf.if6 .calendar-container .selected-one.hovered-last span {
    border-radius: 0 20px 20px 0
}

.nbf.if6 .calendar-container .selected-last span, .nbf.if6 .calendar-container .hovered-last span span, .nbf.if6 .calendar-container .hovered-last:hover span span {
    border-radius: 0 20px 20px 0
}

.nbf.if6 .calendar-container .hovered-first span span, .nbf.if6 .calendar-container .hovered-first:hover span span {
    border-radius: 20px 0 0 20px
}

.nbf.if6 .calendar-container td.calendar-day:focus {
    outline: 0
}

.nbf.if6 .calendar-container td:not(.selected):hover span span, .nbf.if6 .calendar-container td.hovered span span, .nbf.if6 .calendar-container td.calendar-day:focus span span, .nbf.if6 .calendar-container .selected-one.hovered span {
    font: bold 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    width: 100%;
    background-color: #e3e3e3
}

.nbf.if6 .calendar-container td:hover span span, .nbf.if6 .calendar-container td.calendar-day:focus span span, .nbf.if6 .calendar-container .selected-one.hovered:hover span, .nbf.if6 .calendar-container .selected-one span, .nbf.if6 .calendar-container .selected-one.hovered span span, .nbf.if6 .calendar-container .selected-first.selected-last span {
    border-radius: 20px
}

.nbf.if6 .calendar-container .current-date span span::after {
    content: '';
    width: 20px;
    height: 3px;
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    background-color: red;
    border-radius: 24px
}

.nbf.if6 .calendar-container .month-select {
    margin-right: 60px
}

.nbf.if6 .calendar-container .month-select .current-date span span::after {
    width: 32px
}

.nbf.if6 .calendar-container .date-input {
    font-family: Arial, Helvetica, sans-serif;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    width: 90px
}

.nbf.if6 .calendar-container .invalid-date {
    color: #aeaeae
}

.nbf.if6 .calendar-container td:not(.selected).invalid-date:hover span span {
    background-color: transparent;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf.if6 .calendar-container .manual-input-trigger, .nbf.if6 .calendar-container .manual-input-container {
    display: none
}

.nbf.if6 .calendar-container .manual-input-trigger {
    height: 48px;
    align-items: center;
    padding: 0 18px;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656;
    border-top: 1px solid #e3e3e3
}

.nbf.if6 .calendar-container .manual-input-trigger .trigger-label {
    flex: 1
}

.nbf.if6 .calendar-container .manual-input-trigger .trigger-icon {
    width: 24px;
    height: 24px
}

.nbf.if6 .calendar-container .manual-input-trigger .trigger-icon::after {
    font: 24px/81% Pictos-IF;
    content: '\f81a';
    color: #565656
}

.nbf.if6 .calendar-container .manual-input-container {
    background-color: #fff;
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh
}

.nbf.if6 .calendar-container .manual-input-body {
    padding: 18px
}

.nbf.if6 .calendar-container .manual-input {
    position: relative
}

.nbf.if6 .calendar-container .manual-input label {
    position: absolute;
    top: 10px;
    left: 8px;
    font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf.if6 .calendar-container .manual-date-input {
    width: 100%;
    height: 60px;
    margin-bottom: 18px;
    padding-top: 18px
}

.nbf.if6 .calendar-container .untilTodayButton {
    display: none;
    text-align: center;
    position: relative;
    margin-bottom: 24px
}

.nbf.if6 .calendar-container .untilTodayButton span {
    border: 2px solid #565656;
    border-radius: 48px;
    color: #292929;
    background-color: #fff;
    font: 17px/26px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    padding: 9px 20px;
    cursor: pointer
}

.nbf.if6 .calendar-container tbody:focus {
    outline: red solid 1px
}

@media screen and (max-width: 850px) {
    .nbf.if6.calendar-open {
        overflow: hidden
    }

    .nbf.if6 .calendar-container {
        width: 100vw;
        height: 100vh;
        border-radius: 0;
        left: 0;
        transform: translateX(0);
        border: 0
    }

    .nbf.if6 .calendar-container .calendar-head {
        display: none
    }

    .nbf.if6 .calendar-container .calendar-head-mobile {
        display: flex;
        height: 60px;
        align-items: center;
        padding: 0 18px;
        background-color: #fafafa;
        font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif
    }

    .nbf.if6 .calendar-container .calendar-head-mobile .calendar-head-label {
        flex: 1
    }

    .nbf.if6 .calendar-container .calendar-head-mobile .calendar-close {
        position: relative;
        top: unset;
        right: -4px
    }

    .nbf.if6 .calendar-container .calendar-head-mobile .calendar-close::after {
        content: '\f21a'
    }

    .nbf.if6 .calendar-container .calendar-month:first-child {
        display: none
    }

    .nbf.if6 .calendar-container.single-select .calendar-month:first-child {
        display: block;
        margin-right: 0
    }

    .nbf.if6 .calendar-container .calendar-body {
        flex-wrap: wrap
    }

    .nbf.if6 .calendar-container .calendar-month:last-child .month-toggle:first-child {
        display: block
    }

    .nbf.if6 .calendar-container .month-head, .nbf.if6 .calendar-container .year-head {
        margin-bottom: 12px
    }

    .nbf.if6 .calendar-container th {
        height: 42px;
        padding-bottom: 0;
        border-bottom: 1px solid #f0f0f0
    }

    .nbf.if6 .calendar-container .manual-input-trigger {
        display: flex;
        position: absolute;
        bottom: 0;
        box-sizing: border-box;
        width: 100%
    }

    .nbf.if6 .calendar-container .month-select {
        margin-right: 0
    }

    .nbf.if6 .calendar-container .calendar-link {
        width: 100%;
        margin-top: 24px;
        border-top: 1px solid #e3e3e3
    }

    .nbf.if6 .calendar-container .calendar-link a {
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656;
        display: flex;
        align-items: center;
        text-decoration: none;
        padding: 0 46px 0 18px;
        height: 48px
    }

    .nbf.if6 .calendar-container .calendar-link a::after {
        position: absolute;
        right: 18px;
        display: block;
        width: 24px;
        height: 24px;
        font: 24px/81% Pictos-IF;
        content: '\f81a';
        color: #565656
    }
}

@media screen and (max-width: 1079px) {
    .nbf.if6 .calendar-container th:first-child, .nbf.if6 .calendar-container td:first-child, .nbf.if6 .calendar-container th:last-child, .nbf.if6 .calendar-container td:last-child {
        padding: 0
    }
}

body.navigation_visible.nbf-frame .if6_header {
    z-index: 2003
}

body.navigation_visible.nbf-frame .if6_outer {
    margin-left: 0
}

body.navigation_visible.nbf-frame .if6_contact > a {
    right: 0
}

body.navigation_visible.nbf-frame .iconbar_overlay {
    display: none
}

.nbf-frame .if6_contact > div {
    z-index: 2004
}

.if6_nav {
    flex-grow: 1;
    position: relative
}

.if6_nav a:focus {
    outline: 0
}

.if6_nav input.nav-show-more {
    display: none
}

.if6_nav input.nav-show-more + ul > li.nav-more ~ li {
    height: 0;
    overflow: hidden
}

.if6_nav input.nav-show-more:checked + ul > li.nav-more {
    display: none
}

.if6_nav input.nav-show-more:checked + ul > li.nav-more ~ li {
    height: auto
}

.nav-placeholder {
    display: none
}

.nav-full-container .nav-concierge ul a.nav-postfach:before {
    content: "m"
}

.nav-full-container .nav-concierge ul a.nav-settings:before {
    content: "\f72e"
}

.nav-full-container .nav-concierge ul a.nav-contact:before {
    content: "\f81e"
}

.nav-full-container .nav-concierge ul a.nav-siteselect:before {
    content: "\f63a"
}

@media screen and (max-width: 1279px) {
    .nbf-frame .if6_siteselect {
        display: none
    }

    .nbf-frame .if6_iconbar .if6_inner {
        height: 0
    }

    .nbf-frame .if6_iconbar .if6_inner .iconbar {
        display: none
    }

    .nbf-frame.with-pagenav .if6_iconbar .if6_inner {
        height: 40px
    }

    .nbf-frame.with-pagenav .if6_iconbar .if6_inner .iconbar {
        display: block
    }

    .nbf-frame .if6_contact > a, .nbf-frame .if6_contact > a + a + a.postlink {
        display: none
    }

    .if6_nav.disable-anim .nav-full li > a ~ * {
        transition: none
    }

    .if6_nav .nav-pageoverlay {
        display: none
    }

    .if6_nav .nav-background {
        background-color: #fafafa;
        top: 72px;
        height: 0;
        width: 100%;
        left: 0;
        right: 0;
        transition: height 360ms cubic-bezier(0.32, 0.24, 0.15, 1) 320ms;
        position: fixed;
        overflow: hidden
    }

    .if6_nav .nav-background .close-icon {
        display: none
    }

    .if6_nav .nav-full-container {
        width: 100%;
        position: fixed;
        top: -100%;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        overflow: hidden;
        z-index: 2002;
        transition: top 360ms cubic-bezier(0.32, 0.24, 0.15, 1) 360ms
    }

    .if6_nav .nav-full-container > * {
        opacity: 0;
        transition: opacity 360ms cubic-bezier(0.32, 0.24, 0.15, 1)
    }

    .if6_nav .nav-full-container .logo {
        z-index: 1;
        position: relative;
        height: 72px
    }

    .if6_nav .nav-full-container a {
        color: #666
    }

    .if6_nav .nav-full-container > .nav-misc {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        top: 0;
        height: 72px;
        background-color: #fafafa;
        padding-top: 15px;
        padding-right: 15px;
        box-sizing: border-box;
        text-align: right
    }

    .if6_nav .nav-full-container > .nav-misc > a {
        z-index: 2;
        position: relative;
        width: 24px;
        height: 24px;
        color: transparent;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        padding: 9px;
        border-radius: 50%
    }

    .if6_nav .nav-full-container > .nav-misc > a.nav-search {
        margin-right: 19px
    }

    .if6_nav .nav-full-container > .nav-misc > a.nav-search:before {
        content: "\f800";
        font: 24px/81% Pictos-IF;
        width: 24px;
        height: 24px;
        display: inline-block;
        color: red
    }

    .if6_nav .nav-full-container > .nav-misc > a.nav-close:before {
        content: "\f811";
        font: 24px/81% Pictos-IF;
        width: 24px;
        height: 24px;
        display: inline-block;
        color: red
    }

    .if6_nav .nav-full-container > .nav-misc:after {
        content: "";
        border-right: 1px solid #e3e3e3;
        height: 24px;
        display: block;
        position: absolute;
        right: 66px;
        top: 24px
    }

    .if6_nav .nav-full-container .nav-full-content {
        overflow: hidden;
        position: relative;
        height: calc(100% - 72px)
    }

    .if6_nav .nav-full-container .nav-full-content .scroll-container {
        overflow: hidden
    }

    .if6_nav .nav-full-container .nav-full-content .visible > .scroll-container {
        overflow-y: auto
    }

    .if6_nav .nav-full-container .nav-full-content .visible > .scroll-container.noscroll {
        overflow-y: hidden
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full {
        height: 100%;
        box-sizing: border-box;
        overflow-y: auto;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        padding: 0 24px;
        top: -100%;
        transition: top 360ms cubic-bezier(0.32, 0.24, 0.15, 1)
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full.noscroll {
        overflow-y: hidden
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full li + li {
        margin-top: 8px
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full .nav-banking + li {
        margin-top: 0
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full input.nav-show-more + ul > li.nav-more ~ li {
        margin-top: 0
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full input.nav-show-more:checked + ul > li.nav-more ~ li {
        margin-top: 24px
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full .nav-more label, .if6_nav .nav-full-container .nav-full-content > .nav-full .nav-less label {
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656;
        position: relative;
        cursor: pointer;
        padding-right: 24px
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full .nav-more label:after {
        content: "\f808";
        font: 24px/81% Pictos-IF;
        color: #565656;
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        right: 0;
        top: -2px
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full .nav-less label:after {
        content: "\f806";
        font: 24px/81% Pictos-IF;
        color: #565656;
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        right: 0;
        top: -2px
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full a {
        padding: 8px 60px 8px 24px;
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656;
        position: relative;
        display: block;
        text-decoration: none;
        margin-left: -24px;
        margin-right: -24px
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full a:after {
        content: "\f81b";
        font: 24px/81% Pictos-IF;
        top: 50%;
        margin-top: -12px;
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        right: 24px
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full a:last-child:after {
        display: none
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full li.active > a {
        font-weight: bold;
        color: #000
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full li.active > a:after {
        color: #000
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full a.nav-up {
        display: inline-block;
        font: bold 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #292929;
        padding: 9px 24px 9px 18px;
        margin-top: 9px;
        border-radius: 21px;
        margin-left: -18px
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full a.nav-up:before {
        content: "\f80b";
        font: 24px/81% Pictos-IF;
        width: 24px;
        height: 24px;
        display: inline-block;
        margin-right: 12px
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full a.nav-up:after {
        display: none
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full .nav-banking > a {
        display: none
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full .nav-banking a:after {
        display: none
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full .switch-home, .if6_nav .nav-full-container .nav-full-content > .nav-full .switch-banking {
        margin-top: 16px;
        border-top: 1px solid #e3e3e3;
        padding-top: 16px
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full .switch-home a:after, .if6_nav .nav-full-container .nav-full-content > .nav-full .switch-banking a:after {
        content: "\f80c";
        display: block
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-concierge {
        display: none
    }

    .if6_nav .nav-full-container .nav-full-content > .scroll-container > ul > li:not(.nav-banking) .nav-concierge .nav-postfach, .if6_nav .nav-full-container .nav-full-content > .scroll-container > ul > li:not(.nav-banking) .nav-concierge .nav-settings {
        display: none
    }

    .if6_nav .nav-full-container .nav-full-content .nav-concierge {
        margin-top: 16px;
        border-top: 1px solid #e3e3e3;
        padding-top: 6px;
        margin-bottom: 18px
    }

    .if6_nav .nav-full-container .nav-full-content .nav-concierge ul li + li {
        margin-top: 0
    }

    .if6_nav .nav-full-container .nav-full-content .nav-concierge ul a {
        margin-top: 12px;
        padding-right: 24px;
        padding-left: 66px
    }

    .if6_nav .nav-full-container .nav-full-content .nav-concierge ul a:before {
        font: 42px/81% Pictos-IF;
        color: #6e6e6e;
        width: 42px;
        height: 42px;
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -21px;
        left: 18px
    }

    .if6_nav .nav-full-container .nav-full-content .nav-concierge ul a.nav-postfach span {
        display: none
    }

    .if6_nav .nav-full-container .nav-full-content .nav-concierge ul a.new-message span {
        display: inline
    }

    .if6_nav .nav-full-container .nav-full-content .nav-concierge ul a.new-important-message span {
        display: none
    }

    .if6_nav .nav-full-container .nav-full-content .nav-concierge ul a.new-important-message:after {
        border-radius: 50%;
        border: 2px solid #fafafa;
        display: block;
        content: "";
        position: absolute;
        width: 7.5px;
        height: 7.5px;
        left: 43px;
        top: 21px;
        background-color: red
    }

    .if6_nav .nav-full li > a ~ * {
        left: 100%;
        position: absolute;
        transition: left 360ms cubic-bezier(0.32, 0.24, 0.15, 1);
        width: 100%;
        background-color: #fafafa;
        top: 0;
        height: 100%;
        box-sizing: border-box;
        padding: 0 24px;
        z-index: 1
    }

    .if6_nav .nav-full li.visible > a ~ * {
        left: 0
    }

    .if6_nav .h2 {
        border-top: 1px solid #e3e3e3;
        padding: 18px 0 16px 0;
        font: bold 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #292929;
        margin-top: 16px
    }

    .if6_nav .h2:first-child {
        border-top: 0;
        margin-top: 0
    }

    .if6_nav .h2 + ul {
        margin-top: 0
    }

    .no-touch .if6_nav .nav-full-container .nav-full-content > .nav-full a:hover, .if6_nav .nav-full-container .nav-full-content > .nav-full a:focus {
        text-decoration: underline;
        text-underline-position: under;
        text-decoration-thickness: 1.5px;
        color: #000
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full a:active {
        background-color: #f0f0f0;
        text-decoration: underline;
        text-underline-position: under;
        text-decoration-thickness: 1.5px;
        color: #000
    }

    .no-touch .if6_nav .nav-full-container .nav-full-content > .nav-full a.nav-up:hover, .if6_nav .nav-full-container .nav-full-content > .nav-full a.nav-up:focus {
        color: #292929
    }

    .no-touch .if6_nav .nav-full-container .nav-full-content > .nav-full a.nav-up:hover:before, .if6_nav .nav-full-container .nav-full-content > .nav-full a.nav-up:focus:before {
        margin-left: -6px;
        margin-right: 18px
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full a.nav-up:active {
        color: #292929
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full a.nav-up:active:before {
        margin-left: -6px;
        margin-right: 18px
    }

    .nbf-frame:not(.nbf) .switch-banking {
        display: none
    }

    body.navigation_visible .if6_nav .nav-background {
        height: calc(100% - 72px);
        transition-delay: 1ms;
        overflow: visible
    }

    body.navigation_visible .if6_nav .nav-full-container {
        top: 0;
        transition: top 1ms linear;
        height: auto
    }

    body.navigation_visible .if6_nav .nav-full-container > * {
        opacity: 1
    }

    body.navigation_visible .if6_nav .nav-full-container .nav-full-content .nav-full {
        top: 0;
        transition-delay: 320ms
    }
}

@media screen and (max-width: 374px) {
    .if6_nav .nav-full-container .nav-full-content > .nav-full {
        padding-left: 18px;
        padding-right: 18px
    }

    .if6_nav .nav-full-container .nav-full-content > .nav-full li > a ~ * {
        padding: 0 18px
    }
}

@media screen and (min-width: 1280px) {
    .nav-main .if6_nav {
        align-self: flex-start;
        overflow: hidden
    }

    .nav-main .if6_nav a {
        color: #fff;
        transition: color 360ms cubic-bezier(0.32, 0.24, 0.15, 1)
    }

    .nav-main .if6_nav .nav-pageoverlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 100%;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.25);
        opacity: 0;
        transition: opacity 360ms cubic-bezier(0.32, 0.24, 0.15, 1), left 1ms linear 360ms;
        z-index: 2001
    }

    .nav-main .if6_nav .nav-background {
        background-color: #fff;
        left: -100%;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 0;
        transition: left 720ms cubic-bezier(0.32, 0.24, 0.15, 1);
        position: fixed;
        padding-right: 60px;
        z-index: 2001
    }

    .nav-main .if6_nav .nav-background .close-icon {
        height: 24px;
        width: 24px;
        margin-top: 16px;
        top: 32px;
        right: 18px
    }

    .nav-main .if6_nav .nav-background .close-icon:before {
        color: #292929;
        font: 24px/81% Pictos-IF;
        width: 24px;
        height: 24px;
        margin: 0;
        content: "\f811"
    }

    .nav-main .if6_nav .nav-full-container {
        position: fixed;
        top: 0;
        left: -100%;
        bottom: 0;
        height: auto;
        padding-top: 16px;
        box-sizing: border-box;
        overflow: hidden;
        z-index: 2002;
        transition: left 1ms linear 360ms
    }

    .nav-main .if6_nav .nav-full-container > * {
        float: left
    }

    .nav-main .if6_nav .nav-full-container .logo {
        opacity: 0
    }

    .nav-main .if6_nav .nav-misc, .nav-main .if6_nav .h2, .nav-main .if6_nav .nav-concierge {
        display: none
    }

    .nav-main .if6_nav .nav-top, .nav-main .if6_nav .nav-full {
        position: relative;
        padding-top: 27px;
        transition: opacity 360ms cubic-bezier(0.32, 0.24, 0.15, 1)
    }

    .nav-main .if6_nav .nav-top > ul, .nav-main .if6_nav .nav-full > ul {
        display: inline-block
    }

    .nav-main .if6_nav .nav-top > ul > li, .nav-main .if6_nav .nav-full > ul > li {
        display: inline-block;
        white-space: nowrap;
        padding: 0 6px
    }

    .nav-main .if6_nav .nav-top > ul > li.nav-banking, .nav-main .if6_nav .nav-full > ul > li.nav-banking {
        display: none
    }

    .nav-main .if6_nav .nav-top > ul > li > a, .nav-main .if6_nav .nav-full > ul > li > a {
        text-decoration: none;
        position: relative;
        transition: left 360ms cubic-bezier(0.32, 0.24, 0.15, 1), color 360ms cubic-bezier(0.32, 0.24, 0.15, 1);
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 36px;
        padding: 0 6px
    }

    .nav-main .if6_nav .nav-top {
        opacity: 1
    }

    .nav-main .if6_nav .nav-top-more, .nav-main .if6_nav .nav-top-less {
        position: absolute;
        display: none
    }

    .nav-main .if6_nav .nav-top-more a, .nav-main .if6_nav .nav-top-less a {
        text-decoration: none;
        position: relative;
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 36px
    }

    .nav-main .if6_nav .nav-top-more:before, .nav-main .if6_nav .nav-top-less:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 1
    }

    .nav-main .if6_nav .nav-top-more {
        right: 0;
        left: auto;
        padding-left: 45px;
        padding-right: 12px
    }

    .nav-main .if6_nav .nav-top-more:after {
        content: "";
        height: 36px;
        border-right: 1px solid rgba(0, 0, 0, 0.3);
        display: inline-block;
        position: absolute;
        right: 0
    }

    .nav-main .if6_nav .nav-top-more a {
        padding-left: 6px
    }

    .nav-main .if6_nav .nav-top-more a:after {
        content: "\f81b";
        font: 24px/81% Pictos-IF;
        width: 24px;
        height: 24px;
        display: inline-block
    }

    .nav-main .if6_nav .nav-top-less {
        left: 0;
        padding-right: 45px
    }

    .nav-main .if6_nav .nav-top-less a {
        padding-right: 6px
    }

    .nav-main .if6_nav .nav-top-less a:before {
        content: "\f81d";
        font: 24px/81% Pictos-IF;
        width: 24px;
        height: 24px;
        display: inline-block
    }

    .nav-main .if6_nav .nav-top-has-more .nav-top-more {
        display: inline-block
    }

    .nav-main .if6_nav .nav-top-has-less .nav-top-less {
        display: inline-block
    }

    .nav-main .if6_nav .nav-top .nav-top-more:before {
        background-image: linear-gradient(to right, rgba(255, 0, 0, 0) 0, #f00 45px)
    }

    .nav-main .if6_nav .nav-top .nav-top-less:before {
        background-image: linear-gradient(to left, rgba(255, 0, 0, 0) 0, #f00 45px)
    }

    .nav-main .if6_nav .nav-full > ul > li > a {
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 36px
    }

    .nav-main .if6_nav .nav-full .nav-top-more a, .nav-main .if6_nav .nav-full .nav-top-less a {
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 36px
    }

    .nav-main .if6_nav .nav-full .nav-top-more:before {
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 45px);
        opacity: 0
    }

    .nav-main .if6_nav .nav-full .nav-top-more:after {
        border-right-color: #e3e3e3
    }

    .nav-main .if6_nav .nav-full .nav-top-less:before {
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 45px);
        opacity: 0
    }

    .nav-main .if6_nav .nav-full .nav-top-more a, .nav-main .if6_nav .nav-full .nav-top-less a {
        color: #292929
    }

    .nav-main .if6_nav .nav-full-content {
        height: 100%
    }

    .nav-main .if6_nav .nav-full {
        height: 100%;
        box-sizing: border-box;
        overflow: hidden;
        opacity: 0;
        padding-bottom: 60px
    }

    .nav-main .if6_nav .nav-full > .switch-banking {
        display: none
    }

    .nav-main .if6_nav .nav-full a {
        color: #565656;
        text-decoration: none;
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .nav-main .if6_nav .nav-full > ul {
        position: relative;
        height: 100%;
        margin-top: 0
    }

    .nav-main .if6_nav .nav-full > ul a.nav-up {
        display: none
    }

    .nav-main .if6_nav .nav-full > ul ul {
        margin: 0
    }

    .nav-main .if6_nav .nav-full > ul ul li + li {
        margin-top: 24px
    }

    .nav-main .if6_nav .nav-full > ul ul a {
        padding-left: 12px;
        padding-right: 48px;
        position: relative;
        white-space: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        max-width: 264px;
        box-sizing: border-box
    }

    .nav-main .if6_nav .nav-full > ul ul a:after {
        position: absolute;
        right: 12px;
        top: 50%;
        margin-top: -12px;
        width: 24px;
        height: 24px;
        display: block;
        content: "\f81b";
        font: 24px/81% Pictos-IF;
        color: #565656
    }

    .nav-main .if6_nav .nav-full > ul ul a:last-child:after {
        display: none
    }

    .nav-main .if6_nav .nav-full > ul li > a ~ * {
        left: -10000px;
        position: absolute;
        top: 93px;
        height: calc(100% - 93px);
        overflow-x: hidden;
        overflow-y: auto;
        width: 834px;
        background-color: #fff;
        z-index: 1
    }

    .nav-main .if6_nav .nav-full > ul li li > a ~ * {
        width: 558px;
        padding-left: 12px;
        box-sizing: border-box;
        border-left: 1px solid #e3e3e3;
        top: 0;
        height: 100%;
        overflow-y: visible
    }

    .nav-main .if6_nav .nav-full > ul li li li > a ~ * {
        width: 264px
    }

    .nav-main .if6_nav .nav-full > ul li li > a {
        position: relative;
        left: -264px;
        transition: left 360ms cubic-bezier(0.32, 0.24, 0.15, 1)
    }

    .nav-main .if6_nav .nav-full > ul li li + li > a {
        transition-delay: 70ms
    }

    .nav-main .if6_nav .nav-full > ul li li + li + li > a {
        transition-delay: 140ms
    }

    .nav-main .if6_nav .nav-full > ul li li + li + li + li > a {
        transition-delay: 210ms
    }

    .nav-main .if6_nav .nav-full > ul li li + li + li + li + li > a {
        transition-delay: 280ms
    }

    .nav-main .if6_nav .nav-full > ul li li + li + li + li + li + li > a {
        transition-delay: 350ms
    }

    .nav-main .if6_nav .nav-full > ul li li + li + li + li + li + li + li > a {
        transition-delay: 420ms
    }

    .nav-main .if6_nav .nav-full > ul li li + li + li + li + li + li + li + li > a {
        transition-delay: 490ms
    }

    .nav-main .if6_nav .nav-full > ul li li + li + li + li + li + li + li + li + li > a {
        transition-delay: 560ms
    }

    .nav-main .if6_nav .nav-full > ul li li + li + li + li + li + li + li + li + li + li > a {
        transition-delay: 630ms
    }

    .nav-main .if6_nav .nav-full > ul li li + li + li + li + li + li + li + li + li + li + li > a {
        transition-delay: 700ms
    }

    .nav-main .if6_nav .nav-full > ul li li + li + li + li + li + li + li + li + li + li + li + li > a {
        transition-delay: 770ms
    }

    .nav-main .if6_nav .nav-full > ul li li + li + li + li + li + li + li + li + li + li + li + li + li > a {
        transition-delay: 840ms
    }

    .nav-main .if6_siteselect + .if6_header .nav-background .close-icon {
        margin-top: 60px
    }

    .nav-main .if6_siteselect + .if6_header .nav-full-container {
        padding-top: 60px
    }

    body.navigation_visible.nav-main .logo {
        opacity: 0
    }

    body.navigation_visible.nav-main .if6_nav .nav-pageoverlay {
        left: 0;
        opacity: 1;
        transition: opacity 360ms cubic-bezier(0.32, 0.24, 0.15, 1), left 1ms linear
    }

    body.navigation_visible.nav-main .if6_nav .nav-background {
        left: 0
    }

    body.navigation_visible.nav-main .if6_nav .nav-full-container {
        left: 0;
        transition: left 1ms linear
    }

    body.navigation_visible.nav-main .if6_nav .nav-full-container .logo {
        opacity: 1
    }

    body.navigation_visible.nav-main .if6_nav .nav-top {
        opacity: 0
    }

    body.navigation_visible.nav-main .if6_nav .nav-full {
        opacity: 1
    }

    body.navigation_visible.nav-main .if6_nav .nav-full .nav-top-more:before, body.navigation_visible.nav-main .if6_nav .nav-full .nav-top-less:before {
        opacity: 1;
        transition: opacity 360ms cubic-bezier(0.32, 0.24, 0.15, 1) 360ms
    }

    body.navigation_visible.nav-main .if6_nav .nav-full > ul > li > a {
        color: #292929
    }

    body.navigation_visible.nav-main .if6_nav .nav-full li.visible > a ~ * {
        left: 0
    }

    body.navigation_visible.nav-main .if6_nav .nav-full li.visible > div > ul > li > a {
        left: 0
    }

    body.navigation_visible.nav-main .if6_nav .nav-full li.visible li.visible > a ~ * {
        left: 264px
    }

    body.navigation_visible.nav-main .if6_nav .nav-full li.visible li.visible li.visible > a ~ * {
        left: 276px
    }

    .no-js .nav-main .if6_nav .nav-full-container {
        width: 0
    }

    .no-js .nav-main .if6_nav .nav-full-container .logo {
        display: none
    }

    .no-js .nav-main .if6_nav .nav-close {
        display: none
    }

    .no-js .nav-main .if6_nav .nav-background {
        width: 832px;
        padding-right: 0
    }

    .no-js .nav-main .if6_nav .nav-full > ul li > a ~ * {
        top: 41px
    }

    .no-js .nav-main .if6_nav:hover .nav-background {
        left: 0
    }

    .no-js .nav-main .if6_nav:hover .nav-full-container {
        width: 832px;
        left: 0
    }

    .no-js .nav-main .if6_nav:hover .nav-full {
        opacity: 1
    }

    .no-js .nav-main .if6_nav:hover .nav-full li:hover > a ~ * {
        left: 0
    }

    .no-js .nav-main .if6_nav:hover .nav-full li:hover li:hover > a ~ * {
        left: 310px
    }

    .no-js .nav-main .if6_nav:hover .nav-full li:hover ul {
        padding-top: 41px
    }

    .no-js .nav-main .if6_nav:hover .nav-full li:hover > div > ul > li > a {
        left: 0
    }

    .no-js .nav-main .if6_nav:hover a {
        color: #292929
    }

    .js .nav-main .if6_nav .nav-top, .js .nav-main .if6_nav .nav-full {
        white-space: nowrap
    }

    .nav-main .if6_nav .nav-top > ul > li.active > a, .no-touch .nav-main .if6_nav .nav-top-more a:hover, .no-touch .nav-main .if6_nav .nav-top-less a:hover, .nav-main .if6_nav .nav-top-more a:focus, .nav-main .if6_nav .nav-top-less a:focus {
        text-decoration: underline;
        text-underline-position: under;
        text-decoration-thickness: 1.5px;
        outline: 0
    }

    .no-touch .nav-main .if6_nav .nav-top > ul > li > a:hover, .nav-main .if6_nav .nav-top > ul > li > a:focus {
        text-decoration: underline;
        text-underline-position: under;
        text-decoration-thickness: 1.5px;
        outline: 0
    }

    .nav-main .if6_nav .nav-top > ul > li > a:active, .nav-main .if6_nav .nav-top .nav-top-more a:active, .nav-main .if6_nav .nav-top .nav-top-less a:active {
        color: #e00000
    }

    .no-touch .nav-main .if6_nav .nav-full > ul > li > a:hover, body.navigation_visible.nav-main .if6_nav .nav-full > ul > li > a:focus, body.navigation_visible.nav-main .if6_nav .nav-full > ul > li.visible > a {
        color: #000;
        text-decoration: underline;
        text-underline-position: under;
        text-decoration-thickness: 1.5px;
        outline: 0
    }

    body.navigation_visible.nav-main .if6_nav .nav-full > ul > li > a:active {
        color: #949494;
        text-decoration: underline;
        text-underline-position: under;
        text-decoration-thickness: 1.5px
    }

    .nav-main .if6_nav .nav-full .nav-top-more a:active, .nav-main .if6_nav .nav-full .nav-top-less a:active {
        color: #000
    }

    .no-touch .nav-main .if6_nav .nav-full > ul ul a:hover, .nav-main .if6_nav .nav-full > ul ul a:focus, .nav-main .if6_nav .nav-full > ul ul li.visible > a {
        color: #292929;
        text-decoration: underline;
        text-underline-position: under;
        text-decoration-thickness: 1.5px;
        text-decoration-color: #000;
        outline: 0
    }

    .no-touch .nav-main .if6_nav .nav-full > ul ul a:hover:after, .nav-main .if6_nav .nav-full > ul ul a:focus:after, .nav-main .if6_nav .nav-full > ul ul li.visible > a:after {
        color: #292929
    }

    .nav-main .if6_nav .nav-full > ul ul a:active {
        color: #949494;
        text-decoration: underline;
        text-underline-position: under;
        text-decoration-thickness: 1.5px
    }

    .nav-main .if6_nav .nav-full > ul ul a:active:after {
        color: #949494
    }

    .nbf-frame .if6_lightbox.banking-login {
        display: block;
        left: 100%;
        background-color: rgba(0, 0, 0, 0);
        transition: background-color 360ms cubic-bezier(0.32, 0.24, 0.15, 1)
    }

    .nbf-frame .if6_lightbox.banking-login .if6_inner {
        border-radius: 0;
        position: fixed;
        padding: 0 20px;
        right: -614px;
        transition: right 360ms cubic-bezier(0.32, 0.24, 0.15, 1);
        transform: none;
        top: 0;
        bottom: 0;
        height: auto
    }

    .nbf-frame .if6_lightbox.banking-login .if6_inner > .if6_section, .nbf-frame .if6_lightbox.banking-login .if6_inner > .if6_section > div, .nbf-frame .if6_lightbox.banking-login .if6_inner > .if6_section .parsys {
        height: 100%
    }

    .nbf-frame .if6_lightbox.banking-login .if6_inner .cbox {
        width: 574px;
        min-height: 100%;
        display: flex;
        flex-direction: column
    }

    .nbf-frame .if6_lightbox.banking-login .if6_inner .cbox > form ~ .block {
        flex-grow: 1
    }

    .nbf-frame .if6_lightbox.banking-login .if6_inner .cbox > form ~ .alternatelinks {
        flex-grow: 0;
        padding-bottom: 16px
    }

    .nbf-frame .if6_lightbox.banking-login .parsys > div.text:first-child {
        display: none
    }

    .nbf-frame .if6_lightbox.banking-login.lightbox-visible {
        left: 0;
        background-color: rgba(0, 0, 0, 0.25)
    }

    .nbf-frame .if6_lightbox.banking-login.lightbox-visible .if6_inner {
        right: 0
    }

    .nav-main.header-style2 .if6_header .if6_nav {
        border-left: 60px solid red
    }

    .nav-main.header-style2 .if6_header .if6_nav .nav-background .close-icon {
        margin-top: 107px;
        top: 18px
    }

    .nav-main.header-style2 .if6_header .if6_nav .nav-full-container {
        padding-top: 107px
    }

    .nav-main.header-style2 .if6_header .if6_nav .nav-top, .nav-main.header-style2 .if6_header .if6_nav .nav-full {
        padding-top: 12px
    }

    .nav-main.header-style2 .if6_header .if6_nav .nav-full {
        border-left: 60px solid #fff
    }
}

@media screen and (max-width: 1279px) {
    .nav-main .if6_nav .nav-top, .nav-main .if6_nav .nav-top-more, .nav-main .if6_nav .nav-top-less {
        display: none
    }
}

@media screen and (min-width: 1280px) {
    .nbf-frame[class*="nav-banking"] .if6_main {
        border-left: 300px solid #fff
    }

    .nbf-frame[class*="nav-banking"] .if6_main .if6_section.ajstep-replace {
        border-left: 300px solid transparent;
        box-sizing: border-box;
        left: 0
    }

    .nbf-frame[class*="nav-banking"].sidenav_visible .if6_nav .nav-full-container li.nav-banking, .no-js .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking {
        left: 0
    }

    .nbf-frame[class*="nav-banking"] .if6_header .logo {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1;
        width: 300px;
        height: 106px;
        overflow: hidden
    }

    .nbf-frame[class*="nav-banking"] .if6_header .header-misc .nav-back {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_header .header-misc .nav-step-back {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_contact > a {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_nav a {
        color: #666
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-up, .nbf-frame[class*="nav-banking"] .if6_nav .switch-home, .nbf-frame[class*="nav-banking"] .if6_nav .h2, .nbf-frame[class*="nav-banking"] .if6_nav .switch-banking, .nbf-frame[class*="nav-banking"] .if6_nav .nav-pageoverlay, .nbf-frame[class*="nav-banking"] .if6_nav a.nav-banking {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-background {
        background-color: #fafafa;
        position: fixed;
        left: 0;
        bottom: 0;
        top: 0;
        height: 100%;
        width: 300px
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-background .close-icon {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container > .nav-misc {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking {
        display: block;
        position: fixed;
        left: -300px;
        transition: left 360ms cubic-bezier(0.32, 0.24, 0.15, 1);
        bottom: 0;
        top: 0;
        height: auto;
        width: 300px;
        padding-bottom: 181px;
        padding-left: 54px;
        padding-right: 18px;
        box-sizing: border-box;
        padding-top: 168px
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking > a {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking > .scroll-container {
        height: 100%;
        overflow-y: auto
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking > .scroll-container > ul {
        margin-top: 12px;
        margin-bottom: 18px
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking > .scroll-container > ul li + li {
        margin-top: 12px
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking > .scroll-container > ul a {
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #444;
        text-decoration: none;
        line-height: 30px
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking > .scroll-container > ul li.active > a {
        font: 17px/26px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        color: #000;
        line-height: 30px
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking > .scroll-container input.nav-show-more + ul > li.nav-more ~ li {
        margin-top: 0
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking > .scroll-container input.nav-show-more:checked + ul > li.nav-more ~ li {
        margin-top: 12px
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking > .scroll-container input.nav-show-more:checked + ul > li.nav-more ~ li.nav-less {
        border-top: 1px solid #e3e3e3;
        width: 167px;
        padding-top: 12px
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking li.active .nav-back {
        position: absolute;
        top: 124px;
        left: 18px;
        margin-bottom: 20px;
        font: bold 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #292929;
        line-height: 24px;
        padding-left: 36px
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking li.active .nav-back:before {
        font: 24px/81% Pictos-IF;
        content: "\f80b";
        color: #292929;
        display: inline-block;
        width: 24px;
        height: 24px;
        position: absolute;
        left: 0;
        margin-left: 0;
        transition: margin-left 360ms cubic-bezier(0.32, 0.24, 0.15, 1)
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking li.active .nav-back:after {
        display: block;
        content: "";
        width: 167px;
        position: absolute;
        bottom: -19px;
        left: 36px;
        border-bottom: 1px solid #e3e3e3;
        pointer-events: none
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking .nav-more label, .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking .nav-less label {
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #444;
        line-height: 30px;
        position: relative;
        cursor: pointer;
        padding-right: 24px
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking .nav-more label:after {
        content: "\f808";
        font: 24px/81% Pictos-IF;
        color: #444;
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        right: 0;
        top: -2px
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking .nav-less label:after {
        content: "\f806";
        font: 24px/81% Pictos-IF;
        color: #444;
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        right: 0;
        top: -2px
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content .scroll-container > .nav-concierge {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content > .nav-concierge {
        position: fixed;
        width: 300px;
        bottom: 0;
        top: auto;
        left: 0;
        padding: 48px 42px 18px 42px;
        height: 205px;
        box-sizing: border-box;
        background-image: linear-gradient(to bottom, rgba(250, 250, 250, 0) 0, #fafafa 24px)
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content > .nav-concierge ul {
        border-top: 1px solid #e3e3e3;
        padding-top: 12px
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content > .nav-concierge ul li {
        display: block
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content > .nav-concierge ul li a {
        font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656;
        display: inline-block;
        padding: 10.5px 0 10.5px 42px;
        position: relative;
        text-decoration: none;
        overflow: hidden;
        vertical-align: top
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content > .nav-concierge ul li a:before {
        font: 42px/81% Pictos-IF;
        width: 42px;
        height: 42px;
        color: #6e6e6e;
        position: absolute;
        left: 0;
        top: -1px;
        display: block
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content > .nav-concierge ul li a.nav-siteselect {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content > .nav-concierge ul li a.nav-postfach span {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content > .nav-concierge ul li a.new-message span {
        display: inline
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content > .nav-concierge ul li a.new-important-message {
        font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content > .nav-concierge ul li a.new-important-message span {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content > .nav-concierge ul li a.new-important-message:after {
        border-radius: 50%;
        border: 2px solid #fafafa;
        display: block;
        content: "";
        position: absolute;
        width: 7.5px;
        height: 7.5px;
        left: 27px;
        top: 9px;
        background-color: red
    }

    .no-touch .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking > .scroll-container > ul a:hover, .no-touch .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking > .scroll-container > ul label:hover, .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking > .scroll-container > ul a:focus {
        text-decoration: underline;
        color: #000
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking > .scroll-container > ul a:active {
        color: #000
    }

    .no-touch .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content .nav-concierge ul li a:hover, .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content .nav-concierge ul li a:focus {
        color: #292929
    }

    .no-touch .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content .nav-concierge ul li a:hover:before, .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content .nav-concierge ul li a:focus:before {
        color: #292929
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content .nav-concierge ul li a:active {
        color: #000
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content .nav-concierge ul li a:active:before {
        color: #000
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content .nav-concierge ul li.active a {
        color: #292929
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container .nav-full-content .nav-concierge ul li.active a:before {
        color: #292929
    }

    .no-touch .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking li.active .nav-back:hover:before, .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking li.active .nav-back:focus:before {
        margin-left: -6px
    }

    .no-touch .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking li.active .nav-back:active, .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking li.active .nav-back:active {
        text-decoration: none
    }
}

@media screen and (max-width: 1279px) {
    .nbf-frame[class*="nav-banking"] .if6_header .header-misc .nav-back {
        position: absolute;
        left: 18px;
        top: 90px;
        color: transparent;
        width: 24px;
        height: 24px;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block
    }

    .nbf-frame[class*="nav-banking"] .if6_header .header-misc .nav-back:before {
        font: 24px/81% Pictos-IF;
        content: "\f80b";
        color: #565656;
        display: inline-block;
        width: 24px;
        height: 24px
    }

    .nbf-frame[class*="nav-banking"] .if6_header .header-misc .nav-step-back {
        display: none
    }

    .nbf-frame[class*="nav-banking"].navigation_visible .if6_header .header-misc .nav-back, .nbf-frame[class*="nav-banking"].contact_visible .if6_header .header-misc .nav-back {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-top, .nbf-frame[class*="nav-banking"] .if6_nav .nav-top-more, .nbf-frame[class*="nav-banking"] .if6_nav .nav-top-less {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking li.active .scroll-container {
        display: none
    }

    .nbf-frame[class*="nav-banking"] .if6_nav .nav-full-container li.nav-banking li.virtual {
        display: none
    }

    .nav-placeholder {
        margin-left: -10px;
        margin-right: -10px;
        position: relative
    }

    .nav-placeholder.active {
        display: block
    }

    .nav-placeholder.more-left:before {
        content: "";
        display: block;
        width: 48px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background-image: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%)
    }

    .nav-placeholder.more-right:after {
        content: "";
        display: block;
        width: 48px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%)
    }

    .nav-placeholder ul {
        padding: 24px 0 36px 20px;
        white-space: nowrap;
        overflow: auto
    }

    .nav-placeholder ul li {
        display: inline-block
    }

    .nav-placeholder ul li + li {
        margin-left: 24px;
        margin-top: 0
    }

    .nav-placeholder ul li a {
        font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656;
        padding: 4.5px 0;
        text-decoration: none
    }

    .nav-placeholder ul li.active a {
        color: #fff;
        background-color: #444;
        border-radius: 18px;
        padding-left: 12px;
        padding-right: 12px
    }

    .nav-placeholder ul li:before {
        display: none
    }

    .nav-placeholder ul li:last-child {
        margin-right: 20px
    }

    .nav-placeholder ul {
        scrollbar-width: none
    }

    .nav-placeholder ul::-webkit-scrollbar {
        width: 0
    }

    .no-touch .nav-placeholder ul {
        scrollbar-width: initial
    }

    .no-touch .nav-placeholder ul::-webkit-scrollbar {
        width: initial
    }

    body.nbf-frame[class*="nav-banking"]:not(.nav-banking1) .if6_section .if6_inner {
        padding-top: 56px
    }

    body.nbf-frame[class*="nav-banking"]:not(.nav-banking1) .nbf-gv .nbf-gv-header {
        min-height: 50px;
        margin-top: -70px
    }

    body.nbf-frame[class*="nav-banking"]:not(.nav-banking1) .msginfo + .nbf-gv .nbf-gv-header {
        margin-top: 0
    }

    body.nbf-frame[class*="nav-banking"]:not(.nav-banking1) .text h1 {
        padding-left: 44px;
        margin-top: -42px
    }

    body.nbf-frame[class*="nav-banking"]:not(.nav-banking1).nav-banking9 .text h1 {
        padding-left: 0
    }

    body.nbf-frame[class*="nav-banking"]:not(.nav-banking1) .if6_lightbox .text h1 {
        padding-left: 0;
        margin-top: 0
    }

    body.nbf-frame[class*="nav-banking"]:not(.nav-banking1) .if6_glossar {
        margin-top: -42px
    }
}

@media screen and (max-width: 1079px) {
    body.nbf-frame[class*="nav-banking"]:not(.nav-banking1):not(.nav-banking9) .nbf-gv .nbf-gv-header, body.nbf-frame.nav-banking9.has-step-back .nbf-gv .nbf-gv-header {
        margin-top: -60px
    }

    body.nbf-frame[class*="nav-banking"]:not(.nav-banking1):not(.nav-banking9) .nbf-gv .nbf-gv-header h1, body.nbf-frame.nav-banking9.has-step-back .nbf-gv .nbf-gv-header h1 {
        margin-left: 44px
    }

    body.nbf-frame[class*="nav-banking"]:not(.nav-banking1):not(.nav-banking9) .msginfo + .nbf-gv .nbf-gv-header, body.nbf-frame.nav-banking9.has-step-back .msginfo + .nbf-gv .nbf-gv-header {
        margin-top: 0
    }

    body.nbf-frame[class*="nav-banking"]:not(.nav-banking1):not(.nav-banking9) .msginfo + .nbf-gv .nbf-gv-header h1, body.nbf-frame.nav-banking9.has-step-back .msginfo + .nbf-gv .nbf-gv-header h1 {
        margin-left: 0
    }

    body.nbf-frame[class*="nav-banking"]:not(.nav-banking1):not(.nav-banking9).nav-banking9 .text h1, body.nbf-frame.nav-banking9.has-step-back.nav-banking9 .text h1 {
        padding-left: 44px
    }
}

@media screen and (min-width: 1280px) {
    .nbf-frame.nav-banking1 .if6_nav .nav-full-container li.nav-banking {
        padding-top: 106px
    }

    .nbf-frame.nav-banking1 .if6_nav .nav-full-container li.nav-banking:before {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        top: 106px;
        left: 0;
        height: 18px;
        background-image: linear-gradient(to bottom, #fafafa 0, rgba(250, 250, 250, 0) 100%)
    }

    .nbf-frame.nav-banking1 .if6_nav .nav-full-container li.nav-banking > .scroll-container > ul {
        margin-top: 18px
    }

    .nbf-frame.nav-banking1 .if6_nav .nav-full-container li.nav-banking li {
        display: block
    }
}

@media screen and (min-width: 1280px) {
    .nbf-frame.nav-banking2 .if6_nav .nav-full-container li.nav-banking li.active {
        display: block
    }

    .nbf-frame.nav-banking2 .if6_nav .nav-full-container li.nav-banking li.active > a {
        display: none
    }

    .nbf-frame.nav-banking2 .if6_nav .nav-full-container li.nav-banking li.active li {
        display: block
    }

    .nbf-frame.nav-banking2 .if6_nav .nav-full-container li.nav-banking li.active li.active > a {
        display: block
    }

    .nbf-frame.nav-banking2 .if6_nav .nav-full-container li.nav-banking li.active input.nav-show-more:checked + ul > li.nav-more {
        display: none
    }
}

@media screen and (min-width: 1280px) {
    .nbf-frame.nav-banking3 .if6_nav .nav-full-container li.nav-banking li.active {
        display: block
    }

    .nbf-frame.nav-banking3 .if6_nav .nav-full-container li.nav-banking li.active > a {
        display: none
    }

    .nbf-frame.nav-banking3 .if6_nav .nav-full-container li.nav-banking li.active .nav-back {
        display: none
    }

    .nbf-frame.nav-banking3 .if6_nav .nav-full-container li.nav-banking li.active li.active .nav-back {
        display: block
    }

    .nbf-frame.nav-banking3 .if6_nav .nav-full-container li.nav-banking li.active li.active li {
        display: block
    }

    .nbf-frame.nav-banking3 .if6_nav .nav-full-container li.nav-banking li.active li.active li.active > a {
        display: block
    }

    .nbf-frame.nav-banking3 .if6_nav .nav-full-container li.nav-banking li.active li.active input.nav-show-more:checked + ul > li.nav-more {
        display: none
    }
}

@media screen and (min-width: 1280px) {
    .nbf-frame.nav-banking9 .if6_header .search {
        display: none
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-step-back {
        position: fixed;
        left: 14px;
        top: 98px;
        color: transparent;
        width: 56px;
        height: 56px;
        overflow: hidden;
        white-space: nowrap
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-step-back:before {
        font: 36px/81% Pictos-IF;
        content: "\f80b";
        color: #565656;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background-color: #e3e3e3;
        display: block;
        border: 2px solid #fff;
        margin: 8px
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-step-back:focus:before {
        box-shadow: 0 0 8px #0047ff, 0 0 8px #0047ff;
        border-color: #0047ff;
        color: #292929;
        background-color: #fff
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-step-back:active:before {
        color: #fff;
        background-color: #444
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-back {
        position: absolute;
        right: 14px;
        top: 98px;
        color: transparent;
        width: 56px;
        height: 56px;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-back:before {
        font: 36px/81% Pictos-IF;
        content: "\f812";
        color: #565656;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background-color: #e3e3e3;
        display: block;
        border: 2px solid #fff;
        margin: 8px
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-back:focus:before {
        box-shadow: 0 0 8px #0047ff, 0 0 8px #0047ff;
        border-color: #0047ff;
        color: #292929;
        background-color: #fff
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-back:active:before {
        color: #fff;
        background-color: #444
    }

    .no-touch .nbf-frame.nav-banking9 .if6_header .header-misc .nav-step-back:hover::before, .no-touch .nbf-frame.nav-banking9 .if6_header .header-misc .nav-back:hover::before {
        color: #fff;
        background-color: #565656
    }

    .nbf-frame.nav-banking9.header-quit .if6_header .nav-back {
        position: fixed;
        top: 14px
    }

    .nbf-frame.nav-banking9.has-step-back .if6_header .header-misc .nav-step-back {
        display: inline-block
    }

    .nbf-frame.nav-banking9.has-step-back .is-step-back {
        display: none
    }

    .nbf-frame.nav-banking9 .nav-home {
        display: none
    }

    .nbf-frame.nav-banking9 .if6_nav .nav-background {
        background-color: #fff
    }

    .nbf-frame.nav-banking9 .if6_nav .nav-full-container .nav-full-content .nav-full {
        display: none
    }

    .nbf-frame.nav-banking9 .if6_nav .nav-full-container .nav-full-content > .nav-concierge {
        background-image: none;
        height: auto
    }

    .nbf-frame.nav-banking9 .if6_nav .nav-full-container .nav-full-content > .nav-concierge ul {
        border-top: 0
    }

    .nbf-frame.nav-banking9 .if6_nav .nav-full-container .nav-full-content > .nav-concierge ul li a.nav-postfach, .nbf-frame.nav-banking9 .if6_nav .nav-full-container .nav-full-content > .nav-concierge ul li a.nav-settings {
        display: none
    }
}

@media screen and (max-width: 1279px) {
    .nbf-frame.nav-banking9 .if6_header .logo {
        display: none
    }

    .nbf-frame.nav-banking9 .if6_header .search {
        display: none
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc {
        flex-grow: 1
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-logout {
        display: none
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-main {
        display: none
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-step-back {
        position: absolute;
        left: 18px;
        top: 18px;
        color: transparent;
        width: 24px;
        height: 24px;
        overflow: hidden;
        white-space: nowrap
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-step-back:before {
        font: 24px/81% Pictos-IF;
        content: "\f80b";
        color: #565656;
        width: 24px;
        height: 24px;
        display: block
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-step-back:focus:before {
        box-shadow: 0 0 8px #0047ff, 0 0 8px #0047ff;
        border-color: #0047ff;
        color: #292929;
        background-color: #fff
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-step-back:active:before {
        color: #fff;
        background-color: #444
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-back {
        position: absolute;
        right: 18px;
        top: 18px;
        left: auto;
        color: transparent;
        width: 24px;
        height: 24px;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block
    }

    .nbf-frame.nav-banking9 .if6_header .header-misc .nav-back:before {
        font: 24px/81% Pictos-IF;
        content: "\f811";
        color: #565656
    }

    .nbf-frame.nav-banking9.has-step-back .if6_header .header-misc .nav-step-back {
        display: inline-block
    }

    .nav-banking9 .if6_nav .nav-background {
        display: none
    }

    .nav-banking9 .if6_nav .nav-full-container > .nav-misc {
        display: none
    }

    .nav-banking9 .if6_nav .nav-full-container .nav-full-content .nav-full {
        display: none
    }

    .nav-banking9 .if6_nav .nav-full-container .nav-full-content .nav-concierge {
        display: none
    }
}

.nbf-frame .if6_lightbox {
    background-color: rgba(0, 0, 0, 0.25)
}

.nbf-frame .if6_lightbox .if6_inner {
    outline: 0;
    border-radius: 12px
}

.nbf-frame .if6_lightbox .if6_inner > .close-icon {
    width: 54px;
    height: 54px
}

.nbf-frame .if6_lightbox .if6_inner > .close-icon::before {
    margin: 12px
}

.nbf-frame .cbox .session-countdown {
    padding: 30px 30px 0 30px;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656
}

.nbf-frame .cbox .session-countdown span {
    font: bold 60px/66px SparkasseWeb, Helvetica, Arial, sans-serif;
    display: block;
    margin: 12px 0;
    color: #292929
}

.nbf-frame .nbf-gv .nbf-gv-header .ficon:focus::before {
    background: white;
    color: #666;
    background: 0
}

.nbf-frame .nbf-gv .nbf-gv-header .ficon:focus:hover::before {
    background: #666;
    color: white
}

body.nbf .nbf-gv .nbf-continue-text {
    padding-left: 36px
}

body.nbf .nbf-gv label, body.nbf .nbf-gv .label, body.nbf .nbf-gv .checkbox {
    color: #565656
}

body.nbf .nbf-gv .bline .blineunder.textarea-count > div {
    float: right;
    padding-top: 12px;
    padding-bottom: 15px;
    color: #565656
}

body.nbf .nbf-gv .bline .blineunder.textarea-count.error div {
    color: #b60000
}

body.nbf .nbf-gv .bline .blineunder.textarea-count div.overflow-message {
    position: absolute;
    left: 1.3em
}

body.nbf .nbf-gv .blineunder {
    margin-right: 0;
    padding-left: 0
}

body.nbf .nbf-gv .blineunder .msgerror, body.nbf .nbf-gv .blineunder .msginfo {
    margin-right: 0;
    padding: 12px 18px
}

body.nbf .nbf-gv .blineunder .msgerror > ul > li {
    display: flex;
    align-items: flex-start;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #b60000
}

body.nbf .nbf-gv .blineunder .msgerror > ul > li > div {
    font: 28px/81% Pictos-IF;
    margin: 2px 12px 0 0;
    white-space: nowrap;
    overflow: hidden;
    min-width: 16px;
    width: 16px;
    height: 16px
}

body.nbf .nbf-gv .blineunder .msgerror > ul > li > div:before {
    content: " \f7d1";
    display: block;
    width: 16px;
    height: 16px;
    background-color: #b60000;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    line-height: 14px;
    text-align: center
}

body.nbf .nbf-gv .nbf-textarea-input {
    width: 100%;
    max-width: 100%;
    padding: 30px 18px 0 18px;
    color: #000;
    margin: 0
}

body.nbf .nbf-gv .nbf-textarea-input:focus {
    border: 1px solid #0047ff;
    box-shadow: 0 0 4px #0047ff
}

body.nbf .nbf-gv .nbf-textarea-input:invalid {
    border: 1px solid #b60000
}

body.nbf .nbf-gv .nbf-textarea-input[disabled] + label {
    color: #e3e3e3
}

body.nbf .nbf-gv .nbf-textarea-input:not(:placeholder-shown) + label, body.nbf .nbf-gv .nbf-textarea-input:focus + label {
    transform: translate(1.05rem, -0.75rem);
    left: 2px;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .nbf-gv .nbf-textarea-input + label {
    position: absolute;
    top: 24px;
    left: 22px;
    cursor: text;
    transition: all .48s cubic-bezier(0.32, 0.24, 0.15, 1);
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .nbf-gv .nbf-textarea-input + label + .blineunder, body.nbf .nbf-gv .nbf-textarea-input + label + .nbf-input-right-text + .blineunder, body.nbf .nbf-gv .nbf-textarea-input + label + .nbf-input-right-icon + .blineunder {
    padding-left: 0
}

body.nbf .nbf-gv input.nbf-text-input, body.nbf .nbf-gv input.nbf-date-input {
    width: 100%;
    padding: 30px 18px 14px 18px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 6px;
    outline: 0;
    margin: 0
}

body.nbf .nbf-gv input.nbf-text-input:focus, body.nbf .nbf-gv input.nbf-date-input:focus {
    border: 1px solid #0047ff;
    box-shadow: 0 0 4px #0047ff
}

body.nbf .nbf-gv input.nbf-text-input:invalid, body.nbf .nbf-gv input.nbf-date-input:invalid {
    border: 1px solid #b60000
}

body.nbf .nbf-gv input.nbf-text-input[disabled] + label, body.nbf .nbf-gv input.nbf-date-input[disabled] + label {
    color: #e3e3e3
}

body.nbf .nbf-gv input.nbf-text-input:not(:placeholder-shown) + label, body.nbf .nbf-gv input.nbf-date-input:not(:placeholder-shown) + label, body.nbf .nbf-gv input.nbf-text-input:focus + label, body.nbf .nbf-gv input.nbf-date-input:focus + label {
    transform: translate(1.05rem, -0.75rem);
    left: 2px;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .nbf-gv input.nbf-text-input + label, body.nbf .nbf-gv input.nbf-date-input + label {
    position: absolute;
    top: 24px;
    left: 18px;
    cursor: text;
    transition: all .48s cubic-bezier(0.32, 0.24, 0.15, 1);
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .nbf-gv input.nbf-text-input + label + .blineunder, body.nbf .nbf-gv input.nbf-date-input + label + .blineunder, body.nbf .nbf-gv input.nbf-text-input + label + .nbf-input-right-text + .blineunder, body.nbf .nbf-gv input.nbf-date-input + label + .nbf-input-right-text + .blineunder, body.nbf .nbf-gv input.nbf-text-input + label + .nbf-input-right-icon + .blineunder, body.nbf .nbf-gv input.nbf-date-input + label + .nbf-input-right-icon + .blineunder {
    padding-left: 0
}

body.nbf .nbf-gv input.nbf-text-input + .nbf-input-right-text + .blineunder, body.nbf .nbf-gv input.nbf-date-input + .nbf-input-right-text + .blineunder, body.nbf .nbf-gv input.nbf-text-input + .nbf-input-right-icon + .blineunder, body.nbf .nbf-gv input.nbf-date-input + .nbf-input-right-icon + .blineunder {
    padding-left: 0
}

body.nbf .nbf-gv input.nbf-text-input.has-inline-icon, body.nbf .nbf-gv input.nbf-date-input.has-inline-icon, body.nbf .nbf-gv input.nbf-text-input.has-inline-content, body.nbf .nbf-gv input.nbf-date-input.has-inline-content {
    padding-right: 42%
}

body.nbf .nbf-gv input.nbf-text-input.error + label.error, body.nbf .nbf-gv input.nbf-date-input.error + label.error {
    color: #565656
}

body.nbf .nbf-gv input.nbf-fixed-input-label + label {
    transform: translate(1.05rem, -0.75rem);
    left: 2px;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .nbf-gv input.nbf-fixed-input-label::placeholder {
    color: #000;
    opacity: 1
}

body.nbf .nbf-gv .nbf-input-right-icon {
    top: -45px;
    float: right
}

body.nbf .nbf-gv .nbf-input-right-text {
    top: -39px;
    float: right;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 40%;
    color: #565656;
    margin-right: 18px
}

body.nbf .nbf-gv .nbf-input-right-text .nbf-input-right-icon {
    top: 0;
    float: left;
    margin-left: 0
}

body.nbf .nbf-gv .nbf-input-right-text .nbf-input-right-icon div.ficon {
    margin: 1px 0 0 0
}

body.nbf .nbf-gv div.nbf-binput-sayt {
    width: 100%;
    margin-top: 71px;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #292929
}

body.nbf .nbf-gv div.nbf-binput-sayt ul li + li {
    border: 0
}

body.nbf .nbf-gv div.nbf-binput-sayt > ul > li > .group {
    border: 0;
    padding-top: 10.2px;
    margin-top: 12px;
    padding-left: 24px;
    padding-right: 0;
    color: #565656;
    font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px
}

body.nbf .nbf-gv div.nbf-binput-sayt > ul > li > .group a {
    color: #565656;
    font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-right: 24px;
    margin-left: 24px
}

body.nbf .nbf-gv div.nbf-binput-sayt ul > li:last-child > .group {
    margin: 12px 0 18px 0;
    padding: 12px 0 0 24px;
    color: #292929;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    text-transform: none;
    height: 48px;
    cursor: pointer
}

body.nbf .nbf-gv div.nbf-binput-sayt ul > li:last-child > .group:hover {
    background-color: #f5f5f5
}

body.nbf .nbf-gv div.nbf-binput-sayt ul > li:last-child > .group a {
    color: #292929;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    float: left;
    text-decoration: none;
    letter-spacing: 0;
    margin-right: 0;
    margin-left: 0;
    width: 100%
}

body.nbf .nbf-gv div.nbf-binput-sayt ul > li:last-child .nbf-hidden {
    display: none
}

body.nbf .nbf-gv div.nbf-binput-sayt li.saytentry > div {
    padding: 0
}

body.nbf .nbf-gv div.nbf-binput-sayt li.saytentry > div > div {
    display: flex;
    padding: 16px
}

body.nbf .nbf-gv div.nbf-binput-sayt li.saytentry > div > div > div {
    display: flex
}

body.nbf .nbf-gv div.nbf-binput-sayt .nbf-box {
    margin-top: 0
}

body.nbf .nbf-gv div.nbf-binput-sayt .nbf-box--hover:hover {
    background-color: #f5f5f5
}

body.nbf .nbf-gv div.nbf-binput-sayt .nbf-box__image {
    padding-left: 18px;
    padding-right: 9px;
    margin-right: 0
}

body.nbf .nbf-gv div.nbf-binput-sayt .nbf-box__content {
    padding-left: 9px
}

body.nbf .nbf-gv div.nbf-binput-sayt .nbf-box__content .nbf-box__title span {
    color: #292929;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .nbf-gv div.nbf-binput-sayt .nbf-box__content .nbf-box__subtitle {
    color: #565656;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .nbf-gv div.nbf-binput-sayt .finaccount > span:last-child, body.nbf .nbf-gv div.nbf-binput-sayt .fininst > span:last-child {
    margin-bottom: 0
}

body.nbf .nbf-gv div.nbf-binput-sayt .finaccount > span, body.nbf .nbf-gv div.nbf-binput-sayt .fininst > span {
    padding-left: 52px;
    color: #333
}

body.nbf .nbf-gv div.nbf-binput-sayt .finaccount .title:last-child, body.nbf .nbf-gv div.nbf-binput-sayt .fininst .title:last-child {
    margin-top: 0
}

body.nbf .nbf-gv div.nbf-binput-sayt .finaccount .title:last-child::before, body.nbf .nbf-gv div.nbf-binput-sayt .fininst .title:last-child::before {
    background-color: #e00000;
    color: #fff;
    border-radius: 100%;
    margin-top: -12px
}

body.nbf .nbf-gv textarea.nbf-textarea-input, body.nbf .nbf-gv input.nbf-text-input, body.nbf .nbf-gv input.nbf-date-input {
    min-height: 72px;
    font: 17px/23px SparkasseWeb, Helvetica, Arial, sans-serif;
    outline: 0
}

body.nbf .nbf-gv .bline {
    padding: 0;
    margin-top: 0
}

body.nbf .nbf-gv .bline input:not([type="submit"]):not([type="checkbox"]), body.nbf .nbf-gv .bline select, body.nbf .nbf-gv .bline textarea {
    border: 1px solid #949494
}

body.nbf .nbf-gv .bline input:not([type="submit"]):not([type="checkbox"]):hover, body.nbf .nbf-gv .bline select:hover, body.nbf .nbf-gv .bline textarea:hover {
    border-color: #000
}

body.nbf .nbf-gv .bline input:not([type="submit"]):not([type="checkbox"]).error, body.nbf .nbf-gv .bline select.error, body.nbf .nbf-gv .bline textarea.error {
    border-color: #b60000
}

body.nbf .nbf-gv .bline input:not([type="submit"]):not([type="checkbox"]):focus, body.nbf .nbf-gv .bline select:focus, body.nbf .nbf-gv .bline textarea:focus {
    border-color: #0047ff
}

body.nbf .nbf-gv .bline div.error .bselect-list div {
    border-color: #b60000
}

body.nbf .nbf-gv .bline.nbf-input-margin-bottom {
    margin-bottom: 24px
}

body.nbf .nbf-gv .block.nbf-block-margin-bottom {
    margin-bottom: 60px
}

body.nbf .nbf-gv .block.nbf-block-margin-bottom-large {
    margin-bottom: 66px
}

body.nbf .nbf-gv .bline.nbf-form-link-grey > input {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656;
    border: 0;
    background: 0;
    margin: 16px 0 0 0;
    padding: 0 8px 0 0;
    text-decoration: underline
}

body.nbf .nbf-gv .bline.nbf-form-link-grey > input:hover {
    cursor: pointer
}

body.nbf .nbf-gv .bline.nbf-form-link-grey > input + .helpovly {
    margin-top: 14px
}

body.nbf .nbf-gv .bline.nbf-wo-margin-top {
    margin-top: 0
}

body.nbf .nbf-gv .block.nbf-block-text-only {
    margin-top: 48px
}

body.nbf .nbf-gv .block.nbf-block-text-only .bline {
    width: 80%;
    text-align: center;
    margin: 0 auto;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656
}

body.nbf .nbf-gv .block.nbf-block-text-only .bline a {
    color: #565656
}

body.nbf .nbf-gv .bline > div.bselect-multiline, body.nbf .nbf-gv .bline.nbf-bselect-multiline > div {
    width: 100%;
    position: relative
}

body.nbf .nbf-gv .bline > div.bselect-multiline label, body.nbf .nbf-gv .bline.nbf-bselect-multiline > div label {
    position: absolute;
    left: 18px;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    z-index: 1;
    top: 0
}

body.nbf .nbf-gv .bline > div.bselect-multiline .empty-value + label, body.nbf .nbf-gv .bline.nbf-bselect-multiline > div .empty-value + label {
    position: absolute;
    top: 13px;
    left: 22px;
    cursor: text;
    transition: all .2s ease-in-out 0;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .nbf-gv .bline > div.bselect-multiline div.bselect-multiline, body.nbf .nbf-gv .bline.nbf-bselect-multiline > div div.bselect-multiline {
    width: 100%
}

body.nbf .nbf-gv .bline > div.bselect-multiline .bselect-list, body.nbf .nbf-gv .bline.nbf-bselect-multiline > div .bselect-list {
    margin-right: 0
}

body.nbf .nbf-gv .bline > div.bselect-multiline .bselect-list > ul, body.nbf .nbf-gv .bline.nbf-bselect-multiline > div .bselect-list > ul {
    width: 100%
}

body.nbf .nbf-gv .bline > div.bselect-multiline .bselect-list .active, body.nbf .nbf-gv .bline.nbf-bselect-multiline > div .bselect-list .active {
    padding-top: 30px;
    padding-left: 17px
}

body.nbf .nbf-gv .bline > div.bselect-multiline .bselect-list .finaccount, body.nbf .nbf-gv .bline.nbf-bselect-multiline > div .bselect-list .finaccount {
    overflow: hidden
}

body.nbf .nbf-gv .bline > div.bselect-multiline .empty-value.visible + label, body.nbf .nbf-gv .bline.nbf-bselect-multiline > div .empty-value.visible + label {
    left: 18px;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    z-index: 1;
    top: 0
}

body.nbf .nbf-gv .bselect-list .active {
    border: 1px solid #949494;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #292929;
    background-color: #fff;
    min-height: 72px
}

body.nbf .nbf-gv .bselect-list .active:after {
    content: "\F807";
    font: 24px/81% Pictos-IF;
    height: 24px;
    width: 24px;
    display: inline-block;
    color: #aeaeae;
    text-align: right;
    border: 0;
    right: 18px;
    top: 50%;
    margin-top: 0;
    transform: translateY(-50%)
}

body.nbf .nbf-gv .bselect-list .active:focus {
    box-shadow: 0 0 4px #0047ff
}

body.nbf .nbf-gv .bselect-list .finaccount .iban, body.nbf .nbf-gv .bselect-list .fininst .blzbic {
    display: block;
    line-height: 26px
}

body.nbf .nbf-gv .bselect-list span.data {
    position: relative
}

body.nbf .nbf-gv .bselect-list span.data::before {
    content: '\2022';
    font: 10px/81% Pictos-IF;
    position: absolute;
    top: 5px;
    left: 4px
}

body.nbf .nbf-gv .bselect-list ul.select-modified {
    width: 100%;
    border: 1px solid #949494
}

body.nbf .nbf-gv .bselect-list ul.select-modified li > div {
    display: flex;
    align-items: center;
    padding: 12px 18px 12px 24px
}

body.nbf .nbf-gv .bselect-list ul.select-modified li > div > div > span {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #6e6e6e;
    margin-left: 6px
}

body.nbf .nbf-gv .bselect-list ul.select-modified li div.with-arrow:after {
    content: ">";
    font: 24px/81% Pictos-IF;
    height: 24px;
    width: 24px;
    color: #aeaeae;
    text-align: right;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -12px
}

body.nbf .nbf-gv .bselect-list ul.select-modified li.preselected div {
    background-color: #f0f0f0;
    color: #000
}

body.nbf .nbf-gv .bselect-list ul.select-modified li.selected > div:after {
    content: "v";
    font: 24px/81% Pictos-IF;
    height: 24px;
    width: 24px;
    color: #00724b;
    position: absolute;
    right: 18px;
    border: 1px solid rgba(0, 114, 75, 0.4);
    border-radius: 50%;
    top: 50%;
    display: block;
    margin-top: -12px
}

body.nbf .nbf-gv input[type=checkbox] + span.checkbox {
    border-width: 2px
}

body.nbf .nbf-gv span.checkbox::before {
    border-color: #6e6e6e;
    width: 24px;
    height: 24px
}

body.nbf .nbf-gv span.checkbox::after {
    font-size: 24px;
    width: 24px;
    height: 24px;
    margin: -35px 0 0 4px
}

body.nbf .nbf-gv span.checkbox.checked::before {
    border-color: #565656;
    background-color: #565656
}

body.nbf .nbf-gv span.checkbox:hover::before {
    border-color: #e3e3e3;
    background-color: #e3e3e3
}

body.nbf .nbf-gv span.checkbox:hover::after {
    color: #e3e3e3
}

body.nbf .nbf-gv span.checkbox.checked:hover::after {
    color: #292929
}

body.nbf .nbf-gv span.checkbox + div.label {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .nbf-gv input[disabled] + span.checkbox::before {
    background-color: #f0f0f0;
    border-color: #e3e3e3
}

body.nbf .nbf-gv input[disabled] + span.checkbox::after {
    color: #f0f0f0
}

body.nbf .nbf-gv input[disabled] + span.checkbox.checked::after {
    color: #aeaeae
}

body.nbf .nbf-gv input:focus + span.checkbox::before {
    border-color: #0047ff;
    box-shadow: 0 0 4px #0047ff
}

body.nbf .nbf-gv .bline.nbf-formelement-container {
    display: flex;
    margin-top: 24px
}

body.nbf .nbf-gv .bline.nbf-formelement-container > div:first-child {
    justify-content: flex-start;
    flex-basis: 40%;
    max-width: 40%;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 20px
}

body.nbf .nbf-gv .bline.nbf-formelement-container > div:nth-child(2) {
    justify-content: flex-start;
    flex-basis: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 0
}

body.nbf .nbf-gv .bline.nbf-formelement-container > div:nth-child(2) .nbf-slider {
    justify-content: flex-start
}

body.nbf .nbf-gv .bline.nbf-formelement-container > div.right:nth-child(2) {
    justify-content: flex-end;
    flex-basis: 60%;
    max-width: 60%;
    box-sizing: border-box;
    padding-left: 0
}

body.nbf .nbf-gv .bline.nbf-formelement-container > div.right:nth-child(2) .nbf-slider {
    justify-content: flex-end
}

body.nbf .nbf-gv .bline.nbf-formelement-container > .nbf-slider label {
    margin-left: 0;
    padding-left: 0
}

body.nbf .nbf-gv .bline.nbf-formelement-container .nbf-toggle-with-listbox .nbf-slider {
    margin-right: 0
}

body.nbf .nbf-gv .bline.nbf-formelement-container .nbf-toggle-with-listbox .nbf-slider label {
    margin-left: 0;
    padding-left: 0
}

body.nbf .nbf-gv .bline.nbf-formelement-container .nbf-toggle-with-listbox .nbf-slider + .toggle-listbox {
    left: 74px;
    right: auto
}

body.nbf .nbf-gv .bline.nbf-formelement-container .nbf-toggle-with-listbox.right .nbf-slider + .toggle-listbox {
    left: auto;
    right: 1px
}

body.nbf .nbf-gv .bline.nbf-formelement-single-right {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0
}

body.nbf .nbf-gv .bline.nbf-formelement-single-right > div:first-child {
    justify-content: flex-end;
    flex-basis: 100%;
    max-width: 100%;
    box-sizing: border-box
}

body.nbf .nbf-gv .bline.nbf-slider, body.nbf .nbf-gv .bline.nbf-formelement-container .nbf-slider {
    margin-left: 20px;
    padding: 0;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 38px
}

body.nbf .nbf-gv .bline.nbf-slider .checkbox, body.nbf .nbf-gv .bline.nbf-formelement-container .nbf-slider .checkbox {
    position: relative;
    cursor: pointer;
    width: 42px;
    height: 24px;
    background-color: #aeaeae;
    transition: .24s;
    border-radius: 12px;
    margin: 0 12px 0 0;
    outline: 0
}

body.nbf .nbf-gv .bline.nbf-slider .checkbox::before, body.nbf .nbf-gv .bline.nbf-formelement-container .nbf-slider .checkbox::before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 1px;
    top: 1px;
    background-color: #fff;
    transition: .24s;
    border-radius: 50%;
    border: 0;
    margin: 0
}

body.nbf .nbf-gv .bline.nbf-slider .checkbox::after, body.nbf .nbf-gv .bline.nbf-formelement-container .nbf-slider .checkbox::after {
    display: none
}

body.nbf .nbf-gv .bline.nbf-slider label, body.nbf .nbf-gv .bline.nbf-formelement-container .nbf-slider label {
    color: #565656;
    cursor: pointer;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .nbf-gv .bline.nbf-slider input, body.nbf .nbf-gv .bline.nbf-formelement-container .nbf-slider input {
    outline: 0
}

body.nbf .nbf-gv .bline.nbf-slider input:checked + .checkbox, body.nbf .nbf-gv .bline.nbf-formelement-container .nbf-slider input:checked + .checkbox {
    background-color: #00724b
}

body.nbf .nbf-gv .bline.nbf-slider input:checked + .checkbox::before, body.nbf .nbf-gv .bline.nbf-formelement-container .nbf-slider input:checked + .checkbox::before {
    transform: translateX(18px)
}

body.nbf .nbf-gv .bline.nbf-slider input:checked ~ label, body.nbf .nbf-gv .bline.nbf-formelement-container .nbf-slider input:checked ~ label {
    color: #292929
}

body.nbf .nbf-gv .nbf-toggle-with-listbox {
    position: relative
}

body.nbf .nbf-gv .nbf-toggle-with-listbox > div:not(.nbf-slider) {
    display: none
}

body.nbf .nbf-gv .nbf-toggle-with-listbox span.checkbox {
    margin: 0
}

body.nbf .nbf-gv .nbf-toggle-with-listbox label.has-listbox {
    position: relative;
    padding-right: 30px
}

body.nbf .nbf-gv .nbf-toggle-with-listbox label.has-listbox::after {
    font: 24px/81% Pictos-IF;
    content: "\f807";
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: -2px
}

body.nbf .nbf-gv .nbf-toggle-with-listbox .toggle-listbox {
    position: absolute;
    min-width: 250px;
    margin-top: 0;
    padding: 6px 0;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    z-index: 100;
    top: -12px;
    left: 70px
}

body.nbf .nbf-gv .nbf-toggle-with-listbox .toggle-listbox ul {
    padding-left: 0
}

body.nbf .nbf-gv .nbf-toggle-with-listbox .toggle-listbox li {
    padding: 7px 40px 8px 12px;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    display: block;
    color: #292929;
    cursor: pointer
}

body.nbf .nbf-gv .nbf-toggle-with-listbox .toggle-listbox li::before {
    display: none
}

body.nbf .nbf-gv .nbf-toggle-with-listbox .toggle-listbox li.selected, body.nbf .nbf-gv .nbf-toggle-with-listbox .toggle-listbox li:hover {
    background-color: #f0f0f0
}

body.nbf .nbf-gv .nbf-toggle-with-listbox .toggle-listbox li.selected {
    position: relative;
    font: bold 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .nbf-gv .nbf-toggle-with-listbox .toggle-listbox li.selected::after {
    font: 18px/81% Pictos-IF;
    content: "\f605";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 8px;
    right: 8px
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline > .nbf-input-right-select {
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 0
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline > .nbf-input-right-select .select-wrap {
    margin-top: 0;
    background: 0
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline > .nbf-input-right-select .bselect-list .active {
    border: 0;
    background: 0;
    padding-top: 34px;
    padding-right: 42px
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline > .nbf-input-right-select .bselect-list .active:after {
    top: 48px
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline > .nbf-input-right-select label {
    top: 12px;
    right: 18px;
    left: auto
}

@media screen and (max-width: 539px) {
    body.nbf .nbf-gv .nbf-continue-text {
        padding-left: 36px
    }

    body.nbf .nbf-gv input.nbf-text-input.has-inline-icon, body.nbf .nbf-gv input.nbf-date-input.has-inline-icon, body.nbf .nbf-gv input.nbf-text-input.has-inline-content, body.nbf .nbf-gv input.nbf-date-input.has-inline-content {
        padding-right: 42%
    }

    body.nbf .nbf-gv .nbf-input-right-text {
        top: -44px
    }

    body.nbf .nbf-gv .nbf-input-right-text span {
        display: none
    }

    body.nbf .nbf-gv .nbf-input-right-text .nbf-input-right-icon div.ficon {
        margin-top: 1px
    }
}

@media screen and (max-width: 1079px) {
    body.nbf .nbf-gv input.nbf-text-input, body.nbf .nbf-gv input.nbf-date-input, body.nbf .nbf-gv textarea.nbf-textarea-input {
        min-height: 60px;
        padding-top: 14px;
        padding-bottom: 6px;
        max-width: 100%
    }

    body.nbf .nbf-gv input.nbf-text-input + label, body.nbf .nbf-gv input.nbf-date-input + label, body.nbf .nbf-gv textarea.nbf-textarea-input + label {
        top: 13px
    }

    body.nbf .nbf-gv div.nbf-binput-sayt {
        margin-top: 54px
    }
}

body.nbf .nbf-gv .nbf-input-media-query-style {
    min-height: 60px;
    padding-top: 14px;
    padding-bottom: 6px;
    max-width: 100%
}

@media screen and (max-width: 726px) {
    body.nbf .nbf-gv .bline.nbf-formelement-container {
        flex-wrap: wrap
    }

    body.nbf .nbf-gv .bline.nbf-formelement-container > div:first-child {
        flex-basis: 100%;
        max-width: 100%
    }

    body.nbf .nbf-gv .bline.nbf-formelement-container > div:nth-child(2), body.nbf .nbf-gv .bline.nbf-formelement-container > div.right:nth-child(2) {
        justify-content: flex-start;
        flex-basis: 100%;
        max-width: 100%
    }

    body.nbf .nbf-gv .bline.nbf-formelement-container > div:nth-child(2) .nbf-slider + .toggle-listbox, body.nbf .nbf-gv .bline.nbf-formelement-container > div.right:nth-child(2) .nbf-slider + .toggle-listbox {
        left: 74px;
        right: auto
    }

    body.nbf .nbf-gv .bline.nbf-formelement-container .nbf-toggle-with-listbox .nbf-slider {
        justify-content: flex-start
    }

    body.nbf .nbf-gv .bline.nbf-formelement-container .nbf-toggle-with-listbox .nbf-slider + .toggle-listbox {
        left: 74px;
        right: auto
    }

    body.nbf .nbf-gv .bline.nbf-formelement-container > div.right:nth-child(2) .nbf-slider {
        justify-content: flex-start;
        text-align: left
    }
}

body.nbf .nbf-gv .NbfInputLabelFormat {
    transform: translate(1.05rem, -0.75rem);
    left: 2px;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

body .nbf-drag-sort-tooltip {
    position: absolute;
    background: #292929;
    display: none;
    padding: 2px 4px;
    color: #fff;
    border-radius: 4px;
    z-index: 9999;
    font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline {
    font-weight: 200;
    color: #292929;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    padding-top: 0
}

body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block {
    color: #292929;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block a, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block a, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block a, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block a {
    color: #292929
}

body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block a:hover, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block a:hover, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block a:hover, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block a:hover {
    text-decoration: none
}

body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block + .block {
    color: #292929;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block + .block a, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block + .block a, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block + .block a, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block + .block a {
    color: #292929;
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif
}

body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block + .block a:hover, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block + .block a:hover, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block + .block a:hover, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block + .block a:hover {
    text-decoration: none
}

body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block + .block + .block {
    color: #292929;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block + .block + .block a, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block + .block + .block a, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block + .block + .block a, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block + .block + .block a {
    color: #292929;
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif
}

body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block + .block + .block a:hover, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block + .block + .block a:hover, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block + .block + .block a:hover, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block + .block + .block a:hover {
    text-decoration: none
}

body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block + .block + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block + .block + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block + .block + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block + .block + .block + .block {
    color: #292929;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block + .block + .block + .block a, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block + .block + .block + .block a, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block + .block + .block + .block a, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block + .block + .block + .block a {
    color: #292929;
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif
}

body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block + .block + .block + .block a:hover, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block + .block + .block + .block a:hover, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block + .block + .block + .block a:hover, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block + .block + .block + .block a:hover {
    text-decoration: none
}

body.nbf .cbox.cbox-banking.cbox-large .bline .nbf-analyst {
    display: flex;
    align-items: center;
    margin-right: 0
}

body.nbf .cbox.cbox-banking.cbox-large .bline .nbf-analyst .analyst {
    margin-right: 11px;
    margin-left: 6px;
    height: 21px
}

body.nbf .cbox.cbox-banking.cbox-large .bline .nbf-analyst .analyst a.icon.icon-bell, body.nbf .cbox.cbox-banking.cbox-large .bline .nbf-analyst .analyst a.icon.icon-page-pen {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 21px
}

body.nbf .cbox.cbox-banking.cbox-large .bline .nbf-analyst .analyst a.icon.icon-bell:after, body.nbf .cbox.cbox-banking.cbox-large .bline .nbf-analyst .analyst a.icon.icon-page-pen:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    opacity: .1;
    left: 0;
    top: -5px
}

body.nbf .cbox.cbox-banking.cbox-large .bline .nbf-analyst .analyst a.icon.icon-bell:before, body.nbf .cbox.cbox-banking.cbox-large .bline .nbf-analyst .analyst a.icon.icon-page-pen:before {
    margin: 0;
    font-size: 30px;
    height: 30px;
    width: 30px;
    position: relative;
    top: -6px;
    margin-left: 1px
}

body.nbf .cbox.cbox-banking.cbox-large .bline .nbf-analyst .analyst a.icon.icon-bell:after {
    background-color: red
}

body.nbf .cbox.cbox-banking.cbox-large .bline .nbf-analyst .analyst a.icon.icon-bell:before {
    color: red
}

body.nbf .cbox.cbox-banking.cbox-large .bline .nbf-analyst .analyst a.icon.icon-page-pen:after {
    background-color: #fdeedb;
    opacity: 1;
    z-index: 0
}

body.nbf .cbox.cbox-banking.cbox-large .bline .nbf-analyst .analyst a.icon.icon-page-pen:before {
    color: #663b02;
    top: -5px;
    z-index: 1
}

body.nbf .cbox.cbox-banking.cbox-large .bline .nbf-analyst .analyst-text {
    margin-right: 0
}

body.nbf .cbox.cbox-banking.cbox-large .bline .nbf-analyst .analyst-text a {
    white-space: nowrap
}

body.nbf .cbox.cbox-banking.cbox-large .block.nbf-analyst-group > .bline.btext-only {
    margin-top: 12px;
    padding-top: 8px
}

body.nbf .cbox.cbox-banking.cbox-large .block.nbf-analyst-group > .bline.btext-only:first-child {
    margin-top: 0;
    padding-top: 0
}

body.nbf .nbf-finanzstatus .nbf-box {
    margin-top: 0;
    margin-bottom: 12px
}

body.nbf .nbf-finanzstatus > h3 {
    margin-bottom: 24px;
    padding-left: 24px
}

.nbf-finanzstatus .nbf-container-box::after {
    content: "";
    display: table;
    clear: both
}

.nbf-finanzstatus .nbf-container-box.nbf-link-only {
    margin: 0 20px 0 24px;
    border-bottom: 1px solid #e3e3e3;
    padding: 20px 0;
    font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    position: relative;
    color: #292929;
    width: calc(100% - 44px)
}

.nbf-finanzstatus .nbf-container-box.nbf-link-only .ficon {
    position: absolute;
    right: 0;
    margin-top: -4px
}

.nbf-finanzstatus .nbf-container-box.nbf-link-only .ficon:before {
    border: 0;
    content: '\F80C';
    color: #aeaeae
}

.nbf-finanzstatus .nbf-container-box.nbf-link-only a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9
}

.nbf-finanzstatus .nbf-container-box.nbf-link-only a:hover + .ficon:before {
    background: 0;
    color: #292929
}

.nbf-finanzstatus .block .footer + .bline.has-above-label {
    padding-top: 40px;
    padding-bottom: 30px
}

.nbf-finanzstatus .nbf-box .nbf-box__amount .balance-predecimal {
    font-size: 18px;
    line-height: 18px
}

.nbf-finanzstatus .nbf-box .nbf-box__amoun .balance-decimal {
    font-size: 16px;
    line-height: 16px
}

.nbf-finanzstatus br.bterm {
    display: none
}

.nbf-finanzstatus .footer {
    padding: 12px 42px 12px 20px;
    line-height: 20px;
    margin-bottom: 48px
}

.nbf-finanzstatus .footer .helpovly {
    position: absolute;
    right: -45px;
    margin-top: 9px
}

.nbf-finanzstatus .footer .balance-label {
    font-size: 18px;
    color: #292929
}

.nbf-finanzstatus .footer::after {
    content: "";
    clear: both;
    display: table
}

.nbf-finanzstatus .btableblock .btable.contains-bar tr td:first-child div.icon-fi-none ~ .bar-outer {
    width: 100%;
    padding-top: 8px
}

.nbf-finanzstatus .btableblock .btable.contains-bar tr td:first-child > div.bar-outer:first-child {
    margin-left: -35px;
    margin-top: -19px;
    width: 100%
}

.nbf-finanzstatus .btableblock .btable.contains-bar tr:nth-child(2) td:first-child {
    padding: 20px 10px 0 35px
}

.nbf-finanzstatus .btableblock .btable.contains-bar tr td:first-child .bar-outer {
    height: 6px
}

.nbf-finanzstatus .btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner {
    box-shadow: none
}

.nbf-finanzstatus .btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.plus {
    background-color: #00724b
}

.nbf-finanzstatus .btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.minus {
    background-color: #b60000
}

.nbf-finanzstatus .btableblock .btable.contains-bar tr:first-child td:first-child {
    padding-top: 0;
    padding-bottom: 8px
}

.nbf-finanzstatus .btableblock .btable.contains-bar tr:first-child td.right {
    padding-bottom: 20px
}

.nbf-finanzstatus .btableblock .btable.contains-bar tr:first-child td.right .balance-predecimal.plus:before {
    content: '+';
    display: inline-block
}

.nbf-finanzstatus .btableblock .btable.contains-bar tr:nth-child(2) td.right {
    padding-top: 20px;
    padding-bottom: 0
}

.nbf-finanzstatus .btableblock .btable.contains-bar tr td:first-child div.icon-fi-none:after {
    display: inline-block;
    content: '+'
}

.nbf-finanzstatus .btableblock .btable.contains-bar tr:nth-child(2) td:first-child div.icon-fi-none:after {
    content: '-'
}

.nbf-finanzstatus .nbf-container-box > div.bline {
    padding: 0 24px
}

.nbf-finanzstatus .nbf-container-box > div.bline .helpovly {
    margin-left: 6px
}

.nbf-finanzstatus .nbf-container-box div.bline .right .nbf-balance {
    margin-right: 0
}

.nbf-finanzstatus .nbf-container-box div.bline .right .nbf-balance .balance-predecimal.plus {
    color: #00724b;
    line-height: inherit
}

.nbf-finanzstatus .nbf-container-box > div.bline:last-child {
    padding: 20px 60px 20px 20px;
    line-height: 20px
}

.nbf-finanzstatus .nbf-container-box > div.bline:last-child::after {
    content: "";
    clear: both;
    display: table
}

.nbf-finanzstatus .nbf-container-box > div.bline:last-child .balance-label {
    font-size: 18px;
    color: #292929
}

.nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right {
    margin-right: 0
}

.nbf-finanzstatus .nbf-box > .helpovly {
    position: absolute;
    right: 24px;
    top: calc(50% - 8px)
}

.nbf-finanzstatus .nbf-box .nbf-box__image > span.title.icon-fi-sparkasse:before {
    background-color: red;
    color: white;
    border-radius: 100%
}

.nbf-finanzstatus .nbf-box .nbf-box__image .nbf-add {
    position: relative;
    width: 48px;
    height: 48px;
    box-sizing: border-box
}

.nbf-finanzstatus .nbf-box .nbf-box__image .nbf-add:before {
    content: '\F7FD';
    font-family: Pictos-IF;
    position: absolute;
    font-size: 46px;
    width: 48px;
    height: 48px;
    line-height: 36px;
    color: #00724b;
    left: .35rem;
    top: .28rem
}

.nbf-finanzstatus .nbf-box .nbf-box__image .nbf-add:after {
    position: absolute;
    content: "";
    width: 48px;
    height: 48px;
    border: 2px solid rgba(0, 114, 75, 0.2);
    border-radius: 100%
}

.nbf-finanzstatus .nbf-box .nbf-box__image .nbf-add.nbf-icon-upload:before {
    content: '\f7ce'
}

.nbf-finanzstatus .nbf-box .nbf-box__content .btableblock.ty2 {
    padding: 0
}

.nbf-finanzstatus .nbf-box .nbf-box__content .btableblock.ty2 tr.tablerowodd, .nbf-finanzstatus .nbf-box .nbf-box__content .btableblock.ty2 tr.tableroweven {
    border-top: 0
}

.nbf-finanzstatus .block .bline.no-label.has-above-label a.actioniconLink {
    color: #292929;
    text-decoration: underline;
    font-weight: 300;
    margin-right: 12px
}

.nbf-finanzstatus .block .bline.no-label.has-above-label a.actioniconLink:before {
    content: '�';
    text-decoration: none;
    margin-right: 12px;
    border: 0;
    width: auto;
    height: auto;
    color: #aeaeae;
    font-size: 12px;
    line-height: 14px;
    position: relative;
    top: -2px
}

.nbf-finanzstatus .block .bline.no-label.has-above-label a.actioniconLink:hover:before {
    background-color: unset
}

.nbf-finanzstatus .nbf-box > a + .nbf-row.nbf-row--colored {
    margin-top: 12px
}

.nbf-finanzstatus .button-arrow-leftside, .nbf-finanzstatus .button-arrow-rightside {
    padding: 20.5px 0;
    font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 18px;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    color: #292929;
    border-bottom: 1px solid #e3e3e3
}

.nbf-finanzstatus .button-arrow-leftside:hover:after, .nbf-finanzstatus .button-arrow-rightside:hover:after {
    color: #292929
}

.nbf-finanzstatus .button-arrow-leftside:focus, .nbf-finanzstatus .button-arrow-rightside:focus {
    outline: 0
}

.nbf-finanzstatus .footer > .bline > .nbf-balance, .nbf-finanzstatus .button-arrow-rightside > .nbf-balance, .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance {
    width: 350px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    margin-right: 0
}

.nbf-finanzstatus .footer > .bline > .nbf-balance .balance-label, .nbf-finanzstatus .button-arrow-rightside > .nbf-balance .balance-label, .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-label {
    order: 0;
    flex: 2 1 auto;
    align-self: flex-start;
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf-finanzstatus .footer > .bline > .nbf-balance .balance-predecimal, .nbf-finanzstatus .button-arrow-rightside > .nbf-balance .balance-predecimal, .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-predecimal {
    order: 0;
    flex: 0 1 auto;
    align-self: flex-end;
    line-height: 100%;
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf-finanzstatus .footer > .bline > .nbf-balance .balance-decimal, .nbf-finanzstatus .button-arrow-rightside > .nbf-balance .balance-decimal, .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal {
    order: 0;
    flex: 0 1 auto;
    align-self: flex-end;
    line-height: 100%;
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf-finanzstatus .footer > .bline > .nbf-balance .balance-decimal.plus, .nbf-finanzstatus .button-arrow-rightside > .nbf-balance .balance-decimal.plus, .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.plus, .nbf-finanzstatus .footer > .bline > .nbf-balance .balance-decimal.minus, .nbf-finanzstatus .button-arrow-rightside > .nbf-balance .balance-decimal.minus, .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.minus {
    font-size: 16px
}

.nbf-finanzstatus .footer > .bline > .nbf-balance .minus, .nbf-finanzstatus .button-arrow-rightside > .nbf-balance .minus, .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance .minus {
    color: #292929
}

.nbf-finanzstatus .nbf-link {
    margin-left: 24px;
    margin-right: 10px
}

.nbf-finanzstatus .nbf-link > a {
    color: #292929;
    margin-left: 3px;
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif
}

.nbf-finanzstatus .nbf-link > a:hover {
    text-decoration: none
}

.nbf-finanzstatus .nbf-link.nbf-print-link {
    margin-left: 0
}

.nbf-finanzstatus .nbf-link.nbf-print-link > a {
    margin-left: 0
}

.nbf-finanzstatus .nbf-link.nbf-print-link:before {
    content: '';
    text-decoration: none;
    margin-right: 10px;
    border: 0;
    width: 4px;
    height: 4px;
    background-color: #aeaeae;
    font-size: 12px;
    line-height: 14px;
    position: relative;
    top: -2px;
    display: inline-block;
    border-radius: 50%
}

.nbf-finanzstatus .footer > .bline > .nbf-balance .balance-label {
    margin-left: -18px;
    align-self: center
}

.nbf-finanzstatus .footer > .bline {
    position: relative
}

.nbf-finanzstatus .button-arrow-rightside .right.nbf-balance {
    margin-right: 36px
}

.nbf-finanzstatus .button-arrow-rightside .helpovly {
    margin-left: 12px
}

.nbf-finanzstatus .button-arrow-rightside:after {
    font: 24px/81% Pictos-IF;
    height: 24px;
    width: 24px;
    display: block;
    color: #949494;
    content: "\F807";
    position: absolute;
    right: 0;
    top: 19px
}

.nbf-finanzstatus .button-arrow-rightside > h2 span {
    font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #292929
}

.nbf-finanzstatus .button-arrow-rightside > h2 + .helpovly {
    margin-left: 0;
    vertical-align: unset
}

.nbf-finanzstatus .nbf-container-box .object-in-drag-mode .nbf-box.nbf-box--hoverable {
    transition: none
}

.nbf-finanzstatus .nbf-container-box .object-in-drag-mode .nbf-box.nbf-box--hoverable:hover {
    transform: none
}

.nbf-finanzstatus .nbf-container-box .object-in-drag-mode .nbf-box.nbf-box--hoverable:hover.nbf-box--border {
    border: 1px solid #e3e3e3
}

.nbf-finanzstatus .nbf-container-box .object-in-drag-mode .nbf-box.nbf-box--hoverable:hover.nbf-box--shadow {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04)
}

.nbf-finanzstatus .nbf-container-box .object-in-drag-mode .nbf-box.in-drag-mode a {
    display: none
}

.nbf-finanzstatus .nbf-container-box .object-in-drag-mode .nbf-box.in-drag-mode:hover {
    margin: 0 -12px
}

.nbf-finanzstatus .nbf-container-box .object-in-drag-mode .nbf-box.in-drag-mode:hover.nbf-box--border {
    border: 1px solid #e3e3e3
}

.nbf-finanzstatus .nbf-container-box .object-in-drag-mode .nbf-box.in-drag-mode:hover.nbf-box--shadow {
    box-shadow: 0 10px 12px rgba(86, 86, 86, 0.14)
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .bline .nbf-box__subtitle {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .bline.expandable-trigger .button-arrow-rightside {
    padding: 3px 0 17px 0
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .bline.expandable-trigger .button-arrow-rightside:after {
    top: 3px
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-box {
    margin-bottom: 12px
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .blockpart-container.center > div {
    padding: 0;
    width: auto;
    display: inline-block
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .blockpart-container.center > div.blockpart-half.hide-S {
    border-right: 1px solid #e3e3e3
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .blockpart-container .blockpart-half:first-child {
    padding-right: 66px
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .blockpart-container .blockpart-half:last-child {
    padding-left: 66px
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .blockpart-container.no-top-padding.no-separator {
    margin: 0 auto;
    width: auto;
    font-size: 0
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .blockpart-container.no-top-padding.no-separator .blockpart-half {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .blockpart-container.with-nice-part-separator > div + div:before {
    display: none
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .blockpart-container .blockpart-half .bline > div > strong {
    font: 17px/26px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #292929
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .blockpart-container .blockpart-half .bline + .bline.btext-only {
    padding-top: 6px
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .blockpart-container .blockpart-half .balance.xl.with-icon:before {
    width: 34px;
    height: 34px;
    font-size: 34px
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .blockpart-container .blockpart-half .balance.xl .balance-predecimal {
    font: 20px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .blockpart-container .blockpart-half .balance.xl .balance-decimal {
    font: 16px/24px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .income-expense-chart {
    margin-top: -29px
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .income-expense-chart .minus {
    color: #292929
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .btableblock {
    padding: 0 0 0 12px
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .btableblock .bwebshop.btable.budgets tr {
    border-right: 0
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .btableblock .bwebshop.btable.budgets td:first-child {
    padding: 0
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .btableblock .bwebshop.btable.budgets {
    margin: 0 36px 0 0
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .btableblock .bwebshop.btable.budgets td:nth-child(2) {
    padding: 12px 0 0 0
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .btableblock .bwebshop.btable.budgets .budget-data .budget-title {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #292929;
    padding-bottom: 6px
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .btableblock .bwebshop.btable.budgets .budget-data .budget-current .balance {
    font: 20px/28px SparkasseWebMedium, Helvetica, Arial, sans-serif
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .btableblock .btable.budgets .piechart {
    width: 90px;
    height: 90px
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-row > .budget-data {
    margin-left: 36px;
    margin-top: 12px
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-row > .budget-data:before {
    content: '';
    height: 66px;
    width: 1px;
    background-color: #f0f0f0;
    display: block;
    position: absolute;
    margin-left: -36px
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-row > .budget-data .budget-month {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-row > .budget-data .budget-booked > a, .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-row > .budget-data .budget-remaining {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #292929
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-row > .budget-data .budget-booked > a:after {
    border: 0;
    color: #292929
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-row > .budget-data.nbf-budget-alert .budget-booked > a, .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-row > .budget-data.nbf-budget-alert .budget-booked > a:after, .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-row > .budget-data.nbf-budget-alert .budget-remaining {
    color: #b60000
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-row > .budget-data .budget-booked > a {
    position: relative;
    z-index: auto
}

.nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-row > .budget-data .budget-booked > a:hover:after {
    background: white
}

.nbf-finanzstatus .footer .nbf-balance span.balance-predecimal {
    background: #eff7f5;
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;
    padding: 8px 0 8px 18px;
    font-size: 20px
}

.nbf-finanzstatus .footer .nbf-balance span.balance-decimal {
    background: #eff7f5;
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
    padding: 12px 18px 8px 0;
    font-size: 16px;
    margin-bottom: 0
}

.nbf-finanzstatus .footer .nbf-balance span.balance-predecimal.minus, .nbf-finanzstatus .footer .nbf-balance span.balance-decimal.minus {
    background: #f0f0f0
}

.nbf-finanzstatus .footer .bline .nbf-fullwidth-label > .balance-label {
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 12px
}

.nbf-finanzstatus .footer .bline .nbf-fullwidth-label {
    justify-content: flex-end;
    align-content: flex-end;
    align-items: flex-end
}

.nbf-finanzstatus .nbf-container-box[data-animateable].expandable {
    transition: all .3s
}

.nbf-finanzstatus .nbf-container-box[data-animateable].expandable .expandable-content + .bline.btext-only {
    transition: opacity .3s, padding-top .5s, padding-bottom .5s, max-height .3s;
    overflow: hidden
}

.nbf-finanzstatus .nbf-container-box[data-animateable].expandable .right.nbf-balance {
    transition: opacity .5s ease-in-out
}

@media screen and (max-width: 726px) {
    .nbf-finanzstatus .nbf-container-box[data-animateable].expandable .right.nbf-balance .balance-label {
        display: none
    }
}

@media screen and (max-width: 726px) {
    .nbf-finanzstatus .nbf-container-box[data-animateable].expandable .bline.btext-only:last-child {
        margin-top: 0
    }
}

.nbf-finanzstatus .nbf-container-box[data-animateable] .expandable-content .nbf-box.nbf-box--hoverable:first-child {
    margin-top: 0
}

.nbf-finanzstatus .nbf-container-box[data-animateable] .expandable-content .nbf-box.nbf-box--hoverable:hover {
    z-index: 2
}

.nbf-finanzstatus .nbf-container-box[data-animateable] .expandable-content .nbf-box.nbf-box--hoverable.helpovly-is-visible {
    z-index: 3
}

.nbf-finanzstatus .nbf-container-box[data-animateable] .expandable-content .nbf-box.nbf-box--hoverable .helpovly {
    z-index: 1
}

.nbf-finanzstatus .nbf-container-box[data-animateable] .expandable-content .nbf-box.nbf-box--hoverable .helpovly a.visible::after {
    background-color: #565656;
    color: #fff
}

.nbf-finanzstatus .nbf-container-box[data-animateable] .expandable-content .nbf-box.nbf-box--hoverable.helpovly-is-visible .helpovly {
    z-index: 2
}

.nbf-finanzstatus .nbf-container-box[data-animateable].is-animating {
    margin-bottom: 24px
}

.nbf-finanzstatus .nbf-container-box[data-animateable].is-animating .nbf-box.nbf-box--hoverable:hover {
    transform: none
}

.nbf-finanzstatus .nbf-container-box[data-animateable].is-animating .right.nbf-balance {
    opacity: 0
}

.nbf-finanzstatus .nbf-container-box[data-animateable].expandable-is-visible {
    margin-bottom: 24px
}

.nbf-finanzstatus .nbf-container-box[data-animateable].expandable-is-visible.is-animating {
    margin-bottom: 0
}

.nbf-finanzstatus .nbf-container-box[data-animateable].expandable-is-visible.is-animating .expandable-content + .bline.btext-only {
    opacity: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0
}

.nbf-finanzstatus .nbf-container-box[data-animateable].expandable-is-visible.done-animating .expandable-content + .bline.btext-only {
    opacity: 1;
    max-height: 999px;
    padding-top: 20px;
    padding-bottom: 20px
}

.nbf-finanzstatus .nbf-container-box[data-animateable].expandable-is-visible .right.nbf-balance {
    opacity: 0
}

.nbf-finanzstatus .nbf-container-box[data-animateable].expandable-is-hidden {
    margin-bottom: 0
}

.nbf-finanzstatus .nbf-container-box[data-animateable].expandable-is-hidden.is-animating {
    margin-bottom: 24px
}

.nbf-finanzstatus .nbf-container-box[data-animateable].expandable-is-hidden.is-animating .expandable-content + .bline.btext-only {
    opacity: 1;
    max-height: 999px;
    padding-top: 20px;
    padding-bottom: 20px
}

.nbf-finanzstatus .nbf-container-box[data-animateable].expandable-is-hidden.done-animating .expandable-content + .bline.btext-only {
    opacity: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0
}

.nbf-finanzstatus .block.last-before-footer .nbf-container-box[data-animateable] {
    margin-bottom: 12px
}

.nbf-finanzstatus .block.last-before-footer .nbf-container-box[data-animateable] .button-arrow-rightside {
    border-bottom: 0
}

.nbf .analystbox > h2:first-child {
    display: none
}

.nbf .analystbox .analyst {
    margin-top: 9px
}

.nbf .analystbox .analyst .icon {
    color: #000;
    margin-bottom: 4px
}

.nbf .analystbox .analyst .icon:before {
    display: none
}

.nbf .analystbox .analyst p {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    margin-bottom: 22px;
    color: #292929
}

.nbf .analystbox .analyst .main div {
    line-height: 21px;
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf .analystbox .analyst .main .image img {
    padding-right: 0;
    margin-right: 18px;
    border-radius: 8px
}

.nbf .analystbox .analyst .footnote {
    color: #565656;
    font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-top: .75em;
    line-height: 18px
}

.nbf .bline .analyst + strong + a, .nbf .bline .analyst + a {
    white-space: nowrap
}

.nbf .mbf_infolightbox .block {
    min-width: 200px;
    width: 50%;
    margin: 0 auto 30px auto
}

.nbf .mbf_infolightbox .block > .nbf-col.nbf-box__content .nbf-box__title {
    text-align: center;
    margin: 24px 0;
    font: 24px/32px SparkasseWebLight, Helvetica, Arial, sans-serif;
    color: #000
}

.nbf .mbf_infolightbox .block .nbf-box {
    padding: 12px
}

.nbf .mbf_infolightbox .block .nbf-box.nbf-box--border {
    border-radius: 48px;
    border: 2px solid #565656
}

.nbf .mbf_infolightbox .block .nbf-box.nbf-box--shadow {
    box-shadow: none
}

.nbf .mbf_infolightbox .block .nbf-box .nbf-row {
    flex-wrap: unset
}

.nbf .mbf_infolightbox .block .nbf-box .nbf-row .nbf-col.nbf-box__content {
    flex-basis: 100%;
    text-align: center
}

.nbf .mbf_infolightbox .block .nbf-box .nbf-row .nbf-col.nbf-box__content .nbf-box__title {
    white-space: unset;
    font: 17px/23px SparkasseWebMedium, Helvetica, Arial, sans-serif
}

.nbf .mbf_infolightbox .block .nbf-box .nbf-row .nbf-col.nbf-box__action {
    padding: 0;
    flex-basis: 0;
    max-width: 0
}

.nbf .mbf_infolightbox .block .nbf-box.nbf-box--hoverable:hover {
    transform: none
}

.nbf .mbf_infolightbox .block .nbf-box.nbf-box--hoverable:hover.nbf-box--shadow {
    background-color: #565656
}

.nbf .mbf_infolightbox .block .nbf-box.nbf-box--hoverable:hover.nbf-box--pressed {
    background-color: #444
}

.nbf .mbf_infolightbox .block .nbf-box.nbf-box--hoverable:hover .nbf-row .nbf-col.nbf-box__content .nbf-box__title {
    color: #fff
}

.nbf .mbf_infolightbox .block .nbf-box.nbf-box--focussed {
    box-shadow: 0 0 8px #0047ff, 0 0 8px #0047ff;
    border-color: #0047ff
}

.nbf .mbf_infolightbox .block .nbf-box.nbf-box--focussed .nbf-box__action a {
    outline: 0
}

.nbf .mbf_infolightbox .block .nbf-box.nbf-box--pressed {
    background-color: #444
}

.nbf .mbf_infolightbox .block .nbf-box.nbf-box--pressed .nbf-row .nbf-col.nbf-box__content .nbf-box__title {
    color: #fff
}

.nbf .mbf_infolightbox .block .nbf-box:nth-child(4) {
    margin-top: 24px
}

.nbf .mbf_infolightbox .block .nbf-box:nth-child(5) {
    margin-bottom: 36px
}

.nbf .mbf_infolightbox .nbf-circle-icon {
    display: flex;
    justify-content: center
}

.nbf .mbf_infolightbox .nbf-circle-icon .nbf-add {
    position: relative;
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    border: 0 none
}

.nbf .mbf_infolightbox .nbf-circle-icon .nbf-add:before {
    content: '\F7FD';
    font-family: Pictos-IF;
    position: absolute;
    font-size: 46px;
    width: 48px;
    height: 48px;
    line-height: 36px;
    color: #00724b;
    left: .35rem;
    top: .28rem
}

.nbf .mbf_infolightbox .nbf-circle-icon .nbf-add:after {
    position: absolute;
    content: "";
    width: 48px;
    height: 48px;
    border: 2px solid rgba(0, 114, 75, 0.2);
    border-radius: 100%
}

.nbf .nbf-finanzstatus .nbf-box ^ .helpovly {
    z-index: 2
}

.nbf .nbf-finanzstatus .nbf-box.nbf-box--shadow.nbf-box--hoverable.helpovly-is-visible {
    -webkit-box-shadow: 0 2px 6px 0 rgba(86, 86, 86, 0.2);
    -moz-box-shadow: 0 2px 6px 0 rgba(86, 86, 86, 0.2);
    box-shadow: 0 2px 6px 0 rgba(86, 86, 86, 0.2);
    transform: scale(1.007);
    z-index: 10
}

@media screen and (max-width: 1079px) {
    body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline {
        padding: 0 20px
    }

    body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block {
        padding: 10px 20px
    }

    body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block + .block {
        margin: 0 10px;
        padding: 20px 10px
    }

    body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block + .block + .block {
        margin: 0 10px;
        padding: 20px 10px
    }

    body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .analystbox + .block + .block + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .analystbox + .block + .block + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline.with-analyst + .block + .block + .block + .block, body.nbf .cbox.cbox-banking.cbox-large > h2.contentbereichHeadline + .block + .block + .block + .block {
        margin: 0 10px;
        padding: 20px 10px
    }
}

@media screen and (max-width: 879px) {
    .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-box .nbf-row {
        justify-content: flex-start
    }

    .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-box .nbf-row .btableblock .bwebshop.btable.budgets td {
        display: inline-block;
        text-align: left;
        width: auto
    }

    .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-box .nbf-row .btableblock .bwebshop.btable.budgets td .budget-data {
        margin-left: 24px
    }

    .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-box .nbf-row > .budget-data::before {
        margin-left: -37px
    }
}

@media screen and (max-width: 767px) {
    .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .blockpart-container.no-top-padding.no-separator {
        display: table
    }
}

@media screen and (max-width: 726px) {
    .nbf-finanzstatus .footer > .bline > .nbf-balance, .nbf-finanzstatus .button-arrow-rightside > .nbf-balance, .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance {
        width: auto;
        margin-top: 0
    }

    .nbf-finanzstatus .footer > .bline > .nbf-balance .balance-label, .nbf-finanzstatus .button-arrow-rightside > .nbf-balance .balance-label, .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-label {
        text-align: left;
        margin-left: 0;
        flex: 1
    }

    .nbf-finanzstatus .footer > .bline > .nbf-balance.nbf-fullwidth-label > .balance-label, .nbf-finanzstatus .button-arrow-rightside > .nbf-balance.nbf-fullwidth-label > .balance-label, .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance.nbf-fullwidth-label > .balance-label {
        flex-basis: 100%;
        width: 100%
    }

    .nbf-finanzstatus .footer > .bline > .nbf-balance.nbf-fullwidth-label, .nbf-finanzstatus .button-arrow-rightside > .nbf-balance.nbf-fullwidth-label, .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance.nbf-fullwidth-label {
        justify-content: flex-end;
        align-content: flex-end;
        align-items: flex-end
    }

    .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance {
        width: 100%
    }

    .nbf-finanzstatus .footer > .bline > .nbf-balance {
        width: 100%
    }

    .nbf-finanzstatus .nbf-container-box > div.bline {
        padding: 0 18px
    }

    .nbf-finanzstatus .nbf-container-box > div.bline:last-child {
        padding: 17.5px 55px 17.5px 18px;
        margin-top: 12px
    }

    .nbf-finanzstatus .nbf-box .nbf-box__image .nbf-add {
        width: 40px;
        height: 40px
    }

    .nbf-finanzstatus .nbf-box .nbf-box__image .nbf-add:before {
        font-size: 39px;
        width: 40px;
        height: 40px;
        line-height: 30px;
        left: .30rem;
        top: .25rem
    }

    .nbf-finanzstatus .nbf-box .nbf-box__image .nbf-add:after {
        position: absolute;
        content: "";
        width: 40px;
        height: 40px;
        border: 2px solid rgba(0, 114, 75, 0.2);
        border-radius: 100%
    }

    .nbf-finanzstatus .footer {
        padding: 9px 38px 9px 18px
    }

    .nbf-finanzstatus .nbf-link {
        margin-left: 12px
    }

    .nbf-finanzstatus .nbf-print-link {
        margin-right: 0
    }

    .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-box .nbf-row:after, .nbf-finanzstatus .footer + .nbf-box .nbf-row:after {
        display: none
    }
}

@media screen and (max-width: 600px) {
    .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .blockpart-container.center > div.blockpart-half.hide-S {
        display: none
    }

    .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .blockpart-container .blockpart-half:last-child {
        padding-left: 0
    }

    .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-box .nbf-row .btableblock .bwebshop.btable.budgets td .budget-data {
        margin-left: 0
    }

    .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .btableblock {
        margin: 0 auto;
        padding: 0
    }

    .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .btableblock .bwebshop.btable.budgets {
        margin: 0
    }

    .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-box .nbf-row .btableblock .bwebshop.btable.budgets td {
        text-align: center;
        width: 100%
    }

    .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-row > .budget-data {
        width: 100%;
        display: block;
        margin-left: 0;
        text-align: center
    }

    .nbf-finanzstatus .nbf-container-box.nbf-container--pfm .nbf-row > .budget-data:before {
        display: none
    }
}

@media screen and (max-width: 420px) {
    .nbf-finanzstatus .nbf-container-box[data-animateable] > div.bline:last-child > .right > .nbf-balance .balance-label, .nbf-finanzstatus .footer > .bline > .nbf-balance .balance-label {
        flex-basis: 100%;
        margin-bottom: 6px
    }

    .nbf-finanzstatus .footer > .bline > .nbf-balance .balance-label {
        margin-bottom: 0
    }

    .nbf-finanzstatus .nbf-container-box[data-animateable] > div.bline:last-child > .right > .nbf-balance .balance-predecimal, .nbf-finanzstatus .footer > .bline > .nbf-balance .balance-predecimal {
        margin-left: auto
    }

    .nbf-finanzstatus .footer {
        padding-right: 36px
    }
}

.nbf-finanzstatus .nbf-solvency-overview .nbf-box__title {
    font: 17px/23px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #292929;
    margin: 0 0 12px 0
}

.nbf-finanzstatus .nbf-solvency-overview .bline .nbf-row {
    display: flex
}

.nbf-finanzstatus .nbf-solvency-overview .nbf-col.nbf-col--right {
    justify-content: flex-end;
    white-space: nowrap;
    margin: 0;
    padding: 0
}

.nbf-finanzstatus .nbf-solvency-overview .nbf-row .nbf-col {
    padding-right: 10px
}

.nbf-finanzstatus .nbf-solvency-overview > .nbf-row:first-child .nbf-col:first-child {
    margin-right: 24px
}

@media only screen and (max-width: 726px) {
    .nbf-finanzstatus .nbf-solvency-overview .nbf-row .nbf-col {
        padding-right: 0
    }

    .nbf-finanzstatus .nbf-solvency-overview .nbf-row .nbf-col .nbf-col.nbf-col--right > div {
        margin-right: 0
    }

    .nbf-finanzstatus .nbf-solvency-overview > .nbf-row:first-child {
        flex-direction: column
    }

    .nbf-finanzstatus .nbf-solvency-overview > .nbf-row:first-child > .nbf-col:first-child {
        margin-right: 0;
        margin-bottom: 36px
    }
}

@media only screen and (min-width: 727px) {
    .nbf-finanzstatus .nbf-solvency-overview > .nbf-row:first-child {
        flex-direction: row
    }
}

.nbf-finanzstatus .nbf-solvency-overview.expandable.expandable-is-hidden {
    overflow: visible
}

.nbf-finanzstatus .nbf-solvency-overview.expandable > .bline.btext-only:first-child {
    font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #292929
}

.nbf-finanzstatus .nbf-solvency-overview.expandable > .bline.btext-only:first-child div.helpovly-content ol {
    padding-left: 16px
}

.nbf-finanzstatus .nbf-solvency-overview.expandable > .bline.btext-only:first-child div.helpovly-content ol > li {
    margin: 3px 0
}

.nbf-finanzstatus .nbf-solvency-overview.expandable > .bline.btext-only:first-child div.helpovly-content > div {
    max-width: 60vw !important
}

@media (min-width: 400px) {
    .nbf-finanzstatus .nbf-solvency-overview.expandable > .bline.btext-only:first-child div.helpovly-content > div {
        max-width: 75vw !important
    }
}

@media (min-width: 767px) {
    .nbf-finanzstatus .nbf-solvency-overview.expandable > .bline.btext-only:first-child div.helpovly-content > div {
        max-width: 80vw !important
    }
}

@media (min-width: 1067px) {
    .nbf-finanzstatus .nbf-solvency-overview.expandable > .bline.btext-only:first-child div.helpovly-content > div {
        max-width: 85vw !important
    }
}

@media (min-width: 1280px) {
    .nbf-finanzstatus .nbf-solvency-overview.expandable > .bline.btext-only:first-child div.helpovly-content > div {
        max-width: 660px !important
    }
}

.nbf-finanzstatus .nbf-solvency-overview.expandable > .bline.btext-only:first-child div.helpovly-content > div > div {
    width: 100%;
    max-width: unset
}

.nbf-finanzstatus .nbf-solvency-overview.expandable .expandable-trigger .button-arrow-rightside a {
    z-index: 1;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666
}

.nbf-finanzstatus .nbf-solvency-overview.expandable .expandable-trigger .button-arrow-rightside a:hover {
    text-decoration: none
}

.nbf .nbf-gv.nbf-geld-senden {
    padding-left: 0;
    padding-right: 0
}

.nbf .nbf-gv.nbf-geld-senden::before {
    content: "";
    display: table;
    clear: both
}

.nbf .nbf-gv.nbf-geld-senden .nbf-gv-header {
    padding-left: 24px;
    padding-right: 24px
}

.nbf .nbf-gv.nbf-geld-senden .nbf-bselect-multiline {
    margin-top: 30px;
    margin-bottom: 24px
}

@media screen and (max-width: 767px) {
    .nbf .nbf-gv.nbf-geld-senden .nbf-bselect-multiline .select-wrap.bselect-multiline.select-account .bselect-list .finaccount > span {
        display: block
    }

    .nbf .nbf-gv.nbf-geld-senden .nbf-bselect-multiline .select-wrap.bselect-multiline.select-account .bselect-list .finaccount > span.data::before {
        display: none
    }
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigterBetrag, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigterIban, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigterName, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban, .nbf .nbf-gv.nbf-geld-senden #idSepaInputBlock #idLineBeguenstigterBetrag {
    margin-bottom: 24px
}

.nbf .nbf-gv.nbf-geld-senden #toggleOptionaleId.button-arrow-rightside::after {
    color: #565656;
    cursor: pointer
}

.nbf .nbf-gv.nbf-geld-senden #toggleOptionaleId.button-arrow-rightside .label {
    position: relative;
    cursor: pointer
}

.nbf .nbf-gv.nbf-geld-senden .nbf-buttons {
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656;
    margin-top: 30px
}

.nbf .nbf-gv.nbf-geld-senden .nbf-buttons a {
    color: #565656;
    text-decoration: none
}

.nbf .nbf-gv.nbf-geld-senden .nbf-buttons .ficon {
    height: 18px;
    width: 30px;
    margin-left: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-buttons .ficon:before {
    font-size: 30px;
    height: 30px;
    width: 18px;
    margin-right: 18px;
    border: 0;
    position: relative;
    top: -7px
}

.nbf .nbf-gv.nbf-geld-senden .nbf-buttons .ficon:hover::before {
    color: unset;
    background-color: unset
}

.nbf .nbf-gv.nbf-geld-senden .nbf-buttons .block {
    border-bottom: 1px solid #f0f0f0;
    padding-top: 10px;
    padding-bottom: 9px
}

.nbf .nbf-gv.nbf-geld-senden .nbf-buttons + .buttonline.main-buttons {
    margin-top: unset
}

.nbf .nbf-gv.nbf-geld-senden .bselect-multiline .bselect-list li > div .finaccount, .nbf .nbf-gv.nbf-geld-senden .bselect-multiline .bselect-list .active .finaccount {
    padding-left: 8px
}

.nbf .nbf-gv.nbf-geld-senden .bselect-multiline .bselect-list .active {
    padding-right: 56px
}

.nbf .nbf-gv.nbf-geld-senden .bselect-multiline .bselect-list .active::after {
    right: 18px
}

.nbf .nbf-gv.nbf-geld-senden .bselect-multiline .bselect-list span.default {
    min-height: 1em
}

.nbf .nbf-gv.nbf-geld-senden .select-account .bselect-list .default {
    line-height: unset
}

.nbf .nbf-gv.nbf-geld-senden div.nbf-binput-sayt > ul {
    border-width: 1px;
    border-color: #949494;
    max-height: 430px
}

.nbf .nbf-gv.nbf-geld-senden div.nbf-binput-sayt > ul li.saytentry .nbf-box__content .nbf-box__title {
    font: 18px/24px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf .nbf-gv.nbf-geld-senden div.nbf-binput-sayt > ul li.saytentry .nbf-box .nbf-box__image > span.title::before {
    margin-left: -16px
}

.nbf .nbf-gv.nbf-geld-senden div.nbf-binput-sayt > ul li.saytentry > div > div:not(.nbf-hidden) {
    display: block
}

.nbf .nbf-gv.nbf-geld-senden div.nbf-binput-sayt > ul > li > div.group a:not(:empty):not([data-linkdata=haeufige]) {
    position: relative;
    text-transform: none
}

.nbf .nbf-gv.nbf-geld-senden div.nbf-binput-sayt > ul > li > div.group a:not(:empty):not([data-linkdata=haeufige])::after {
    font: 24px/81% Pictos-IF;
    content: "\f81a";
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 0;
    color: #aeaeae
}

.nbf .nbf-gv.nbf-geld-senden div.nbf-binput-sayt > ul li > div.group a[data-linkdata=haeufige] {
    text-decoration: none;
    text-transform: none;
    color: #565656;
    letter-spacing: 0;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf .nbf-gv.nbf-geld-senden div.nbf-binput-sayt > ul li > div.group a[data-linkdata=haeufige]:hover {
    color: #000;
    text-decoration: underline
}

.nbf .nbf-gv.nbf-geld-senden .bline .finaccount .title, .nbf .nbf-gv.nbf-geld-senden .bline .fininst .title {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    display: block
}

.nbf .nbf-gv.nbf-geld-senden .bline .finaccount > span, .nbf .nbf-gv.nbf-geld-senden .bline .fininst > span {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    display: inline;
    padding-left: 18px
}

.nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock {
    padding-left: 24px;
    padding-right: 24px
}

.nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box.nbf-box--header {
    padding-left: 0;
    padding-right: 0
}

.nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box.nbf-box--header .nbf-row {
    margin-left: 0;
    margin-right: 0
}

.nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box.nbf-box--header .nbf-col.nbf-box__image {
    padding-left: 0;
    padding-right: 6px
}

.nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box.nbf-box--header .nbf-col.nbf-box__content {
    padding-left: 12px
}

.nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box.nbf-box--header .nbf-col.nbf-box__action {
    padding-right: 0;
    flex: 0;
    flex-basis: 20px;
    margin-left: 12px
}

.nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-row .nbf-col {
    padding-left: 4px;
    padding-right: 4px
}

.nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-row .nbf-col.nbf-box__content {
    padding-left: 10px
}

.nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .buttonline.mainbuttonline, .nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .js .buttonline.mainbuttonline {
    padding: 0;
    margin-bottom: 36px
}

@media screen and (max-width: 1078px) {
    .nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .buttonline.mainbuttonline, .nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .js .buttonline.mainbuttonline {
        margin-bottom: 24px
    }
}

.nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .buttonline.mainbuttonline .bgroup1, .nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .js .buttonline.mainbuttonline .bgroup1 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex: 1;
    flex-direction: row
}

.nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .buttonline.mainbuttonline .bgroup1 > div, .nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .js .buttonline.mainbuttonline .bgroup1 > div {
    margin: 0 24px 0 0;
    padding: 12px 0;
    flex: 1
}

.nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .buttonline.mainbuttonline .bgroup1 > div:last-child, .nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .js .buttonline.mainbuttonline .bgroup1 > div:last-child {
    margin-right: 0
}

.nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .buttonline.mainbuttonline .bgroup1 > div input[type="submit"], .nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .js .buttonline.mainbuttonline .bgroup1 > div input[type="submit"] {
    margin: 0;
    width: 100%
}

@media screen and (max-width: 649px) {
    .nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .buttonline.mainbuttonline .bgroup1, .nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .js .buttonline.mainbuttonline .bgroup1 {
        flex-direction: column
    }

    .nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .buttonline.mainbuttonline .bgroup1 > div, .nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock ~ .block .js .buttonline.mainbuttonline .bgroup1 > div {
        margin: 0;
        width: 100%
    }
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box__amount .nbf-balance .balance-predecimal {
    font-size: 28px
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box__amount .nbf-balance .balance-decimal {
    font-size: 20px
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector .ficon {
    width: auto
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-text.fotoIconSelector {
    right: 0;
    left: unset;
    z-index: 8
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector {
    margin-right: 0;
    margin-top: -10px
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector .ficon::before {
    border: 0;
    font-size: 40px;
    margin-top: -6px;
    margin-right: 0;
    content: "\f713";
    height: 40px
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector .ficon:hover::before {
    background-color: unset;
    color: unset
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector .actioniconLink.icon-b_pdf {
    position: relative;
    padding-left: 32px;
    padding-right: 6px;
    margin: 3px 0 0 -6px
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector .actioniconLink.icon-b_pdf::before {
    position: absolute;
    border: 0;
    font-size: 40px;
    content: "\f713";
    left: -6px;
    line-height: .4
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector .actioniconLink.icon-b_pdf:hover::before {
    background-color: unset;
    color: unset
}

@media screen and (max-width: 1079px) {
    .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector .actioniconLink.icon-b_pdf::before {
        font-size: 36px;
        left: -2px;
        line-height: .3
    }
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector .actioniconLink.icon-b_pdf:focus::before {
    color: #666;
    background: transparent
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector input {
    color: #565656;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    padding: 0;
    margin-left: 18px
}

.nbf .nbf-gv.nbf-geld-senden #hinweisEuroExpress {
    text-align: center;
    padding: 0;
    margin: 0 20px 24px
}

.nbf .nbf-gv.nbf-geld-senden #hinweisEuroExpress .nbf-box.nbf-box--border {
    border: 0;
    color: #444;
    background-color: #f5f5f5;
    padding: 18px
}

.nbf .nbf-gv.nbf-geld-senden #hinweisEuroExpress .nbf-box.nbf-box--border a {
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #565656;
    text-underline-position: under;
    cursor: pointer
}

.nbf .nbf-gv.nbf-geld-senden .nbf-has-infoicon {
    display: flex;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 12px;
    position: relative;
    top: -4px
}

.nbf .nbf-gv.nbf-geld-senden .nbf-has-infoicon .nbf-has-infoicon {
    top: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-has-infoicon .helpovly > a {
    display: inline-flex;
    height: 18px
}

.nbf .nbf-gv.nbf-geld-senden .nbf-has-infoicon .helpovly > a::after {
    line-height: 11px;
    display: inline-flex;
    justify-content: flex-end
}

.nbf .nbf-gv.nbf-geld-senden .nbf-has-infoicon div {
    vertical-align: middle
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey {
    margin-right: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .nbf-row {
    margin-left: 0;
    margin-right: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .nbf-row .bline.btext-only {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .helpovly {
    overflow: visible;
    margin-left: 6px
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .helpovly > a.visible + div.helpovly-content {
    z-index: 1;
    display: inline-block;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .helpovly > a.visible::after {
    color: white;
    background-color: #565656;
    border-color: #565656
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .helpovly > a:hover::after {
    color: white;
    background-color: #565656;
    border-color: #565656
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .helpovly > a::after {
    width: 16px;
    height: 16px;
    font: 16px/82% Pictos-IF;
    color: #565656;
    border: 1.5px solid #bebebe;
    background-color: white
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .helpovly div.helpovly-content > div > div {
    max-width: unset
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .helpovly div > div > div > div {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-right: 0;
    margin-bottom: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees .nbf-row .nbf-col {
    padding-right: 0;
    padding-left: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees .nbf-col.nbf-col--right, .nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees .bline.nbf-row.nbf-has-infoicon .nbf-col.nbf-col--right {
    padding-right: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees .nbf-has-infoicon {
    margin-right: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees > .bline:first-child, .nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees > .bline:last-child {
    font: 17px/26px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    padding-bottom: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees > .bline:first-child {
    margin-bottom: 24px
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees .bline.nbf-row {
    margin-bottom: 12px
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees .bline.nbf-row:last-child {
    margin-bottom: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees .bline.nbf-row.nbf-has-infoicon, .nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees .bline.nbf-row .nbf-col.nbf-box__content.nbf-has-infoicon {
    padding-bottom: 0;
    top: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees .bline.nbf-row.nbf-has-infoicon .nbf-content--smaller, .nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees .bline.nbf-row .nbf-col.nbf-box__content.nbf-has-infoicon .nbf-content--smaller {
    line-height: 1.4
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees .bline.nbf-row .nbf-col.nbf-box__content.nbf-has-infoicon {
    display: block
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees .bline.nbf-row .nbf-col.nbf-box__content.nbf-has-infoicon .helpovly {
    margin-left: 3px
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees .bline.nbf-row.nbf-has-infoicon .nbf-col {
    flex-shrink: 1;
    flex-grow: 0;
    flex-basis: auto;
    padding-right: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.transfer-fees .bline.nbf-row.nbf-has-infoicon .nbf-col.nbf-col--right {
    margin-left: auto
}

.nbf .nbf-gv.nbf-geld-senden .nbf-auslandsueberweisung-bic-line .nbf-input-right-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 40%;
    color: #565656;
    margin-right: 18px;
    float: none;
    position: absolute;
    top: 32px;
    left: 145px
}

.nbf .nbf-gv.nbf-geld-senden .nbf-auslandsueberweisung-bic-line .nbf-input-right-text #bicKreditinstitutLandUndName {
    position: absolute;
    top: 2px;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 25px
}

@media only screen and (min-width: 540px) and (max-width: 580px) {
    .nbf .nbf-gv.nbf-geld-senden .nbf-auslandsueberweisung-bic-line .nbf-input-right-text #bicKreditinstitutLandUndName {
        width: 340px
    }
}

.nbf .nbf-gv.nbf-geld-senden .nbf-auslandsueberweisung-bic-line .nbf-input-right-text #bicKreditinstitutLandUndName::before {
    content: "\2022";
    font: 8px/81% Pictos-IF;
    height: 8px;
    width: 8px;
    position: absolute;
    display: block;
    top: 6px;
    color: #000;
    left: 10px
}

@media screen and (max-width: 726px) {
    .nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .nbf-row {
        flex-direction: column
    }

    .nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .nbf-box__content {
        order: unset
    }

    .nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .bline.nbf-row.nbf-has-infoicon {
        margin-left: 0;
        padding-left: 0;
        display: block
    }

    .nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .bline.nbf-row.nbf-has-infoicon .nbf-col {
        padding-left: 0
    }

    .nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .bline.nbf-row.nbf-has-infoicon .nbf-col.nbf-col--right {
        display: block;
        padding-right: 0;
        margin-top: 3px
    }

    .nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .helpovly div > div > div > div {
        margin-left: 12px;
        margin-right: 12px
    }
}

.nbf .nbf-gv.nbf-geld-senden .nbf-formelement-container .nbf-has-infoicon > * {
    display: none
}

.nbf .nbf-gv.nbf-geld-senden .nbf-formelement-container .nbf-has-infoicon.show-ultimo > * {
    display: block
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box .helpovly > a.visible + div.helpovly-content {
    display: inline
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigterIban .nbf-input-right-text, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-text {
    float: none;
    left: 350px;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    position: absolute;
    top: 32px
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigterIban .nbf-input-right-text .beguenstigterKreditinstitut, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-text .beguenstigterKreditinstitut, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigterIban .nbf-input-right-text .ibanOderNameKreditinstitut, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-text .ibanOderNameKreditinstitut {
    position: absolute;
    padding-left: 26px;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigterIban .nbf-input-right-text .beguenstigterKreditinstitut:not(:empty)::before, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-text .beguenstigterKreditinstitut:not(:empty)::before, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigterIban .nbf-input-right-text .ibanOderNameKreditinstitut:not(:empty)::before, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-text .ibanOderNameKreditinstitut:not(:empty)::before {
    content: "\2022";
    font: 8px/81% Pictos-IF;
    height: 8px;
    width: 8px;
    position: absolute;
    display: block;
    top: 9px;
    left: 9px;
    color: #000
}

.nbf .nbf-gv.nbf-geld-senden input.nbf-text-input.has-inline-content, .nbf .nbf-gv.nbf-geld-senden body.nbf .nbf-gv input.nbf-date-input.has-inline-content {
    padding-right: 40%
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban input.format-iban {
    padding-right: 18px
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban input.format-iban:focus {
    z-index: 13;
    position: relative
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban input.format-iban:focus + label {
    z-index: 13
}

.nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban input.format-iban:focus ~ .nbf-input-right-text:not(.fotoIconSelector) {
    z-index: 13
}

.nbf .nbf-gv.nbf-geld-senden #idEchtzeitLine label {
    padding-top: 2px
}

.nbf .nbf-gv.nbf-geld-senden #preishinweisEchtzeitLine {
    margin-bottom: 12px;
    margin-left: 52px;
    padding-left: 0
}

.nbf .nbf-gv.nbf-geld-senden .blockpart-container .blockpart-half.nbf-blockpart-no-padding {
    padding: 0;
    vertical-align: top
}

@media screen and (max-width: 767px) {
    .nbf .nbf-gv.nbf-geld-senden .blockpart-container .blockpart-half.nbf-blockpart-no-padding {
        padding-bottom: 18px
    }
}

.nbf .nbf-gv.nbf-geld-senden .blockpart-container .blockpart-half.nbf-blockpart-no-padding:last-child {
    padding-left: 24px
}

@media screen and (max-width: 767px) {
    .nbf .nbf-gv.nbf-geld-senden .blockpart-container .blockpart-half.nbf-blockpart-no-padding:last-child {
        padding-left: 0;
        padding-top: 18px
    }
}

@media screen and (max-width: 767px) {
    .nbf .nbf-gv.nbf-geld-senden .blockpart-container.with-nice-part-separator > div + div::before {
        left: 0;
        width: 100%
    }
}

.nbf .nbf-gv.nbf-geld-senden .blockpart-container.with-nice-part-separator > div.nbf-blockpart-no-padding + div.nbf-blockpart-no-padding:before {
    top: 0;
    bottom: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .nbf-row {
    margin-bottom: 12px
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey .nbf-row:last-child {
    margin-bottom: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--grey.nbf-box--sizing .nbf-col a {
    color: #444
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--noroundtop .nbf-has-infoicon .helpovly {
    margin-right: 0
}

.nbf .nbf-gv.nbf-geld-senden .bline.nbf-bselect-multiline.inline-content-visible .has-inline-content.nbf-text-input.nbf-fixed-input-label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.nbf .nbf-gv.nbf-geld-senden #idLineUeberweisungsbetrag .bselect-list [role="listbox"] {
    position: absolute;
    width: 960px;
    margin-top: -1px;
    right: 0
}

@media (min-width: 1280px) {
    .nbf .nbf-gv.nbf-geld-senden #idLineUeberweisungsbetrag .bselect-list [role="listbox"] {
        width: 648px;
        margin-top: -1px
    }
}

@media (max-width: 1079px) {
    .nbf .nbf-gv.nbf-geld-senden #idLineUeberweisungsbetrag .bselect-list [role="listbox"] {
        width: calc(100vw - 20px);
        max-width: calc(100vw - 20px);
        margin-top: -9px
    }
}

.nbf .nbf-gv.nbf-geld-senden #idLineUeberweisungsbetrag .bselect-list [role="listbox"] > li span.default {
    text-overflow: unset
}

.nbf .nbf-gv.nbf-geld-senden #idLineUeberweisungsbetrag .bselect-list [role="listbox"] > li .waeherungIsoCode {
    display: none
}

.nbf .nbf-gv.nbf-geld-senden br.bterm {
    display: none
}

.nbf .nbf-gv.nbf-geld-senden .blineunder .msgerror {
    margin-bottom: -20px
}

.nbf .nbf-gv.nbf-geld-senden #idErsteAusfuehrungLinie .blineunder {
    margin-bottom: 20px
}

.nbf .nbf-gv.nbf-geld-senden .bline.btext-only {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #292929;
    padding-top: 0
}

.nbf .nbf-gv.nbf-geld-senden .bline.btext-only span.blabel {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #6e6e6e;
    margin-bottom: 4px
}

.nbf .nbf-gv.nbf-geld-senden .bline.btext-only.nbf-form-link-grey {
    padding-top: 8px
}

.nbf .nbf-gv.nbf-geld-senden a.actioniconLink.icon-if5_i_bearb {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #6e6e6e;
    margin-right: 0
}

.nbf .nbf-gv.nbf-geld-senden a.actioniconLink.icon-if5_i_bearb::before {
    content: "\f80e";
    border: 0;
    font-size: 24px
}

.nbf .nbf-gv.nbf-geld-senden a.actioniconLink.icon-if5_i_bearb:focus::before {
    color: unset;
    background-color: unset
}

.nbf .nbf-gv.nbf-geld-senden .button-arrow-rightside {
    position: relative;
    padding: 0 18px
}

.nbf .nbf-gv.nbf-geld-senden .button-arrow-rightside .label {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656
}

.nbf .nbf-gv.nbf-geld-senden .button-arrow-rightside:after {
    font: 24px/81% Pictos-IF;
    height: 24px;
    width: 24px;
    display: block;
    color: #aeaeae;
    position: absolute;
    right: 0;
    top: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box {
    margin-top: unset
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box .block {
    padding: 18px 0;
    overflow: hidden
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box .block :first-child {
    padding-top: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box .block :last-child {
    padding-bottom: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box .block + .block::before, .nbf .nbf-gv.nbf-geld-senden .nbf-box .block + .block::after {
    display: none
}

.nbf .nbf-gv.nbf-geld-senden .right {
    padding-left: 24px;
    padding-right: 24px
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--border .righthalf .right {
    padding-right: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--border .block + .block {
    border-color: #f0f0f0
}

.nbf .nbf-gv.nbf-geld-senden > .block .nbf-box.nbf-box--border {
    position: unset
}

.nbf .nbf-gv.nbf-geld-senden > .block .nbf-box.nbf-box--border .block {
    padding: 18px 0
}

.nbf .nbf-gv.nbf-geld-senden > .block .nbf-box.nbf-box--border .block:first-child {
    padding-top: 0
}

.nbf .nbf-gv.nbf-geld-senden > .block .nbf-box.nbf-box--border .block:last-child {
    padding-bottom: 0
}

.nbf .nbf-gv.nbf-geld-senden > .block .nbf-box.nbf-box--border .block + .block {
    position: unset
}

.nbf .nbf-gv.nbf-geld-senden .expandable-trigger .button-arrow-rightside {
    padding-left: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box[data-animateable].expandable-is-hidden {
    overflow: visible
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable[data-animateable] .expandable-content .nbf-box.nbf-box--border {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable[data-animateable].expandable-is-visible.done-animating .expandable-content .nbf-box.nbf-box--border {
    box-shadow: 0 2px 3px rgba(86, 86, 86, 0.1)
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable[data-animateable].expandable-is-visible.done-animating .expandable-trigger {
    border-radius: 12px 12px 0 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable[data-animateable].expandable-is-visible.done-animating .expandable-trigger .button-arrow-rightside::after {
    content: "\f805"
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable[data-animateable].expandable-is-hidden.done-animating .expandable-trigger {
    border-radius: 12px 12px 12px 12px
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box[data-animateable].expandable-is-hidden .button-hide-remaining-block-nbf.button-arrow-rightside {
    border-bottom: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-vorlage-meldung::before {
    font: 24px/81% Pictos-IF;
    content: "\f7fc";
    color: #00724b;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    font-weight: bold
}

.nbf .nbf-gv.nbf-geld-senden .blockpart-container.with-nice-part-separator .blockpart-small:first-child {
    padding-left: 0
}

.nbf .nbf-gv.nbf-geld-senden .blockpart-container.with-nice-part-separator div.no-padding-top-bottom + div::before {
    top: 0;
    height: 100%
}

.nbf .nbf-gv.nbf-geld-senden .success-msg, .nbf .nbf-gv.nbf-geld-senden .error-msg, .nbf .nbf-gv.nbf-geld-senden .failure-msg {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf .nbf-gv.nbf-geld-senden .success-msg h3, .nbf .nbf-gv.nbf-geld-senden .error-msg h3, .nbf .nbf-gv.nbf-geld-senden .failure-msg h3 {
    font: 24px/32px SparkasseWebLight, Helvetica, Arial, sans-serif;
    margin-bottom: 24px
}

.nbf .nbf-gv.nbf-geld-senden .success-msg::before, .nbf .nbf-gv.nbf-geld-senden .error-msg::before, .nbf .nbf-gv.nbf-geld-senden .failure-msg::before {
    font-size: 66px;
    line-height: 55px;
    font-family: Pictos-IF;
    top: 0;
    width: 66px;
    height: 66px;
    box-sizing: border-box;
    display: block;
    margin-bottom: 30px;
    background-color: unset;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.nbf .nbf-gv.nbf-geld-senden .success-msg .btext-only, .nbf .nbf-gv.nbf-geld-senden .error-msg .btext-only, .nbf .nbf-gv.nbf-geld-senden .failure-msg .btext-only {
    background-color: unset;
    border-bottom: 0;
    font: 32px/42px SparkasseWebLight, Helvetica, Arial, sans-serif;
    text-align: center;
    padding-bottom: 24px
}

.nbf .nbf-gv.nbf-geld-senden .success-msg .btext-only.bline::before, .nbf .nbf-gv.nbf-geld-senden .error-msg .btext-only.bline::before, .nbf .nbf-gv.nbf-geld-senden .failure-msg .btext-only.bline::before {
    display: none
}

.nbf .nbf-gv.nbf-geld-senden .success-msg + .buttonline.main-buttons, .nbf .nbf-gv.nbf-geld-senden .error-msg + .buttonline.main-buttons, .nbf .nbf-gv.nbf-geld-senden .failure-msg + .buttonline.main-buttons {
    margin-top: 42px
}

.nbf .nbf-gv.nbf-geld-senden .success-msg::before {
    color: #00724b;
    content: "\f7fc"
}

.nbf .nbf-gv.nbf-geld-senden .error-msg::before, .nbf .nbf-gv.nbf-geld-senden .failure-msg::before {
    color: #e00000;
    content: "\f7fb"
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line {
    display: flex;
    flex-direction: row-reverse
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line > div {
    width: 100%
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line > div .ficon {
    overflow: unset;
    width: 100%;
    text-align: center;
    padding: 0 30px;
    border: 2px solid #565656;
    height: 48px;
    border-radius: 24px;
    box-sizing: border-box;
    background-color: #fff
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line > div .ficon::before {
    display: none
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line > div .ficon a {
    font: 17px/26px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #292929;
    line-height: 44px;
    text-decoration: none
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line > div:hover .ficon {
    background-color: #565656
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line > div:hover .ficon a {
    color: #fff
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line > div:active .ficon {
    background-color: #444
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line > div:active .ficon a {
    color: #fff
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line > div.primary-cta .ficon {
    border-color: red;
    background-color: red
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line > div.primary-cta .ficon a {
    color: #fff
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line > div.primary-cta:hover .ficon {
    border-color: #e00000;
    background-color: #e00000
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line > div.primary-cta:hover .ficon a {
    color: #fff
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line > div.primary-cta:active .ficon {
    border-color: #b60000;
    background-color: #b60000
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line > div.primary-cta:active .ficon a {
    color: #fff
}

.nbf .nbf-gv.nbf-geld-senden .nbf-button-line > div:first-child {
    margin-left: 24px
}

.nbf .nbf-gv.nbf-geld-senden .buttonline.main-buttons {
    padding-bottom: 0;
    margin-top: 48px
}

.nbf .nbf-gv.nbf-geld-senden .buttonline.main-buttons .bgroup4 a {
    display: flex;
    align-items: center;
    margin-top: 0
}

.nbf .nbf-gv.nbf-geld-senden .buttonline.main-buttons .bgroup4 a::before {
    font-size: 30px;
    height: 30px;
    width: 18px;
    margin-right: 18px;
    border: 0
}

.nbf .nbf-gv.nbf-geld-senden .buttonline.main-buttons .bgroup4 a:hover::before, .nbf .nbf-gv.nbf-geld-senden .buttonline.main-buttons .bgroup4 a:focus::before {
    color: unset;
    background-color: unset
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable > .expandable-trigger {
    border: solid 1px #e3e3e3;
    border-radius: 12px;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #292929;
    box-shadow: 0 2px 3px rgba(86, 86, 86, 0.1)
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable > .expandable-trigger:not(.hide-following-blines) {
    border: solid 1px #e3e3e3;
    border-radius: 12px 12px 0 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable > .expandable-trigger + .nbf-box.nbf-box--border {
    margin-top: 0;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 2px 3px rgba(86, 86, 86, 0.1)
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable > .expandable-trigger .button-arrow-rightside::after {
    content: "\f807"
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable > .expandable-trigger .button-hide-remaining-block-nbf {
    position: relative;
    padding-right: 48px;
    margin-right: 0;
    outline: 0;
    width: 100%
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable > .expandable-trigger .button-hide-remaining-block-nbf::after {
    font: 24px/81% Pictos-IF;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable > .expandable-trigger .button-hide-remaining-block-nbf.visible::after {
    content: "\f805"
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable .nbf-box.nbf-box--border .nbf-row {
    margin: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable .nbf-box.nbf-box--border .nbf-col.nbf-box__content {
    padding: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable .nbf-box.nbf-box--border .nbf-col.nbf-box__content .block {
    padding: 18px 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable .nbf-box.nbf-box--border .nbf-col.nbf-box__content .block:first-child {
    padding-top: 0
}

.nbf .nbf-gv.nbf-geld-senden .nbf-container-box.expandable .nbf-box.nbf-box--border .nbf-col.nbf-box__content .block:last-child {
    padding-bottom: 0
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg {
    box-sizing: border-box;
    width: 100%;
    padding: 60px 60px 46px
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .block, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .block {
    padding-left: 0;
    padding-right: 0
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .block:last-child, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .block:last-child {
    padding-bottom: 0
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .bline.btext-only, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .bline.btext-only {
    font: 24px/32px SparkasseWebLight, Helvetica, Arial, sans-serif;
    padding: 0
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .nbf-link a, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .nbf-link a {
    font: 17px/23px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656;
    text-underline-position: under
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .nbf-link:hover a, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .nbf-link:hover a {
    color: #000
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .nbf-box .nbf-box__content .nbf-box__title, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .nbf-box .nbf-box__content .nbf-box__title {
    display: block;
    max-width: unset;
    font: 17px/23px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    white-space: unset
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .nbf-box.nbf-box--border, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .nbf-box.nbf-box--border {
    padding: 12px;
    border: 2px solid #e3e3e3;
    position: relative
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .nbf-box.nbf-box--border + .nbf-box.nbf-box--border, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .nbf-box.nbf-box--border + .nbf-box.nbf-box--border {
    margin-top: 12px
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .nbf-box.nbf-box--border:hover, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .nbf-box.nbf-box--border:hover, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .nbf-box.nbf-box--border:active, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .nbf-box.nbf-box--border:active {
    border-color: #565656
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .nbf-box.nbf-box--border:focus, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .nbf-box.nbf-box--border:focus {
    border-color: #0047ff
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .bline.btext-only + .nbf-box.nbf-box--border, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .bline.btext-only + .nbf-box.nbf-box--border, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .nbf-box.nbf-box--border + .block .nbf-link, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .nbf-box.nbf-box--border + .block .nbf-link {
    margin-top: 42px
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .block.no-separator.no-top-padding:last-child, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .block.no-separator.no-top-padding:last-child {
    margin-bottom: 0
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .nbf-box.nbf-box--hoverable:hover.nbf-box--shadow, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .nbf-box.nbf-box--hoverable:hover.nbf-box--shadow, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .nbf-box.nbf-box--hoverable.nbf-box--shadow, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .nbf-box.nbf-box--hoverable.nbf-box--shadow {
    box-shadow: none
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg .nbf-box.nbf-box--hoverable:hover, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg .nbf-box.nbf-box--hoverable:hover {
    transform: unset
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg::before, .nbf .nbf-gv.nbf-geld-senden.blightbox-link .error-msg::before, .nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg::before, .nbf .nbf-gv.nbf-geld-senden.blightbox-link .success-msg::before {
    font: 48px/81% Pictos-IF;
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    display: block;
    margin-bottom: 24px;
    border-radius: 50%
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .error-msg::before, .nbf .nbf-gv.nbf-geld-senden.blightbox-link .error-msg::before {
    content: "\f7d1";
    color: #e00000;
    background-color: rgba(224, 0, 0, 0.1)
}

.nbf .nbf-gv.nbf-geld-senden.mbf_infolightbox .success-msg::before, .nbf .nbf-gv.nbf-geld-senden.blightbox-link .success-msg::before {
    content: "\f7ae";
    color: #009864;
    background-color: rgba(0, 152, 100, 0.1)
}

.nbf .nbf-gv.nbf-geld-senden #idKontostandLine, .nbf .nbf-gv.nbf-geld-senden .block > .bline.nbf-has-infoicon, .nbf .nbf-gv.nbf-geld-senden .blockpart-container > .blockpart-half > .bline.nbf-has-infoicon {
    margin-left: 20px;
    padding-bottom: 0
}

.nbf .nbf-gv.nbf-geld-senden .buttonline.mainbuttonline .bgroup1 > div::before, .nbf .nbf-gv.nbf-geld-senden .buttonline.mainbuttonline .bgroup1 > div::after {
    display: none
}

.nbf .nbf-gv.nbf-geld-senden .block.no-separator + .block.no-separator {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.nbf .nbf-gv.nbf-geld-senden .blockpart-container .no-padding {
    padding: 0
}

.nbf .nbf-gv.nbf-geld-senden .blockpart-container .no-padding-top-bottom {
    padding-top: 0;
    padding-bottom: 0
}

.nbf .nbf-gv.nbf-geld-senden .footnote {
    display: none
}

@media screen and (max-width: 1079px) {
    .nbf .nbf-gv.nbf-geld-senden a.actioniconLink.icon-if5_i_bearb {
        font-size: 0
    }

    .nbf .nbf-gv.nbf-geld-senden a.actioniconLink.icon-if5_i_bearb::before {
        margin-right: 0
    }

    .nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--border {
        padding: 18px
    }

    .nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--border .block {
        position: relative
    }

    .nbf .nbf-gv.nbf-geld-senden .nbf-box.nbf-box--border .block a.actioniconLink.icon-if5_i_bearb {
        position: absolute;
        top: 0;
        right: 0
    }

    .nbf .nbf-gv.nbf-geld-senden .nbf-col.nbf-box__amount, .nbf .nbf-gv.nbf-geld-senden .nbf-col.nbf-box__action, .nbf .nbf-gv.nbf-geld-senden .nbf-box .nbf-row:after {
        display: none
    }

    .nbf .nbf-gv.nbf-geld-senden .error-msg .nbf-col.nbf-box__action, .nbf .nbf-gv.nbf-geld-senden .success-msg .nbf-col.nbf-box__action {
        display: flex
    }

    .nbf .nbf-gv.nbf-geld-senden .nbf-input-right-icon.icon-calendar {
        top: -39px
    }

    .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector {
        margin-top: -14px
    }

    .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector input {
        margin-top: 0
    }

    .nbf .nbf-gv.nbf-geld-senden .bline > div.bselect-multiline .bselect-list .active, .nbf .nbf-gv.nbf-geld-senden .bline.nbf-bselect-multiline > div .bselect-list .active, .nbf .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter > div .bselect-list .active {
        min-height: 60px;
        padding-bottom: 8px
    }

    .nbf .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-row .nbf-col {
        margin-left: 0
    }

    .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigterIban .nbf-input-right-text, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-text {
        font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
        width: unset
    }

    .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigterIban .nbf-input-right-text .beguenstigterKreditinstitut, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-text .beguenstigterKreditinstitut, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigterIban .nbf-input-right-text .ibanOderNameKreditinstitut, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-text .ibanOderNameKreditinstitut {
        top: -9px
    }

    .nbf .nbf-gv.nbf-geld-senden #idKontostandLine {
        display: none !important
    }
}

@media screen and (max-width: 549px) {
    .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban label {
        white-space: nowrap;
        width: calc(100% - 64px);
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media screen and (max-width: 539px) {
    .nbf .nbf-gv.nbf-geld-senden input.nbf-text-input.has-inline-content {
        padding-right: 18px
    }

    .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector .ficon {
        width: 40px
    }

    .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector .ficon::before {
        content: "\f726"
    }

    .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector .actioniconLink.icon-b_pdf {
        width: 0;
        overflow: hidden;
        padding-right: 0;
        padding-left: 32px;
        margin-right: 0
    }

    .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-icon.fotoIconSelector .actioniconLink.icon-b_pdf::before {
        font-size: 40px;
        content: "\f726";
        left: 0
    }
}

@media screen and (max-width: 480px) {
    .nbf .nbf-gv.nbf-geld-senden .nbf-buttons .block {
        padding-left: 0
    }
}

@media screen and (max-width: 767px) {
    .nbf .nbf-gv.nbf-geld-senden .blockpart-container.with-nice-part-separator div.no-padding-top-bottom {
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .nbf .nbf-gv.nbf-geld-senden .blockpart-container.with-nice-part-separator div.no-padding-top-bottom:first-child {
        padding-top: 0
    }

    .nbf .nbf-gv.nbf-geld-senden .blockpart-container.with-nice-part-separator div.no-padding-top-bottom:last-child {
        padding-bottom: 0
    }

    .nbf .nbf-gv.nbf-geld-senden .blockpart-container.with-nice-part-separator div.no-padding-top-bottom + div::before {
        height: unset;
        left: 0;
        right: 0
    }
}

@media screen and (max-width: 650px) {
    .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigterIban .nbf-input-right-text .beguenstigterKreditinstitut, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-text:not(.fotoIconSelector) .beguenstigterKreditinstitut, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigterIban .nbf-input-right-text .ibanOderNameKreditinstitut, .nbf .nbf-gv.nbf-geld-senden #idLineBeguenstigerNameOderIban .nbf-input-right-text:not(.fotoIconSelector) .ibanOderNameKreditinstitut {
        display: none
    }
}

.nbf .nbf-gv.nbf-geld-senden .nbf-box .block .bmessage.notice {
    display: block;
    clear: both;
    border: 0;
    position: relative;
    top: 6px;
    padding: 12px;
    margin: 0;
    border-radius: 0
}

.nbf .nbf-gv.nbf-azv #idLineBeguenstigerNameOderIban input, .nbf .nbf-gv.nbf-azv #idLineBeguenstigerIban input {
    padding-right: 18px
}

@media (max-width: 600px) {
    .nbf .nbf-gv.nbf-azv .nbf-formelement-container + .nbf-formelement-container.nbf-formelement-single-right {
        position: relative;
        top: 18px
    }

    .nbf .nbf-gv.nbf-azv .nbf-formelement-container + .nbf-formelement-container.nbf-formelement-single-right > div:first-child, .nbf .nbf-gv.nbf-azv .nbf-formelement-container + .nbf-formelement-container.nbf-formelement-single-right .nbf-toggle-with-listbox.right {
        margin-top: 0;
        margin-left: 0;
        padding-left: 0
    }

    .nbf .nbf-gv.nbf-azv .nbf-formelement-container + .nbf-formelement-container.nbf-formelement-single-right .nbf-toggle-with-listbox.right {
        margin-right: 0;
        text-align: left
    }

    .nbf .nbf-gv.nbf-azv .nbf-formelement-container + .nbf-formelement-container.nbf-formelement-single-right .nbf-toggle-with-listbox.right .nbf-slider .checkbox {
        min-width: 42px
    }
}

@media (max-width: 767px) {
    .nbf .nbf-gv.nbf-azv .nbf-formelement-container + .nbf-formelement-container.nbf-formelement-single-right .nbf-toggle-with-listbox.right {
        margin-top: 0
    }
}

.nbf .nbf-gv.nbf-geld-senden ~ .nbf-tan-block .tan-agb.btext-only {
    text-align: center
}

.nbf .nbf-tan-block ~ .footnote {
    display: none
}

.nbf .bedingung-ueberweisung {
    display: flex;
    justify-content: center;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656
}

.no-touch .nbf .nbf-gv.nbf-geld-senden #hinweisEuroExpress .nbf-box.nbf-box--border a:hover {
    color: #000
}

.no-touch .nbf .nbf-gv.nbf-geld-senden div.nbf-binput-sayt > ul > li > div.group a:not(:empty):not([data-linkdata="haeufige"]):hover::after {
    color: #000
}

.no-touch .nbf .nbf-gv.nbf-geld-senden a.actioniconLink.icon-if5_i_bearb:hover::before {
    color: unset;
    background-color: unset
}

body.nbf .nbf-lastschriftwiderspruch #auftragskontoBlock {
    padding-bottom: 36px;
    padding-left: 12px;
    padding-right: 12px
}

body.nbf .nbf-lastschriftwiderspruch #auftragskontoBlock .nbf-box .nbf-box__image {
    padding-left: 0;
    padding-right: 6px;
    max-width: 54px
}

body.nbf .nbf-lastschriftwiderspruch #auftragskontoBlock .nbf-col.nbf-box__action {
    padding-right: 0;
    flex-basis: 34px;
    max-width: 34px
}

body.nbf .nbf-lastschriftwiderspruch #auftragskontoBlock + .block.no-separator {
    padding-left: 0;
    padding-right: 0;
    margin-left: -4px;
    margin-right: -4px
}

@media (max-width: 1079px) {
    body.nbf .nbf-lastschriftwiderspruch #auftragskontoBlock + .block.no-separator {
        margin-left: 0;
        margin-right: 0
    }
}

body.nbf .nbf-lastschriftwiderspruch #auftragskontoBlock + .block.no-separator .nbf-box.nbf-box--border {
    padding: 18px 24px;
    border: 1px solid #e3e3e3;
    box-shadow: 0 2px 3px 0 rgba(86, 86, 86, 0.1)
}

@media (max-width: 1079px) {
    body.nbf .nbf-lastschriftwiderspruch .block.nbf-gv.nbf-geld-senden {
        padding: 0 0 20px 0
    }
}

@media screen and (min-width: 1079px) {
    body.nbf .nbf-lastschriftwiderspruch ~ .block.nbf-tan-block {
        margin-left: 12px;
        margin-right: 12px
    }
}

body.nbf .nbf-lastschriftwiderspruch ~ .block.nbf-tan-block .tan-agb {
    text-align: center
}

body.nbf .nbf-lastschriftwiderspruch + .block {
    text-align: center
}

body.nbf .nbf-gv.nbf-geld-senden .nbf-lastschriftwiderspruch #auftragskontoBlock + .block.no-separator .buttonline.mainbuttonline {
    margin: 0 4px 36px 4px
}

body.nbf .nbf-gv.nbf-geld-senden .nbf-lastschriftwiderspruch #auftragskontoBlock + .block.no-separator .buttonline.mainbuttonline .bgroup1 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    justify-content: space-between
}

body.nbf .nbf-gv.nbf-geld-senden .nbf-lastschriftwiderspruch #auftragskontoBlock + .block.no-separator .buttonline.mainbuttonline .bgroup1 > div {
    margin: 0 24px 0 0;
    padding: 12px 0;
    flex: 1
}

body.nbf .nbf-gv.nbf-geld-senden .nbf-lastschriftwiderspruch #auftragskontoBlock + .block.no-separator .buttonline.mainbuttonline .bgroup1 > div:last-child {
    margin-right: 0
}

body.nbf .nbf-gv.nbf-geld-senden .nbf-lastschriftwiderspruch #auftragskontoBlock + .block.no-separator .buttonline.mainbuttonline .bgroup1 > div input[type="submit"] {
    margin: 0;
    width: 100%
}

@media screen and (max-width: 650px) {
    body.nbf .nbf-gv.nbf-geld-senden .nbf-lastschriftwiderspruch #auftragskontoBlock + .block.no-separator .buttonline.mainbuttonline .bgroup1 {
        flex-direction: column
    }

    body.nbf .nbf-gv.nbf-geld-senden .nbf-lastschriftwiderspruch #auftragskontoBlock + .block.no-separator .buttonline.mainbuttonline .bgroup1 > div {
        margin: 0;
        min-width: 100%
    }
}

body.nbf .nbf-gv.nbf-geld-senden .nbf-lastschriftwiderspruch .nbf-container-box.expandable > .expandable-trigger .button-hide-remaining-block-nbf {
    padding-left: 0;
    margin-right: 0
}

body.nbf .nbf-gv.nbf-geld-senden .nbf-lastschriftwiderspruch .nbf-guided-tour-ueberweisung-zusammenfassung .expandable-content {
    box-shadow: 0 2px 3px rgba(86, 86, 86, 0.1);
    border-radius: 12px
}

body.nbf .nbf-gv.nbf-geld-senden .nbf-lastschriftwiderspruch .nbf-guided-tour-ueberweisung-zusammenfassung .expandable-content .nbf-box.nbf-box--border {
    padding: 18px 24
}

body.nbf .nbf-gv.nbf-geld-senden .nbf-lastschriftwiderspruch .nbf-guided-tour-ueberweisung-zusammenfassung .expandable-content .nbf-box.nbf-box--border .nbf-col.nbf-box__content .block {
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 539px) {
    body.nbf .nbf-gv.nbf-geld-senden .nbf-input-right-text {
        top: -28px
    }
}

@media (max-width: 1079px) {
    body.nbf .nbf-gv.nbf-geld-senden .nbf-input-right-text {
        top: -28px
    }

    body.nbf .nbf-gv.nbf-geld-senden input.nbf-date-input + label, body.nbf .nbf-gv.nbf-geld-senden textarea.nbf-textarea-input + label, body.nbf .nbf-gv.nbf-geld-senden input.nbf-text-input + label {
        top: 22px;
        line-height: 1
    }

    body.nbf .nbf-gv.nbf-geld-senden input.nbf-text-input, body.nbf .nbf-gv.nbf-geld-senden input.nbf-binput-sayt.has-inline-content, body.nbf .nbf-gv.nbf-geld-senden .nbf-binput-sayt input.has-inline-content, body.nbf .nbf-gv.nbf-geld-senden textarea.nbf-textarea-input {
        padding-top: 28px
    }

    body.nbf .nbf-gv.nbf-geld-senden .nbf-bselect-multiline input {
        padding-top: 28px
    }

    body.nbf .nbf-gv.nbf-geld-senden .nbf-bselect-multiline label {
        top: 20px
    }

    body.nbf .nbf-gv.nbf-geld-senden .nbf-bselect-multiline .nbf-input-right-select label {
        top: 8px
    }

    body.nbf .nbf-gv.nbf-geld-senden .nbf-bselect-multiline .nbf-input-right-select .select-wrap {
        margin-top: -5px
    }
}

.if6.nbf .tan-input-line > *:not(.tan-input) {
    position: relative;
    left: -3000px
}

.if6.nbf .bline.tan-select {
    border-bottom: 0;
    text-align: center;
    font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #292929
}

.if6.nbf .bline.tan-select .nicon:before {
    color: #292929
}

.if6.nbf .bline.tan-select strong {
    font-weight: normal
}

.if6.nbf .block.nbf-tan-block {
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    box-shadow: 0 2px 3px rgba(86, 86, 86, 0.1);
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656;
    padding: 24px
}

.if6.nbf .block.nbf-tan-block::before, .if6.nbf .block.nbf-tan-block::after {
    display: none
}

.if6.nbf .block.nbf-tan-block a {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656;
    text-underline-position: under
}

.if6.nbf .block.nbf-tan-block a:hover {
    color: #000
}

.if6.nbf .nbf-tan {
    padding: 40px 0 48px;
    margin: 0 -24px;
    position: relative;
    height: 62px;
    display: flex;
    justify-content: center;
    border-top: 1px solid #e3e3e3;
    margin-top: 18px
}

.if6.nbf .nbf-tan div {
    margin: 0;
    padding: 0
}

.if6.nbf .nbf-tan > *:not(.tan-input) {
    height: 1px;
    overflow: hidden
}

.if6.nbf .nbf-tan .tan-input {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    background-color: #fff
}

.if6.nbf .nbf-tan .tan-input .digit-box-line {
    display: flex;
    justify-content: center
}

.if6.nbf .nbf-tan .tan-digit {
    height: 72px;
    width: 48px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin-right: 12px;
    text-align: center;
    font: 48px/60px SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 72px;
    color: #565656;
    overflow: hidden;
    box-sizing: border-box
}

.if6.nbf .nbf-tan .tan-digit:empty::after {
    content: '\2022';
    font-size: 20px;
    display: block
}

.if6.nbf .nbf-tan .tan-digit:hover {
    cursor: pointer
}

.if6.nbf .nbf-tan .tan-digit.error {
    color: #e00000
}

.if6.nbf .nbf-tan .tan-digit.error:empty::after {
    content: '';
    width: 60%;
    height: 3px;
    background: #e00000;
    top: calc(100% - 10px);
    position: relative;
    margin: 0 auto
}

.if6.nbf .nbf-tan .tan-digit:last-child {
    margin-right: 0
}

.if6.nbf .nbf-tan .tan-digit:last-child.tan-digit-end-cursor {
    border-right-color: #949494
}

.if6.nbf .nbf-tan .tan-digit-selected {
    border-color: #949494
}

.if6.nbf .nbf-tan .digit-box-block {
    display: flex
}

.if6.nbf .nbf-tan .digit-box-block:last-child {
    margin-left: 12px
}

.if6.nbf .nbf-tan .message-error {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    color: #e00000
}

.if6.nbf .nbf-tan .message-error h3 {
    display: none
}

.if6.nbf .nbf-tan .message-error > ul {
    padding-left: 0
}

.if6.nbf .nbf-tan .message-error > ul > li {
    text-align: center
}

.if6.nbf .nbf-tan .message-error > ul > li::before {
    content: '\f7d1';
    font: 19px Pictos-IF;
    background-color: rgba(224, 0, 0, 0.1);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 16px;
    display: inline-block;
    color: #e00000;
    margin: 0 6px 0 0
}

.if6.nbf .nbf-tan .message-error > ul > li:only-child ul {
    margin-top: -19px;
    padding-left: 24px
}

.if6.nbf .nbf-tan .message-error > ul > li:only-child ul li::before {
    display: none
}

@media screen and (max-width: 649px) {
    .if6.nbf .nbf-tan {
        padding-bottom: 36px
    }

    .if6.nbf .nbf-tan .digit-box-line {
        flex-wrap: wrap
    }

    .if6.nbf .nbf-tan .digit-box-block {
        width: 100%;
        justify-content: center
    }

    .if6.nbf .nbf-tan .digit-box-block:last-child {
        margin-left: 0;
        margin-top: 12px
    }

    .if6.nbf .nbf-tan .tan-digit {
        width: 36px;
        height: 54px;
        font: 36px/54px SparkasseWeb, Helvetica, Arial, sans-serif
    }
}

@media screen and (max-width: 1079px) {
    .if6.nbf .block.nbf-tan-block {
        padding: 18px
    }

    .if6.nbf .nbf-tan {
        margin: 18px -18px 0
    }
}

.nbf-frame .if6_main {
    scrollbar-color: #aeaeae #f0f0f0;
    scrollbar-width: thin;
    scrollbar-width: 4px
}

.nbf-frame .if6_main *::-webkit-scrollbar {
    width: 4px;
    border-radius: 12px
}

.nbf-frame .if6_main *::-webkit-scrollbar-track {
    background: #f0f0f0
}

.nbf-frame .if6_main *::-webkit-scrollbar-thumb {
    background-color: #aeaeae;
    border-radius: 12px;
    border: 0
}

.msgerror, .msginfo {
    padding: 20px
}

.msgerror h3, .msginfo h3 {
    display: none
}

.msgerror ul, .msginfo ul {
    padding: 0
}

.msgerror ul li {
    color: red
}

.msginfo ul li {
    color: #666
}

.msgerror ul li:before, .msginfo ul li:before {
    display: none
}

.block {
    padding: 20px 10px 20px 20px
}

.block h3 {
    padding: 0;
    color: #666;
    font: bold 20px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin: 30px 0
}

.block h3:first-child {
    margin-top: 0
}

.block h3:last-child {
    margin-bottom: 0
}

.block h3.with-icon {
    padding-left: 52px
}

.block h3.with-icon:before {
    color: #666;
    font: 42px/81% Pictos-IF;
    width: 42px;
    height: 42px;
    display: inline-block;
    margin-left: -52px;
    margin-top: -10px;
    position: absolute
}

.block + .block, .block + .expand, .expand + .expand, .expand + .block {
    border-top: 10px solid #f0f0f0
}

.expand.open + .block {
    border-top: 0
}

.buttonline + .block {
    border-top: 10px solid #f0f0f0
}

.block.no-padding {
    padding: 0
}

* + .block.no-separator {
    border-top: 0
}

* + .block.thin-separator {
    border-top-width: 1px;
    margin-top: 10px;
    padding-top: 30px
}

.block.no-top-padding {
    padding-top: 0
}

.block pre {
    font-size: 1em;
    font-family: courier new, monospace;
    margin: 0
}

.lefthalf {
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 20px 10px 20px 0;
    border-right: 10px solid #f0f0f0;
    vertical-align: top;
    margin-top: -20px;
    margin-bottom: -20px;
    margin-right: -5px
}

.righthalf {
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: -5px;
    border-left: 10px solid #f0f0f0;
    vertical-align: top;
    padding-left: 20px;
    margin-right: -20px;
    margin-top: -20px;
    padding-top: 20px
}

.righthalf + br {
    clear: both
}

.lefthalf.no-separator {
    border-right: 0
}

.righthalf.no-separator {
    border-left: 0;
    margin-left: 0
}

@media (min-width: 959px) {
    .bcontainer-right .lefthalf.no-separator {
        width: 100%;
        padding-right: 0;
        margin-right: 0
    }

    .bcontainer-right .righthalf.no-separator {
        width: 100%;
        padding-left: 0;
        margin-top: 0;
        margin-right: 0
    }
}

.leftthird {
    width: 33.33%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 20px 10px 20px 6.67px;
    vertical-align: top;
    margin: -20px 0 -20px -6.67px;
    border-right: 10px solid #f0f0f0
}

.middlethird {
    width: 33.33%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    vertical-align: top;
    margin: -20px 13.33px -20px 0;
    padding: 20px 6.67px 20px 20px;
    position: relative
}

.middlethird:before {
    border-left: 10px solid #f0f0f0;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: -10px
}

.middlethird:after {
    border-right: 10px solid #f0f0f0;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: -13.33px
}

.rightthird {
    width: 33.33%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    vertical-align: top;
    margin: -20px -20px -20px 0;
    padding: 20px 6.67px 20px 20px;
    position: relative
}

.rightthird:before {
    content: "";
    height: 100%;
    border-left: 10px solid #f0f0f0;
    position: absolute;
    top: 0;
    left: -10px
}

.rightthird + br {
    clear: both
}

.leftthird.no-separator {
    border-right: 0
}

.middlethird.no-separator:before {
    display: none
}

.middlethird.no-separator:after {
    display: none
}

.rightthird.no-separator:before {
    display: none
}

.bline {
    padding-top: 8px;
    clear: both
}

.bline + .bline {
    margin-top: 12px
}

.bline + .bcontinue {
    margin-top: 5px
}

div.bcontinue {
    padding-left: 240px
}

.bline .blineunder, .bline .blineover {
    padding-left: 240px;
    display: block
}

.bline.no-label .blineover, .bline.no-label .blineunder {
    padding-left: 0
}

.bline .ixxxl + .blineunder, .bline .ixxxl + * + .blineunder {
    padding-left: 10px;
    margin-left: 22px
}

.blineover .msgerror, .blineover .msginfo {
    padding: 0 0 18px 0
}

.bline .bterm {
    clear: both
}

.bline div, .bline label {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

.bline > label, .bline > .label, .bline > .blineover + label, .bline > .blineover + .label {
    width: 220px;
    float: left;
    text-align: right;
    margin-right: 20px
}

.bline.label-left > label, .bline.label-left > .label {
    width: auto;
    text-align: left;
    margin-right: 20px
}

.bline .longlabel {
    height: 10px
}

.bline > * + label, .bline > * + .label {
    width: auto;
    float: none;
    margin-right: 10px
}

.btable .minus, .bline .minus {
    color: red;
    white-space: nowrap
}

.btable .mark, .bline .mark, .btable .less, .bline .less {
    color: red
}

.btable .more, .bline .more {
    color: #00724b
}

label .unit, .label .unit {
    display: none
}

.bline.btext-only {
    padding-top: 0
}

.bline + .bline.btext-only {
    margin-top: 0;
    padding-top: 8px
}

.bline h2, .bline h3 {
    margin: 0 10px 0 0;
    display: inline-block
}

.bline.center-headline {
    text-align: center;
    position: relative;
    padding-top: 0;
    padding-bottom: 5px
}

.bline.center-headline .left {
    float: left;
    padding: 5px 40px 5px 0;
    margin-top: -5px;
    border-right: 1px solid #e3e3e3
}

.bline.center-headline .left .ficon {
    margin-top: 0
}

.bline.center-headline .left > div:last-child {
    margin-right: 0
}

.bline.center-headline .left + .headline {
    padding-left: 30px;
    padding-right: 40px
}

.bline.center-headline .headline {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: -5px
}

.bline.center-headline .headline > div:last-child {
    margin-right: 0
}

.bline.center-headline .headline + .headline {
    margin-left: 20px;
    padding-left: 30px;
    border-left: 1px solid #e3e3e3
}

.bline.center-headline:last-child {
    padding-bottom: 0;
    margin-bottom: -5px
}

.center-headline.account-selection .account-summary span {
    white-space: nowrap
}

.center-headline.account-selection .account-summary .title {
    max-width: 230px;
    text-overflow: ellipsis;
    overflow: hidden
}

.js .button-arrow-leftside:before {
    font: 20px/81% Pictos-IF;
    height: 20px;
    width: 20px;
    display: inline-block;
    color: #666;
    content: "d"
}

.js .button-arrow-leftside.visible:before {
    font: 20px/81% Pictos-IF;
    height: 20px;
    width: 20px;
    display: inline-block;
    color: #666;
    content: "u"
}

.js .bline.hide-following-blines ~ * {
    display: none
}

.bline .blineunder.textarea-count {
    display: none
}

.bline .blineunder.textarea-count.error {
    color: red
}

.bline .blineunder.textarea-count > div {
    display: flex;
    text-align: right
}

.bline .blineunder.textarea-count > div .textarea-ok, .bline .blineunder.textarea-count > div .textarea-overflow, .bline .blineunder.textarea-count > div .overflow-message {
    flex-grow: 1;
    margin-right: 0
}

.bline .blineunder.textarea-count > div .textarea-ok.invisible, .bline .blineunder.textarea-count > div .textarea-overflow.invisible, .bline .blineunder.textarea-count > div .overflow-message.invisible {
    display: none
}

.bline .blineunder.textarea-count > div .textarea-ok, .bline .blineunder.textarea-count > div .textarea-overflow {
    white-space: nowrap
}

.bline .blineunder.textarea-count > div .overflow-message {
    padding-right: 20px;
    text-align: left
}

.js .bline .blineunder.textarea-count {
    display: block
}

.js .bline .blineunder.textarea-count.not-visible {
    display: none
}

.bline .ixxxl + .blineunder.textarea-count {
    padding-left: 0;
    margin-left: 0
}

.block ol li:before {
    display: none
}

.block ol li {
    list-style: inherit
}

.lefthalf .bline > label, .lefthalf .bline > .label, .righthalf .bline > label, .righthalf .bline > .label {
    width: 100px
}

.leftthird .bline > label, .leftthird .bline > .label, .middlethird .bline > label, .middlethird .bline > .label, .rightthird .bline > label, .rightthird .bline > .label {
    width: 5em
}

.lefthalf .bline .blineunder, .lefthalf .bline .blineover, .righthalf .bline .blineunder, .righthalf .bline .blineover {
    padding-left: 8.5em;
    display: block
}

div.bcontinue .blineover, div.bcontinue .blineunder {
    padding-left: 0
}

div.bcontinue .ixxxl {
    margin-left: -240px;
    padding-left: 22px
}

.bline .ixxxl {
    width: 550px
}

.bline .ixxl, .btable .ixxl {
    width: 305px
}

.cbox-large .bline .ixxl, .cbox-large .btable .ixxl {
    width: 420px
}

.bline .ixl, .btable .ixl {
    width: 305px
}

.bline .il, .btable .il {
    width: 267px
}

.bline .im, .btable .im {
    width: 152px
}

.bline .is, .btable .is {
    width: 80px
}

.bline .ixs, .btable .ixs {
    width: 60px
}

label.ixl-m-m {
    width: 55px
}

.lefthalf .bline .il, .righthalf .bline .il {
    width: 140px
}

.bline textarea {
    max-width: 325px;
    min-width: 60px;
    min-height: 60px
}

.bline.no-label textarea {
    max-width: calc(100% - 10px)
}

.js .bline textarea {
    overflow-y: hidden;
    resize: none;
    padding-bottom: 5px;
    max-height: 310px
}

.js .bline textarea.overflow {
    overflow-y: visible
}

.bline input, .bline select, .bline textarea {
    vertical-align: top;
    margin-top: -7px;
    margin-right: 10px
}

.bline select.select-modified {
    margin-right: -26px
}

.bline .select-wrap {
    margin-top: -7px
}

.bline .select-wrap select {
    margin-top: 0
}

.bline select.select-modified + span.select {
    margin-right: 2px;
    top: 2px
}

.bline input[type="radio"], .bline input[type="checkbox"] {
    padding: 0
}

.bline input[type="radio"] + span.radio, .bline input[type="checkbox"] + span.checkbox {
    margin-right: 6px;
    vertical-align: top
}

.bline select optgroup {
    color: #666;
    font-style: normal;
    font-weight: normal;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    padding-left: 5px
}

.bline select optgroup option {
    padding-left: 0;
    color: #666;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif
}

.bline select optgroup + optgroup {
    margin-top: 10px
}

.js .bline div input[type="radio"], .js .bline div input[type="checkbox"] {
    margin-right: -22px
}

.bline div input[type="radio"] + *, .bline div input[type="checkbox"] + *, .bline div input[type="radio"] + span.radio + *, .bline div input[type="checkbox"] + span.checkbox + * {
    padding-left: 10px;
    margin-left: 22px
}

.bline div input[type="radio"] + span.radio, .bline div input[type="checkbox"] + span.checkbox {
    padding-left: 0;
    margin-left: -4px;
    margin-right: -26px
}

.bline div.ixl label {
    display: inline-block
}

.bline div.ixxxl label {
    display: inline-block
}

.bline input:last-child, .bline select:last-child, .bline textarea:last-child, .bline label:last-child {
    margin-right: 0
}

.bline .if6 input[type="range"] {
    margin-left: 0
}

.bline input[type="radio"] + img.bline input[type="radio"] + span.radio + img, .bline input[type="radio"] + a img, .bline input[type="radio"] + span.radio + a img {
    max-width: 100%;
    max-width: calc(100% - 32px)
}

a.actioniconLink {
    color: #666;
    text-decoration: none;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 4px
}

.btable a.actioniconLink {
    margin-right: 0;
    margin-bottom: 0
}

.btable .tableheader a.actioniconLink {
    color: #fff
}

.btable .iconindent {
    margin-left: 31px
}

u.wbr:after {
    content: "\00200B"
}

.expand {
    padding: 20px
}

.bgroup.expand {
    padding: 0;
    vertical-align: bottom;
    margin-right: -10px
}

.expand input {
    margin: 0;
    vertical-align: top
}

.expand .ficon {
    vertical-align: middle;
    margin-right: 7px
}

.expand input[type="submit"] {
    background-color: transparent;
    vertical-align: middle;
    display: inline-block;
    border: 0;
    padding: 0;
    cursor: pointer
}

.bline div.bsayt {
    position: absolute;
    margin-top: 27px;
    z-index: 10;
    display: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bline div.bsayt > div {
    border: 1px solid #666;
    background-color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    max-height: 270px
}

.bsayt ul {
    padding-left: 0
}

.bsayt ul li:before {
    display: none
}

.bsayt ul li {
    position: relative;
    padding: 7px 15px
}

.bsayt ul li h3, .bsayt ul li p {
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 25px
}

.bsayt ul li div {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.bsayt ul li input {
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    color: transparent;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    margin: 0;
    z-index: 1;
    position: relative
}

.buttonline {
    text-align: right;
    padding: 20px 0 0 20px
}

.buttonline.main-buttons {
    border-top: 10px solid #f0f0f0
}

.buttonline .bgroup2 {
    float: left;
    text-align: left
}

.buttonline div {
    display: inline-block
}

.buttonline > div > * {
    margin-right: 20px;
    margin-bottom: 20px
}

.buttonline input {
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0
}

.buttonline input[disabled] {
    background: transparent
}

.buttonline a {
    text-decoration: none;
    display: inline-block
}

.buttonline .bgroup1 > a, .buttonline .bgroup1 > div, .buttonline .bgroup1 > a.ficon {
    background-color: #666;
    border-radius: 4px;
    color: #fff
}

.buttonline .bgroup1 > a:last-child, .buttonline .bgroup1 > div:last-child, .buttonline .bgroup1 > a.ficon:last-child {
    background-color: red;
    color: #fff
}

.buttonline .bgroup1 > a.disabled, .buttonline .bgroup1 > div.disabled, .buttonline .bgroup1 > a.ficon.disabled {
    background-color: #ccc;
    pointer-events: none
}

.buttonline .bgroup1 > a.disabled:before, .buttonline .bgroup1 > div.disabled:before, .buttonline .bgroup1 > a.ficon.disabled:before {
    content: ">";
    color: #ccc;
    font: 21px/81% Pictos-IF
}

.buttonline .bgroup1 > a.disabled:last-child, .buttonline .bgroup1 > div.disabled:last-child, .buttonline .bgroup1 > a.ficon.disabled:last-child {
    background-color: #ccc
}

.buttonline .bgroup1 > a, .buttonline .bgroup1 > div input, .buttonline .bgroup1 > a.ficon {
    font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    display: inline-block;
    padding: 9px 20px;
    color: #fff
}

.buttonline .bgroup1 > div:last-child input {
    color: #fff;
    padding-right: 50px;
    position: relative;
    z-index: 1
}

.buttonline .bgroup2 div input, .buttonline .bgroup2 a, .buttonline .bgroup4 div input, .buttonline .bgroup4 a {
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666;
    padding: 10px 0 9px 0
}

.buttonline .bgroup2 div input, .buttonline .bgroup4 div input {
    padding-left: 24px
}

.cbox-small .buttonline {
    text-align: center
}

.cbox-small .buttonline > div {
    width: 100%
}

.cbox-small .buttonline .bgroup1 > a, .cbox-small .js .buttonline .bgroup1 > div {
    width: 80%;
    box-sizing: border-box;
    cursor: pointer
}

.no-main-buttonline-separator .buttonline.main-buttons {
    border-top: 0
}

.ficon.icon-b_back {
    width: auto;
    height: auto
}

.ficon.icon-b_back input {
    height: auto;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666;
    padding: 0 0 0 24px
}

.downgrade-primary-buttons .buttonline .bgroup1 > a:last-child, .downgrade-primary-buttons .buttonline .bgroup1 > div:last-child {
    background-color: #666;
    color: #fff
}

.downgrade-primary-buttons .buttonline .bgroup1 > a:last-child:after, .downgrade-primary-buttons .buttonline .bgroup1 > div:last-child:after {
    display: none
}

.downgrade-primary-buttons .buttonline .bgroup1 > div:last-child input {
    color: #fff;
    padding-right: 20px
}

.no-touch .downgrade-primary-buttons .buttonline .bgroup1 > a:last-child:before, .no-touch .downgrade-primary-buttons .buttonline .bgroup1 > div:last-child:before {
    display: inline-block
}

.bline input[type="radio"] + * + ul, .bline input[type="checkbox"] + * + ul, .bline input[type="radio"] + span.radio + * + ul, .bline input[type="checkbox"] + span.checkbox + * + ul {
    margin: 0 0 0 22px;
    padding: 0 0 0 10px;
    display: block
}

.bline ul.linklist {
    padding-left: 0;
    display: inline-block;
    width: 100%
}

.bline ul.linklist li {
    padding-left: 10px
}

.bline ul.linklist li:before {
    display: none
}

.bline ul.linklist a {
    text-decoration: none
}

.bline ul.biglinklist {
    padding-left: 0;
    display: inline-block;
    width: 100%
}

.bline ul.biglinklist li:before {
    display: none
}

.bline ul.biglinklist li + li {
    margin-top: 10px
}

.bline ul.biglinklist > li > a {
    color: #666;
    font: 15px/17px SparkasseWeb, Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding-left: 30px;
    display: inline-block
}

.bline ul.biglinklist ul.linklist {
    padding-left: 30px
}

.bline ul.biglinklist ul.linklist a {
    color: #666
}

.bline ul.biglinklist ul.linklist a:before {
    color: #666
}

.bline ul.biglinklist ul.linklist li + li {
    margin-top: 0
}

a.arrowLink {
    text-decoration: none;
    color: #666
}

.bline .verticalbuttons {
    float: right;
    height: 0
}

.bline .verticalbuttons > * {
    display: block
}

.bline .verticalbuttons .ficon:before {
    display: none
}

.bline .verticalbuttons .ficon input {
    height: auto;
    width: auto;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    color: red;
    text-decoration: underline;
    padding: 0
}

.bline .verticalbuttons .ficon {
    text-align: right;
    margin: 0;
    width: auto
}

.bline .if5_symbol_hilfe, .btable .if5_symbol_hilfe {
    vertical-align: middle
}

.bline div.right {
    float: right;
    margin-right: 0
}

.bline.error input, .bline input.error, .bline.error select, .bline select.error, .bline.error textarea, .bline textarea.error, .btableblock input.error, .btableblock select.error {
    border-color: red
}

.bline label.error {
    color: red
}

.cal_body {
    display: none;
    position: absolute;
    width: 234px;
    height: 193px;
    padding: 5px;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box
}

.cal_body.has-preselected-value {
    height: 213px
}

.cal_body .cal_button:first-child {
    text-align: left
}

.cal_body .cal_button:last-child {
    text-align: right
}

.cal_body .cal_button a, .cal_body .cal_button span {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width: 20px;
    text-decoration: none
}

.cal_body .cal_header {
    width: 100%
}

.cal_body .cal_header th {
    font: bold 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666
}

.cal_body .cal_table {
    table-layout: fixed
}

.cal_body .cal_table a {
    color: #666;
    text-decoration: none
}

.cal_body .cal_table td {
    color: #ccc
}

.cal_body .cal_table tr, .cal_body .cal_table th {
    font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.cal_body .cal_table .satsun {
    color: #ffd6d6
}

.cal_body .cal_table .satsun.choosable {
    color: red
}

.cal_body .cal_table .choosable {
    font: bold 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.cal_body .cal_footer {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 5px;
    left: 0
}

.cal_body .cal_footer a {
    font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.cal_body table th {
    color: #333
}

.cal_body table th, .cal_body table td {
    text-align: center;
    padding: 0
}

.cal_body table th:first-child, .cal_body table td:first-child {
    padding-left: 0
}

.cal_body table th:last-child, .cal_body table td:last-child {
    padding-right: 0
}

.if6_contact .cal_body table.cal_header, .if6_contact .cal_body table.cal_table, .if6_contact .cal_body table.cal_footer {
    width: 100%;
    margin: 0
}

.if6_contact .cal_body table th, .if6_contact .cal_body table td, .if6_contact .cal_body table th:first-child, .if6_contact .cal_body table th:last-child, .if6_contact .cal_body table th.cal {
    padding: 0
}

input.preselected-value:-ms-input-placeholder {
    color: #666;
    opacity: 1 !important
}

input.preselected-value::-webkit-input-placeholder {
    color: #666;
    opacity: 1 !important
}

input.preselected-value::placeholder {
    color: #666;
    opacity: 1 !important
}

input[disabled].preselected-value:-ms-input-placeholder {
    color: #b3b3b3
}

input[disabled].preselected-value::-webkit-input-placeholder {
    color: #b3b3b3
}

input[disabled].preselected-value::placeholder {
    color: #b3b3b3
}

div.cal_body {
    z-index: 2100;
    border: 2px solid #666;
    border-top: 1px solid #666
}

iframe.cal_body {
    z-index: 1;
    border: 0 none;
    padding-right: 2px;
    padding-bottom: 2px;
    background: 0
}

.js input[type="date"].working-date + .icon-if5_i_cal {
    display: none !important
}

.js input.calendar-is-open {
    border-radius: 5px 5px 0 5px
}

.js input.calendar-is-open.im, .js input.calendar-is-open.is, .js input.calendar-is-open.ixs {
    border-radius: 5px 5px 0 0
}

.invisible {
    display: none
}

.nowrap {
    white-space: nowrap
}

h2.with-analyst, h2.with-analyst + .analystbox + .block {
    width: 60%;
    float: left
}

h2.with-analyst + .analystbox + .block + .block, h2.with-analyst + .analystbox + .block + h2 {
    clear: both
}

h2.with-analyst + .analystbox {
    float: right;
    width: 33.33%;
    padding: 20px 20px 20px 33.33px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.analystbox > h2:first-child {
    margin-top: -7px
}

.analystbox .analyst .main div {
    vertical-align: top
}

.analystbox .analyst p {
    color: #000
}

.analystbox .buttonline {
    text-align: left;
    padding-left: 0;
    padding-top: 5px
}

.analystbox .buttonline:last-child {
    margin-bottom: -20px
}

.block.footnote {
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    clear: left
}

.footnote .bline {
    margin-top: 0;
    padding-top: 0
}

.templ-bankingpage .cbox-banking > .campaign:before {
    border-top: 10px solid #f0f0f0;
    border-bottom: 10px solid #00acd3;
    content: "";
    display: block;
    margin: -10px -10px 0 -10px;
    position: relative
}

.templ-bankingpage .cbox-banking > .campaign {
    margin: 0
}

.bline .btable {
    width: auto;
    margin-top: -10px;
    margin-left: -20px
}

.bline .btable th, .bline .btable td {
    padding-bottom: 0
}

.bline .btable tr.tablerowodd td {
    background: transparent
}

ul.progress {
    text-align: right
}

.progress li {
    display: inline-block;
    text-align: center;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: red;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    vertical-align: middle
}

.progress li.active {
    padding: 3px
}

.progress li.active + li, .progress li.active + li + li, .progress li.active + li + li + li, .progress li.active + li + li + li + li, .progress li.active + li + li + li + li + li, .progress li.active + li + li + li + li + li + li {
    background: #666
}

.progress li + li {
    margin-left: 30px
}

.progress li + li:before {
    width: 28px;
    margin: 0 9px 0 -39px;
    content: "";
    vertical-align: middle;
    display: inline-block;
    border: 1px solid red
}

.progress li + li.active:before {
    margin: 0 12px 0 -42px
}

.progress li.active + li:before, .progress li.active + li + li:before, .progress li.active + li + li + li:before, .progress li.active + li + li + li + li:before, .progress li.active + li + li + li + li + li:before, .progress li.active + li + li + li + li + li + li:before {
    border-color: #666
}

div.helptxt {
    margin-top: -4px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width: 28px
}

.btableblock td div.helptxt {
    vertical-align: middle
}

.js div.helptxt {
    cursor: pointer
}

div.helptxt > div {
    display: none;
    position: absolute;
    margin: 10px 0 0 4px
}

div.helptxt > div div {
    padding: 10px;
    margin: 0;
    background: #000;
    color: #fff;
    position: absolute;
    z-index: 2100;
    min-width: 170px;
    max-width: 520px;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    text-align: left;
    white-space: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.helptxt > div:before {
    border-bottom: 9px solid #000;
    display: block;
    content: "";
    position: absolute;
    margin-top: -9px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

div.helptxt.visible > div {
    display: block
}

.helpovly {
    position: relative;
    display: inline-block
}

.helpovly > a {
    text-decoration: none;
    white-space: nowrap;
    color: inherit
}

.helpovly > a:after {
    content: "i";
    font: 12px/81% Pictos-IF;
    background-color: #666;
    border-radius: 50%;
    border: 1px solid #666;
    width: 12px;
    height: 12px;
    color: #fff;
    display: inline-block;
    margin-left: 5px;
    margin-top: -2px;
    vertical-align: middle
}

.helpovly > a:empty:after {
    margin-left: 0
}

.helpovly div.helpovly-content {
    height: 0;
    width: 0;
    display: none;
    margin: 19px 21px -4px -21px;
    position: relative
}

.helpovly div.helpovly-content:before, .helpovly div.helpovly-content:after {
    border-bottom: 8px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    display: block;
    margin-left: 5px;
    margin-top: 5px;
    position: absolute;
    z-index: 11
}

.helpovly div.helpovly-content:before {
    border-bottom: 8px solid rgba(0, 0, 0, 0.1);
    margin-top: 2px
}

.helpovly div.helpovly-content > div {
    position: absolute;
    width: 328px;
    margin-left: -150px;
    text-align: center;
    z-index: 10;
    white-space: normal;
    font-weight: normal
}

.helpovly div.helpovly-content > div > div {
    border: 3px solid rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    margin-right: 0;
    position: relative;
    max-width: 300px
}

.helpovly div.helpovly-content > div > div > div {
    background-color: #fff;
    text-align: left;
    padding: 10px;
    margin-right: 0
}

.helpovly:hover div.helpovly-content, .helpovly:focus div.helpovly-content, .js .helpovly > a.visible + div.helpovly-content {
    display: inline-block
}

.js .helpovly:hover div.helpovly-content, .js .helpovly:focus div.helpovly-content {
    display: none
}

.no-touch .helpovly > a:hover:after, .helpovly > a:focus:after {
    color: #666;
    background-color: #fff
}

.bselected-details .helpovly > a:after {
    content: "i";
    font: 8px/81% Pictos-IF;
    width: 8px;
    height: 8px;
    color: #fff;
    margin-left: 2px
}

.bselected-details .helpovly > a:empty:after {
    margin-left: 0
}

.bselected-details .helpovly div.helpovly-content {
    margin: 14px 19px 0 -19px
}

.no-touch .bselected-details .helpovly > a:hover:after, .bselected-details .helpovly > a:focus:after {
    color: #666;
    background-color: #fff
}

.ficon {
    cursor: pointer;
    display: inline-block;
    margin: 2px;
    white-space: nowrap;
    overflow: hidden;
    width: 28px;
    height: 28px;
    vertical-align: top
}

.ficon input, a.ficon {
    border: 0;
    color: transparent;
    width: 28px;
    height: 28px;
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    vertical-align: top
}

.ficon input {
    margin: 0;
    padding-left: 30px;
    width: auto;
    position: relative
}

.btableblock .btable th .ficon {
    margin: 0
}

.btableblock .btable th .ficon input, .btableblock .btable th a.ficon {
    padding-left: 22px;
    width: auto
}

th .ficon.icon-if5_symbol_up, th .ficon.icon-if5_symbol_down, th .ficon.icon-if5_symbol_up_a, th .ficon.icon-if5_symbol_down_a {
    height: 20px;
    width: 20px
}

.btableblock .btable td input[type="text"] + .ficon {
    margin-left: 10px
}

.ficon-placeholder {
    width: 28px;
    height: 28px;
    vertical-align: top;
    display: inline-block;
    margin: 2px
}

.ficon.icon-blank, .ficon.icon-null {
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    margin: 0;
    font-size: 1px;
    color: transparent;
    cursor: default
}

.bline .ficon {
    margin: -4px 10px 0 0
}

.bline .has-inline-icon {
    padding-right: 42px
}

.bline .moved-icon {
    height: 33px;
    width: 33px;
    margin-top: -6px;
    margin-left: -34px;
    position: relative;
    z-index: 2
}

.bline .moved-icon.helptxt {
    overflow: visible;
    color: transparent
}

.bline .moved-icon input {
    height: 33px
}

.bline .moved-icon:before {
    border: 0;
    border-radius: 0 4px 4px 0;
    font: 33px/81% Pictos-IF;
    width: 33px;
    height: 33px;
    color: #666
}

.nicon {
    color: transparent;
    width: 26px;
    height: 26px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top
}

a.btoppage {
    display: none
}

.buttonline .ficon, .ficon.icon-b_textbutton {
    width: auto;
    height: auto
}

.buttonline .ficon input, .ficon.icon-b_textbutton input {
    margin: 0;
    width: auto;
    height: auto;
    padding-right: 32px;
    vertical-align: baseline;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666;
    padding-left: 0;
    z-index: 1
}

.buttonline a.ficon, a.ficon.icon-b_textbutton {
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666
}

.buttonline .ficon {
    margin: 0 20px 20px 0
}

.buttonline a.ficon {
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.buttonline a.ficon:after {
    margin-left: 10px
}

.buttonline.primary-textbutton a.ficon, .buttonline.primary-textbutton .ficon input {
    color: red
}

.abschlussweiche .buttonline .arrowLink {
    margin: 0 20px 20px 0;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666
}

.pf-nachricht .arrowLink {
    display: inline-block;
    margin: 20px 20px 20px 0;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: red
}

.ficon.icon-if5_refresh input {
    width: auto;
    height: auto;
    padding: 0 0 0 32px;
    color: #666;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    vertical-align: baseline
}

.ficon.icon-if5_refresh {
    margin-right: 20px;
    width: auto
}

.bpulldown {
    display: inline-block
}

.bline .bpulldown {
    margin-top: -4px;
    margin-right: 20px
}

.bpulldown .ficon {
    color: #666;
    width: auto;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin: 0 10px 0 0
}

.bpulldown div {
    margin-right: 0
}

.bpulldown > div:last-child {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-left: -9px;
    z-index: 2;
    height: 0;
    overflow: hidden
}

.bpulldown > div:last-child > div {
    border: 3px solid rgba(0, 0, 0, 0.1);
    position: absolute
}

.right .bpulldown > div:last-child > div {
    left: 0
}

.bpulldown:hover > div:last-child {
    overflow: visible
}

.js .bpulldown:hover > div:last-child {
    overflow: hidden
}

.js .bpulldown.pulldown_visible > div:last-child {
    overflow: visible
}

.bpulldown > div:last-child:before, .bpulldown > div:last-child:after {
    display: block;
    content: "";
    position: absolute;
    z-index: 10;
    border-bottom: 8px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    margin-left: 10px;
    margin-top: -5px
}

.bpulldown > div:last-child:before {
    border-bottom: 8px solid rgba(0, 0, 0, 0.1);
    margin-top: -8px
}

.bpulldown ul {
    padding-left: 0
}

.cbox .bpulldown ul li:before {
    display: none
}

.bpulldown li {
    padding: 7px 10px;
    background-color: #fff
}

.bpulldown li + li {
    border-top: 2px solid #e3e3e3
}

.bpulldown input, .bpulldown a, .bpulldown a.ficon {
    border: 0;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    margin: 0;
    color: #000;
    cursor: pointer;
    text-decoration: none;
    padding: 5px;
    display: inline-block;
    vertical-align: baseline;
    white-space: nowrap
}

.bpulldown.baction {
    display: none;
    margin: 2px;
    vertical-align: top;
    height: 28px
}

.bpulldown.baction .ficon {
    margin: 0
}

.bpulldown.baction > div:before, .bpulldown.baction > div:after {
    margin-left: 14px
}

.bpulldown.baction > div > div {
    right: 0;
    text-align: left;
    background-color: #fff
}

.tablerowodd .bpulldown.baction > div > div {
    background-color: #e3e3e3
}

.tablerowodd .bpulldown.baction > div:after {
    border-bottom-color: #e3e3e3
}

.tablerowodd .bpulldown.baction li {
    background-color: #e3e3e3
}

.tablerowodd .bpulldown.baction li + li {
    border-top-color: rgba(0, 0, 0, 0.1)
}

.bpulldown.baction li .ficon {
    display: block
}

.bpulldown.baction .ficon input, .bpulldown.baction a.ficon {
    width: auto;
    color: #444
}

.bpulldown.baction div.ficon input {
    padding-left: 5px
}

.ficon.disabled {
    pointer-events: none
}

.ficon.disabled:before {
    color: #b3b3b3
}

.ficon.disabled:after {
    color: #b3b3b3;
    border-color: #b3b3b3
}

.ficon.disabled input[disabled] {
    background-color: transparent;
    color: #b3b3b3
}

.buttonline .ficon.disabled:after, .ficon.disabled.icon-b_textbutton:after {
    color: #b3b3b3;
    border-color: #b3b3b3
}

.bline .bslider {
    display: none
}

.js .bline .bslider {
    width: 100%;
    text-align: right;
    margin-top: 15px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 240px;
    padding-right: 10px
}

.js .bline.no-label .bslider {
    padding-left: 0
}

.bline .bslider .bslidermin {
    float: left
}

.bline .bslider .bslidermax {
    margin-right: 0
}

.bline .ui-slider-horizontal {
    display: block
}

.abschlussweiche .buttonline .ficon.icon-if5_button_anmelden_rot input {
    color: red
}

.oa_kreditwunsch .buttonline .ficon.icon-if5_b_neu-berech input, .oa_vergleich .buttonline .ficon.icon-if5_b_neu-berech input {
    color: red
}

.postbox {
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    padding: 20px 20px 0 20px
}

.postbox .numbered-icon {
    margin: -10px 0 13px 0;
    float: left;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    height: 68px;
    width: 90px
}

.cbox-small .postbox .numbered-icon {
    margin: -5px auto 0 auto;
    height: 125px;
    width: 160px;
    float: none
}

.cbox-small .postbox .numbered-icon.icon-if5_ifa_ifauftrag {
    height: 140px
}

.postbox .numbered-icon span.number {
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    height: 22px;
    line-height: 22px;
    width: 22px;
    margin-right: -3px
}

.cbox-small .postbox .numbered-icon span.number {
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-right: 0;
    margin-top: 7px;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.postbox p {
    width: 50%;
    margin-left: 20px;
    float: left;
    color: #000
}

.cbox-small .postbox p {
    text-align: center;
    float: none;
    width: inherit;
    margin-left: 0
}

.postbox.no-messages p, .postbox.no-configuration p {
    color: #666
}

.postbox p.timestamp {
    color: #666;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%
}

.postbox p {
    margin-bottom: 20px
}

.postbox p + p {
    margin-top: -20px
}

.cbox-small postbox p {
    margin-bottom: 0
}

.cbox-small postbox p + p {
    margin-top: 0
}

.favorites {
    padding: 20px;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%
}

.favorites.no-favorites p {
    text-align: center
}

.favorites ul.user {
    padding: 0
}

.favorites ul.user li:before {
    display: none
}

.favorites ul.user li {
    text-align: right
}

.favorites ul.user li + li {
    margin-top: 10px
}

.favorites ul.user li a {
    text-decoration: none;
    color: #666;
    display: inline-block;
    font: 15px/17px SparkasseWeb, Helvetica, Arial, sans-serif
}

.market {
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 120%;
    color: #666;
    padding: 10px 20px 20px 20px
}

.market a {
    color: inherit;
    text-decoration: none
}

.market .btableblock {
    color: #666;
    padding: 0
}

.market .btableblock tr.tablerowodd, .market .btableblock tr.tableroweven {
    background-color: transparent
}

.market .btableblock td {
    padding: 0;
    width: 33.3%
}

.market .btableblock td:first-child {
    color: #000
}

.market .chart {
    text-align: center;
    padding-top: 10px
}

.market .chart img {
    vertical-align: middle;
    height: 80px
}

.market ul.tabnav {
    padding: 0 0 10px 0
}

.market .tabnav li:before {
    display: none
}

.market .tabnav li {
    width: 33.3%;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    display: inline-block
}

.market .tabnav li + li {
    border-left: 3px solid #fff
}

.market .tabnav li div {
    text-align: center
}

.market .tabnav li a {
    line-height: 100%
}

.market .tabnav li.active > div:before, .market .tabnav li.active > div:after {
    display: none
}

.next-task {
    padding: 0 20px 20px 20px
}

.next-task ul {
    padding-left: 0
}

.cbox .next-task ul li:before {
    display: none
}

.if6 .cbox .next-task ul li {
    margin-top: 15px
}

.next-task ul li a {
    text-decoration: none;
    color: #666;
    font: 15px/17px SparkasseWeb, Helvetica, Arial, sans-serif
}

.next-task ul li div {
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%
}

.bline .gtsn {
    min-width: 33.3%;
    text-align: center;
    padding-right: 10px;
    margin-bottom: 20px;
    margin-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bline .gtsn img {
    display: block;
    margin: 0 auto 5px auto
}

.bline .gtsn input[type="radio"] + * {
    margin-left: 0
}

.bline .gtsn .label {
    margin-right: 0
}

.block.countimg {
    padding: 0
}

.block.countimg img {
    width: 1px;
    height: 1px
}

.block.countimg br {
    display: none
}

.block + .block.countimg {
    border-top: 0
}

.block.countimg .bline {
    padding-top: 0;
    height: 1px;
    margin-top: -1px;
    overflow: hidden
}

.msglink {
    display: none;
    color: red;
    border: 2px solid red
}

.cbox .msglink .textbutton a {
    color: red;
    position: static
}

.cbox .msglink .textbutton a:after {
    color: red;
    border-color: red
}

.no-touch .cbox .msglink .textbutton a:hover:after, .cbox .msglink .textbutton a:focus:after {
    color: #fff;
    background-color: red
}

.js .sectype .icon-if5_symbol_refresh {
    display: none
}

.ifa-left-image .image, .ifa-right-image .image {
    max-width: 50%;
    max-width: calc(50% - 10px)
}

.ifa-center-image .image {
    max-width: 100%
}

.ifa-left-image img, .ifa-right-image img, .ifa-center-image img {
    width: 100%;
    vertical-align: middle
}

.ifa-image {
    margin-left: -20px;
    margin-right: -10px
}

.ifa-image .image {
    width: 33.33%;
    margin-right: 0
}

.ifa-image .image div {
    padding: 0 33.33px 0 20px;
    margin-right: 0;
    box-sizing: border-box;
    width: 100%
}

.ifa-image .image img {
    width: 100%;
    vertical-align: middle
}

.ifa-image .image + div {
    width: 66.66%;
    margin-right: 0
}

.ifa-image .image + div div {
    margin-left: -13.33px;
    padding: 0 20px 0 0;
    margin-right: 0
}

.ifa-image .image-right div {
    left: 200%;
    position: relative;
    z-index: 10;
    padding: 0 20px 0 33.33px
}

.ifa-image .image-right + div div {
    left: -50%;
    margin-left: 0;
    margin-right: -13.33px;
    padding: 0 0 0 20px;
    position: relative
}

.cbox-banking .login label:after {
    content: ":"
}

.seclink {
    text-align: right;
    padding-bottom: 0;
    padding-right: 20px
}

.green-bullet {
    border-radius: 50%;
    background-color: #00724b;
    width: 15px;
    height: 15px;
    display: inline-block
}

table.direkthandel .arrowLink {
    width: 115px;
    display: inline-block;
    text-align: right;
    position: relative;
    padding-right: 28px;
    color: #fff;
    padding: 5px 38px 5px 3px;
    background-color: red;
    font-weight: bold;
    border-radius: 4px;
    line-height: 130%
}

table.direkthandel .arrowLink:before {
    display: none
}

.bgauge {
    width: 100%;
    padding-right: 10px;
    box-sizing: border-box
}

.bgauge .bgauge-line {
    width: 100%;
    display: block;
    margin-bottom: 5px
}

.bgauge .bgauge-line div {
    width: 100%;
    background-color: #f0f0f0;
    display: block;
    height: 5px
}

.bgauge .bgauge-line div div {
    background-color: #00acd3
}

.bgauge .bgauge-text {
    margin-right: 0
}

.bgauge.error .bgauge-line div {
    height: 10px
}

.bgauge.error .bgauge-line div div {
    background-color: red
}

.bgauge.oneline {
    display: table
}

.bgauge.oneline .bgauge-line {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 0
}

.bgauge.oneline .bgauge-line div {
    height: 10px;
    border-radius: 5px
}

.bgauge.oneline .bgauge-text {
    white-space: nowrap;
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle
}

.bgauge.oneline.minus .bgauge-line div div {
    background-color: red
}

.bgauge.oneline.minus .bgauge-text {
    color: red
}

.bgauge.oneline.plus .bgauge-line div div {
    background-color: #00724b
}

.bgauge.oneline.plus .bgauge-text {
    color: #00724b
}

.bgauge + .bterm {
    display: none
}

.block.blogodata {
    width: 66.6%;
    display: table-cell
}

.block.blogodata + .block.blogoimage {
    width: 33.3%;
    display: table-cell;
    vertical-align: middle;
    padding-left: 33px;
    padding-right: 20px
}

.block.blogoimage .image {
    width: 100%
}

.block.blogoimage .image img {
    width: 100%;
    vertical-align: middle
}

.limit-image {
    height: 10px
}

.banking-container {
    background-color: #f0f0f0;
    margin-right: -20px;
    position: relative
}

.banking-container .cbox-container {
    margin-bottom: -20px;
    float: left
}

.banking-container .cbox-banking {
    padding: 0
}

.banking-container:after {
    clear: both;
    content: "";
    display: table;
    height: 0
}

.banking-container + .buttonline.main-buttons {
    border-top: 0;
    margin-top: -10px;
    position: relative;
    background-color: #fff
}

.icon-b_boxsettings {
    margin: 20px 20px 0 0;
    float: right
}

.icon-b_boxsettings + h2 {
    padding-right: 58px;
    padding-top: 20px
}

a.icon-b_glossar {
    float: right;
    margin: 20px 20px 0 0
}

a.icon-b_glossar + h2 {
    padding-right: 58px;
    padding-top: 20px
}

.icon-b_boxclose {
    float: right;
    margin: 20px 20px 0 0
}

.icon-b_boxclose + a.icon-b_glossar {
    margin-right: 10px
}

.icon-b_boxclose + a.icon-b_glossar + .icon-b_boxsettings {
    margin-right: 10px
}

.icon-b_boxclose + a.icon-b_glossar + .icon-b_boxsettings + h2 {
    padding-right: 134px
}

.icon-b_boxclose + a.icon-b_glossar + h2 {
    padding-right: 96px
}

.icon-b_boxclose + h2 {
    padding-right: 58px;
    padding-top: 20px
}

.bfont-emphasized {
    color: #333
}

.bfontsize-main {
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif
}

.bfontsize-secondary {
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.bfontsize-xlarge {
    font: 18px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.bfontsize-note {
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.ifa-rte {
    width: 100%;
    padding-right: 10px;
    box-sizing: border-box
}

.ifa-rte h3 {
    color: red;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    margin: 0
}

.ifa-rte .table {
    display: block
}

.ifa-rte .table:last-child {
    margin-bottom: 0
}

.ifa-left-image .ifa-rte, .ifa-right-image .ifa-rte {
    width: auto
}

.bmessage {
    padding: 20px 15px 15px 55px;
    position: relative;
    min-height: 25px;
    color: #444
}

.bmessage.neutral:before {
    color: #666;
    font: 42px/81% Pictos-IF;
    height: 42px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 42px
}

.bmessage.neutral:last-child {
    margin-bottom: -10px
}

.bmessage.notice {
    background-color: #e2faff;
    border-bottom: 2px solid #00acd3
}

.bmessage.notice:before {
    background-color: #00acd3;
    border: 1px solid #00acd3;
    border-radius: 50%;
    color: #fff;
    font: 28px/81% Pictos-IF;
    height: 28px;
    left: 15px;
    position: absolute;
    top: 15px;
    width: 28px
}

.bmessage.failure {
    background-color: #fff4e5;
    border-bottom: 2px solid #ff8f00
}

.bmessage.failure:before {
    background-color: #ff8f00;
    border: 1px solid #ff8f00;
    border-radius: 50%;
    color: #fff;
    font: 28px/81% Pictos-IF;
    height: 28px;
    left: 15px;
    position: absolute;
    top: 15px;
    width: 28px
}

.bmessage.success {
    background-color: #f3fae5;
    border-bottom: 2px solid #8cbe22
}

.bmessage.success:before {
    background-color: #8cbe22;
    border: 1px solid #8cbe22;
    border-radius: 50%;
    color: #fff;
    font: 28px/81% Pictos-IF;
    height: 28px;
    left: 15px;
    position: absolute;
    top: 15px;
    width: 28px
}

.bmessage a {
    color: inherit
}

.bline.bmessage {
    margin-right: 10px
}

.bline.bmessage:first-child {
    margin-top: -10px
}

.bline.bmessage.no-bottom-space:last-child {
    margin-bottom: -20px
}

.bline + .bline.bmessage.neutral {
    margin-top: 0
}

.bline + .bline.bmessage.neutral:last-child {
    margin-bottom: -20px
}

.bline + .bline.with-separator {
    padding-top: 12px;
    border-top: 1px solid #e3e3e3
}

.bline + .bline.with-separator:before {
    width: 10px;
    border-top: 3px solid #fff;
    content: "";
    display: block;
    height: 0;
    margin-top: -14px;
    position: absolute;
    right: 10px
}

.bline.has-above-label {
    padding-top: 38px
}

.bline.has-above-label .blineover {
    margin-top: -30px;
    padding-bottom: 30px
}

.above-label > label, .above-label > .label {
    width: auto;
    text-align: left;
    display: block;
    float: none;
    padding-bottom: 9px;
    margin-top: -30px
}

.bline .above-label {
    margin-right: 0
}

td .above-label label {
    margin-top: 0
}

span.balance-predecimal {
    font: 18px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 110%;
    font-weight: inherit
}

span.offscreen {
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    color: transparent
}

caption.offscreen {
    height: 0;
    overflow: hidden;
    white-space: nowrap;
    width: 1px;
    color: transparent
}

.balance {
    font: 18px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 110%;
    font-weight: inherit
}

.balance.xl .balance-predecimal {
    font: 30px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    font-weight: bold
}

.balance.xl .balance-decimal {
    font: 18px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    font-weight: bold
}

.balance.xxl {
    white-space: normal
}

.balance.xxl > * {
    white-space: normal
}

.balance.xxl .balance-predecimal {
    font: bold 60px/110% SparkasseWeb, Helvetica, Arial, sans-serif
}

.balance.xxl .balance-decimal {
    font: 18px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    font-weight: bold
}

.balance.with-icon:before {
    display: inline-block;
    margin-top: -3px;
    margin-left: -4px;
    font: 25px/81% Pictos-IF;
    width: 25px;
    height: 25px;
    color: #666
}

.balance.with-icon.xl:before {
    margin-top: -9px;
    margin-bottom: -4px;
    margin-left: -8px
}

.balance.with-icon.xl.plus:before {
    font: 45px/81% Pictos-IF;
    width: 45px;
    height: 45px;
    color: #00724b
}

.balance.with-icon.xl.minus:before {
    font: 45px/81% Pictos-IF;
    width: 45px;
    height: 45px;
    color: red
}

.balance.with-icon.xxl:before {
    margin-top: -18px;
    margin-bottom: -13px;
    margin-left: -15px
}

.balance.with-icon.xxl.plus:before {
    font: 90px/81% Pictos-IF;
    width: 90px;
    height: 90px;
    color: #00724b
}

.balance.with-icon.xxl.minus:before {
    font: 90px/81% Pictos-IF;
    width: 90px;
    height: 90px;
    color: red
}

@media (max-width: 1079px) {
    .balance.xl .balance-predecimal {
        font: 24px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        font-weight: bold
    }

    .balance.xl .balance-decimal {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        font-weight: bold
    }

    .balance.with-icon.xl.plus:before {
        font: 36px/81% Pictos-IF;
        width: 36px;
        height: 36px
    }

    .balance.with-icon.xl.minus:before {
        font: 36px/81% Pictos-IF;
        width: 36px;
        height: 36px
    }
}

@media screen and (max-width: 767px) {
    .balance.xl .balance-predecimal {
        font: 20px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        font-weight: bold
    }

    .balance.with-icon.xl.plus:before {
        font: 30px/81% Pictos-IF;
        width: 30px;
        height: 30px
    }

    .balance.with-icon.xl.minus:before {
        font: 30px/81% Pictos-IF;
        width: 30px;
        height: 30px
    }
}

.bline.icon-large {
    padding-left: 44px;
    min-height: 42px
}

.bline.icon-large:before {
    font: 60px/81% Pictos-IF;
    color: red;
    width: 60px;
    height: 60px;
    position: absolute;
    margin-left: -58px;
    margin-top: -9px
}

.cbox-banking .no-textlink a {
    text-decoration: none;
    color: inherit
}

.cbox-banking .editable-value a {
    padding-right: 26px
}

.cbox-banking .editable-value a:after {
    font: 34px/81% Pictos-IF;
    width: 34px;
    height: 34px;
    color: #444;
    text-align: center;
    display: inline-block;
    position: absolute;
    margin-top: -7px;
    content: "\f716"
}

.cbox-banking .background-image {
    position: absolute;
    left: 0;
    width: 100%;
    right: 0;
    top: 0;
    height: 100%;
    bottom: 0;
    opacity: .2;
    overflow: hidden
}

.cbox-banking .background-image img {
    width: 100%;
    position: absolute;
    bottom: 0
}

.cbox-banking .background-image ~ * {
    position: relative
}

.cbox-banking .background-image + h2 + .block:last-child, .cbox-banking .background-image + h2 + .analystbox + .block:last-child {
    min-height: 150px
}

.cbox-banking .background-image + h2:nth-child(2) {
    padding-top: 20px
}

.bfile-dropzone.is-dragover {
    outline-offset: -11px;
    outline: 2px dashed #666
}

.bline div.divergence-container {
    display: flex;
    flex-wrap: wrap
}

.bline div.divergence-container .divergence-input {
    display: flex;
    flex-direction: column
}

.bline div.divergence-container + .bterm {
    display: none
}

.loginlogout div.login:before {
    font: 26px/81% Pictos-IF;
    width: 26px;
    height: 26px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    text-align: center;
    content: ">";
    margin-right: -28px
}

.loginlogout div.login:after {
    font: 26px/81% Pictos-IF;
    width: 26px;
    height: 26px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: none;
    text-align: center;
    content: ">";
    margin-left: -28px
}

.loginlogout .header-loginlink div.login:after {
    font: 26px/81% Pictos-IF;
    width: 26px;
    height: 26px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    text-align: center;
    content: ">";
    margin-left: -28px;
    margin-top: 0
}

.no-touch .loginlogout div.login:hover:before, .no-touch .loginlogout div.login:hover:after, .loginlogout div.login.focus:before, .loginlogout div.login.focus:after, .no-touch .loginlogout .header-loginlink div.login:hover:after {
    color: red;
    background-color: #fff
}

.loginlogout .secselect li:first-child div:after {
    content: "d";
    font: 21px/81% Pictos-IF;
    position: absolute;
    width: 21px;
    height: 21px;
    margin-top: 3px
}

.no-touch .loginlogout .secselect li:first-child:hover div:after {
    color: red
}

.loginlogout div.logout:before {
    content: "q";
    font: 20px/81% Pictos-IF;
    color: #fff;
    margin-right: -21px;
    display: inline-block
}

.loginlogout div.logout + p span.logout-time-information:before {
    content: "l";
    font: 20px/81% Pictos-IF;
    display: inline-block;
    color: #fff
}

.loginlogout > span:after {
    font: 20px/81% Pictos-IF;
    border: 1px solid #fff;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    content: ">";
    margin-left: 7px
}

.no-touch .loginlogout > span:hover:after {
    color: red;
    background-color: #fff
}

.search > a:before {
    font: 43px/85% Pictos-IF;
    width: 43px;
    height: 43px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    color: red;
    display: inline-block;
    content: "s"
}

.no-touch .search > a:hover:before, .search > a:focus:before {
    color: #fff;
    background-color: red
}

.search form:before {
    font: 28px/81% Pictos-IF;
    color: #666;
    content: "s";
    margin-left: 3px;
    margin-top: 6px;
    position: absolute
}

.if6_navigation > a:before {
    color: #fff;
    font: 60px/81% Pictos-IF;
    margin-left: -6px;
    margin-top: -4px;
    display: inline-block;
    content: "n"
}

.if6_bstart:before {
    color: #fff;
    font: 60px/81% Pictos-IF;
    content: "b";
    margin-left: -6px;
    margin-top: -4px;
    display: inline-block
}

.if6_contact > a:before {
    color: #fff;
    font: 60px/81% Pictos-IF;
    margin-left: -6px;
    margin-top: -4px;
    display: inline-block;
    content: "h"
}

.if6_contact > a + a:before {
    color: #fff;
    font: 60px/81% Pictos-IF;
    margin-left: -6px;
    margin-top: -4px;
    content: "c"
}

.if6_contact > a + a + a:before {
    color: #fff;
    font: 60px/81% Pictos-IF;
    margin-left: -6px;
    margin-top: -4px;
    content: "m"
}

.if6_contact > a + a + a.new-message:before {
    color: #fff;
    font: 60px/81% Pictos-IF;
    margin-left: -6px;
    margin-top: -4px;
    content: "\f621"
}

.no-touch .if6_navigation ul li:hover > a:after, .if6_navigation ul li > a:focus:after {
    content: ">";
    color: red;
    font: 18px/81% Pictos-IF;
    float: right;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    margin-left: -18px;
    text-align: center
}

.if6_navigation .navtop:before {
    font: 18px/81% Pictos-IF;
    margin-right: 10px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #666;
    border-radius: 50%;
    content: "u";
    color: #666
}

.if6_navigation .navback:before {
    font: 18px/81% Pictos-IF;
    margin-right: 10px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #666;
    border-radius: 50%;
    content: "<";
    color: #666
}

.no-touch .if6_navigation .navtop:hover:before, .if6_navigation .navtop:focus:before, .no-touch .if6_navigation .navback:hover:before, .if6_navigation .navback:focus:before {
    color: #fff;
    background-color: #666
}

.if6_opener .ty1 .linktext:after, .if6_buttonline div.primary a:after, .buttonline .bgroup1 > a:last-child:after, .buttonline .bgroup1 > div:last-child:after {
    content: ">";
    font: 21px/81% Pictos-IF;
    margin-left: 7px;
    color: #fff;
    display: inline-block;
    width: 21px;
    height: 21px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center
}

.if6_opener .ty1 .linktext.lightbox-link:after {
    color: #fff;
    content: "i";
    font: 21px/81% Pictos-IF;
    height: 21px;
    width: 21px
}

.no-touch .if6_opener .ty1 .linktext:hover:after, .if6_opener .ty1 .linktext:focus:after, .no-touch .if6_buttonline div.primary:hover a:after, .if6_buttonline div.primary a:focus:after, .no-touch .buttonline .bgroup1 > a:last-child:hover:after, .buttonline .bgroup1 > a:last-child:focus:after, .no-touch .buttonline .bgroup1 > div:last-child:hover:after, .buttonline .bgroup1 > div.focus:last-child:after {
    color: red;
    background-color: #fff
}

.if6_buttonline div.primaryicon a:before {
    font: 21px/81% Pictos-IF;
    color: #fff;
    display: inline-block;
    width: 21px;
    height: 21px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 7px
}

.no-touch .if6_buttonline div.primaryicon a:hover:before, .if6_buttonline div.primaryicon a:focus:before {
    color: red;
    background-color: #fff
}

.buttonline .bgroup1 > a:before, .buttonline .bgroup1 > div:before, .if6_buttonline div.secondary a:before, .abschlussweiche-container > .buttonline a:before {
    content: ">";
    color: #666;
    width: 21px;
    height: 21px;
    font: 21px/81% Pictos-IF;
    margin-left: -21px;
    display: none;
    text-align: center
}

.no-touch .buttonline .bgroup1 > a:hover:before, .no-touch .buttonline .bgroup1 > div:hover:before, .buttonline .bgroup1 > a:focus:before, .buttonline .bgroup1 > div.focus:before, .no-touch .if6_buttonline div.secondary a:hover:before, .if6_buttonline div.secondary a:focus:before, .no-touch .abschlussweiche-container > .buttonline a:hover:before, .abschlussweiche-container > .buttonline a:focus:before {
    color: #fff
}

.no-touch .buttonline .bgroup1 > div:before {
    margin-right: -21px;
    margin-left: 0
}

.no-touch .buttonline .bgroup1 > a:before, .no-touch .buttonline .bgroup1 > div:before, .no-touch .if6_buttonline div.secondary a:before, .no-touch .abschlussweiche-container > .buttonline a:before {
    display: inline-block
}

.no-touch .buttonline .bgroup1 > a:last-child:before, .no-touch .buttonline .bgroup1 > div:last-child:before {
    display: none
}

div.contactsel > a:after {
    content: "d";
    font: 21px/81% Pictos-IF;
    width: 21px;
    height: 21px;
    color: #fff;
    display: inline-block;
    margin-left: 4px;
    margin-right: -5px
}

div.contactsel.visible > a:after {
    content: "u";
    font: 21px/81% Pictos-IF;
    width: 21px;
    height: 21px;
    color: #fff
}

div.contactsel.show050 > a + a:after {
    content: "d";
    font: 21px/81% Pictos-IF;
    width: 21px;
    height: 21px;
    position: absolute;
    right: 5px;
    top: 11px;
    margin-right: 0;
    color: #333
}

div.contactsel.visible.show050 > a + a:after {
    content: "u";
    font: 21px/81% Pictos-IF;
    width: 21px;
    height: 21px;
    color: #333
}

.no-touch div.contactsel.show050 > a + a:hover, .no-touch div.contactsel.show050 > a + a:hover:after, div.contactsel.show050 > a + a:focus, div.contactsel.show050 > a + a:focus:after {
    color: red
}

.if6_buttonline div.contactsel li a:before {
    font: 40px/81% Pictos-IF;
    width: 40px;
    height: 40px;
    color: #666;
    display: inline-block;
    position: absolute;
    left: -9px;
    top: 2px
}

.if6_buttonline div.contactsel li a:after {
    font: 21px/81% Pictos-IF;
    width: 21px;
    height: 21px;
    content: ">";
    color: #666;
    display: inline-block;
    position: absolute;
    right: -6px;
    top: 11px
}

.if6_buttonline div.contactsel li a[href^=tel]:after {
    display: none
}

.if6_buttonline div.contactsel.show050 li a:before {
    font: 36px/81% Pictos-IF;
    width: 36px;
    height: 36px;
    color: #333;
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 2px
}

.if6_buttonline div.contactsel.show050 li a:after {
    font: 21px/81% Pictos-IF;
    width: 21px;
    height: 21px;
    content: ">";
    color: #333;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 11px
}

.no-touch .if6_buttonline div.contactsel ul li a:hover, .no-touch .if6_buttonline div.contactsel li a:hover:before, .no-touch .if6_buttonline div.contactsel li a:hover:after, .if6_buttonline div.contactsel ul li a:focus, .if6_buttonline div.contactsel li a:focus:before, .if6_buttonline div.contactsel li a:focus:after, .if6_buttonline div.contactsel.show050 li a:focus:before, .if6_buttonline div.contactsel.show050 li a:focus:after {
    color: red
}

.if6_buttonline .contact .main a:before {
    content: "h";
    color: #333;
    font: 35px/81% Pictos-IF;
    width: 35px;
    height: 35px;
    position: absolute;
    margin-left: -37px;
    margin-top: -5px;
    text-align: center
}

.if6_buttonline .contact .main span + a:before {
    content: "h";
    color: #333;
    font: 58px/81% Pictos-IF;
    width: 58px;
    height: 58px;
    margin-left: -54px;
    margin-top: -7px
}

.if6_buttonline .contact > a:before {
    content: "h";
    color: #fff;
    font: 35px/81% Pictos-IF;
    width: 35px;
    height: 35px;
    position: absolute;
    margin-left: -36px;
    margin-top: -7px
}

.carousel_play .left:before {
    font: 18px/81% Pictos-IF;
    color: #666;
    width: 18px;
    height: 18px;
    border: 1px solid #666;
    border-radius: 50%;
    display: block;
    content: "<"
}

.carousel_play .right:before {
    font: 18px/81% Pictos-IF;
    color: #666;
    width: 18px;
    height: 18px;
    border: 1px solid #666;
    border-radius: 50%;
    display: block;
    content: ">"
}

.no-touch .carousel_play .left:hover:before, .no-touch .carousel_play .right:hover:before {
    color: #fff;
    background-color: #666
}

.if6_openerstage .carousel_play .left:before {
    color: #e3e3e3;
    content: "<";
    display: block;
    font: 50px/81% Pictos-IF;
    height: 50px;
    width: 50px;
    border: 0
}

.if6_openerstage .carousel_play .right:before {
    color: #e3e3e3;
    content: ">";
    display: block;
    font: 50px/81% Pictos-IF;
    height: 50px;
    width: 50px;
    border: 0
}

.if6_openerstage .carousel_play .left:before, .if6_openerstage .carousel_play .right:before {
    color: rgba(255, 255, 255, 0.5)
}

.no-touch .if6_openerstage .carousel_play .left:hover:before, .no-touch .if6_openerstage .carousel_play .right:hover:before {
    color: #fff;
    background-color: transparent
}

.servicetiles .serviceelement a:before, .chat_online .servicetiles .serviceelement a.chatlink:before, .videochat_online .servicetiles .serviceelement a.videochatlink:before {
    font: 100px/81% Pictos-IF;
    position: absolute;
    display: block;
    color: red;
    width: 100px;
    height: 100px;
    text-align: center;
    top: 8px;
    left: 50%;
    margin-left: -50px
}

.servicetiles .serviceelement a.chatlink:before, .servicetiles .serviceelement a.videochatlink:before {
    font: 100px/81% Pictos-IF;
    position: absolute;
    display: block;
    color: #666;
    width: 100px;
    height: 100px;
    text-align: center;
    top: 8px;
    left: 50%;
    margin-left: -50px
}

.no-touch .servicetiles .serviceelement a:hover, .servicetiles .serviceelement a:focus {
    background-color: red;
    color: #fff
}

.no-touch .servicetiles .serviceelement a:hover:before, .servicetiles .serviceelement a:focus:before {
    color: #fff
}

.no-touch .chat_online .servicetiles .serviceelement a.chatlink:hover:before, .chat_online .servicetiles .serviceelement a.chatlink:focus:before, .no-touch .videochat_online .servicetiles .serviceelement a.videochatlink:hover:before, .videochat_online .servicetiles .serviceelement a.videochatlink:focus:before {
    color: #fff
}

.no-touch .servicetiles .serviceelement a.videochatlink:hover:after, .servicetiles .serviceelement a.videochatlink:focus:after, .no-touch .servicetiles .serviceelement a.chatlink:hover:after, .servicetiles .serviceelement a.chatlink:focus:after {
    border: 2px solid red
}

.servicetiles .serviceelement a.videochatlink:before {
    color: #666
}

.cs-link a:after {
    color: #333;
    content: ">";
    font: 15px/81% Pictos-IF;
    width: 15px;
    text-align: center;
    height: 15px;
    border: 1px solid #333;
    border-radius: 50%;
    display: inline-block;
    margin-left: 3px
}

.no-touch .cs-link a:hover:after, .cs-link a:focus:after {
    background-color: #333;
    color: #f0f0f0
}

.cs-phone .cs-number:before {
    color: #333;
    font: 22px/81% Pictos-IF;
    width: 22px;
    content: "h";
    display: inline-block;
    margin-right: -3px;
    margin-left: -5px
}

.cs-phone.cs-main .cs-number:before {
    color: #333;
    font: 45px/81% Pictos-IF;
    width: 45px;
    content: "h";
    display: inline-block;
    margin-right: -5px;
    margin-left: -10px
}

.cs-phone > a:before {
    display: none;
    color: #fff;
    font: 28px/81% Pictos-IF;
    height: 28px;
    margin-left: -26px;
    margin-top: 9px;
    width: 28px;
    content: "h";
    position: absolute;
    top: 0
}

.cs-button div > a:before {
    color: #333;
    font: 30px/81% Pictos-IF;
    height: 30px;
    width: 30px;
    display: inline-block;
    text-align: center;
    margin-left: -4px;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -3px
}

.cs-button > a:before {
    color: #666;
    font: 100px/81% Pictos-IF;
    height: 100px;
    width: 100px;
    display: block;
    left: 50%;
    top: 0;
    margin-left: -50px;
    margin-top: -96px;
    text-align: center;
    position: absolute
}

.cs-button > a:after {
    color: #333;
    content: ">";
    font: 15px/81% Pictos-IF;
    height: 15px;
    width: 15px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    border: 1px solid transparent;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8.5px
}

.no-touch .cs-button > a:hover:after, .cs-button > a:focus:after {
    border-color: #333
}

.servicelink a:before {
    font: 33px/81% Pictos-IF;
    width: 33px;
    height: 33px;
    color: #333;
    position: absolute;
    margin-left: -43px;
    margin-top: 5px
}

.servicelink a:after, .servicebutton a:after {
    content: "\f7b2";
    font: 33px/81% Pictos-IF;
    width: 33px;
    height: 33px;
    display: inline-block;
    color: #333;
    margin-top: 5px;
    position: absolute;
    right: 0;
    top: 0
}

.icon-none:before {
    display: none
}

.cbox-icon .icon:before {
    font: 60px/81% Pictos-IF;
    width: 60px;
    height: 60px;
    position: absolute;
    display: block;
    color: #333;
    margin: -20px 0 0 -16px;
    text-align: center
}

.cbox .textbutton a:after, .cbox-eyecatcher .linklist a:after, .cbox-campaign .linklist a:after, .cbox-mainproduct .linklist a:after, .campaign .linklist a:after, .cbox-bannerbox .linklist a:after, .cbox_hover .textbutton a:after {
    content: ">";
    font: 21px/81% Pictos-IF;
    margin-left: 7px;
    display: inline-block;
    width: 21px;
    height: 21px;
    border: 1px solid #666;
    border-radius: 50%;
    color: #666;
    text-align: center
}

.no-touch .cbox .textbutton a:hover:after, .cbox .textbutton a:focus:after, .no-touch .cbox-eyecatcher .linklist a:hover:after, .cbox-eyecatcher .linklist a:focus:after, .no-touch .cbox-campaign .linklist a:hover:after, .cbox-campaign .linklist a:focus:after, .no-touch .cbox-mainproduct .linklist a:hover:after, .cbox-mainproduct .linklist a:focus:after, .no-touch .campaign .linklist a:hover:after, .campaign .linklist a:focus:after, .no-touch .cbox-bannerbox .linklist a:hover:after, .cbox-bannerbox .linklist a:focus:after, .no-touch .cbox_hover:hover .textbutton a:after {
    color: #fff;
    background-color: #666
}

.cbox .textbutton a.lightbox-link:after, .cbox_hover .textbutton a.lightbox-link:after {
    content: "i";
    font: 21px/81% Pictos-IF;
    width: 21px;
    height: 21px;
    color: #666
}

.no-touch .cbox .textbutton a.lightbox-link:hover:after, .cbox .textbutton a.lightbox-link:focus:after, .no-touch .cbox_hover:hover .textbutton a.lightbox-link:after {
    color: #fff;
    background-color: #666
}

.linklist li.terminate a:after {
    content: "×";
    font: 21px/81% Pictos-IF;
    color: #666
}

.cbox-product .textbutton a:after, .cbox-eyecatcher .linklist .primary a:after, .cbox-campaign .linklist .primary a:after, .cbox-mainproduct .linklist .primary a:after, .campaign .linklist .primary a:after, .cbox-market .textbutton a:after, .cbox-bannerbox .linklist .primary a:after, .cbox-pslose .textbutton a:after, .cbox_hover.cbox-product .textbutton a:after {
    content: ">";
    font: 21px/81% Pictos-IF;
    margin-left: 7px;
    display: inline-block;
    height: 21px;
    width: 21px;
    border: 1px solid red;
    border-radius: 50%;
    color: red;
    text-align: center
}

.no-touch .cbox-product .textbutton a:hover:after, .cbox-product .textbutton a:focus:after, .no-touch .cbox-eyecatcher .linklist .primary a:hover:after, .cbox-eyecatcher .linklist .primary a:focus:after, .no-touch .cbox-campaign .linklist .primary a:hover:after, .cbox-campaign .linklist .primary a:focus:after, .no-touch .cbox-mainproduct .linklist .primary a:hover:after, .cbox-mainproduct .linklist .primary a:focus:after, .no-touch .campaign .linklist .primary a:hover:after, .campaign .linklist .primary a:focus:after, .no-touch .cbox-market .textbutton a:hover:after, .cbox-market .textbutton a:focus:after, .no-touch .cbox-bannerbox .linklist .primary a:hover:after, .cbox-bannerbox .linklist .primary a:focus:after, .no-touch .cbox-pslose .textbutton a:hover:after, .cbox-pslose .textbutton a:focus:after, .no-touch .cbox_hover.cbox-product:hover .textbutton a:after {
    color: #fff;
    background-color: red
}

.cbox-product .textbutton a.lightbox-link:after {
    content: "i";
    font: 21px/81% Pictos-IF;
    width: 21px;
    height: 21px;
    color: red
}

.if6_teaser .ty1 .linktext:after {
    content: ">";
    font: 21px/81% Pictos-IF;
    display: inline-block;
    height: 21px;
    width: 21px;
    border: 1px solid red;
    border-radius: 50%;
    color: red;
    text-align: center
}

.no-touch .if6_teaser .ty1:hover .linktext:after, .if6_teaser .ty1 a:focus .linktext:after {
    color: #fff;
    background-color: red
}

.if6_teaser .ty1 .lightbox-link .linktext:after {
    content: "i";
    font: 21px/81% Pictos-IF;
    height: 21px;
    width: 21px;
    color: red
}

.cbox-small.cbox-campaign > .description:first-child .linklist a:after {
    color: #fff;
    border-color: #fff;
    content: ">";
    font: 21px/81% Pictos-IF
}

.no-touch .cbox-small.cbox-campaign > .description:first-child .linklist a:hover:after, .cbox-small.cbox-campaign > .description:first-child .linklist a:focus:after {
    color: red;
    background-color: #fff
}

.cbox-small.cbox-campaign > .description:first-child .linklist li.terminate a:after {
    content: "×";
    font: 21px/81% Pictos-IF;
    color: #fff
}

.campaign .campaign-top:before {
    width: 44px;
    height: 44px;
    color: #fff;
    font: 44px/81% Pictos-IF;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -27px;
    margin-left: -10px
}

.js .campaign .campaign-top:before {
    margin-top: -22px
}

.js .campaign.campaign-visible .campaign-top:before {
    margin-top: -27px
}

.campaign .campaign-top:after {
    content: "d";
    border: 1px solid #fff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    font: 22px/81% Pictos-IF;
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    color: #fff
}

.js .campaign .campaign-top:after {
    display: inline-block
}

.campaign.campaign-visible .campaign-top:after {
    content: "u";
    width: 22px;
    height: 22px;
    font: 22px/81% Pictos-IF;
    margin-top: -17px;
    color: #fff
}

.no-touch .campaign .campaign-top:hover:after, .campaign .campaign-top:focus:after {
    color: #00acd3;
    background-color: #fff
}

.cbox-pslose .datapaging .left:before {
    font: 30px/81% Pictos-IF;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    content: "<";
    color: #666
}

.cbox-pslose .datapaging .right:before {
    font: 30px/81% Pictos-IF;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    content: ">";
    color: #666
}

ul.biglinklist > li > a:before {
    content: ">";
    font: 21px/81% Pictos-IF;
    margin-left: -30px;
    margin-right: 7px;
    display: inline-block;
    width: 21px;
    height: 21px;
    border: 1px solid #666;
    border-radius: 50%;
    color: #666;
    text-align: center
}

.no-touch ul.biglinklist > li > a:hover:before, ul.biglinklist > li > a:focus:before {
    color: #fff;
    background-color: #666
}

.if6_glossar a:before {
    border: 1px solid #666;
    border-radius: 50%;
    color: #666;
    display: inline-block;
    font: 26px/81% Pictos-IF;
    height: 26px;
    width: 26px;
    content: "\f70b";
    text-align: center
}

.no-touch .if6_glossar a:hover:before, .if6_glossar a:focus:before {
    color: #f0f0f0;
    background-color: #666
}

.templ-bankingstartpage .cbox-banking > h2:first-child:before {
    color: red;
    font: 37px/81% Pictos-IF;
    width: 37px;
    height: 37px;
    margin-left: -8px;
    margin-top: -8px;
    display: inline-block
}

span.checkbox:after {
    content: " ";
    font: 18px/81% Pictos-IF;
    display: block;
    width: 18px;
    height: 18px;
    text-align: center;
    margin: -30px 0 0 6px;
    color: #fff;
    position: relative;
    z-index: 1
}

span.checkbox.checked:after {
    content: "v";
    font: 18px/81% Pictos-IF;
    color: #fff
}

.if6 ul.checked li:before {
    content: "v";
    font: 18px/81% Pictos-IF;
    color: #000;
    width: 18px;
    padding: 0 6px
}

.if6_opener ul.checked li:before {
    content: "v";
    font: 18px/81% Pictos-IF;
    color: #444
}

.if6 .cbox ul.checked li:before {
    content: "v";
    font: 18px/81% Pictos-IF;
    color: #009864
}

.bline ul.linklist li a:before {
    content: ">";
    font: 14px/81% Pictos-IF;
    margin-left: -14px;
    color: red;
    display: inline-block
}

a.arrowLink:before {
    content: ">";
    font: 14px/81% Pictos-IF;
    display: inline-block;
    color: #666
}

.buttonline .bgroup1 > div:last-child:after {
    margin-left: -43px;
    margin-right: 20px
}

.buttonline .bgroup2 > a:before, .buttonline .bgroup2 > div:before, .buttonline .bgroup4 > a:before, .buttonline .bgroup4 > div:before, .if6_buttonline div.back a:before, .ficon.icon-b_back:before {
    font: 15px/81% Pictos-IF;
    width: 15px;
    height: 15px;
    border: 1px solid #666;
    border-radius: 50%;
    display: inline-block;
    color: #666;
    text-align: center;
    content: "<";
    margin-right: 7px
}

.buttonline .bgroup4 > a:before, .buttonline .bgroup4 > div:before {
    content: "p"
}

.buttonline .bgroup4 > a.icon-if5_b_druckansicht_schliessen:before {
    content: "×"
}

.buttonline .bgroup2 > div.icon-if5_b_chat_fenster_schliessen:before {
    content: "×"
}

.buttonline .bgroup2 > div.icon-if5_b_chat_beenden:before {
    content: "q"
}

.buttonline .bgroup2 > div:before, .buttonline .bgroup4 > div:before, .ficon.icon-b_back:before {
    margin-right: -17px
}

.no-touch .buttonline .bgroup2 > a:hover:before, .buttonline .bgroup2 > a:focus:before, .no-touch .buttonline .bgroup2 > div:hover:before, .buttonline .bgroup2 > div.focus:before, .no-touch .buttonline .bgroup4 > a:hover:before, .buttonline .bgroup4 > a:focus:before, .no-touch .buttonline .bgroup4 > div:hover:before, .buttonline .bgroup4 > div.focus:before, .no-touch .if6_buttonline div.back a:hover:before, .if6_buttonline div.back a:focus:before {
    color: #fff;
    background-color: #666
}

.buttonline .ficon:before, .abschlussweiche .buttonline .arrowLink:before, .pf-nachricht .arrowLink:before, .ficon.icon-b_textbutton:before {
    display: none
}

.buttonline .ficon:after, .ficon.icon-b_textbutton:after {
    margin-left: -22px;
    content: ">";
    font: 18px/81% Pictos-IF;
    width: 18px;
    height: 18px;
    border: 1px solid #666;
    border-radius: 50%;
    display: inline-block;
    color: #666;
    text-align: center
}

.buttonline .bgroup2 .ficon:after {
    display: none
}

.abschlussweiche .buttonline .ficon.icon-if5_button_anmelden_rot:after, .oa_kreditwunsch .buttonline .ficon.icon-if5_b_neu-berech:after, .oa_vergleich .buttonline .ficon.icon-if5_b_neu-berech:after, .buttonline.primary-textbutton .ficon:after {
    content: ">";
    font: 18px/81% Pictos-IF;
    color: red;
    border: 1px solid red
}

.abschlussweiche .buttonline .arrowLink:after {
    margin-left: 10px;
    content: ">";
    font: 18px/81% Pictos-IF;
    width: 18px;
    height: 18px;
    border: 1px solid #666;
    border-radius: 50%;
    display: inline-block;
    color: #666;
    text-align: center
}

.no-touch .buttonline .ficon:hover:after, .buttonline .ficon.focus:after, .no-touch .ficon.icon-b_textbutton:hover:after, .ficon.icon-b_textbutton.focus:after, .no-touch .abschlussweiche .buttonline .arrowLink:hover:after, .abschlussweiche .buttonline .arrowLink:focus:after {
    color: #fff;
    background-color: #666
}

.no-touch .abschlussweiche .buttonline .ficon.icon-if5_button_anmelden_rot:hover:after, .abschlussweiche .buttonline .ficon.icon-if5_button_anmelden_rot.focus:after, .no-touch .oa_kreditwunsch .buttonline .ficon.icon-if5_b_neu-berech:hover:after, .oa_kreditwunsch .buttonline .ficon.icon-if5_b_neu-berech.focus:after, .no-touch .oa_vergleich .buttonline .ficon.icon-if5_b_neu-berech:hover:after, .oa_vergleich .buttonline .ficon.icon-if5_b_neu-berech.focus:after, .no-touch .buttonline.primary-textbutton .ficon:hover:after, .buttonline.primary-textbutton .ficon.focus:after {
    background-color: red;
    color: #fff
}

.pf-nachricht .arrowLink:after {
    margin-left: 10px;
    content: ">";
    font: 18px/81% Pictos-IF;
    width: 18px;
    height: 18px;
    border: 1px solid red;
    border-radius: 50%;
    display: inline-block;
    color: red;
    text-align: center
}

.no-touch .pf-nachricht .arrowLink:hover:after {
    color: #fff;
    background-color: red
}

.ficon:before {
    font: 26px/81% Pictos-IF;
    width: 26px;
    height: 26px;
    border: 1px solid #666;
    border-radius: 50%;
    display: inline-block;
    color: #666;
    text-align: center
}

.ficon:before {
    content: "\f638"
}

div.ficon:before {
    margin-right: -28px
}

.ficon.icon-if5_refresh:before {
    margin-right: -20px;
    border: 1px solid #666;
    border-radius: 50%;
    color: #666;
    font: 18px/81% Pictos-IF;
    height: 18px;
    text-align: center;
    width: 18px;
    content: "\f633"
}

.no-touch .ficon:hover:before, .if6 .ficon:focus:before, .if6 .ficon.focus:before {
    color: #fff;
    background-color: #666
}

.btableblock .ficon:before {
    font: 26px/81% Pictos-IF;
    width: 26px;
    height: 26px;
    border: 1px solid #444;
    border-radius: 50%;
    color: #444
}

.no-touch .btableblock .ficon:hover:before, .if6 .btableblock .ficon:focus:before, .if6 .btableblock .ficon.focus:before {
    background-color: #444;
    color: #fff
}

.js .btable.has-action-column tr.clickable td:last-child .ficon:before {
    border: 0;
    color: #444;
    font: 26px/81% Pictos-IF;
    height: 26px;
    width: 26px
}

.no-touch.js .btable.has-action-column tr.clickable:hover td:last-child .ficon:before, .js .btable.has-action-column tr.clickable td:last-child .ficon.focus:before {
    color: red;
    background-color: transparent
}

.no-touch.js .btable.has-action-column.hover-over-area tr.clickable:hover td:last-child .ficon:before, .js .btable.has-action-column.hover-over-area tr.clickable td:last-child .ficon.focus:before {
    color: #444
}

.textbutton-column td:last-child .ficon:after {
    margin-left: -22px;
    content: ">";
    font: 18px/81% Pictos-IF;
    width: 18px;
    height: 18px;
    border: 1px solid #444;
    border-radius: 50%;
    display: inline-block;
    color: #444;
    text-align: center
}

.no-touch .textbutton-column td:last-child .ficon:hover:after, .textbutton-column td:last-child .ficon.focus:after {
    color: #fff;
    background-color: #444
}

.primary-textbutton-column td:last-child .ficon:after {
    margin-left: -22px;
    content: ">";
    font: 18px/81% Pictos-IF;
    width: 18px;
    height: 18px;
    border: 1px solid red;
    border-radius: 50%;
    display: inline-block;
    color: red;
    text-align: center
}

.no-touch .primary-textbutton-column td:last-child .ficon:hover:after, .primary-textbutton-column td:last-child .ficon.focus:after {
    color: #fff;
    background-color: red
}

.nicon:before {
    font: 26px/81% Pictos-IF;
    width: 26px;
    height: 26px;
    display: inline-block;
    color: #666;
    margin-right: 0;
    text-align: center
}

.nicon:before {
    content: "?"
}

.icon-if5_i_pfeil_gefallen:before {
    color: red;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.icon-if5_i_pfeil_gestiegen:before {
    color: #00724b
}

.icon-if5_i_pfeil_gleich:before {
    color: #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.icon-if5_i_pfeil_stark_gefallen:before {
    color: red;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.icon-if5_i_pfeil_stark_gestiegen:before {
    color: #00724b;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.icon-if5_i_limit_erhoehen:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ficon.icon-blank:before, .ficon.icon-null:before {
    display: none
}

.bpulldown .ficon:before {
    margin-right: 10px;
    font: 18px/81% Pictos-IF;
    height: 18px;
    width: 18px;
    color: #666
}

.bpulldown.baction .ficon:before {
    margin-right: 0;
    font: 26px/81% Pictos-IF;
    height: 26px;
    width: 26px
}

.bpulldown.baction a.ficon:before {
    margin-right: 5px
}

.btableblock th .ficon.icon-if5_symbol_up:before {
    border: 0;
    font: 18px/81% Pictos-IF;
    width: 18px;
    height: 18px;
    margin-right: -20px;
    content: "u";
    color: #444
}

.btableblock th .ficon.icon-if5_symbol_down:before {
    border: 0;
    font: 18px/81% Pictos-IF;
    width: 18px;
    height: 18px;
    margin-right: -20px;
    content: "d";
    color: #444
}

.btableblock th .ficon.icon-if5_symbol_up_a:before {
    border: 0;
    font: 18px/81% Pictos-IF;
    width: 18px;
    height: 18px;
    margin-right: -20px;
    content: "u";
    color: #919191
}

.btableblock th .ficon.icon-if5_symbol_down_a:before {
    border: 0;
    font: 18px/81% Pictos-IF;
    width: 18px;
    height: 18px;
    margin-right: -20px;
    content: "d";
    color: #919191
}

.no-touch .btableblock th .ficon.icon-if5_symbol_up_a:hover:before, .btableblock th .ficon.icon-if5_symbol_up_a.focus:before, .no-touch .btableblock th .ficon.icon-if5_symbol_down_a:hover:before, .btableblock th .ficon.icon-if5_symbol_down_a.focus:before {
    background-color: #919191;
    color: #fff
}

.btableblock .btable.groupOpenCloseable tr.tableheader .ficon:before {
    border: 0;
    font: 22px/81% Pictos-IF;
    width: 22px;
    height: 22px;
    color: #333;
    background-color: transparent
}

.no-touch .btableblock .btable.groupOpenCloseable tr.tableheader .ficon:hover:before, .btableblock .btable.groupOpenCloseable tr.tableheader .ficon.focus:before {
    background-color: transparent;
    color: #000
}

div.helptxt:before {
    border: 1px solid #666;
    border-radius: 50%;
    color: #666;
    display: inline-block;
    font: 26px/81% Pictos-IF;
    height: 26px;
    width: 26px;
    content: "\f70b";
    text-align: center
}

.no-touch div.helptxt:hover:before {
    color: #f0f0f0;
    background-color: #666
}

div.helptxt.moved-icon:before {
    color: #666;
    font: 33px/81% Pictos-IF;
    height: 33px;
    width: 33px;
    content: "\f70b"
}

.no-touch div.helptxt.moved-icon:hover:before {
    color: #f0f0f0;
    background-color: #666
}

table.direkthandel .arrowLink:after {
    content: ">";
    width: 18px;
    height: 18px;
    font: 18px/81% Pictos-IF;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    margin-left: 7px;
    margin-top: -10px
}

.no-touch table.direkthandel .arrowLink:hover:after, table.direkthandel .arrowLink:focus:after {
    color: red;
    background-color: #fff
}

.actioniconLink:before {
    font: 18px/81% Pictos-IF;
    width: 18px;
    height: 18px;
    border: 1px solid #666;
    border-radius: 50%;
    display: inline-block;
    color: #666;
    margin-right: 10px;
    text-align: center
}

.actioniconLink:before {
    content: "?"
}

.no-touch .actioniconLink:hover:before, .actioniconLink:focus:before {
    color: #fff;
    background-color: #666
}

.tableheader .actioniconLink:before {
    font: 18px/81% Pictos-IF;
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    color: #fff
}

.no-touch .tableheader .actioniconLink:hover:before, .tableheader .actioniconLink:focus:before {
    color: #666;
    background-color: #fff
}

.bpager .pagerbuttons div.left:before {
    display: inline-block;
    color: #666;
    background-color: #e3e3e3;
    font: 30px/81% Pictos-IF;
    content: "<";
    margin-right: -30px
}

.bpager .pagerbuttons div.right:before {
    display: inline-block;
    color: #666;
    background-color: #e3e3e3;
    font: 30px/81% Pictos-IF;
    content: ">";
    margin-right: -30px
}

.bsayt ul li div:after {
    content: ">";
    font: 18px/81% Pictos-IF;
    border: 1px solid #666;
    color: #666;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: inline-block;
    float: right;
    margin-right: 15px;
    margin-top: -26px
}

.bsayt ul li p + div:after {
    margin-top: -36px
}

.no-touch .bsayt ul li:hover {
    background-color: #f0f0f0
}

.no-touch .bsayt ul li:hover div:after {
    color: #fff;
    background-color: #666
}

.cal_close a:before {
    font: 18px/81% Pictos-IF;
    width: 18px;
    height: 18px;
    display: inline-block;
    color: #666;
    text-align: center;
    content: "×"
}

.cal_button a:before {
    font: 18px/81% Pictos-IF;
    width: 20px;
    height: 20px;
    display: inline-block;
    color: #666;
    text-align: center;
    content: "<"
}

.cal_button span:before {
    font: 18px/81% Pictos-IF;
    width: 20px;
    height: 20px;
    display: inline-block;
    color: #666;
    text-align: center;
    content: "<"
}

.no-touch .cal_close a:hover:before, .no-touch .cal_button a:hover:before {
    color: red
}

.cal_button:last-child a:before, .cal_button:last-child span:before {
    font: 18px/81% Pictos-IF;
    width: 20px;
    height: 20px;
    display: inline-block;
    color: #666;
    text-align: center;
    content: ">"
}

.numbered-icon:before {
    font: 250px Pictos-IF;
    line-height: 81%;
    color: red;
    width: 250px;
    height: 250px;
    display: inline-block;
    text-align: center
}

.postbox .numbered-icon:before {
    font: 150px/81% Pictos-IF;
    height: 150px;
    width: 150px;
    color: red;
    margin-left: -38px;
    margin-top: -34px
}

.cbox-small .postbox .numbered-icon:before {
    font: 250px Pictos-IF;
    line-height: 81%;
    width: 250px;
    height: 250px;
    color: red;
    margin-left: -50px;
    margin-top: -58px
}

.postbox.no-messages .numbered-icon:before, .postbox.no-configuration .numbered-icon:before {
    font: 150px/81% Pictos-IF;
    height: 150px;
    width: 150px;
    color: #e3e3e3
}

.cbox-small .postbox.no-messages .numbered-icon:before, .cbox-small .postbox.no-configuration .numbered-icon:before {
    font: 250px Pictos-IF;
    line-height: 81%;
    width: 250px;
    height: 250px;
    color: #e3e3e3
}

.favorites.no-favorites p:before {
    font: 200px/81% Pictos-IF;
    width: 200px;
    height: 200px;
    display: block;
    margin: -50px auto -30px auto;
    text-align: center;
    color: #e3e3e3;
    content: "\f723"
}

.favorites ul.user li a:after, .next-task ul li a:after {
    content: ">";
    font: 21px/81% Pictos-IF;
    margin-left: 7px;
    display: inline-block;
    width: 21px;
    height: 21px;
    border: 1px solid #666;
    border-radius: 50%;
    color: #666
}

.no-touch .favorites ul.user li a:hover:after, .no-touch .next-task ul li a:hover:after {
    color: #fff;
    background-color: #666
}

.seclink a:before {
    text-decoration: underline
}

.seclink a:before {
    width: 28px;
    height: 28px;
    color: red;
    content: "\f740";
    font: 28px/81% Pictos-IF;
    display: inline-block;
    margin-right: -3px;
    text-decoration: none
}

.close-icon:before {
    color: #000;
    font: 25px/81% Pictos-IF;
    width: 25px;
    height: 25px;
    display: block;
    content: "×";
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.75);
    text-align: center;
    margin: 7.5px
}

.no-touch .close-icon:hover:before {
    color: red;
    background-color: #fff
}

.if5_waitNotice:after {
    content: "\f796";
    font: 26px/81% Pictos-IF;
    width: 26px;
    height: 26px;
    text-align: center;
    margin: 10px auto 0 auto;
    display: block
}

.iconbar .pagenavcurrent:after {
    font: 28px/81% Pictos-IF;
    content: "d";
    width: 28px;
    color: #333;
    top: 6px;
    position: absolute
}

.pagenav_visible .iconbar .pagenavcurrent:after {
    content: "u";
    font: 28px/81% Pictos-IF;
    color: #333
}

.no-touch .iconbar .pagenavcurrent:hover:after {
    color: red
}

.analyst .icon:before {
    font: 28px/81% Pictos-IF;
    color: #666;
    display: inline-block;
    margin-left: -5px;
    margin-top: -8px;
    vertical-align: middle
}

.analyst .right .icon:before {
    color: #666;
    display: inline-block;
    font: 30px/81% Pictos-IF;
    margin: -9px -3px 0 -6px;
    vertical-align: middle;
    width: 30px;
    height: 30px
}

.campaign .analyst .right .icon:before {
    color: #fff;
    font: 30px/81% Pictos-IF
}

.cbox-large.cbox-campaign .analyst.style-2 .right .icon:before {
    color: #fff;
    font: 30px/81% Pictos-IF
}

.cbox-market form:before {
    font: 28px/81% Pictos-IF;
    color: #666;
    content: "s";
    margin-left: 3px;
    margin-top: 3px;
    position: absolute
}

.cbox-market .ficon:before {
    color: #666;
    font: 21px/81% Pictos-IF;
    height: 21px;
    width: 21px;
    content: ">";
    vertical-align: top
}

.if6_breadcrumb ul.navpath li + li:before {
    content: ">";
    display: inline-block;
    font: 21px/81% Pictos-IF;
    color: red;
    margin: 0 -3px 0 -5px;
    width: 21px;
    text-align: center
}

.banner-button a:before {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    content: ">";
    display: inline-block;
    font: 20px/81% Pictos-IF;
    height: 20px;
    text-align: center;
    width: 20px
}

.banner-button a:focus:before, .no-touch .banner-button a:hover:before {
    background-color: #fff;
    color: red
}

.icon-anchor:before {
    content: "\f759"
}

.icon-app:before {
    content: "\f79f"
}

.icon-applebusinesschat:before {
    content: "\f830"
}

.icon-arrow-back:before {
    content: "\f704"
}

.icon-arrow-circle:before {
    content: "\f703"
}

.icon-arrow-circ-perspective:before {
    content: "\f761"
}

.icon-arrow-direction:before {
    content: "\f762"
}

.icon-arrow-fork:before {
    content: "\f73d"
}

.icon-arrow-leftright:before {
    content: "\f701"
}

.icon-arrow-out:before {
    content: "\f705"
}

.icon-arrows-center:before {
    content: "\f700"
}

.icon-arrows-change:before {
    content: "\f706"
}

.icon-arrows-circle:before {
    content: "\f702"
}

.icon-at:before {
    content: "@"
}

.icon-atom:before {
    content: "\f76f"
}

.icon-bag:before {
    content: "\f753"
}

.icon-balance:before {
    content: "\f797"
}

.icon-balloon:before {
    content: "\f777"
}

.icon-ban:before {
    content: "\f70a"
}

.icon-banderole:before {
    content: "\f784"
}

.icon-banknote:before {
    content: "\f768"
}

.icon-banknote-euro:before {
    content: "\f7aa"
}

.icon-barcode:before {
    content: "\f780"
}

.icon-bell:before {
    content: "\f758"
}

.icon-bicycle:before {
    content: "\f7a0"
}

.icon-binoculars:before {
    content: "\f781"
}

.icon-blog:before {
    content: "\f7b3"
}

.icon-book-checkmark1:before {
    content: "\f70e"
}

.icon-book-checkmark2:before {
    content: "\f766"
}

.icon-book-close-mark:before {
    content: "\f787"
}

.icon-book-open:before {
    content: "\f751"
}

.icon-book-pen:before {
    content: "\f717"
}

.icon-book-text:before {
    content: "\f752"
}

.icon-bstart:before {
    content: "b"
}

.icon-buggy:before {
    content: "\f786"
}

.icon-calculator:before {
    content: "\f76d"
}

.icon-calendar:before {
    content: "k"
}

.icon-camera-movie:before {
    content: "\f725"
}

.icon-camera-picture:before {
    content: "\f726"
}

.icon-canvas:before {
    content: "\f7a3"
}

.icon-car:before {
    content: "\f74d"
}

.icon-car-palm:before {
    content: "\f7ad"
}

.icon-card-magnetic-strip:before {
    content: "\f736"
}

.icon-cashpoint:before {
    content: "\f7a2"
}

.icon-chain-links:before {
    content: "\f729"
}

.icon-chart-bar:before {
    content: "\f731"
}

.icon-chart-bar-line:before {
    content: "\f75e"
}

.icon-chart-line1:before {
    content: "\f732"
}

.icon-chart-line2:before {
    content: "\f756"
}

.icon-chart-line-borderless:before {
    content: "\f755"
}

.icon-chart-pie:before {
    content: "\f733"
}

.icon-chart-rack:before {
    content: "\f75d"
}

.icon-chat:before {
    content: "c"
}

.icon-checked:before {
    content: "v"
}

.icon-clapperboard:before {
    content: "\f793"
}

.icon-clock-alarm:before {
    content: "\f76c"
}

.icon-clock:before {
    content: "\f71a"
}

.icon-cloud:before {
    content: "\f71c"
}

.icon-cloud-sun:before {
    content: "\f746"
}

.icon-coffee-cup:before {
    content: "\f790"
}

.icon-compass:before {
    content: "\f735"
}

.icon-compass-rose:before {
    content: "\f710"
}

.icon-couch:before {
    content: "\f760"
}

.icon-cup:before {
    content: "\f783"
}

.icon-diamond:before {
    content: "\f77f"
}

.icon-doctoral-cap:before {
    content: "\f77c"
}

.icon-dog:before {
    content: "\f7a4"
}

.icon-doublequote:before {
    content: "\f728"
}

.icon-download:before {
    content: "r"
}

.icon-emblem:before {
    content: "\f711"
}

.icon-emblem-empty:before {
    content: "\f779"
}

.icon-euro-coins:before {
    content: "\f79b"
}

.icon-euro-symbol:before {
    content: "\f79d"
}

.icon-exclamation-mark:before {
    content: "\f7d1"
}

.icon-facebook:before {
    content: "f"
}

.icon-factory:before {
    content: "\f77b"
}

.icon-fax:before {
    content: "\f7b1"
}

.icon-feather:before {
    content: "\f799"
}

.icon-flag:before {
    content: "\f739"
}

.icon-football:before {
    content: "\f750"
}

.icon-fuel-dispenser:before {
    content: "\f776"
}

.icon-gamepad:before {
    content: "\f74c"
}

.icon-gauge:before {
    content: "\f795"
}

.icon-gear-wheel:before {
    content: "\f72e"
}

.icon-gear-wheels:before {
    content: "\f72f"
}

.icon-glasses:before {
    content: "\f75f"
}

.icon-googleplus:before {
    content: "g"
}

.icon-graph:before {
    content: "\f794"
}

.icon-hammer:before {
    content: "\f771"
}

.icon-hand-in-hand:before {
    content: "\f7b7"
}

.icon-handshake:before {
    content: "\f7b6"
}

.icon-hat-chef:before {
    content: "\f778"
}

.icon-health:before {
    content: "\f7a5"
}

.icon-heart:before {
    content: "\f724"
}

.icon-homenav:before {
    content: "\f7af"
}

.icon-hourglas:before {
    content: "\f796"
}

.icon-house:before {
    content: "\f722"
}

.icon-inflation:before {
    content: "\f7ba"
}

.icon-info:before {
    content: "i"
}

.icon-inline-skate:before {
    content: "\f7ab"
}

.icon-instagram:before {
    content: "\f7b8"
}

.icon-ipod:before {
    content: "\f74b"
}

.icon-key:before {
    content: "\f742"
}

.icon-keys:before {
    content: "\f743"
}

.icon-kwitt:before {
    content: "\f7c0"
}

.icon-laptop:before {
    content: "\f748"
}

.icon-laptop-euro:before {
    content: "\f79a"
}

.icon-leaf:before {
    content: "\f757"
}

.icon-letter-in-envelope:before {
    content: "\f70c"
}

.icon-letter-sending:before {
    content: "\f789"
}

.icon-lifesaver:before {
    content: "\f747"
}

.icon-lightbulb:before {
    content: "\f734"
}

.icon-linkedin:before {
    content: "\f7ee"
}

.icon-location1:before {
    content: "\f70f"
}

.icon-location:before {
    content: "\f763"
}

.icon-locations:before {
    content: "\f798"
}

.icon-lock-closed:before {
    content: "\f740"
}

.icon-lock-euro:before {
    content: "\f7a8"
}

.icon-lock-open:before {
    content: "\f741"
}

.icon-mail:before {
    content: "m"
}

.icon-mail-badge:before {
    content: "\f7a7"
}

.icon-mail-bell:before {
    content: "\f7cc"
}

.icon-manni:before {
    content: "\f7bb"
}

.icon-masks:before {
    content: "\f77d"
}

.icon-minus:before {
    content: "\f61c"
}

.icon-mobile-phone-old:before {
    content: "\f73a"
}

.icon-moped:before {
    content: "\f7a6"
}

.icon-mountains:before {
    content: "\f773"
}

.icon-mousepointer:before {
    content: "\f73e"
}

.icon-move:before {
    content: "4"
}

.icon-multiply:before {
    content: "×"
}

.icon-note:before {
    content: "\f71d"
}

.icon-page-list:before {
    content: "\f715"
}

.icon-page-pdf:before {
    content: "\f714"
}

.icon-page-pen:before {
    content: "\f712"
}

.icon-page-text:before {
    content: "\f713"
}

.icon-paint-roller:before {
    content: "\f78b"
}

.icon-palette:before {
    content: "\f76e"
}

.icon-paper-clip:before {
    content: "\f71e"
}

.icon-paper-plane:before {
    content: "\f788"
}

.icon-parcel:before {
    content: "\f767"
}

.icon-pay-contactless:before {
    content: "\f7bf"
}

.icon-pen:before {
    content: "\f716"
}

.icon-percent:before {
    content: "%"
}

.icon-person:before {
    content: "\f72b"
}

.icon-person-tie:before {
    content: "\f72c"
}

.icon-phone:before {
    content: "h"
}

.icon-picture:before {
    content: "\f72d"
}

.icon-piggybank:before {
    content: "\f754"
}

.icon-pin:before {
    content: "\f77e"
}

.icon-plane:before {
    content: "\f74f"
}

.icon-play:before {
    content: "\f707"
}

.icon-plus:before {
    content: "+"
}

.icon-podcast:before {
    content: "\f81f"
}

.icon-potted-plant:before {
    content: "\f78f"
}

.icon-present:before {
    content: "\f782"
}

.icon-price-tag:before {
    content: "\f727"
}

.icon-pyramid-finance:before {
    content: "\f7bc"
}

.icon-puzzle-piece:before {
    content: "\f770"
}

.icon-questionmark:before {
    content: "\f70b"
}

.icon-quit:before {
    content: "q"
}

.icon-sailboat:before {
    content: "\f774"
}

.icon-save-donate:before {
    content: "\f7bd"
}

.icon-savingsbank:before {
    content: "\f79e"
}

.icon-scissors:before {
    content: "\f73f"
}

.icon-screen:before {
    content: "\f71b"
}

.icon-search:before {
    content: "s"
}

.icon-sector-1-4:before {
    content: "\f76b"
}

.icon-sector-1-8:before {
    content: "\f76a"
}

.icon-sheet-long-text:before {
    content: "\f765"
}

.icon-ship:before {
    content: "\f78e"
}

.icon-shopping-bag:before {
    content: "\f78a"
}

.icon-shopping-cart1:before {
    content: "\f738"
}

.icon-shopping-cart2:before {
    content: "\f769"
}

.icon-shovel-helmet:before {
    content: "\f7ac"
}

.icon-signpost:before {
    content: "\f75a"
}

.icon-skype:before {
    content: "H"
}

.icon-smartphone:before {
    content: "\f749"
}

.icon-snapchat:before {
    content: "\f7b9"
}

.icon-sound-level:before {
    content: "\f730"
}

.icon-spade:before {
    content: "\f78c"
}

.icon-speacker:before {
    content: "\f718"
}

.icon-speech-bubbles:before {
    content: "\f72a"
}

.icon-speedo:before {
    content: "\f71f"
}

.icon-star:before {
    content: "\f723"
}

.icon-stopwatch:before {
    content: "\f744"
}

.icon-sun1:before {
    content: "\f720"
}

.icon-sun2:before {
    content: "\f772"
}

.icon-tablet:before {
    content: "\f74a"
}

.icon-target-arrow:before {
    content: "\f791"
}

.icon-target:before {
    content: "\f792"
}

.icon-teamviewer:before {
    content: "\f7b0"
}

.icon-television:before {
    content: "\f737"
}

.icon-text-Aa:before {
    content: "\f73b"
}

.icon-thermometer:before {
    content: "\f745"
}

.icon-tickets:before {
    content: "\f75b"
}

.icon-traffic-cone:before {
    content: "\f75c"
}

.icon-train-rails:before {
    content: "\f78d"
}

.icon-trashcan:before {
    content: "\f721"
}

.icon-truck:before {
    content: "\f74e"
}

.icon-twitter:before {
    content: "t"
}

.icon-umbrella:before {
    content: "\f775"
}

.icon-video:before {
    content: "\f764"
}

.icon-wedding-rings:before {
    content: "\f785"
}

.icon-whatsapp:before {
    content: "\f7b4"
}

.icon-wheelchair:before {
    content: "\f77a"
}

.icon-wikipedia:before {
    content: "\f7b5"
}

.icon-window:before {
    content: "\f7a1"
}

.icon-world:before {
    content: "\f719"
}

.icon-xing:before {
    content: "\f7a9"
}

.icon-xmas-tree:before {
    content: "\f73c"
}

.icon-youtube:before {
    content: "y"
}

.icon-sr-banking:before {
    content: "\f79a"
}

.icon-sr-default:before {
    content: "\f713"
}

.icon-sr-pdf:before {
    content: "\f714"
}

.icon-sr-text:before {
    content: "\f713"
}

.icon-b_abraeumsparen:before {
    content: "\f7d4"
}

.icon-b_again:before {
    content: "l"
}

.icon-b_analyse:before {
    content: "\f818"
}

.icon-b_arrow:before {
    content: "\f7b2"
}

.icon-b_arrow-back:before {
    content: "\f704"
}

.icon-b_arrow-down:before {
    content: "\f61a"
}

.icon-b_arrow-out:before {
    content: "\f705"
}

.icon-b_arrowcircle:before {
    content: "\f703"
}

.icon-b_arrowscircle:before {
    content: "\f702"
}

.icon-b_attention:before {
    content: "\f7f8"
}

.icon-b_aufteilen:before {
    content: "\f7e7"
}

.icon-b_average:before {
    content: "\2300"
}

.icon-b_banderole:before {
    content: "\f784"
}

.icon-b_bank:before {
    content: "\f7d2"
}

.icon-b_bell:before {
    content: "\f758"
}

.icon-b_bell_open:before {
    content: "\f7f7"
}

.icon-b_boxclose:before {
    content: "×"
}

.icon-b_boxsettings:before {
    content: "\f72e"
}

.icon-b_bullet:before {
    content: "\2022"
}

.icon-b_bullet_error:before {
    content: "\2022"
}

.icon-b_bullet_success:before {
    content: "\2022"
}

.icon-b_bullet_unknown:before {
    content: "\2022"
}

.icon-b_bullet_warning:before {
    content: "\2022"
}

.icon-b_chart-pie:before {
    content: "\f733"
}

.icon-b_camera:before {
    content: "\f726"
}

.icon-b_card:before {
    content: "\f736"
}

.icon-b_change:before {
    content: "\f706"
}

.icon-b_circa:before {
    content: "\f7ed"
}

.icon-b_clock:before {
    content: "\f71a"
}

.icon-b_close:before {
    content: "×"
}

.icon-b_coin_moving:before {
    content: "\f7f4"
}

.icon-b_copy:before {
    content: "\f7c9"
}

.icon-b_depotcockpit:before {
    content: "\f7d0"
}

.icon-b_dokument:before {
    content: "\f7c6"
}

.icon-b_dokument_aktualisieren:before {
    content: "\f7eb"
}

.icon-b_dokument_audio:before {
    content: "\f7c4"
}

.icon-b_dokument_bild:before {
    content: "\f7c5"
}

.icon-b_dokument_edit:before {
    content: "\f61d"
}

.icon-b_dokument_info:before {
    content: "\f7d9"
}

.icon-b_dokument_loeschen:before {
    content: "\f7d8"
}

.icon-b_dokument_tabelle:before {
    content: "\f7c7"
}

.icon-b_dokument_video:before {
    content: "\f7c8"
}

.icon-b_double_checked:before {
    content: "\f819"
}

.icon-b_download:before {
    content: "r"
}

.icon-b_einstellungen:before {
    content: "\f72e"
}

.icon-b_einstellungen2:before {
    content: "\f72f"
}

.icon-b_emblem:before {
    content: "\f711"
}

.icon-b_emblem-outline:before {
    content: "\f825"
}

.icon-b_exclamationmark:before {
    content: "\f7d1"
}

.icon-b_facebook:before {
    content: "f"
}

.icon-b_filter:before {
    content: "\f7d5"
}

.icon-b_filter_active:before {
    content: "\f7d6"
}

.icon-b_firma:before {
    content: "\f77b"
}

.icon-b_flag:before {
    content: "\f739"
}

.icon-b_forbidden:before {
    content: "\f70a"
}

.icon-b_gesendet:before {
    content: "\f788"
}

.icon-b_glossar:before {
    content: "i"
}

.icon-b_info:before {
    content: "i"
}

.icon-b_invite:before {
    content: "\f831"
}

.icon-b_list-checked:before {
    content: "\f7da"
}

.icon-b_list-edit:before {
    content: "\f7db"
}

.icon-b_move:before {
    content: "4"
}

.icon-b_note:before {
    content: "\f712"
}

.icon-b_notebook:before {
    content: "\f752"
}

.icon-b_openbook:before {
    content: "\f751"
}

.icon-b_ordner:before {
    content: "\f7cb"
}

.icon-b_ordner_erstellen:before {
    content: "\f7ca"
}

.icon-b_pdf:before {
    content: "\f714"
}

.icon-b_person:before {
    content: "\f72b"
}

.icon-b_personen:before {
    content: "\f7e2"
}

.icon-b_phone:before {
    content: "\f73a"
}

.icon-b_pin:before {
    content: "\f77e"
}

.icon-b_protokoll:before {
    content: "\f639"
}

.icon-b_questionmark:before {
    content: "?"
}

.icon-b_ratenzahlung:before {
    content: "\f7fa"
}

.icon-b_researchinfo:before {
    content: "\f7cf"
}

.icon-b_rubrik:before {
    content: "\f727"
}

.icon-b_sector-1-8:before {
    content: "\f76a"
}

.icon-b_sheet-long:before {
    content: "\f765"
}

.icon-b_sort:before {
    content: "\f7d7"
}

.icon-b_speechbubbles:before {
    content: "\f72a"
}

.icon-b_speicher:before {
    content: "\f7cd"
}

.icon-b_twitter:before {
    content: "t"
}

.icon-b_uebersicht:before {
    content: "\f7c1"
}

.icon-b_undo:before {
    content: "\f7f9"
}

.icon-b_unteraval-beantragen:before {
    content: "\f7dd"
}

.icon-b_upload:before {
    content: "\f7ce"
}

.icon-b_weisung-kapitalmassnahmen:before {
    content: "\f7d3"
}

.icon-b_whatsapp:before {
    content: "\f7b4"
}

.icon-b_wiederherstellen:before {
    content: "\f7c2"
}

.icon-b_world:before {
    content: "\f719"
}

.icon-fi-apobank:before {
    content: "\f68c"
}

.icon-fi-bankkc:before {
    content: "\f68d"
}

.icon-fi-bbbank:before {
    content: "\f68e"
}

.icon-fi-bensbbank:before {
    content: "\f68f"
}

.icon-fi-bevestor:before {
    content: "\f66e"
}

.icon-fi-bev_coyomi:before {
    content: "\f689"
}

.icon-fi-bev_depotmax:before {
    content: "\f68a"
}

.icon-fi-bev_fyndus:before {
    content: "\f688"
}

.icon-fi-bib:before {
    content: "\f690"
}

.icon-fi-blb:before {
    content: "\f643"
}

.icon-fi-bwbank:before {
    content: "\f644"
}

.icon-fi-citibank:before {
    content: "\f69c"
}

.icon-fi-comdirect:before {
    content: "\f645"
}

.icon-fi-commerzbank:before {
    content: "\f646"
}

.icon-fi-consors:before {
    content: "\f647"
}

.icon-fi-deutschebank:before {
    content: "\f649"
}

.icon-fi-direkt1822:before {
    content: "\f642"
}

.icon-fi-dkb:before {
    content: "\f64a"
}

.icon-fi-dkm:before {
    content: "\f691"
}

.icon-fi-edekabank:before {
    content: "\f692"
}

.icon-fi-ethikbank:before {
    content: "\f820"
}

.icon-fi-evangbank:before {
    content: "\f693"
}

.icon-fi-evenordbank:before {
    content: "\f694"
}

.icon-fi-fidor:before {
    content: "\f69d"
}

.icon-fi-flessabank:before {
    content: "\f832"
}

.icon-fi-fremdbank:before {
    content: "\f7d2"
}

.icon-fi-giropay:before {
    content: "\f822"
}

.icon-fi-glsbank:before {
    content: "\f695"
}

.icon-fi-haspa:before {
    content: "\f666"
}

.icon-fi-ingdiba:before {
    content: "\f64d"
}

.icon-fi-kdbank:before {
    content: "\f696"
}

.icon-fi-koop_auxmoney:before {
    content: "\f827"
}

.icon-fi-koop_depositsol:before {
    content: "\f828"
}

.icon-fi-koop_ds_akbank:before {
    content: "\f833"
}

.icon-fi-koop_ds_avida:before {
    content: "\f834"
}

.icon-fi-koop_ds_cacf:before {
    content: "\f835"
}

.icon-fi-koop_ds_creditplus:before {
    content: "\f836"
}

.icon-fi-koop_ds_ktbank:before {
    content: "\f837"
}

.icon-fi-koop_ds_lhv:before {
    content: "\f838"
}

.icon-fi-koop_ds_mymoneybank:before {
    content: "\f839"
}

.icon-fi-koop_ds_pbb:before {
    content: "\f840"
}

.icon-fi-koop_ds_qliro:before {
    content: "\f841"
}

.icon-fi-koop_ds_swkbank:before {
    content: "\f842"
}

.icon-fi-kw_bitcoin:before {
    content: "\f66f"
}

.icon-fi-kw_ethereum:before {
    content: "\f66d"
}

.icon-fi-kw_ficoin:before {
    content: "\f677"
}

.icon-fi-kw_ripple:before {
    content: "\f670"
}

.icon-fi-levobank:before {
    content: "\f697"
}

.icon-fi-ligabank:before {
    content: "\f698"
}

.icon-fi-merkurbank:before {
    content: "\f821"
}

.icon-fi-mkbank:before {
    content: "\f843"
}

.icon-fi-mlp:before {
    content: "\f699"
}

.icon-fi-n26:before {
    content: "\f69e"
}

.icon-fi-netbank:before {
    content: "\f650"
}

.icon-fi-nordlb:before {
    content: "\f652"
}

.icon-fi-norisbank:before {
    content: "\f653"
}

.icon-fi-paxbank:before {
    content: "\f69a"
}

.icon-fi-paydirekt:before {
    content: "\f659"
}

.icon-fi-paypal:before {
    content: "\f65a"
}

.icon-fi-postbank:before {
    content: "\f65b"
}

.icon-fi-psdbank:before {
    content: "\f65f"
}

.icon-fi-rbd:before {
    content: "\f7dc"
}

.icon-fi-saarlb:before {
    content: "\f663"
}

.icon-fi-santander:before {
    content: "\f69b"
}

.icon-fi-spardabank:before {
    content: "\f665"
}

.icon-fi-sparkasse:before {
    content: "\f666"
}

.icon-fi-suedspa:before {
    content: "\f844"
}

.icon-fi-targobank:before {
    content: "\f68b"
}

.icon-fi-unicreditgroup:before {
    content: "\f668"
}

.icon-fi-unsupported:before {
    content: "\f641"
}

.icon-fi-volksbank:before {
    content: "\f66b"
}

.icon-fi-vp_deka:before {
    content: "\f648"
}

.icon-fi-vp_fsbb:before {
    content: "\f64b"
}

.icon-fi-vp_gothaer:before {
    content: "\f64c"
}

.icon-fi-vp_lbs:before {
    content: "\f64e"
}

.icon-fi-vp_llva:before {
    content: "\f64f"
}

.icon-fi-vp_neueleben:before {
    content: "\f651"
}

.icon-fi-vp_oesa:before {
    content: "\f657"
}

.icon-fi-vp_oevb:before {
    content: "\f656"
}

.icon-fi-vp_oevbs:before {
    content: "\f655"
}

.icon-fi-vp_oevo:before {
    content: "\f654"
}

.icon-fi-vp_olbk:before {
    content: "\f658"
}

.icon-fi-vp_provinzial_nw:before {
    content: "\f65d"
}

.icon-fi-vp_provinzial_rl:before {
    content: "\f65d"
}

.icon-fi-vp_provinzial_wf:before {
    content: "\f65d"
}

.icon-fi-vp_saarv:before {
    content: "\f664"
}

.icon-fi-vp_sdirektv:before {
    content: "\f660"
}

.icon-fi-vp_spension:before {
    content: "\f661"
}

.icon-fi-vp_sv:before {
    content: "\f662"
}

.icon-fi-vp_svs:before {
    content: "\f667"
}

.icon-fi-vp_vgh:before {
    content: "\f669"
}

.icon-fi-vp_vkb:before {
    content: "\f66a"
}

.icon-fi-vwbank:before {
    content: "\f69f"
}

.icon-fi-weberbank:before {
    content: "\f66c"
}

.icon-tanverf900:before {
    content: "\f672"
}

.icon-tanverf910:before {
    content: "\f671"
}

.icon-tanverf911:before {
    content: "\f671"
}

.icon-tanverf913:before {
    content: "\f671"
}

.icon-tanverf920:before {
    content: "\f675"
}

.icon-tanverf921:before {
    content: "\f674"
}

.icon-tanverf922:before {
    content: "\f674"
}

.icon-tanverf930:before {
    content: "\f676"
}

.icon-tanverf997:before {
    content: "\f673"
}

.icon-tanverf998:before {
    content: "\f711"
}

.icon-pfm_ktgr10:before {
    content: "\f678"
}

.icon-pfm_ktgr11:before {
    content: "\f679"
}

.icon-pfm_ktgr12:before {
    content: "\f67a"
}

.icon-pfm_ktgr13:before {
    content: "\f67b"
}

.icon-pfm_ktgr14:before {
    content: "\f7ea"
}

.icon-pfm_ktgr15:before {
    content: "\f67d"
}

.icon-pfm_ktgr16:before {
    content: "\f67e"
}

.icon-pfm_ktgr17:before {
    content: "\f67f"
}

.icon-pfm_ktgr18:before {
    content: "\f680"
}

.icon-pfm_ktgr19:before {
    content: "\f681"
}

.icon-pfm_ktgr20:before {
    content: "\f682"
}

.icon-pfm_ktgr21:before {
    content: "\f683"
}

.icon-pfm_ktgr22:before {
    content: "\f684"
}

.icon-pfm_ktgr23:before {
    content: "\f685"
}

.icon-pfm_ktgr24:before {
    content: "\f686"
}

.icon-pfm_ktgr25:before {
    content: "\f687"
}

.icon-pfm_ktgr26:before {
    content: "\f67c"
}

.icon-pfm_ktgr27:before {
    content: "\f7e8"
}

.icon-pfm_ktgr28:before {
    content: "\f7e9"
}

.icon-pfm_ktgr50:before {
    content: "\f7df"
}

.icon-pfm_ktgr51:before {
    content: "\f7e0"
}

.icon-pfm_ktgr52:before {
    content: "\f7e1"
}

.icon-pfm_ktgr53:before {
    content: "\f7e2"
}

.icon-pfm_ktgr54:before {
    content: "\f682"
}

.icon-pfm_ktgr55:before {
    content: "\f7e3"
}

.icon-pfm_ktgr56:before {
    content: "\f7e4"
}

.icon-pfm_ktgr57:before {
    content: "\f7e5"
}

.icon-pfm_ktgr58:before {
    content: "\f67a"
}

.icon-pfm_ktgr59:before {
    content: "\f683"
}

.icon-pfm_ktgr60:before {
    content: "\f684"
}

.icon-pfm_ktgr61:before {
    content: "\f7e6"
}

.icon-pfm_ktgr62:before {
    content: "\f685"
}

.icon-pfm_ktgr98:before {
    content: "\f7f4"
}

.icon-pfm_ktgr99:before {
    content: "\f7e7"
}

.icon-func-kontowecker_onboarding:before {
    content: "\f76c"
}

.icon-func-mbf_onboarding:before {
    content: "\f7ef"
}

.icon-func-pfm_benachrichtigungen:before {
    content: "\f7f7"
}

.icon-func-pfm_budget:before {
    content: "\f7f5"
}

.icon-func-pfm_k:before {
    content: "\f611"
}

.icon-func-pfm_v:before {
    content: "\f61d"
}

.icon-func-rr_auszuege:before {
    content: "\f715"
}

.icon-func-rr_devisenkurse:before {
    content: "\f756"
}

.icon-func-rr_mappe:before {
    content: "\f751"
}

.icon-func-rr_protokolle:before {
    content: "\f622"
}

.icon-func-rr_umsaetze:before {
    content: "\f62c"
}

.icon-func-rr_vormerkungen:before {
    content: "\f62c"
}

.icon-asset22:before {
    content: "\f7f0"
}

.icon-asset23:before {
    content: "\f7f1"
}

.icon-asset24:before {
    content: "\f7f2"
}

.icon-asset25:before {
    content: "\f7f3"
}

.icon-settings-person:before {
    content: "\f72b"
}

.icon-settings-konten:before {
    content: "\f736"
}

.icon-settings-sicherheit:before {
    content: "\f711"
}

.icon-settings-dienste:before {
    content: "\f232"
}

.icon-settings-website:before {
    content: "\f72e"
}

.icon-settings-benachrichtigungen:before {
    content: "\f7f6"
}

.icon-if5_i_aktionen:before {
    content: "\f600"
}

.icon-if5_i_auslandsueberweisung:before {
    content: "\f7c3"
}

.icon-if5_i_auss_aendern:before {
    content: "\f601"
}

.icon-if5_i_auss_loeschen:before {
    content: "\f602"
}

.icon-if5_i_aussetzen:before {
    content: "\f603"
}

.icon-if5_i_bearb:before {
    content: "\f604"
}

.icon-if5_i_bearb_off_auftr:before {
    content: "\f605"
}

.icon-if5_i_brief_closed:before {
    content: "\f607"
}

.icon-if5_i_brief_open_rot:before {
    content: "\f608"
}

.icon-if5_i_cal:before {
    content: "k"
}

.icon-if5_i_chart:before {
    content: "\f60a"
}

.icon-if5_i_depotaufstellung:before {
    content: "\f60b"
}

.icon-if5_i_depothistorie:before {
    content: "l"
}

.icon-if5_i_druck:before {
    content: "p"
}

.icon-if5_i_eur:before {
    content: "\f60c"
}

.icon-if5_i_gesendete_nachrichten:before {
    content: "\f60d"
}

.icon-if5_i_haken:before {
    content: "v"
}

.icon-if5_i_konditionen1:before {
    content: "\f616"
}

.icon-if5_i_kreditabrech:before {
    content: "\f617"
}

.icon-if5_i_lastrueckgabe:before {
    content: "\f618"
}

.icon-if5_i_legilink:before {
    content: "\f619"
}

.icon-if5_i_limit_erhoehen:before {
    content: "\f61a"
}

.icon-if5_i_limit_erhoehen_temp:before {
    content: "\f7de"
}

.icon-if5_i_limit_senken:before {
    content: "\f61a"
}

.icon-if5_i_liquiditaetsvorschau:before {
    content: "\f79b"
}

.icon-if5_i_loesch:before {
    content: "\f61b"
}

.icon-if5_i_minus_rot:before {
    content: "\f61c"
}

.icon-if5_i_nachricht_verfassen:before {
    content: "\f61d"
}

.icon-if5_i_nachrichtenuebersicht:before {
    content: "\f61e"
}

.icon-if5_i_neartime:before {
    content: "\f61f"
}

.icon-if5_i_neu_rot:before {
    content: "\f620"
}

.icon-if5_i_neue_nachrichten:before {
    content: "\f621"
}

.icon-if5_i_orderstatus:before {
    content: "\f622"
}

.icon-if5_i_pfeil_gefallen:before {
    content: "\f762"
}

.icon-if5_i_pfeil_gestiegen:before {
    content: "\f762"
}

.icon-if5_i_pfeil_gleich:before {
    content: "\f762"
}

.icon-if5_i_pfeil_stark_gefallen:before {
    content: "\f762"
}

.icon-if5_i_pfeil_stark_gestiegen:before {
    content: "\f762"
}

.icon-if5_i_piechart:before {
    content: "\f623"
}

.icon-if5_i_plus_minus:before {
    content: "\f625"
}

.icon-if5_i_plus_rot:before {
    content: "+"
}

.icon-if5_i_pushtan_freischalten:before {
    content: "\f626"
}

.icon-if5_i_pushtan_hinzu:before {
    content: "\f627"
}

.icon-if5_i_pushtan_loeschen:before {
    content: "\f628"
}

.icon-if5_i_realtime:before {
    content: "\f629"
}

.icon-if5_i_sammel_import:before {
    content: "\f635"
}

.icon-if5_i_schloss_auf:before {
    content: "\f62a"
}

.icon-if5_i_schloss_zu:before {
    content: "\f62b"
}

.icon-if5_i_telefon:before {
    content: "h"
}

.icon-if5_i_umr-euro:before {
    content: "\f634"
}

.icon-if5_i_uportrait:before {
    content: "\f636"
}

.icon-if5_i_vortag:before {
    content: "\f637"
}

.icon-if5_i_weiter1:before {
    content: "\f638"
}

.icon-if5_i_wp-tausch:before {
    content: "\f63a"
}

.icon-if5_i_WP-News:before {
    content: "\f639"
}

.icon-if5_ifa_bedingungen:before {
    content: "\f60f"
}

.icon-if5_ifa_ifauftrag:before {
    content: "\f610"
}

.icon-if5_ifa_konditionen:before {
    content: "\f611"
}

.icon-if5_ifa_kontaktformular:before {
    content: "\f612"
}

.icon-if5_ifa_modellberechnung:before {
    content: "\f613"
}

.icon-if5_io_haken:before {
    content: "v"
}

.icon-if5_io_x:before {
    content: "×"
}

.icon-if5_symbol_banking_2:before {
    content: "\f62c"
}

.icon-if5_symbol_banking_3:before {
    content: "\f62d"
}

.icon-if5_symbol_banking_4:before {
    content: "\f62e"
}

.icon-if5_symbol_banking_5:before {
    content: "\f62f"
}

.icon-if5_symbol_banking_6:before {
    content: "i"
}

.icon-if5_symbol_bigcirc_minus:before {
    content: "\f61c"
}

.icon-if5_symbol_bigcirc_plus:before {
    content: "+"
}

.icon-if5_symbol_buch:before {
    content: "\f606"
}

.icon-if5_symbol_diskette:before {
    content: "\f635"
}

.icon-if5_symbol_down:before {
    content: "d"
}

.icon-if5_symbol_down_a:before {
    content: "d"
}

.icon-if5_symbol_lupe:before {
    content: "\f632"
}

.icon-if5_symbol_plus:before {
    content: "+"
}

.icon-if5_symbol_redcircle_pfeil:before {
    content: "\f638"
}

.icon-if5_symbol_redcircle_plus:before {
    content: "+"
}

.icon-if5_symbol_redcircle_minus:before {
    content: "\f61c"
}

.icon-if5_symbol_refresh:before {
    content: "\f633"
}

.icon-if5_symbol_skontorechner:before {
    content: "\f634"
}

.icon-if5_symbol_up:before {
    content: "u"
}

.icon-if5_symbol_up_a:before {
    content: "u"
}

.icon-ipo_abschluss:before {
    content: "\f614"
}

.icon-ipo_agb:before {
    content: "\f615"
}

.sayt-container {
    text-align: left;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666;
    z-index: 2100;
    position: absolute;
    margin-top: -2px;
    right: 20px
}

.sayt-container > div + div {
    margin-top: -1px;
    border-top: 0
}

.sayt-container > div + div > h3 {
    border-top: 1px solid #e3e3e3
}

.sayt-container > div.invisible + div {
    border-top: 1px solid #ccc;
    margin-top: 0
}

.sayt-container > div.invisible + div > h3 {
    border-top: 0
}

.with-langselect .sayt-container {
    right: 10px
}

@media (max-width: 1139px) {
    .sayt-container {
        right: 68px
    }

    .with-langselect .sayt-container {
        right: 60px
    }
}

.sayt-results, .sinvestor-results {
    width: 400px;
    border: 1px solid #ccc;
    background-color: #fff
}

.autocomplete-suggestions {
    background-color: #fff;
    overflow: auto;
    width: 400px;
    padding: 10px 0
}

.autocomplete-suggestions-wrapper {
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: 0
}

.sayt-display-detect {
    position: absolute;
    width: 1px;
    height: 1px
}

.autocomplete-suggestion, .autocomplete-noresult {
    padding: 5px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.autocomplete-selected {
    color: #333;
    background-color: #f0f0f0
}

.autocomplete-suggestions-title-wrapper {
    background-color: #fff
}

.if6 h3.autocomplete-suggestions-title {
    margin: 0 15px;
    padding-top: 10px;
    color: #333;
    font: 17px/110% SparkasseWeb, Helvetica, Arial, sans-serif
}

.sayt-results > h3 {
    margin: 0 15px;
    padding: 10px 0;
    color: #333;
    font: 17px/110% SparkasseWeb, Helvetica, Arial, sans-serif
}

.sayt-results li > a {
    text-decoration: none;
    display: block;
    padding: 10px 15px
}

.sayt-results li .sitebadge {
    margin-bottom: 5px
}

.sayt-results li h3 {
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sayt-results li p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.no-touch .sayt-results li > a:hover, .sayt-results li > a:focus {
    color: #333;
    background-color: #f0f0f0
}

.no-touch .sayt-results li > a:hover h3, .sayt-results li > a:focus h3 {
    color: #333
}

.no-touch .sayt-results li > a:hover .sitebadge, .sayt-results li > a:focus .sitebadge {
    color: #fff;
    background-color: #666
}

.sinvestor-results > h3 {
    margin: 0 15px;
    padding: 10px 0;
    color: #333;
    font: 17px/110% SparkasseWeb, Helvetica, Arial, sans-serif
}

.sinvestor-results li h3 {
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666;
    padding: 9.5px 15px 0 15px
}

.sinvestor-results li h3 a {
    text-decoration: none
}

.sinvestor-results li + li {
    padding-top: 5px
}

.sinvestor-results li li > a {
    display: block;
    text-decoration: none;
    padding: 4.75px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sinvestor-results li li + li {
    padding-top: 0
}

.no-touch .sinvestor-results li > h3 a:hover, .sinvestor-results li > h3 a:focus {
    text-decoration: underline;
    color: #333
}

.no-touch .sinvestor-results li li > a:hover, .sinvestor-results li li > a:focus {
    background-color: #f0f0f0;
    color: #333
}

.sayt-all, .sinvestor-all {
    text-align: right;
    padding: 10px 15px
}

.sayt-all > a, .sinvestor-all > a {
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: red;
    text-decoration: none
}

.sayt-all > a:after, .sinvestor-all > a:after {
    content: ">";
    color: red;
    font: 21px/81% Pictos-IF;
    display: inline-block;
    width: 21px;
    height: 21px;
    border: 1px solid red;
    border-radius: 50%;
    margin-left: 7px
}

.no-touch .sayt-all > a:hover:after, .no-touch .sinvestor-all > a:hover:after, .sayt-all > a:focus:after, .sinvestor-all > a:focus:after {
    background-color: red;
    color: #fff
}

@media (max-width: 1079px) {
    .sayt-container {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .autocomplete-suggestion, .autocomplete-noresult {
        padding: 7px 15px
    }

    .sayt-results > h3 {
        font: 15px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .sayt-results li h3 {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .autocomplete-suggestions-title {
        font: 15px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .sinvestor-results > h3 {
        font: 15px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .sinvestor-results li h3 {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        padding: 14px 15px 0 15px
    }

    .sinvestor-results li li > a {
        padding: 7px 15px
    }

    .sayt-all > a, .sinvestor-all > a {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }
}

@media screen and (max-width: 767px) {
    .sayt-display-detect {
        display: none
    }

    .sayt-results > h3 {
        font: 12px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .autocomplete-suggestions-title {
        font: 12px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .sinvestor-results > h3 {
        font: 12px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }
}

@media screen and (max-width: 539px) {
    .autocomplete-suggestions, .sayt-results, .sinvestor-results {
        width: 300px
    }
}

@media screen and (max-width: 415px) {
    .sayt-container {
        left: 10px;
        right: auto
    }

    .with-langselect .sayt-container {
        right: auto
    }
}

.nbf .searchresult .sayt-visible .bline > .il {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #e3e3e3
}

.nbf .searchresult .sayt-visible .bline > .il:focus {
    outline: 0
}

.nbf .searchresult .sayt-visible .sayt-container {
    top: 56px;
    right: 0;
    width: 100%;
    margin-top: 0;
    padding: 0;
    border: 1px solid #e3e3e3;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 0 0 24px 24px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto
}

.nbf .searchresult .sayt-visible .sayt-container .sayt-results > h3 {
    font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #565656;
    height: 36px;
    line-height: 36px;
    padding-top: 12px
}

.nbf .searchresult .sayt-visible .sayt-container .autocomplete-suggestions {
    width: 100%;
    padding-top: 0
}

.nbf .searchresult .sayt-visible .sayt-container .autocomplete-suggestions .autocomplete-suggestion {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656;
    line-height: 48px;
    padding: 0 24px
}

.nbf .searchresult .sayt-visible .sayt-container .autocomplete-suggestions-wrapper, .nbf .searchresult .sayt-visible .sayt-container .sinvestor-results, .nbf .searchresult .sayt-visible .sayt-container .sayt-results {
    border: 0;
    width: 100%
}

.nbf .searchresult .sayt-visible .sayt-container .autocomplete-suggestions-title {
    margin: 0 24px
}

.nbf .ficon.icon-search.moved-icon {
    position: absolute
}

.nbf #search:focus {
    outline: 0
}

.nbf #search2:focus {
    outline: 0
}

@media screen and (max-width: 1279px) {
    .nbf .searchresult .sayt-visible .sayt-container {
        box-sizing: border-box;
        top: 48px
    }

    .nbf .searchresult .sayt-visible .sayt-container > div + div {
        margin-top: 0
    }

    .nbf .searchresult .sayt-visible .sayt-container .autocomplete-suggestions-wrapper {
        border: 0
    }

    .nbf .searchresult .sayt-visible .sayt-container .autocomplete-suggestions {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .nbf .searchresult .sayt-visible .sayt-container {
        display: block
    }
}

.only-M {
    display: none
}

.hide900, .if6_buttonline div.primary.hide900, .if6_buttonline div.primaryicon.hide900, .if6_buttonline div.secondary.hide900, .if6_buttonline div.contactsel.hide900, .js .cs-phone.hide900, .js .cs-main.hide900 {
    display: none
}

@media (max-width: 1139px) {
    .search > a {
        display: inline-block
    }

    .search form {
        display: none;
        position: absolute;
        vertical-align: middle;
        top: 0;
        padding: 28px 20px 28px 850px;
        right: 2px;
        text-align: right;
        background-color: red;
        z-index: 2002;
        width: 254px
    }

    .search:hover form {
        display: block
    }

    .with-langselect .search, .search {
        width: 45px
    }

    .with-langselect .search form {
        width: 244px
    }

    .with-langselect .search label, .with-langselect .search input {
        width: 240px
    }

    .with-langselect .search label {
        margin-right: -240px
    }

    .js .search form {
        position: static;
        right: 65px;
        text-align: center;
        padding: 0 10px 0 0
    }

    .js .search:hover form {
        display: none
    }

    .js .search_visible .loginlogout {
        display: none
    }

    .js .search_visible .search {
        width: auto
    }

    .js .search_visible .search form {
        display: inline-block
    }
}

@media (max-width: 1079px) {
    .only-M {
        display: inherit
    }

    .only-desktop {
        display: none
    }

    .if6 {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .if6 input {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 16px;
        line-height: 18px;
        padding: 4px 5px
    }

    .if6 select {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 16px
    }

    .if6 input[type="date"] {
        min-height: 31px;
        max-height: 31px
    }

    .if6 label, .if6 .label {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .if6 h1, .if6 .h1 {
        font: bold 30px/120% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6 h2, .if6 .h2 {
        font: bold 20px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6 h3, .if6 .h3 {
        font: bold 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6 h4 {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .if6 th, .if6 td {
        padding: 10px
    }

    .if6 th:first-child, .if6 td:first-child {
        padding-left: 10px
    }

    .if6 th:last-child, .if6 td:last-child {
        padding-right: 10px
    }

    .if6 ul.checked li:before, .if6_opener ul.checked li:before {
        font: 15px/81% Pictos-IF;
        width: 15px;
        padding: 0 8px 0 7px
    }

    .if6 p + p, .if6 ol + p, .if6 p + ol, .if6 ul + p, .if6 p + ul, .if6 ul + ol, .if6 ol + ul {
        margin-top: 20px
    }

    .if6 p + p .h1, .if6 p + p .h2, .if6 p + p .h3 {
        margin-top: -20px
    }

    .if6 p .h1, .if6 p .h2, .if6 p .h3 {
        margin-bottom: -20px
    }

    span.select {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 16px
    }

    .if6_inner {
        width: 100%;
        padding: 0 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .if6_header {
        height: 60px
    }

    .logo {
        max-width: 150px
    }

    .if6_header.with-long-name {
        border-bottom: 28px solid red
    }

    .logo .long-name {
        display: block;
        margin-top: 18px
    }

    .with-langselect .search, .search {
        width: 35px
    }

    .search form {
        padding: 10px 10px 10px 850px
    }

    .search > a {
        width: 35px;
        height: 35px
    }

    .search > a:before {
        font: 33px/81% Pictos-IF;
        height: 33px;
        width: 33px
    }

    .loginlogout .msgerror, .loginlogout .msginfo {
        top: 66px
    }

    .loginlogout .login-forgotten {
        top: 15px
    }

    .if6_langselect {
        padding-left: 0;
        padding-right: 10px
    }

    .if6_langselect > div {
        height: 35px
    }

    .if6_langselect > div > span {
        height: 33px;
        min-width: 27px;
        font: 14px/33px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_langselect .langselect {
        width: auto;
        right: 7px;
        margin-left: 0
    }

    .if6_langselect .langselect > div {
        margin-top: 7px
    }

    .if6_langselect > div > div:before, .if6_langselect > div > div:after {
        border-bottom-width: 5px;
        border-left-width: 6px;
        border-right-width: 6px;
        margin-left: 8px;
        margin-top: 5px
    }

    .if6_langselect > div > div:before {
        border-bottom-width: 5px;
        margin-top: 2px
    }

    .if6_outer.if6_openerstage .if6_inner {
        padding: 0
    }

    .if6_opener .opener_inner {
        margin: 0;
        padding-left: 20px;
        width: auto;
        max-width: 50%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .if6_opener .ty1 div.overlay {
        max-width: 100%;
        padding: 20px 25px;
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_opener .ty1 h1, .if6_opener .ty1 .h1 {
        font: 27px/110% SparkasseHeadWeb, Helvetica, Arial, sans-serif;
        margin-bottom: 0
    }

    .if6_opener .ty1 h2, .if6_opener .ty1 .h2 {
        font: bold 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_opener * + p, .if6_opener * + ul {
        margin-top: 20px
    }

    .if6_openerstage .carousel_play ul {
        padding: 20px 0
    }

    .templ-productpage .if6_outer.if6_openerstage .if6_inner, .templ-themepage .if6_outer.if6_openerstage .if6_inner, .templ-partnerpage .if6_outer.if6_openerstage .if6_inner, .templ-sdproductpage .if6_outer.if6_openerstage .if6_inner {
        width: 100%
    }

    .templ-productpage .if6_opener .opener_inner, .templ-themepage .if6_opener .opener_inner, .templ-partnerpage .if6_opener .opener_inner, .templ-sdproductpage .if6_opener .opener_inner {
        padding-left: 10px
    }

    .if6_homepagearea .if6_inner .servicetiles > .parsys {
        margin-right: -20px
    }

    .cbox + .servicetiles {
        padding-top: 10px
    }

    .if6_homepagearea .if6_inner {
        padding: 10px 10px 0 10px
    }

    .if6_homepagearea .if6_inner > .parsys {
        margin-right: -10px
    }

    .if6_homepagearea .if6_inner > .parsys > * {
        padding-right: 10px;
        margin-bottom: 10px
    }

    .if6_teaserarea .teaserhead {
        margin-bottom: 10px;
        padding-right: 10px
    }

    .if6_teaser {
        border-right-width: 10px;
        margin-bottom: 10px
    }

    .if6_teaser .ty1 .cont {
        padding: 10px 10px 20px 10px
    }

    .if6_teaser .ty1 h2 {
        font: bold 20px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_teaser .ty1 h3 {
        font: 15px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_teaser .ty1 .bgimg {
        right: 10px;
        bottom: 10px
    }

    .if6_teaser .ty1 h2 + p, .if6_teaser .ty1 h3 + p {
        margin-top: 10px
    }

    .if6_teaser div.textbutton {
        padding-bottom: 10px
    }

    .if6_teaser div.textbutton .linktext {
        padding-left: 10px;
        bottom: 10px;
        padding-right: 90px
    }

    .cshead {
        font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cs-phone {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cs-main {
        margin-top: 20px
    }

    .cs-main .cs-title {
        font: 24px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cs-main .cs-number {
        font: 24px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        font-weight: bold
    }

    .cs-phone .cs-number:before {
        display: none
    }

    .cs-phone.cs-main .cs-number:before {
        font: 32px/81% Pictos-IF;
        margin-left: -6px;
        margin-right: -3px;
        width: 32px;
        display: inline-block
    }

    .cs-button {
        padding-top: 105px
    }

    .cs-button > div {
        margin-top: -80px
    }

    .cs-button a {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        margin-top: 13px
    }

    .cs-button > a {
        margin-top: 0
    }

    .cs-button > a:before {
        font: 90px/81% Pictos-IF;
        height: 90px;
        width: 90px;
        margin-left: -45px;
        margin-top: -86px
    }

    .cs-link {
        margin-top: 20px
    }

    .cs-link.with-separator {
        margin-top: 10px
    }

    .cs-link a {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cs-link a:after {
        border: 0;
        margin-left: 0
    }

    .no-touch .cs-link a:hover:after, .cs-link a:focus:after {
        color: #333;
        background-color: #f0f0f0
    }

    .cs-button a.chatlink span:before, .cs-button a.videochatlink span:before {
        top: 3px
    }

    .cs-button > a.chatlink span:before, .cs-button > a.videochatlink span:before {
        top: -71px;
        margin-left: -36px
    }

    .if6_service .if6_inner .parsys {
        padding-left: 10px
    }

    .if6_service .if6_inner .parsys + .parsys {
        padding-right: 10px
    }

    .servicecontactbutton {
        margin-left: -10px;
        margin-right: -10px
    }

    .if6_sitemap .if6_inner {
        padding: 0
    }

    .if6_awardarea .if6_inner {
        padding: 0
    }

    .if6_iconbar {
        overflow: visible
    }

    .if6_iconbar .if6_inner {
        padding: 0;
        height: 40px;
        overflow: visible
    }

    .if6_iconbar .if6_inner .iconbar {
        display: block;
        position: absolute
    }

    .if6_iconbar.iconbar-fixed .if6_inner .iconbar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        transition: right .5s ease .2s, left .5s ease .2s
    }

    .if6_iconbar.iconbar-fixed .if6_navigation > a, .if6_iconbar.iconbar-fixed .if6_bstart, .if6_iconbar.iconbar-fixed .if6_contact > a {
        position: fixed
    }

    .if6_contact > a:first-child, .if6_contact > a:first-child + a + a {
        display: none
    }

    body.navigation_visible .if6_iconbar.iconbar-fixed .if6_navigation > a {
        left: 290px
    }

    body.navigation_visible .if6_iconbar.iconbar-fixed .if6_bstart {
        left: 330px
    }

    body.navigation_visible .if6_iconbar.iconbar-fixed .if6_contact > a {
        right: -290px
    }

    body.navigation_visible .if6_iconbar.iconbar-fixed .if6_contact > a.postlink {
        right: -250px
    }

    body.navigation_visible .if6_iconbar.iconbar-fixed .if6_inner .iconbar {
        left: 290px;
        right: -290px
    }

    body.contact_visible .if6_iconbar.iconbar-fixed .if6_navigation > a {
        left: -290px
    }

    body.contact_visible .if6_iconbar.iconbar-fixed .if6_bstart {
        left: -250px
    }

    body.contact_visible .if6_iconbar.iconbar-fixed .if6_contact > a {
        right: 290px
    }

    body.contact_visible .if6_iconbar.iconbar-fixed .if6_contact > a.postlink {
        right: 330px
    }

    body.contact_visible .if6_iconbar.iconbar-fixed .if6_inner .iconbar {
        left: -290px;
        right: 290px
    }

    .if6_navigation > a, .if6_contact > a + a, .if6 .if6_bstart {
        width: 40px;
        height: 40px;
        top: 0;
        background-color: #fff;
        position: absolute
    }

    .if6 .if6_bstart {
        left: 40px
    }

    .if6_contact > a + a + a.postlink {
        right: 40px;
        top: 0;
        display: block
    }

    .if6_navigation > a:before, .if6_bstart:before, .if6_contact > a + a:before, .if6_contact > a + a + a:before, .if6_contact > a + a + a.new-message:before {
        color: red;
        font: 48px/81% Pictos-IF;
        margin-top: -3px
    }

    .chat_online .if6_contact > a:first-child + a:after, .videochat_online .if6_contact > a:first-child + a:after {
        margin-top: -33px;
        margin-left: -1px
    }

    .if6_navigation > div {
        left: -290px;
        width: 290px
    }

    .if6_navigation:hover > div {
        left: 0
    }

    .js .if6_navigation:hover > div {
        left: -290px
    }

    .js .navigation_visible .if6_navigation > div {
        left: 0
    }

    .if6_navigation div div {
        width: 290px;
        padding-top: 10px
    }

    .js .if6_navigation div div div {
        left: 290px;
        padding-top: 2.5px
    }

    body.navigation_visible .if6_outer {
        margin-left: 290px
    }

    body.navigation_visible .if6_navigation > a {
        left: 0
    }

    body.navigation_visible .if6_bstart {
        left: 40px
    }

    body.navigation_visible .if6_contact > a {
        right: 0
    }

    body.navigation_visible .if6_contact > a.postlink {
        right: 40px
    }

    .if6_navigation .h2 {
        margin: 0 10px 15px 10px;
        font: bold 20px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_navigation ul li > a {
        padding: 15px 10px;
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .no-touch .if6_navigation ul li:hover > a:after, .if6_navigation ul li.active > a:after, .if6_navigation ul li.current > a:after {
        font: 15px/81% Pictos-IF;
        width: 15px;
        height: 15px;
        border-radius: 8px;
        margin-left: -15px
    }

    .if6_navigation .navtop, .if6_navigation .navback {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        margin-left: 10px;
        padding: 7.5px 0
    }

    .if6_navigation .navtop:before, .if6_navigation .navback:before {
        font: 15px/81% Pictos-IF;
        margin-right: 7px;
        width: 15px;
        height: 15px;
        border-radius: 8px
    }

    .if6_navigation ul li.overview {
        border-width: 2px
    }

    .if6_navigation .navtop + .h2, .if6_navigation .navback + .h2 {
        margin-top: 22.5px
    }

    .if6_contact > div {
        width: 290px;
        right: -290px
    }

    .js .if6_contact:hover > div {
        right: -290px
    }

    .js .contact_visible .if6_contact > div {
        right: 0
    }

    body.contact_visible .if6_outer {
        margin-left: -290px
    }

    body.contact_visible .if6_contact > a {
        right: 0
    }

    body.contact_visible .if6_contact > a.postlink {
        right: 40px
    }

    body.contact_visible .if6_navigation > a {
        left: 0
    }

    body.contact_visible .if6_bstart {
        left: 40px
    }

    body.navigation_visible .iconbar_overlay {
        left: 290px
    }

    body.contact_visible .iconbar_overlay {
        right: 290px
    }

    .if6_buttonline div.primary, .if6_buttonline div.primaryicon, .if6_buttonline div.secondary, .if6_buttonline div.back {
        margin-bottom: 10px
    }

    .if6_buttonline div.contactsel {
        padding-bottom: 10px
    }

    .if6_buttonline > .headline {
        font: bold 20px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_buttonline > .ctext {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_buttonline .contact .main a {
        font: bold 20px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_buttonline div.contactsel ul a {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        font-weight: bold;
        padding: 11px 10px 11px 31px
    }

    .if6_buttonline div.contactsel ul a.has-note {
        padding: 4px 10px 4px 31px
    }

    .if6_breadcrumb {
        padding-top: 10px
    }

    .if6_breadcrumb + .if6_section .if6_inner, .if6_breadcrumb + * .if6_section:first-child .if6_inner {
        padding-top: 10px
    }

    .if6_section, .if6_homepagearea {
        font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_main > .parsys > .if6_section {
        border-bottom-width: 3px;
        margin-bottom: 3px
    }

    .if6_main > .parsys {
        margin-bottom: -6px;
        min-height: 6px
    }

    .if6_section > .if6_inner {
        padding: 20px 10px 10px 10px
    }

    .if6_section > .if6_inner > .parsys {
        margin-right: -10px
    }

    .if6_section > .if6_inner > .parsys > * {
        padding-right: 10px;
        margin-bottom: 10px
    }

    .if6_section > .if6_inner > span.anchor, .with-pagenav .if6_section > .if6_inner > span.anchor {
        margin-top: -54px
    }

    .cbox {
        padding: 10px;
        border-top-width: 10px;
        border-right-width: 10px;
        margin: -10px 0 10px 0;
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cbox h2, .cbox p .h2 {
        margin-bottom: 20px
    }

    .cbox h3 {
        margin-bottom: 10px
    }

    .cbox h2 + h3 {
        margin-top: -5px
    }

    .cbox p + h3 {
        margin-top: 30px
    }

    .cbox p.contains-h2 + h3 {
        margin-top: -5px;
        margin-bottom: 20px
    }

    .cbox-banking {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .cbox-banking > h2 {
        padding-left: 10px
    }

    .cbox-banking > h2:first-child {
        padding-top: 10px
    }

    .cbox-banking > h2:last-child {
        padding-bottom: 10px
    }

    .cbox-banking h2, .cbox-banking h3 {
        margin-bottom: 0
    }

    .cbox .textbutton a {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cbox-campaign, .cbox-mainproduct {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cbox-icon, .cbox-product {
        font: 14px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cbox-icon .icon:before {
        margin-left: -12px;
        margin-top: -15px;
        height: 48px;
        width: 48px;
        font: 48px/81% Pictos-IF
    }

    .cbox-icon .icon {
        height: 32px
    }

    .cbox-icon span + h2, .cbox-icon span + h3, .if6 .cbox-icon span + p .h2 {
        padding-left: 35px;
        margin-bottom: 10px;
        margin-top: -32px
    }

    .cbox-icon h2, .cbox-icon h3, .if6 .cbox-icon .h2 {
        font: bold 20px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cbox div.textbutton {
        height: 23px;
        padding-top: 10px
    }

    .cbox div.textbutton a {
        bottom: 10px;
        right: 10px
    }

    .cbox-imagetext div.textbutton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px
    }

    .cbox-product h2, .cbox-product h3, .if6 .cbox-product .h2 {
        font: bold 20px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
        margin-top: 0;
        margin-bottom: 15px
    }

    .cbox-product .image {
        margin: -10px -10px 20px -10px
    }

    .cbox-product .image.image-only {
        margin-bottom: -10px
    }

    .cbox-partner img {
        width: 80%
    }

    .cbox-image .image {
        margin-bottom: 10px
    }

    .cbox-imagetext {
        padding: 0
    }

    .cbox-imagetext .image {
        width: 50%
    }

    .cbox-imagetext .image div {
        padding: 10px 15px 10px 10px
    }

    .cbox-imagetext .description {
        width: 50%
    }

    .cbox-imagetext .description .ctext {
        padding: 10px 10px 10px 15px
    }

    .cbox-imagetext .image-right div {
        left: 100%;
        padding: 10px 10px 10px 15px
    }

    .cbox-imagetext .image-right + .description .ctext {
        left: -100%;
        padding: 10px 15px 10px 10px
    }

    .cbox-imagetext .image-right + .description .textbutton a {
        right: 100%;
        margin-right: 15px
    }

    .cbox-market {
        padding-left: 0
    }

    .cbox-market .market-form {
        padding: 0 10px
    }

    .cbox-market table tr th {
        font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        font-weight: bold
    }

    .cbox-market table tr th + td + td {
        padding-right: 10px
    }

    .cbox-market table tr th + td, .cbox-market table tr th + td + td + td {
        padding-left: 10px
    }

    .cbox-market p .h2 {
        font: bold 20px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
        padding: 0 10px;
        margin-top: 0;
        margin-bottom: 10px
    }

    .cbox-small.cbox-campaign {
        min-height: 288px
    }

    .cbox-small.cbox-campaign .image {
        margin: -10px -10px 10px -10px
    }

    .cbox-small.cbox-campaign .ctext h2 {
        font: bold 20px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cbox-small.cbox-campaign > .description:first-child {
        outline: 10px solid red;
        min-height: 258px
    }

    .cbox-small.cbox-campaign > .description:first-child h2 {
        font: 27px/110% SparkasseHeadWeb, Helvetica, Arial, sans-serif
    }

    .cbox-large.cbox-campaign h2, .cbox-large.cbox-mainproduct h2 {
        font: 27px/110% SparkasseHeadWeb, Helvetica, Arial, sans-serif;
        margin-bottom: 10px
    }

    .cbox-large.cbox-campaign .analyst {
        padding: 0 10px
    }

    .cbox-large.cbox-campaign .description, .cbox-mainproduct .description {
        padding: 10px 0 10px 10px
    }

    .cbox-large.cbox-campaign .description .left, .cbox-mainproduct .description .left {
        padding: 10px
    }

    .cbox-campaign .linklist, .cbox-mainproduct .linklist {
        padding: 10px
    }

    .campaign h2 {
        font: bold 20px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .campaign .ctext {
        max-width: 668px
    }

    .templ-bankingstartpage .cbox {
        box-shadow: none
    }

    .templ-bankingstartpage .cbox-small {
        min-height: 288px
    }

    .templ-bankingstartpage .cbox + .cbox {
        box-shadow: 0 10px 0 10px #f0f0f0
    }

    .templ-bankingstartpage .cbox-small:last-child:after {
        display: none
    }

    .templ-bankingstartpage .if6_section > .if6_inner:after {
        display: none
    }

    .templ-bankingwidepage .if6_section .if6_inner {
        padding-left: 10px;
        padding-right: 10px
    }

    .cbox > img {
        padding: 10px;
        margin: 0 auto;
        display: block
    }

    .cbox ol li:before {
        font: 17px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cbox .table {
        margin: 0 -5px;
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .cbox .table:first-child, .cbox span + .table {
        margin-top: -10px
    }

    .carousel {
        border-right-width: 10px
    }

    .js .if6_section .if6_inner > .parsys > .carousel {
        margin-bottom: 10px
    }

    .carousel_play > div {
        padding: 0 10px
    }

    .carousel_play ul {
        padding-top: 13px
    }

    .carousel_play .left:before {
        font: 15px/81% Pictos-IF;
        width: 15px;
        height: 15px
    }

    .carousel_play .right:before {
        font: 15px/81% Pictos-IF;
        width: 15px;
        height: 15px
    }

    .if6_tabnav ul.tabnav {
        padding-bottom: 15px;
        margin-right: -5px
    }

    .tabnav li {
        margin-right: 5px;
        font: 17px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .tabnav li > div > a {
        padding: 4px 6px
    }

    .text + .if6_glossar, .if6_tabnav + .if6_glossar {
        margin-left: -10px
    }

    .if6_glossar a {
        margin-bottom: 10px;
        margin-top: -5px
    }

    .templ-bankingstartpage .parsys > .cbox + .if6_glossar {
        width: 100%
    }

    .templ-bankingstartpage .cbox + .if6_glossar a {
        margin: 10px 10px 0 0;
        width: 20px
    }

    .templ-bankingstartpage .cbox + .if6_glossar a:before {
        font: 18px/81% Pictos-IF;
        height: 18px;
        width: 18px;
        content: "\f70b"
    }

    .templ-bankingstartpage .cbox-banking > h2:first-child:before {
        font: 25px/81% Pictos-IF;
        width: 25px;
        height: 25px;
        margin-left: -5px;
        margin-top: -5px
    }

    .numbered-icon:before {
        font: 125px Pictos-IF;
        line-height: 125px;
        color: red;
        width: 125px;
        height: 125px
    }

    .numbered-icon span.number {
        width: 22px;
        height: 22px;
        line-height: 22px
    }

    .if6_lightbox {
        padding: 10px 150px;
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .if6_lightbox .if6_inner {
        padding: 0;
        outline-width: 5px;
        display: block
    }

    .if6_lightbox .cbox-medium {
        width: 100%
    }

    .if6_lightbox .cbox-large {
        width: 100%
    }

    .if6_lightbox .cbox {
        border-right: 0
    }

    .if6_lightbox .cbox:last-child {
        margin-bottom: 0
    }

    .if6_lightbox.session-countdown {
        padding: 10px
    }

    .if6_lightbox.session-countdown .if6_inner {
        display: inline-block
    }

    .cbox .session-countdown {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cbox .session-countdown + .buttonline {
        padding: 20px 10px 10px 20px
    }

    .if6_lightbox .cbox-eyecatcher {
        width: 100%;
        padding: 10px
    }

    .cbox-eyecatcher > .image {
        margin: -10px -10px 0 -10px
    }

    .cbox-eyecatcher h2 {
        font: 27px/110% SparkasseHeadWeb, Helvetica, Arial, sans-serif
    }

    .cbox-eyecatcher .headline {
        padding: 10px 0 0 10px
    }

    .cbox-eyecatcher .headline > div {
        padding: 10px
    }

    .cbox-eyecatcher .ctext {
        padding-top: 10px
    }

    .cbox-eyecatcher .analyst {
        margin-top: 10px;
        padding-top: 10px
    }

    .pf-nachricht .analyst {
        padding-top: 10px;
        margin-top: 10px
    }

    .js .if6_navigation .close-icon, .js .if6_contact .close-icon {
        left: 246px
    }

    .iconbar .pagenavcurrent {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #333;
        display: inline-block;
        line-height: 20px;
        margin-top: 10px;
        padding-right: 21px;
        cursor: pointer;
        white-space: nowrap
    }

    .iconbar .pagenavcurrent.active {
        color: red
    }

    .no-touch .pagenav li.active:hover {
        color: red
    }

    .if6_pagenav {
        height: 0;
        overflow: hidden;
        position: absolute;
        top: 60px;
        padding-top: 40px;
        left: 0
    }

    .if6_pagenav.nav-fixed {
        z-index: 1999
    }

    .pagenav_visible .if6_pagenav {
        height: 40px;
        overflow: visible
    }

    .if6_pagenav .if6_inner {
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1)
    }

    .if6_pagenav .pagenav {
        margin: 0;
        width: auto;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        height: 40px;
        border: 0
    }

    .pagenav li {
        background-color: #fff;
        width: auto;
        line-height: 150%;
        margin: 0 10px;
        color: #333;
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        height: 40px;
        border: 0
    }

    .pagenav.pagenav-five li {
        width: auto
    }

    .pagenav li.active {
        margin: 0 10px;
        background-color: transparent;
        color: red;
        border: 0
    }

    .pagenav li.active > div:before {
        display: none
    }

    .pagenav li > div > div {
        height: 40px
    }

    .no-touch .if6_pagenav.more-left .pagenav, .no-touch .if6_pagenav.more-right .pagenav {
        height: 55px
    }

    .if6_pagenav.more-left .if6_inner:before {
        width: 40px;
        background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
        height: 40px;
        content: "";
        position: absolute;
        left: 0;
        top: 40px;
        pointer-events: none;
        z-index: 10
    }

    .if6_pagenav.more-right .if6_inner:after {
        width: 40px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
        height: 40px;
        content: "";
        position: absolute;
        right: 0;
        top: 40px;
        pointer-events: none;
        z-index: 10
    }

    .if6_pagenav.nav-fixed .if6_inner {
        position: static
    }

    .if6_pagenav.nav-fixed {
        position: fixed;
        top: 0
    }

    .if6_main .ui-slider-horizontal {
        margin: 15px 0
    }

    .if6_main .ui-slider-handle {
        height: 40px;
        width: 40px;
        top: -18.5px;
        margin-left: -21px
    }

    .cbox-pslose .close-icon {
        top: 0;
        right: 0
    }

    .cbox-pslose p {
        margin-top: 20px
    }

    .cbox-pslose .data {
        margin: 20px -10px
    }

    .cbox-pslose .data th {
        font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        font-weight: bold
    }

    .if6_crosssellingarea > .headline {
        margin-bottom: 10px;
        padding-right: 10px
    }

    .if6_crosssellingarea > .parsys {
        margin-right: -10px;
        margin-bottom: -10px
    }

    .msgerror, .msginfo {
        padding: 10px
    }

    .block {
        padding: 10px 0 10px 10px
    }

    .block h3 {
        font: bold 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
        margin-bottom: 17px;
        margin-top: 25px
    }

    .block h3.with-icon:before {
        margin-top: -11px
    }

    .bline h2, .bline h3 {
        margin: 0 10px 5px 0
    }

    * + .block.thin-separator {
        padding-top: 20px
    }

    .bline + .bline {
        margin-top: 10px
    }

    div.bcontinue {
        padding-left: 220px
    }

    .bline .blineunder, .bline .blineover {
        padding-left: 220px
    }

    .bline .blineunder.textarea-count {
        padding-left: 0;
        margin-right: 0
    }

    .bline .blineunder.textarea-count > div {
        padding-left: 220px
    }

    .bline.no-label .blineunder.textarea-count > div {
        padding-left: 0
    }

    .bline > label, .bline > .label, .bline > .blineover + label, .bline > .blineover + .label {
        width: 200px;
        margin-right: 20px
    }

    div.bcontinue .ixxxl {
        margin-left: -220px
    }

    .bline > * + label, .bline > * + .label {
        width: auto;
        margin-right: 10px
    }

    .bline input, .bline select, .bline textarea {
        margin-top: -5px
    }

    .bline .select-wrap {
        margin-top: -5px
    }

    .bline .ficon {
        margin-top: -3px
    }

    .bline .ixxxl {
        width: 280px
    }

    .bline .ixxl, .btable .ixxl {
        width: 230px
    }

    .bline .ixl, .btable .ixl {
        width: 200px
    }

    .js .bline .ixxxl {
        width: calc(100% - 230px)
    }

    .js .bline .ixxl, .js .btable .ixxl, .js .cbox-large .bline .ixxl, .js .cbox-large .btable .ixxl {
        width: calc(100% - 230px)
    }

    .js .bline .ixl, .js .btable .ixl {
        width: calc(100% - 230px)
    }

    .js .bline textarea {
        max-width: calc(100% - 230px)
    }

    .js .bline.no-label textarea {
        max-width: calc(100% - 10px)
    }

    .js .bline.no-label .ixxxl, .js .bline.no-label .ixxl, .js .bline.no-label .ixl {
        width: calc(100% - 10px)
    }

    .js .bline.bcontinue .ixxl, .js .cbox-large .bline.bcontinue .ixxl {
        width: calc(100% - 10px)
    }

    .js .bline.bcontinue .ixl {
        width: calc(100% - 10px)
    }

    .js .bline.bcontinue textarea {
        max-width: calc(100% - 10px)
    }

    .js .bline .ixxxl.followed-by-icon, .js .bline .ixxl.followed-by-icon, .js .btable .ixxl.followed-by-icon, .js .bline .ixl.followed-by-icon, .js .btable .ixl.followed-by-icon {
        width: calc(100% - 276px)
    }

    .js .bline.bcontinue .ixxl.followed-by-icon {
        width: calc(100% - 56px)
    }

    .js .bline.bcontinue .ixl.followed-by-icon {
        width: calc(100% - 56px)
    }

    .js .bline .select-wrap .ixl, .js .bline .select-wrap .ixxl, .js .bline .select-wrap .ixxxl, .js .cbox-large .bline .select-wrap .ixxl {
        width: 100%
    }

    .bline .il, .btable .il {
        width: 162px
    }

    .bline .im {
        width: 127px
    }

    .bline .is {
        width: 60px
    }

    .bline .has-inline-icon {
        padding-right: 37px
    }

    .bline .moved-icon {
        height: 28px;
        width: 28px;
        margin-top: -4px;
        margin-left: -29px
    }

    .bline .moved-icon input {
        height: 28px
    }

    .bline .moved-icon:before {
        font: 28px/81% Pictos-IF;
        width: 28px;
        height: 28px
    }

    div.helptxt.moved-icon:before {
        font: 28px/81% Pictos-IF;
        height: 28px;
        width: 28px
    }

    .lefthalf .bline .blineunder, .lefthalf .bline .blineover, .righthalf .bline .blineunder, .righthalf .bline .blineover {
        padding-left: 0
    }

    .bline .verticalbuttons .ficon input {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%;
        margin: 0
    }

    .bline .verticalbuttons {
        margin-top: -31px
    }

    .bline.pf-nachrichtkopf .verticalbuttons {
        margin-top: 0
    }

    .bline.center-headline {
        padding-top: 10px
    }

    .bline.center-headline:last-child {
        padding-bottom: 5px;
        margin-bottom: 0
    }

    .bline ul.linklist li a:before {
        font: 15px/81% Pictos-IF;
        margin-left: -15px
    }

    a.arrowLink:before {
        font: 15px/81% Pictos-IF
    }

    .cal_body {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .cal_body th, .cal_body td {
        float: none
    }

    .cal_body .cal_button a, .cal_body .cal_button span {
        width: 19px
    }

    .cal_body .cal_button a:before, .cal_body .cal_button span:before {
        font: 17px/81% Pictos-IF;
        width: 19px;
        height: 19px
    }

    .js input.calendar-is-open.il {
        border-radius: 5px 5px 0 0
    }

    .block.footnote {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .footnote .bline {
        margin-top: 0
    }

    .cbox-banking > .campaign:before {
        border-top: 10px solid #f0f0f0;
        border-bottom: 10px solid #00acd3;
        content: "";
        display: block;
        margin: -10px -10px 0 -10px;
        position: relative
    }

    .cbox-banking > .campaign {
        margin: 0
    }

    .lefthalf {
        padding: 10px 5px 10px 0;
        margin-top: -10px;
        margin-bottom: -10px
    }

    .righthalf {
        margin-right: -10px;
        margin-top: -10px;
        padding: 10px 0 0 10px
    }

    .leftthird {
        padding: 10px 0 10px 3.34px;
        margin: -10px 0 -10px -3.34px
    }

    .middlethird {
        margin: -10px 6.66px -10px 0;
        padding: 10px 3.34px 10px 10px
    }

    .middlethird:after {
        right: -6.66px
    }

    .rightthird {
        margin: -10px -13.34px -10px 0;
        padding: 10px 3.34px 10px 10px
    }

    div.helptxt > div div {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .bline select optgroup {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .bline select optgroup option {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .bline .btable {
        margin-left: -10px
    }

    .btableblock .btable th .ficon input, .btableblock .btable th a.ficon {
        width: 19px;
        height: 19px
    }

    .btableblock th .ficon.icon-if5_symbol_up:before, .btableblock th .ficon.icon-if5_symbol_down:before, .btableblock th .ficon.icon-if5_symbol_up_a:before, .btableblock th .ficon.icon-if5_symbol_down_a:before {
        font: 17px/81% Pictos-IF;
        height: 17px;
        margin-right: -19px;
        width: 17px
    }

    .block .bsearch + .bpager, .block .bpageselect + .bpager {
        display: none
    }

    .btableblock + .block .bpageselect + .bpager {
        display: table-cell
    }

    .block .bpageselect + .bsearch {
        text-align: right
    }

    .bpager .pagerbuttons input {
        font: 17px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .expand {
        padding: 10px
    }

    .bline div.bsayt {
        margin-top: 24px;
        padding-right: 10px
    }

    .bsayt ul li h3, .bsayt ul li p {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .buttonline {
        padding: 10px 0 0 10px
    }

    .buttonline > div > * {
        margin-bottom: 10px
    }

    .buttonline .bgroup2 div input, .buttonline .bgroup2 a, .buttonline .bgroup4 div input, .buttonline .bgroup4 a, .if6_buttonline div.back a, .ficon.icon-b_back input {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .buttonline .bgroup2 > a:before, .buttonline .bgroup2 > div:before, .buttonline .bgroup4 > a:before, .buttonline .bgroup4 > div:before, .if6_buttonline div.back a:before, .ficon.icon-b_back:before {
        font: 14px/81% Pictos-IF;
        width: 14px;
        height: 14px
    }

    .buttonline .bgroup2 div input, .buttonline .bgroup2 a, .buttonline .bgroup4 div input, .buttonline .bgroup4 a, .if6_buttonline div.back a {
        padding: 11px 0 10px 0
    }

    .buttonline .bgroup2 > div:before, .buttonline .bgroup4 > div:before {
        margin-right: -16px
    }

    .buttonline .bgroup2 div input, .buttonline .bgroup4 div input {
        padding-left: 23px
    }

    .buttonline .bgroup1 > a:last-child, .buttonline .bgroup1 > div:last-child {
        margin-right: 10px
    }

    .ficon.icon-b_back input {
        padding-left: 23px;
        margin-top: 0
    }

    .buttonline .ficon {
        margin: 0 10px 10px 0
    }

    .buttonline .ficon input, .buttonline a.ficon {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .seclink {
        padding-bottom: 0;
        padding-right: 10px
    }

    .abschlussweiche .buttonline .arrowLink {
        margin: 0 10px 10px 0;
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .abschlussweiche .buttonline .arrowLink:after {
        font: 15px/81% Pictos-IF;
        width: 15px;
        height: 15px;
        margin-left: 7px
    }

    .pf-nachricht .arrowLink {
        margin: 10px 10px 10px 0;
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .pf-nachricht .arrowLink:after {
        font: 15px/81% Pictos-IF;
        width: 15px;
        height: 15px;
        margin-left: 7px
    }

    .ficon.icon-if5_refresh input {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        padding-left: 22px
    }

    .ficon.icon-if5_refresh:before {
        font: 15px/81% Pictos-IF;
        width: 15px;
        height: 15px;
        margin-right: -17px
    }

    .bline .bpulldown {
        margin-top: -3px
    }

    .bpulldown .ficon {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%;
        margin-top: 0
    }

    .bpulldown .ficon:before {
        margin-right: 5px;
        font: 15px/81% Pictos-IF;
        height: 15px;
        width: 15px
    }

    .bpulldown > div {
        margin-top: -2px;
        margin-left: -3px
    }

    .bpulldown input, .bpulldown a.ficon {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .bpulldown > div:before, .bpulldown > div:after {
        border-bottom-width: 5px;
        border-left-width: 6px;
        border-right-width: 6px;
        margin-top: -2px;
        margin-left: 5px
    }

    .bpulldown > div:before {
        border-bottom-width: 5px;
        margin-top: -5px
    }

    .bpulldown.baction > div:before, .bpulldown.baction > div:after {
        margin-left: 11px
    }

    .js .bline .bslider {
        padding-left: 220px
    }

    .table_termingeld th:first-child + th, .table_termingeld td:first-child + td {
        display: none
    }

    h2.with-analyst + .analystbox {
        display: none
    }

    h2.with-analyst, h2.with-analyst + .analystbox + .block {
        width: auto;
        float: none
    }

    .postbox {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%;
        padding: 10px
    }

    .postbox .numbered-icon {
        margin-top: 0;
        margin-bottom: 4px;
        height: 50px;
        width: 62px
    }

    .cbox-small .postbox .numbered-icon {
        width: 90px;
        height: 70px;
        margin: 10px auto
    }

    .cbox-small .postbox .numbered-icon.icon-if5_ifa_ifauftrag {
        height: 70px
    }

    .postbox .numbered-icon:before, .postbox.no-messages .numbered-icon:before, .postbox.no-configuration .numbered-icon:before {
        font: 100px/81% Pictos-IF;
        height: 100px;
        margin-left: -24px;
        margin-top: -23px;
        width: 100px
    }

    .cbox-small .postbox .numbered-icon:before, .cbox-small .postbox.no-messages .numbered-icon:before, .cbox-small .postbox.no-configuration .numbered-icon:before {
        font: 125px/81% Pictos-IF;
        width: 125px;
        height: 125px;
        margin-left: -20px;
        margin-top: -26px
    }

    .postbox .numbered-icon span.number {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif;
        height: 20px;
        width: 20px;
        line-height: 20px;
        margin-right: -3px;
        margin-top: -2px;
        border-width: 3px
    }

    .cbox-small .postbox .numbered-icon span.number {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        width: 22px;
        height: 22px;
        line-height: 22px;
        margin-top: 2px
    }

    .postbox p {
        margin-bottom: 10px
    }

    .postbox p + p {
        margin-top: -10px
    }

    .cbox-small .postbox p {
        margin-bottom: 0
    }

    .cbox-small .postbox p + p {
        margin-top: 0
    }

    .favorites {
        padding: 10px;
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .market {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%;
        padding: 10px
    }

    .market ul.tabnav {
        height: 23px
    }

    .market ul.tabnav li {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 100%
    }

    .market .btableblock td {
        padding: 0
    }

    .next-task {
        padding: 0 10px 10px 10px
    }

    .if6 .cbox .next-task ul li {
        margin-top: 10px
    }

    .next-task ul li div {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .ifa-image {
        margin-left: -10px;
        margin-right: 0
    }

    .ifa-image .image {
        width: 50%
    }

    .ifa-image .image div {
        padding: 0 15px 0 10px
    }

    .ifa-image .image + div {
        width: 50%
    }

    .ifa-image .image + div div {
        margin-left: -5px;
        padding: 0 10px 0 0
    }

    .ifa-image .image-right div {
        left: 100%;
        padding: 0 10px 0 15px
    }

    .ifa-image .image-right + div div {
        left: -100%;
        margin-left: 0;
        margin-right: -5px;
        padding: 0 0 0 10px
    }

    .block.blogodata + .block.blogoimage {
        padding-left: 13px;
        padding-right: 10px
    }

    .banking-container {
        margin-right: -10px
    }

    .banking-container .cbox-container {
        margin-bottom: -10px
    }

    .banking-container + .buttonline.main-buttons {
        margin-top: 0
    }

    a.icon-b_glossar {
        margin: 10px 10px 0 0
    }

    a.icon-b_glossar + h2 {
        padding-right: 48px;
        padding-top: 10px;
        min-height: 30px
    }

    .icon-b_boxclose {
        margin: 10px 10px 0 0
    }

    .icon-b_boxclose + a.icon-b_glossar + .icon-b_boxsettings + h2 {
        padding-right: 124px
    }

    .icon-b_boxclose + a.icon-b_glossar + h2 {
        padding-right: 86px
    }

    .icon-b_boxclose + h2 {
        padding-right: 48px;
        padding-top: 10px
    }

    .icon-b_boxsettings {
        margin: 10px 10px 0 0
    }

    .icon-b_boxsettings + h2 {
        padding-right: 48px;
        padding-top: 10px;
        min-height: 30px
    }

    .bline + .bline.with-separator:before {
        right: 0
    }

    .above-label > label, .above-label > .label {
        padding-bottom: 7.5px
    }

    .js .above-label .ixl, .js .above-label .ixxl {
        width: 100%
    }

    .js .above-label .ixl.followed-by-icon, .js .above-label .ixxl.followed-by-icon {
        width: calc(100% - 56px)
    }

    .bline.icon-large {
        padding-left: 34px;
        min-height: 45px
    }

    .bline.icon-large:before {
        font: 48px/81% Pictos-IF;
        color: red;
        width: 48px;
        height: 48px;
        margin-left: -45px;
        margin-top: -2px
    }

    .bgauge.oneline .bgauge-text {
        padding-left: 10px
    }

    .servicetiles .serviceelement a {
        font-size: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    input.nbf-text-input {
        padding: 30px 15px 15px 15px
    }
}

@media (max-width: 979px) {
    .cbox-market table tr td {
        display: block
    }

    .cbox-market table tr th {
        padding-bottom: 0
    }

    .cbox-market table tr th + td + td {
        text-align: left;
        padding-top: 0
    }

    .cbox-market table tr th + td + td + td {
        padding-top: 0
    }
}

@media (max-width: 958px) {
    .hide900, .if6_buttonline div.primary.hide900, .if6_buttonline div.primaryicon.hide900, .if6_buttonline div.secondary.hide900, .if6_buttonline div.contactsel.hide900, .js .cs-phone.hide900 {
        display: inline-block
    }

    .if6_service .hide900, .js .cs-main.hide900 {
        display: block
    }

    .cs-button.hide900 {
        display: table-cell
    }

    .hide500, .if6_buttonline div.primary.hide500, .if6_buttonline div.primaryicon.hide500, .if6_buttonline div.secondary.hide500, .if6_buttonline div.contactsel.hide500, .js .cs-phone.hide500, .js .cs-main.hide500, .cs-button.hide500 {
        display: none
    }

    .if6_service .hide500 {
        display: none
    }

    .cbox-medium {
        width: 100%
    }

    .cbox-small {
        width: 50%
    }

    .cbox-large {
        width: 100%
    }
}

@media screen and (max-width: 848px) {
    .if6_award .image + div {
        display: none
    }

    .if6_awardarea .if6_inner {
        text-align: center
    }

    .if6_awardarea .if6_inner .parsys {
        display: inline-block
    }

    .if6_award {
        width: auto;
        margin: 20px 0
    }
}

@media screen and (max-width: 839px) {
    .if6 .loginlogout .label {
        display: none
    }

    .loginlogout form.header-login {
        margin-left: -2px
    }

    .loginlogout form.header-logout {
        width: 376px
    }

    .loginlogout .header-logout p {
        max-width: 185px
    }

    .if6_outer.if6_openerstage .if6_inner {
        padding: 0;
        background-color: #fff
    }

    .if6_opener {
        height: auto
    }

    .if6_opener .opener_image {
        position: relative;
        overflow: hidden
    }

    .if6_opener .opener_inner {
        width: 100%;
        max-width: 100%;
        height: auto;
        padding-left: 0
    }

    .if6_opener .ty1 div.overlay {
        display: block;
        padding: 20px 10px;
        background-color: #fff
    }

    .if6_opener .ty1 h1, .if6_opener .ty1 .h1 {
        font: 22px/110% SparkasseHeadWeb, Helvetica, Arial, sans-serif
    }

    .if6_opener .ty1 h2, .if6_opener .ty1 .h2 {
        font: bold 15px/130% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_opener .ty1 .footnote {
        margin-top: 20px
    }

    .if6_openerstage .carousel_play {
        bottom: auto
    }

    .templ-productpage .if6_outer.if6_openerstage, .templ-themepage .if6_outer.if6_openerstage, .templ-partnerpage .if6_outer.if6_openerstage, .templ-sdproductpage .if6_outer.if6_openerstage {
        background-image: none;
        background-color: #fff
    }

    .templ-productpage .if6_opener .opener_inner, .templ-themepage .if6_opener .opener_inner, .templ-partnerpage .if6_opener .opener_inner, .templ-sdproductpage .if6_opener .opener_inner {
        padding-left: 0
    }

    .templ-productpage .if6_opener .ty1 > .overlay-top, .templ-themepage .if6_opener .ty1 > .overlay-top, .templ-partnerpage .if6_opener .ty1 > .overlay-top, .templ-sdproductpage .if6_opener .ty1 > .overlay-top {
        display: block;
        background-color: #f0f0f0;
        padding: 20px 10px 10px 10px
    }

    .templ-productpage .if6_opener .opener_inner .overlay-top, .templ-themepage .if6_opener .opener_inner .overlay-top, .templ-partnerpage .if6_opener .opener_inner .overlay-top, .templ-sdproductpage .if6_opener .opener_inner .overlay-top {
        display: none
    }

    .templ-productpage .if6_opener .overlay .overlay-top + *, .templ-themepage .if6_opener .overlay .overlay-top + *, .templ-partnerpage .if6_opener .overlay .overlay-top + *, .templ-sdproductpage .if6_opener .overlay .overlay-top + * {
        margin-top: 0
    }

    .servicetiles .serviceelement {
        width: 33.33%
    }
}

@media screen and (max-width: 767px) {
    .if6 h1, .if6 .h1 {
        font: bold 22px/120% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6 h2, .if6 .h2 {
        font: bold 18px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6 h3, .if6 .h3 {
        font: bold 15px/130% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_navigation .h2 {
        font: bold 18px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_section, .if6_homepagearea {
        font: 13px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .smartphone-banner_inner {
        display: block
    }

    a[href^="tel:"] {
        pointer-events: auto;
        text-decoration: underline
    }

    .if6_buttonline div.contactsel li a[href^=tel]:after {
        display: block
    }

    .if6_teaser {
        float: none;
        width: 100%
    }

    .if6_teaser .ty1 {
        font: 13px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
        display: table
    }

    .if6_teaser .ty1 a {
        min-height: 75px;
        display: table-row
    }

    .if6_teaser .ty1 .cont {
        padding: 10px 0 10px 10px;
        display: table-cell;
        vertical-align: middle
    }

    .if6_teaser .ty1 .bgimg {
        display: table-cell;
        text-align: right;
        position: static;
        padding: 10px 10px 10px 20px;
        vertical-align: top;
        width: auto
    }

    .if6_teaser .ty1 .bgimg img {
        width: 55px;
        height: 55px
    }

    .if6_teaser .ty1 h2 {
        font: bold 18px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_teaser .ty1 h3 {
        font: 12px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_teaser .ty1 p {
        padding-right: 63px;
        display: none
    }

    .if6_teaser div.textbutton {
        display: none
    }

    .cbox p + h3 {
        margin-top: 20px
    }

    .cbox p.contains-h2 + h3 {
        margin-top: -5px
    }

    .cbox-product {
        font: 13px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cbox-product h2, .cbox-product h3, .if6 .cbox-product .h2 {
        font: bold 18px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cbox-product .image {
        margin-bottom: 10px
    }

    .cbox-icon h2, .cbox-icon h3, .if6 .cbox-icon .h2 {
        font: bold 18px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
        margin-top: -32px
    }

    .cbox-icon {
        font: 13px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cbox-icon .icon {
        height: 32px
    }

    .cbox-small.cbox-campaign .ctext h2 {
        font: bold 18px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cbox-small.cbox-campaign > .description:first-child h2 {
        font: 22px/110% SparkasseHeadWeb, Helvetica, Arial, sans-serif
    }

    .if6_lightbox {
        padding: 10px 80px
    }

    .campaign .ctext {
        max-width: 100%
    }

    .campaign h2 {
        font: bold 18px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cbox-market table tr th {
        font: 13px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        font-weight: bold
    }

    .cbox-eyecatcher .headline {
        position: static;
        padding: 10px 0 0 0;
        max-width: 100%
    }

    .cbox-eyecatcher .headline > div {
        padding: 0;
        background-color: #fff
    }

    .cbox-eyecatcher .analyst .image img, .pf-nachricht .analyst .image img {
        height: 44px
    }

    .cbox-eyecatcher .analyst .image + div > div, .pf-nachricht .analyst .image + div > div {
        height: 46px
    }

    .cbox-eyecatcher .analyst .right, .pf-nachricht .analyst .right {
        white-space: nowrap
    }

    .cbox-eyecatcher .analyst .right a, .pf-nachricht .analyst .right a {
        height: 44px;
        width: 44px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        background-color: #f0f0f0;
        border-radius: 4px;
        vertical-align: middle
    }

    .cbox-eyecatcher .analyst .right a:before, .pf-nachricht .analyst .right a:before {
        width: 40px;
        height: 40px;
        color: #444;
        font: 40px/81% Pictos-IF;
        margin: 2px
    }

    .cbox-eyecatcher .analyst .right a + a, .pf-nachricht .analyst .right a + a {
        margin-left: 10px
    }

    .cbox-eyecatcher .analyst.with-footnote, .pf-nachricht .analyst.with-footnote {
        padding-bottom: 20px
    }

    .cbox-eyecatcher .analyst .footnote {
        position: absolute;
        bottom: 10px;
        left: 10px
    }

    .pf-nachricht .analyst .footnote {
        position: absolute;
        bottom: 0;
        left: 0
    }

    .cbox-eyecatcher h2, .cbox-large.cbox-campaign h2, cbox-mainproduct h2 {
        font: 22px/110% SparkasseHeadWeb, Helvetica, Arial, sans-serif
    }

    .if6_buttonline > .headline {
        font: bold 18px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_service .if6_inner .parsys {
        width: 100%;
        padding: 10px 10px 0 10px
    }

    .if6_service .if6_inner .parsys + .parsys {
        padding: 0 10px 20px 10px;
        margin-top: -1px
    }

    .serviceheadline {
        text-align: center
    }

    .serviceempty {
        height: 23px
    }

    .serviceempty:first-child {
        height: 0
    }

    .if6_sitemap {
        display: none;
        font: 13px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_breadcrumb {
        display: none
    }

    .block h3 {
        font: bold 15px/130% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .block h3.with-icon {
        padding-left: 42px
    }

    .block h3.with-icon:before {
        color: #666;
        font: 32px/81% Pictos-IF;
        width: 32px;
        height: 32px;
        margin-left: -42px;
        margin-top: -7px
    }

    .bline.center-headline {
        padding-top: 0
    }

    .bline.center-headline .left {
        display: block;
        padding: 10px 0 15px 0;
        border-right: 0;
        margin-top: 0;
        float: none
    }

    .bline.center-headline .left + .headline {
        padding-left: 0;
        padding-right: 0
    }

    .bline.center-headline .headline {
        display: block;
        margin-top: 0
    }

    .bline.center-headline .headline + .headline {
        border-left: 0;
        margin-left: 0;
        padding-left: 0
    }

    .bline.center-headline br.bterm {
        display: none
    }

    .bline.center-headline .right {
        border-top: 1px solid #666;
        display: block;
        float: none;
        margin-top: 20px;
        text-align: center
    }

    .bline.center-headline .right:before {
        width: 10px;
        border-top: 3px solid #fff;
        content: "";
        display: block;
        height: 0;
        margin-top: -2px;
        position: absolute;
        right: 0
    }

    .bline.center-headline:last-child {
        padding-bottom: 0
    }

    .center-headline.account-selection {
        text-align: left;
        padding-left: 28px
    }

    .center-headline.account-selection .account-summary .title {
        margin-left: -28px
    }

    .bline div.right {
        width: 100%;
        text-align: right;
        margin-top: 5px
    }
}

@media screen and (max-width: 759px) {
    .if6_tabnav ul.tabnav {
        margin-right: 0
    }

    .tabnav li {
        display: block;
        margin-right: 0
    }

    .tabnav li > div {
        display: block
    }

    .tabnav li > div > a {
        display: block
    }

    .tabnav li.active > div:before {
        display: none
    }

    .tabnav li.active > div:after {
        display: none
    }

    .tabnav li + li {
        margin-top: 2px
    }

    .if6_tabnav + .if6_glossar {
        width: 100%;
        margin-left: 0;
        text-align: right
    }

    .if6_tabnav + .if6_glossar a {
        margin-left: 0
    }

    .bline .gtsn {
        min-width: 50%
    }
}

@media screen and (max-width: 680px) {
    .if6_section .if6_inner > .parsys > .cbox-large.cbox-campaign, .if6_section .if6_inner > .parsys > .cbox-mainproduct {
        padding: 0 10px
    }

    .cbox-large.cbox-campaign > .image, .cbox-mainproduct > .image {
        margin: 0 -10px
    }

    .cbox-large.cbox-campaign .description, .cbox-mainproduct .description {
        position: static;
        max-width: 100%;
        width: 100%;
        padding: 0
    }

    .cbox-large.cbox-campaign .description .left, .cbox-mainproduct .description .left, .cbox-large.cbox-campaign .description .linklist, .cbox-mainproduct .description .linklist {
        padding: 10px 0
    }

    .cbox-large.cbox-campaign .analyst {
        border-top: 1px solid #e3e3e3;
        padding: 10px 0
    }

    .cbox-large.cbox-campaign .analyst .image + div > div {
        height: auto
    }

    .cbox-large.cbox-campaign .analyst.style-2 {
        background-color: #fff;
        color: #666
    }

    .cbox-large.cbox-campaign .analyst.style-2 .right .icon:before {
        color: #666;
        font: 30px/81% Pictos-IF
    }
}

@media screen and (max-width: 649px) {
    .if6_header.with-long-name {
        border-bottom-width: 46px
    }

    .logo .long-name {
        margin-top: 36px
    }

    .loginlogout {
        text-align: right;
        padding-right: 20px
    }

    .loginlogout form.header-login {
        display: none;
        position: absolute;
        left: 0;
        top: 60px;
        right: 0;
        background-color: #fff;
        padding: 10px;
        border: 5px solid #e3e3e3;
        z-index: 2100;
        margin-left: 0
    }

    .loginlogout * + span {
        display: inline-block;
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .loginlogout span.close-icon {
        display: none
    }

    .loginlogout br {
        display: block;
        margin-bottom: 10px
    }

    .loginlogout .header-loginlink div.login input[type="submit"] {
        display: none
    }

    .loginlogout .header-loginlink div.login input[type="submit"] + input[type="submit"] {
        display: inline
    }

    .loginlogout:hover form.header-login {
        display: block
    }

    .js .loginlogout:hover form.header-login {
        display: none
    }

    .js .login_visible .loginlogout {
        position: static
    }

    .js .login_visible .loginlogout form.header-login {
        display: block
    }

    .js .login_visible .if6_header {
        z-index: 2003
    }

    .loginlogout .msgerror, .loginlogout .msginfo {
        width: 220px;
        margin-left: -125px;
        top: 40px
    }

    .login_visible .loginlogout .msgerror, .login_visible .loginlogout .msginfo {
        display: none
    }

    .if6 .loginlogout label {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%;
        padding: 0;
        border: 0;
        display: block;
        margin: 0;
        height: auto;
        color: #666
    }

    .if6 .loginlogout label:after {
        content: ":"
    }

    .if6 .loginlogout input {
        border: 2px solid #666;
        border-radius: 5px;
        padding: 5px;
        width: 100%;
        margin: 0
    }

    .secselect {
        display: none
    }

    .if6 .secselect + label + input {
        border-radius: 5px;
        border-left-width: 2px;
        width: 100%
    }

    .loginlogout .secselect + label + input + br + label {
        margin: 0;
        width: auto
    }

    .loginlogout .secselect + label + input + br + label + input {
        width: 100%
    }

    .loginlogout div.login {
        text-align: right;
        width: 100%
    }

    .loginlogout div.login:before {
        display: none
    }

    .loginlogout div.login:after {
        margin-left: -22px;
        margin-right: 2px;
        color: red;
        border-color: red;
        height: 20px;
        width: 20px;
        font: 20px/81% Pictos-IF;
        margin-top: 4px;
        display: inline-block
    }

    .no-touch .loginlogout div.login:hover:after {
        background-color: red;
        color: #fff
    }

    .loginlogout div.login input[type="submit"] {
        color: red;
        padding: 0 29px 0 0
    }

    .loginlogout .login-forgotten {
        width: 100%;
        height: auto;
        position: static;
        line-height: initial;
        padding-top: 10px
    }

    .loginlogout .login-forgotten div {
        width: 100%;
        margin-left: 0
    }

    .loginlogout .login-forgotten a {
        color: #666;
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .loginlogout form.header-logout + span, .loginlogout form.header-logout + * + span {
        display: none
    }

    .loginlogout form.header-logout {
        width: auto
    }

    .loginlogout form.header-logout p {
        display: none
    }

    .loginlogout .header-loginlink div.login:after {
        font: 20px/81% Pictos-IF;
        width: 20px;
        height: 20px;
        margin-left: -22px
    }

    .loginlogout .header-loginlink div.login input[type="submit"] {
        padding-right: 29px;
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        height: 22px
    }

    .loginlogout .workflow_error {
        text-align: center
    }

    .loginlogout .workflow_error + span {
        display: none
    }

    .hide500 {
        display: inherit
    }

    .if6_buttonline div.primary.hide500, .if6_buttonline div.primaryicon.hide500, .if6_buttonline div.secondary.hide500, .if6_buttonline div.contactsel.hide500 {
        display: inline-block
    }

    .if6_service .hide500, .js .cs-main.hide500, .js .cs-phone.hide900, .js .cs-phone.hide500, .cs-button.hide900, .cs-button.hide500 {
        display: block
    }

    .hide100, .if6_buttonline div.primary.hide100, .if6_buttonline div.primaryicon.hide100, .if6_buttonline div.secondary.hide100, .if6_buttonline div.contactsel.hide100, .if6_service .hide100, .js .cs-main.hide100, .js .cs-phone.hide100, .cs-button.hide100 {
        display: none
    }

    .logo img.symbol {
        display: inherit
    }

    .logo .symbol + img, .logo .symbol + img + img {
        display: none
    }

    .servicetiles > .parsys {
        padding-top: 10px
    }

    .servicetiles > h2 {
        display: none
    }

    .servicetiles .serviceelement {
        height: 105px
    }

    .servicetiles .serviceelement a {
        padding-top: 55px;
        font-size: 10px;
        line-height: 130%
    }

    .servicetiles .serviceelement a:before, .servicetiles .serviceelement a.chatlink:before, .servicetiles .serviceelement a.videochatlink:before, .chat_online .servicetiles .serviceelement a.chatlink::before, .videochat_online .servicetiles .serviceelement a.videochatlink::before {
        font: 80px/81% Pictos-IF;
        height: 80px;
        width: 80px;
        margin-left: -42px;
        top: -9px
    }

    .servicetiles .serviceelement {
        border-right-width: 10px;
        border-top-width: 10px
    }

    .cbox + .servicetiles {
        padding-top: 0
    }

    .if6_homepagearea .if6_inner .servicetiles > .parsys {
        margin-right: -10px
    }

    .cbox-market .textbutton, .cbox-market form {
        display: none
    }

    .cbox-market .textbutton + .textbutton, .cbox-market form + form {
        display: block
    }

    .if6 td + td {
        padding-top: 0
    }

    .if6_contactstage .cshead {
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px
    }

    .if6_contactstage .if6_inner {
        padding: 10px 20px 20px 20px
    }

    .if6_contactstage .buttonparsys {
        display: block
    }

    .cshead {
        font: 13px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .js .if6_contactstage .phoneparsys {
        display: block
    }

    .js .cs-phone {
        display: block
    }

    .cs-phone {
        margin: 10px 0 0 0
    }

    .cs-phone a {
        display: block;
        width: 100%;
        padding: 10px 30px;
        border-radius: 4px;
        color: #fff;
        background-color: #666;
        margin: 0;
        font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative
    }

    .cs-phone a:before {
        display: block
    }

    .cs-phone .cs-open {
        display: block;
        margin: 5px 0 20px 0
    }

    .cs-phone .cs-number {
        display: none
    }

    .cs-main a {
        background-color: #009864;
        color: #fff
    }

    .cs-main .cs-title {
        font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cs-button {
        display: block;
        padding: 0;
        width: 100%;
        margin-top: 10px
    }

    .cs-button div {
        display: block;
        width: 100%;
        margin-top: 0;
        text-align: center
    }

    .cs-button a {
        width: 100%;
        background-color: #666;
        color: #fff;
        border-radius: 4px;
        font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        padding: 10px 30px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        margin-top: 10px
    }

    .cs-button > a {
        margin-top: 0
    }

    .cs-button br {
        display: none
    }

    .cs-button > a:before {
        font: 28px/81% Pictos-IF;
        height: 28px;
        width: 28px;
        margin-left: -26px;
        margin-top: 9px;
        color: #fff;
        left: auto;
        display: block
    }

    .cs-button div > a:before {
        font: 28px/81% Pictos-IF;
        height: 28px;
        width: 28px;
        margin-left: -26px;
        margin-top: 9px;
        color: #fff;
        left: auto;
        display: block
    }

    .cs-button > a:after {
        display: none
    }

    .cs-button a.chatlink span:before, .cs-button a.videochatlink span:before {
        display: none
    }

    .cs-button a.chatlink, .cs-button a.videochatlink {
        opacity: .3;
        background-color: red
    }

    .chat_online .cs-button a.chatlink, .videochat_online .cs-button a.videochatlink {
        background-color: #666;
        opacity: 1
    }

    .cs-link {
        margin: 4px 0 14px 0
    }

    .if6_lightbox {
        padding: 10px 10px
    }

    .if6_lightbox .cbox {
        padding: 40px 10px 10px 10px
    }

    .if6_lightbox .cbox-image .image-only {
        margin: -40px -10px -10px -10px
    }

    .if6_lightbox .cbox-eyecatcher {
        padding: 10px
    }

    .cbox .table th, .cbox .table td {
        display: block;
        text-align: left;
        padding-left: 5px;
        padding-right: 5px
    }

    .cbox .table th {
        font: 17px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cbox .table thead {
        display: none
    }

    .cbox .table thead + * td:before {
        content: attr(data-header);
        float: left;
        color: #000;
        text-align: left;
        padding-right: 5px
    }

    .cbox .table thead + * th {
        border-bottom: 2px solid rgba(0, 0, 0, 0.05)
    }

    .cbox .table thead + * td {
        text-align: right
    }

    .btableblock .campaign.campaign-visible {
        margin-bottom: 20px
    }

    .campaign h2 {
        margin-bottom: 10px
    }

    .campaign .ctext {
        padding: 10px
    }

    .campaign .linklist {
        padding: 20px 10px 10px 10px
    }

    .campaign > .image, .js .campaign.campaign-visible > .image {
        display: none
    }

    .campaign > .image + .description {
        width: 100%
    }

    .campaign > .image + .description > div {
        position: static;
        left: 0
    }

    .campaign .analyst .left {
        padding-right: 0
    }

    .campaign .analyst .right .icon:before {
        color: #444;
        font: 40px/81% Pictos-IF;
        height: 40px;
        margin: 2px;
        width: 40px
    }

    .campaign .analyst .right a {
        width: 44px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        margin-top: 10px;
        border-radius: 4px;
        background-color: #f0f0f0;
        vertical-align: middle
    }

    .campaign .analyst .right a + a {
        margin-left: 10px
    }

    .campaign .analyst > div.image {
        display: inline-block;
        float: left;
        height: auto;
        padding-right: 30px;
        width: auto
    }

    .campaign .analyst > .image:after {
        right: -15px
    }

    .campaign .analyst .image img {
        height: 76px
    }

    .campaign .analyst {
        background-color: #00acd3;
        border-top: 10px solid #00acd3
    }

    .campaign .analyst.with-footnote {
        border-bottom: 20px solid #00acd3
    }

    .campaign .analyst .image + div {
        display: inline-block;
        width: auto
    }

    .campaign .analyst .image + div > div {
        display: block;
        height: auto;
        text-align: left
    }

    .campaign .analyst .footnote {
        position: absolute;
        bottom: 0;
        left: 0
    }

    .cbox-market .market-table {
        width: 100%
    }

    .cbox-market .market-form {
        width: 100%;
        position: static;
        margin-top: 20px
    }

    .cbox-market p .h2 {
        font: bold 18px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .cbox-market div.textbutton {
        padding-top: 10px
    }

    .chat_online .servicetiles .serviceelement a.chatlink:after, .videochat_online .servicetiles .serviceelement a.videochatlink:after, .servicetiles .serviceelement a.chatlink:after, .servicetiles .serviceelement a.videochatlink:after {
        width: 15px;
        height: 15px;
        top: 6px;
        margin-left: -31px
    }

    .videochat_online .servicetiles .serviceelement a.videochatlink:after, .servicetiles .serviceelement a.videochatlink:after {
        top: 10px;
        margin-left: -34px
    }

    .templ-bankingstartpage .cbox + .if6_glossar a {
        margin-top: 5px
    }

    .cbox-pslose .data {
        margin: 15px 0
    }

    .cbox-pslose .data table {
        width: 100%
    }

    .cbox-pslose .data td {
        padding: 5px 0
    }

    .cbox-pslose .data th {
        padding: 0;
        font: 13px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        font-weight: bold
    }

    .cbox-pslose .data table + table {
        border-left: 0;
        border-top: 1px solid #e3e3e3
    }

    .cbox-pslose .data table + table th {
        display: none
    }

    .cbox-pslose .datapaging {
        text-align: center;
        position: relative
    }

    .cbox-pslose .datapaging .count {
        padding: 0 40px
    }

    .cbox-pslose .datapaging .left {
        position: absolute;
        margin-left: 0;
        left: 0;
        top: 0
    }

    .cbox-pslose .datapaging .right {
        position: absolute;
        margin-left: 0;
        right: 0;
        top: 0
    }

    .lefthalf {
        width: 100%;
        border-right: 0;
        border-bottom: 10px solid #f0f0f0;
        border-top: 10px solid #f0f0f0;
        margin-top: 0
    }

    .lefthalf.no-separator {
        border-bottom: 0
    }

    .righthalf {
        width: 100%;
        border-left: 0;
        margin-left: -10px;
        margin-top: 0;
        border-top: 10px solid #f0f0f0;
        padding-bottom: 10px
    }

    .righthalf.no-separator {
        border-top: 0;
        margin-left: -10px;
        margin-bottom: 0
    }

    .lefthalf:before {
        display: block;
        content: "";
        border-top: 10px solid #f0f0f0;
        width: 100%;
        margin-left: -10px;
        margin-top: -20px;
        position: absolute
    }

    .lefthalf:first-child {
        border-top: 0;
        margin-top: -10px
    }

    .lefthalf:first-child:before {
        display: none
    }

    .leftthird {
        width: 100%;
        border-right: 0;
        border-bottom: 10px solid #f0f0f0;
        border-top: 10px solid #f0f0f0;
        margin-top: 0;
        margin-left: 0;
        padding-left: 0
    }

    .middlethird {
        width: 100%;
        border-top: 10px solid #f0f0f0;
        border-bottom: 10px solid #f0f0f0;
        padding-right: 0;
        margin: 0 0 0 -10px
    }

    .middlethird:before, .middlethird:after {
        display: none
    }

    .rightthird {
        width: 100%;
        padding-left: 0;
        border-top: 10px solid #f0f0f0;
        margin-right: 0;
        padding-right: 0
    }

    .rightthird:before {
        display: none
    }

    .leftthird:before {
        display: block;
        content: "";
        border-top: 10px solid #f0f0f0;
        width: 100%;
        margin-left: -10px;
        margin-top: -20px;
        position: absolute
    }

    .leftthird:first-child {
        border-top: 0;
        margin-top: -10px
    }

    .leftthird:first-child:before {
        display: none
    }

    .msglink {
        display: block;
        padding: 8px;
        margin-bottom: 10px;
        box-shadow: 0 10px 0 0 #f0f0f0
    }

    .next-task ul li div {
        display: none
    }

    .block.blogodata {
        display: block;
        width: auto
    }

    .block.blogodata + .block.blogoimage {
        display: block;
        width: auto;
        padding-left: 10px;
        border-top: 0
    }

    .block.blogoimage .image {
        max-width: 250px;
        margin: 0 auto
    }

    .bline .btableline {
        width: 100%;
        width: calc(100% + 10px);
        margin-left: -10px;
        margin-right: 0
    }

    .bline .btable {
        width: 100%;
        margin: 0
    }
}

@media screen and (max-width: 629px) {
    .cbox-small, .cbox-half {
        width: 100%
    }
}

@media screen and (max-width: 549px) {
    .bline + .bline {
        margin-top: 0
    }

    .bline input, .bline select, .bline textarea {
        margin-bottom: 7px
    }

    .bpulldown input, .bpulldown a.ficon {
        margin-bottom: 0
    }

    .bline .blineunder, .bline .blineover {
        padding-left: 0
    }

    div.bcontinue {
        padding-left: 0
    }

    .bline div, .bline label {
        margin-right: 10px
    }

    .blineover .msgerror, .blineover .msginfo {
        padding-bottom: 10px
    }

    .bline .blineunder.textarea-count > div {
        padding-left: 0
    }

    .js .bline .ixxxl, .js .bline .ixxl, .js .btable .ixxl, .js .cbox-large .bline .ixxl, .js .cbox-large .btable .ixxl, .js .bline .ixl, .js .btable .ixl {
        width: calc(100% - 10px)
    }

    .js .bline textarea {
        max-width: calc(100% - 10px);
        max-height: 150px
    }

    .js .bline .ixxxl.followed-by-icon, .js .bline .ixxl.followed-by-icon, .js .btable .ixxl.followed-by-icon, .js .bline .ixl.followed-by-icon, .js .btable .xl.followed-by-icon {
        width: calc(100% - 56px)
    }

    .bline > label, .bline > .label, .bline > .blineover + label, .bline > .blineover + .label {
        float: none;
        display: block;
        text-align: left;
        width: auto;
        padding-bottom: 7px
    }

    .bline > .label, .bline > .blineover + .label {
        padding-bottom: 2px
    }

    .bline > * + label, .bline > * + .label {
        display: inline-block
    }

    .bline .longlabel {
        height: auto
    }

    label .unit, .label .unit {
        display: inline
    }

    label + * + .unit, label + * + * + .unit, .label + * + .unit, .label + * + * + .unit {
        display: none
    }

    .bline .gtsn {
        min-width: 100%
    }

    .js .bline .bslider {
        padding-left: 0;
        margin-top: 5px
    }

    .bpagerblock .bsearch > input {
        max-width: 100%
    }

    .bline.bpageselect label {
        display: inline-block
    }

    .bline div.right.center-S {
        text-align: center;
        display: block;
        width: 100%
    }

    .favorites ul.user li a:after {
        display: none
    }

    .favorites ul.user li a {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 100%
    }

    .favorites ul.user li {
        height: 23px
    }

    .favorites.no-favorites p:before {
        font: 100px/81% Pictos-IF;
        height: 100px;
        margin: -5px auto;
        width: 100px
    }

    .postbox .timestamp {
        display: none
    }

    .postbox p, .postbox p + p {
        margin-bottom: 35px;
        margin-top: 0;
        width: calc(100% - 88px)
    }

    .cbox-small .postbox p, .cbox-small .postbox p + p {
        margin-bottom: 0;
        width: inherit
    }

    .js .market ul.tabnav li {
        display: none
    }

    .js .market ul.tabnav li.active {
        display: block;
        width: 100%;
        color: #666;
        background-color: #e3e3e3;
        border: 0
    }

    .js .market .tabnav li.active > div:before, .js .market .tabnav li.active > div:after {
        display: block;
        bottom: 20px;
        left: auto;
        right: 10px;
        border-width: 6px;
        border-top-color: #666;
        z-index: 0
    }

    .js .market .tabnav li.active > div:before {
        margin-right: 6px
    }

    .js .tabnav + .select-wrap {
        display: block
    }

    .js select.tabnav {
        display: block;
        width: 100%;
        border: 0;
        height: 23px;
        margin-top: -33px;
        margin-bottom: 10px;
        color: rgba(227, 227, 227, 0.01)
    }

    .js select.tabnav option {
        color: #666
    }

    .market .btableblock td:last-child {
        display: none
    }

    .market .btableblock td {
        width: 50%
    }
}

@media screen and (max-width: 540px) {
    .cbox-large.cbox-campaign .analyst .right .icon:before, .cbox-large.cbox-campaign .analyst.style-2 .right .icon:before {
        color: #444;
        font: 40px/81% Pictos-IF;
        width: 40px;
        height: 40px;
        margin: 2px
    }

    .cbox-campaign .analyst.with-footnote {
        padding-bottom: 30px
    }

    .cbox-campaign .analyst .image img, .cbox-large.cbox-campaign .analyst .image + div > div {
        height: 44px;
        border: 0
    }

    .cbox-campaign .analyst .right {
        white-space: nowrap
    }

    .cbox-campaign .analyst .right a {
        width: 44px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        margin-left: 10px;
        background-color: #f0f0f0;
        border-radius: 4px;
        vertical-align: middle
    }

    .cbox-campaign .analyst .right a + a {
        margin-left: 10px
    }

    .cbox-campaign .analyst .right .footnote {
        position: absolute;
        bottom: 10px;
        left: 10px
    }
}

@media screen and (max-width: 539px) {
    .loginlogout form.header-logout {
        width: auto;
        background-color: transparent;
        padding: 0
    }

    .loginlogout div.logout input[type="submit"], .loginlogout div.logout:before {
        color: #fff
    }

    .loginlogout form.header-logout div.logout:hover {
        background-color: transparent
    }

    .loginlogout .header-logout div.logout + p {
        display: none
    }

    .js .search_visible .logo {
        display: none
    }

    .block .bpageselect + .bsearch {
        display: block;
        text-align: left
    }
}

@media screen and (max-width: 480px) {
    .cbox div.textbutton {
        height: auto
    }

    .cbox div.textbutton a {
        position: static
    }

    .cbox-product h2, .cbox-product h3, .if6 .cbox-product .h2 {
        margin-bottom: 10px
    }

    .cbox-imagetext .image, .cbox-imagetext .description {
        width: 100%;
        display: block
    }

    .cbox-imagetext .image div, .cbox-imagetext .description .ctext {
        padding: 10px
    }

    .cbox-imagetext .image-right div {
        left: 0;
        padding: 10px
    }

    .cbox-imagetext .image-right + .description .ctext {
        left: 0;
        padding: 10px
    }

    .cbox-imagetext .image-right + .description .textbutton a {
        right: 0;
        margin-right: 10px
    }

    .if6_buttonline > .buttonline_inner {
        width: 100%;
        margin-left: 0
    }

    .if6_buttonline div.primary, .if6_buttonline div.primaryicon, .if6_buttonline div.secondary, .if6_buttonline div.back {
        width: 80%;
        margin-left: 0;
        float: none
    }

    .if6_buttonline > .buttonline_inner > div > a {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .buttonline {
        text-align: center;
        padding-left: 0
    }

    .buttonline > div {
        width: 100%
    }

    .buttonline > div > *, .buttonline .bgroup1 > a:last-child, .buttonline .bgroup1 > div:last-child {
        margin-right: 0
    }

    .buttonline .bgroup2 {
        float: none;
        text-align: center
    }

    .buttonline.main-buttons {
        transform: scaleY(-1);
        border-bottom: 10px solid #f0f0f0;
        border-top: 0
    }

    .buttonline.main-buttons > div > * {
        transform: scaleY(-1)
    }

    .no-main-buttonline-separator .buttonline.main-buttons {
        border-bottom: 0
    }

    .banking-container + .buttonline.main-buttons {
        border-bottom: 0
    }

    .buttonline .bgroup1 > a, .js .buttonline .bgroup1 > div {
        width: 80%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer
    }

    .if6_buttonline > .headline, .if6_buttonline > .ctext {
        width: 100%
    }

    .if6_buttonline .contact {
        margin-bottom: 10px
    }

    .if6_buttonline .contact .main {
        width: 80%
    }

    .if6_buttonline .contact .main .image img {
        height: 52px
    }

    .if6_buttonline .contact .main .name {
        margin-bottom: 0
    }

    .if6_buttonline .contact .main span {
        position: static;
        padding-left: 0
    }

    .if6_buttonline .contact .main a {
        display: none
    }

    .if6_buttonline .contact > a {
        display: inline-block
    }

    .if6_buttonline div.contactsel {
        margin-left: 0;
        width: 80%
    }

    .if6_buttonline div.contactsel.hide050 {
        display: none
    }

    .if6_buttonline div.contactsel.show050 {
        display: inline-block;
        padding: 0
    }

    .if6_buttonline div.contactsel.show050 > a {
        display: none
    }

    .if6_buttonline div.contactsel.show050 > a + a {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        font-weight: bold;
        display: block;
        background-color: transparent;
        color: #333;
        text-align: left;
        padding: 11.5px 10px;
        position: relative
    }

    .if6_buttonline div.contactsel.show050 > div {
        border: 0;
        margin-left: 0;
        margin-top: 0;
        position: static
    }

    .if6_buttonline div.contactsel.show050 > div:before, .if6_buttonline div.contactsel.show050 ul:before {
        display: none
    }

    .if6_buttonline div.contactsel.show050 ul {
        background-color: transparent;
        padding: 0;
        width: 100%;
        color: #333;
        border-top: 1px solid #ccc
    }

    .if6_buttonline div.contactsel.show050 ul a {
        padding: 11px 20px 11px 38px
    }

    .if6_buttonline div.contactsel.show050 ul a.has-note {
        padding: 4px 20px 4px 38px
    }

    .bpageselect {
        height: auto
    }

    .bline.bpageselect + .bpager {
        margin-top: 0
    }

    .ifa-image .image {
        width: 100%
    }

    .ifa-image .image div {
        padding: 0 10px
    }

    .ifa-image .image + div {
        width: 100%
    }

    .ifa-image .image + div div {
        margin-left: 0;
        padding: 0 10px
    }

    .ifa-image .image-right div {
        position: static
    }

    .ifa-image .image-right + div div {
        position: static;
        margin-right: 0
    }

    .bline.bmessage:first-child {
        margin-top: 0
    }

    .bline.bmessage.no-bottom-space:last-child {
        margin-bottom: -10px
    }

    .seclink {
        text-align: center
    }
}

@media screen and (max-width: 439px) {
    .cbox-market p .h2 {
        margin-bottom: 0
    }

    .cbox-market .market-table > div {
        padding-right: 10px;
        padding-left: 10px
    }

    .cbox-market table tr {
        display: block;
        width: 100%;
        position: relative
    }

    .cbox-market table tr + tr {
        border-left: 0;
        border-top: 1px solid #e3e3e3
    }

    .cbox-market table tr th:first-child {
        padding: 10px 0 0 0
    }

    .cbox-market table tr th + td {
        display: inline-block;
        width: 50%;
        padding: 0 0 10px 0
    }

    .cbox-market table tr th + td + td {
        display: inline-block;
        padding: 0 0 10px 0;
        width: 50%;
        text-align: right
    }

    .cbox-market table tr td:last-child {
        position: absolute;
        right: 0;
        top: 0;
        padding: 10px 0 0 0
    }

    .cbox-market .market-form {
        margin-top: 10px
    }
}

@media screen and (max-width: 320px) {
    .smartphone-banner_inner {
        height: 60px
    }

    .smartphone-banner_inner > .image img {
        height: 60px
    }
}

@media screen and (max-width: 319px) {
    .js .if6_navigation .close-icon, .js .if6_contact .close-icon {
        left: 200px
    }
}

.theme-button-primary, .theme-button-secondary {
    box-sizing: border-box;
    border-radius: 4px
}

.theme-button-primary a, .theme-button-secondary a {
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: 9px 20px;
    font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none
}

.theme-button-primary {
    background-color: red;
    color: #fff
}

.theme-button-secondary {
    background-color: #666;
    color: #fff
}

.accordion .accordion-head {
    position: relative;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 15px 20px;
    z-index: 2;
    border-top: 20px solid #f0f0f0
}

.accordion .accordion-head h2, .accordion .accordion-head .h2 {
    font: bold 20px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: red;
    padding-left: 22px
}

.accordion .accordion-head h2:before, .accordion .accordion-head .h2:before {
    position: absolute;
    font: 30px/81% Pictos-IF;
    color: red;
    content: "u";
    width: 30px;
    height: 30px;
    margin-left: -30px;
    display: inline-block;
    margin-top: -3px
}

.accordion.consultant div:first-child > div.title {
    display: inline-block;
    color: red;
    font: bold 22px/120% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-right: 10px
}

.accordion.consultant .accordion-head {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 5px
}

.accordion.consultant .accordion-head .image {
    display: inline-block
}

.accordion.consultant .accordion-head .image img {
    width: 40px
}

.accordion.consultant .accordion-head .consultant-head {
    min-height: 36px
}

.accordion.consultant .accordion-head .headline {
    display: inline-block;
    color: #666;
    vertical-align: top;
    margin-left: 10px
}

.accordion.consultant .accordion-head .headline:first-child {
    margin-left: 0;
    margin-top: 4px
}

.accordion.consultant .accordion-head .actions {
    float: right;
    margin-bottom: 10px
}

.accordion.consultant .accordion-head .actions .ficon {
    width: 40px;
    height: 40px
}

.accordion.consultant .accordion-head .actions .ficon:before {
    width: 40px;
    height: 40px;
    border: 0;
    background-color: #f0f0f0;
    border-radius: 4px;
    font-size: 40px
}

.accordion.consultant .accordion-head .actions .ficon:hover:before, .accordion.consultant .accordion-head .actions .ficon:focus:before {
    background-color: #666;
    color: #f0f0f0
}

.accordion.consultant .accordion-head .footnote {
    text-align: right;
    margin: 5px 0 0 0;
    font: 8px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    white-space: nowrap;
    width: 100%
}

.js .accordion .accordion-head {
    background-color: #fff;
    cursor: pointer;
    border-top: 0
}

.js .accordion .accordion-head h2, .js .accordion .accordion-head .h2, .js .accordion .accordion-head .consultant-head {
    color: #333
}

.js .accordion .accordion-head h2:before, .js .accordion .accordion-head .h2:before, .js .accordion .accordion-head .consultant-head:before {
    font: 30px/81% Pictos-IF;
    color: #333;
    content: "d"
}

.js .accordion .accordion-head .consultant-head:before {
    position: relative;
    vertical-align: top
}

.js .accordion .accordion-head.open {
    background-color: #fff
}

.js .accordion .accordion-head.open h2, .js .accordion .accordion-head.open .h2 {
    color: red
}

.js .accordion .accordion-head.open h2:before, .js .accordion .accordion-head.open .h2:before {
    font: 30px/81% Pictos-IF;
    color: red;
    content: "u"
}

.js .accordion .accordion-head.open .consultant-head .headline {
    color: red
}

.js .accordion .accordion-head.open .consultant-head:before {
    font: 30px/81% Pictos-IF;
    color: red;
    content: "u"
}

.js .accordion .accordion-head.initial-invisible {
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    margin-top: -5px;
    margin-bottom: 0
}

.no-touch.js .accordion-head:hover {
    background-color: #fff
}

.no-touch.js .accordion-head:hover h2, .no-touch.js .accordion-head:hover .h2 {
    color: red
}

.no-touch.js .accordion-head:hover h2:before, .no-touch.js .accordion-head:hover .h2:before {
    color: red
}

.no-touch.js .accordion-head:hover .consultant-head .headline {
    color: red
}

.no-touch.js .accordion-head:hover .consultant-head:before {
    color: red
}

.no-touch.js .accordion-head.open:hover {
    background-color: #fff
}

.no-touch.js .accordion-head.open:hover h2, .no-touch.js .accordion-head.open:hover .h2 {
    color: red
}

.no-touch.js .accordion-head.open:hover h2:before, .no-touch.js .accordion-head.open:hover .h2:before {
    color: red
}

.accordion-section {
    overflow-x: hidden;
    border-bottom: 1px solid #e3e3e3
}

.accordion-section > .parsys {
    background-color: #f0f0f0;
    margin-top: -18px;
    margin-right: -2px
}

.accordion-section > .parsys:after {
    clear: both;
    content: "";
    display: table
}

.accordion-section > .parsys.consultant-details {
    background-color: #fff;
    padding: 15px 34px
}

.accordion-section .cbox {
    border-top: 2px solid #f0f0f0;
    border-right: 2px solid #f0f0f0;
    margin: -2px 0 2px
}

.accordion-section .cbox-imagetext .image div {
    padding: 20px 22px 20px 20px
}

.accordion-section .cbox-imagetext .image.image-right div {
    padding: 20px 20.5px 20px 21px
}

.accordion-section .cbox-imagetext .ctext {
    padding: 20px 20px 20px 21px
}

.js .accordion .accordion-head + .parsys {
    display: none;
    border-bottom: 18px solid #f0f0f0
}

.js .accordion .accordion-head + .parsys.consultant-details {
    border-bottom: 0
}

.js .accordion .accordion-head.initial-open + .parsys {
    display: block
}

.js .accordion .accordion-head.initial-invisible + .parsys {
    display: none
}

.accordion .showmore {
    padding: 10.5px 20px;
    text-align: center;
    color: #666;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    display: none;
    text-decoration: none;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    z-index: 2;
    position: relative
}

.no-touch .accordion .showmore:hover, .accordion .showmore:focus {
    color: red
}

.accordion > .parsys > * {
    clear: left
}

.js .accordion .showmore {
    display: block
}

.accordion .buttonline {
    display: none;
    background-color: #f0f0f0;
    padding: 0;
    z-index: 2;
    position: relative
}

.accordion .showmore + .buttonline {
    padding: 10px 0 0 0
}

.js .accordion .buttonline {
    display: block
}

.accordion .showall, .accordion .hideall {
    display: inline-block;
    padding: 0;
    color: #666;
    margin-left: 20px;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #333;
    vertical-align: top
}

.accordion .showall:before {
    content: "d";
    color: #333;
    border: 1px solid #333;
    font: 15px/81% Pictos-IF;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px
}

.accordion .hideall:before {
    content: "u";
    color: #333;
    border: 1px solid #333;
    font: 15px/81% Pictos-IF;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px
}

.no-touch .accordion .showall:hover:before, .no-touch .accordion .hideall:hover:before {
    color: #f0f0f0;
    background-color: #333
}

@media (max-width: 1079px) {
    .accordion .accordion-head {
        margin-bottom: 10px;
        padding: 16px 10px
    }

    .accordion .accordion-head h2, .accordion .accordion-head .h2 {
        font: bold 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-head h2:before, .accordion .accordion-head .h2:before {
        margin-top: -6px
    }

    .accordion-section > .parsys {
        margin-top: -8px;
        margin-right: -2px
    }

    .accordion-section .cbox {
        border-top: 2px solid #f0f0f0;
        border-right: 2px solid #f0f0f0;
        margin: -2px 0 2px
    }

    .accordion-section .cbox-imagetext .image div, .accordion-section .cbox-imagetext .image.image-right div {
        padding: 10px 11px 10px 10px
    }

    .accordion-section .cbox-imagetext .description .ctext {
        padding: 10px 10px 10px 11px
    }

    .accordion .showmore {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        padding: 11px 10px
    }

    .accordion .showall, .accordion .hideall {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .js .accordion .accordion-head + .parsys {
        border-bottom: 8px solid #f0f0f0
    }
}

@media screen and (max-width: 767px) {
    .accordion .accordion-head {
        padding: 11.25px 10px 11.25px 10px
    }

    .accordion .accordion-head h2, .accordion .accordion-head .h2 {
        font: bold 15px/130% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .accordion.consultant .accordion-head .consultant-head .headline {
        max-width: 45%
    }

    .accordion.consultant .accordion-head .consultant-head .headline p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .accordion.consultant .accordion-head .consultant-head .actions {
        position: absolute;
        right: 0;
        top: 0
    }
}

ul.siteselect {
    color: #666
}

ul.siteselect li {
    display: inline-block;
    position: relative
}

ul.siteselect li + li {
    margin-left: 20px
}

ul.siteselect a {
    text-decoration: none;
    white-space: nowrap;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px
}

ul.siteselect .active {
    color: red
}

.no-touch ul.siteselect a:hover, ul.siteselect a:focus {
    text-decoration: underline;
    color: red
}

.if6_siteselect {
    background-color: #fff;
    height: 35px
}

.if6_siteselect .if6_inner {
    width: 100%;
    padding-left: 10px
}

.if6_siteselect ul.siteselect {
    color: #333
}

.if6_siteselect ul.siteselect a {
    line-height: 35px
}

.if6_siteselect ul.siteselect li.active {
    color: red
}

.if6_siteselect ul.siteselect li.active:after {
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 0;
    content: "";
    border-bottom: 5px solid red;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.if6_siteselect ~ .if6_iconbar .if6_navigation > a, .if6_siteselect ~ .if6_iconbar .if6_contact > a {
    top: 151px
}

.if6_siteselect ~ .if6_iconbar .if6_bstart {
    top: 221px
}

.if6_siteselect ~ .if6_iconbar .if6_contact > a + a {
    top: 191px
}

.if6_siteselect ~ .if6_iconbar .if6_contact > a + a + a {
    top: 231px
}

.if6_siteselect ~ .if6_iconbar .if6_contact > a + a + a.postlink {
    top: 261px
}

.no-touch .if6_siteselect ul.siteselect a:hover, .if6_siteselect ul.siteselect a:focus {
    color: red
}

.if6_navigation ul.siteselect {
    display: none;
    position: absolute;
    top: 0;
    left: 10px;
    border-bottom: 1px solid #e3e3e3;
    width: 240px;
    padding: 10px 0
}

.if6_navigation ul.siteselect a {
    padding: 0;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px
}

.if6_navigation ul.siteselect li.active > a {
    background-color: transparent;
    color: red
}

.no-touch .if6_navigation ul.siteselect li:hover > a, .if6 .if6_navigation ul.siteselect li > a:focus, .if6 .if6_navigation ul.siteselect li.focus > a {
    background-color: transparent;
    color: red
}

.no-touch .if6_navigation ul.siteselect li:hover > a:after, .if6_navigation ul.siteselect li.active > a:after, .if6_navigation ul.siteselect li > a:focus:after {
    display: none
}

.loginlogout ul.siteselect {
    display: none
}

@media (max-width: 1079px) {
    ul.siteselect a {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 24px
    }

    .if6_navigation ul.siteselect a {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 24px
    }

    .if6_siteselect ~ .if6_iconbar .if6_navigation > a, .if6_siteselect ~ .if6_iconbar .if6_contact > a + a, .if6_siteselect ~ .if6_iconbar .if6_contact > a + a + a.postlink, .if6_siteselect ~ .if6_iconbar .if6_bstart {
        top: 0
    }

    .if6_siteselect ~ .if6_pagenav, .if6_siteselect ~ .parsys .if6_pagenav {
        top: 95px
    }

    .if6_siteselect ~ .if6_pagenav.nav-fixed, .if6_siteselect ~ .parsys .if6_pagenav.nav-fixed {
        top: 0
    }
}

@media screen and (max-width: 649px) {
    .if6_siteselect {
        display: none
    }

    .if6_siteselect ~ .if6_pagenav, .if6_siteselect ~ .parsys .if6_pagenav {
        top: 60px
    }

    .if6_navigation div ul.siteselect {
        display: block
    }

    .if6_navigation div ul.siteselect + div {
        top: 60px
    }

    .loginlogout ul.siteselect {
        display: block;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 10px;
        margin-bottom: 10px
    }
}

.nbf-frame .if6_siteselect {
    height: 44px;
    border-bottom: 1px solid #e00000;
    box-sizing: border-box;
    background-color: red
}

.nbf-frame .if6_siteselect .if6_inner {
    padding-left: 24px
}

.nbf-frame .if6_siteselect a {
    font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
    border-radius: 12px;
    color: #fff;
    padding: 0 12px
}

.nbf-frame .if6_siteselect ul.siteselect {
    padding-top: 9.5px
}

.nbf-frame .if6_siteselect ul.siteselect a {
    line-height: 24px;
    display: inline-block
}

.nbf-frame .if6_siteselect ul.siteselect li.active:after {
    display: none
}

.nbf-frame .if6_siteselect ul.siteselect li.active a {
    background-color: #e00000
}

.nbf-frame .if6_siteselect ul.siteselect li + li {
    margin-left: 0
}

.nbf-frame .if6_siteselect ~ .if6_iconbar .if6_contact > a {
    top: 170px
}

.nbf-frame .if6_siteselect ~ .if6_iconbar .if6_contact > a + a {
    top: 210px
}

.nbf-frame .if6_siteselect ~ .if6_iconbar .if6_contact > a + a + a {
    top: 250px
}

.nbf-frame .if6_siteselect ~ .if6_iconbar .if6_contact > a + a + a.postlink {
    top: 280px
}

.no-touch .nbf-frame .if6_siteselect ul.siteselect a:hover, .nbf-frame .if6_siteselect ul.siteselect a:focus {
    color: #fff;
    background-color: #e00000;
    text-decoration: none;
    outline: 0
}

.nbf-frame .if6_siteselect ul.siteselect a:active {
    color: #fff;
    background-color: #b60000
}

.if6_contact .c_block {
    padding: 10px 0;
    border-top: 1px solid #e3e3e3
}

.if6_contact > div {
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.if6_contact > div > div {
    margin-top: -2px;
    padding: 0 20px;
    background-color: #fff;
    box-shadow: 1px 0 0 0 #e3e3e3 inset
}

.if6_contact h2, .if6_contact .h2, .if6_contact h3, .if6_contact .h3 {
    font: bold 22px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: red
}

.if6_contact .c_block .c_block_heading {
    margin: 10px 0 20px 0
}

.if6_contact .c_block .filialfinder {
    margin: 25px 0 10px 0
}

.if6_contact .c_block .filialfinder a, .if6_contact .c_block .c_button a {
    text-decoration: none
}

.c_block .c_button.icon {
    display: inline-block;
    margin-left: -10px;
    margin-right: 6px
}

.c_block .c_button.icon a {
    width: 40px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    display: block
}

.c_block .c_button.icon a:before {
    font: 30px/81% Pictos-IF;
    width: 30px;
    height: 30px;
    margin: 5px;
    display: inline-block;
    color: #666
}

.no-touch .c_block .c_button.icon a:hover:before, .c_block .c_button.icon a:focus:before {
    color: red
}

.c_button.standard {
    margin: 10px 0
}

.c_button.standard a:before, .c_button.standard span:before {
    font: 30px/81% Pictos-IF;
    width: 30px;
    height: 30px;
    display: inline-block;
    color: #666;
    position: relative;
    top: 2px;
    margin: -7px 4px -1px -5px
}

.no-touch .c_button.standard a:hover, .c_button.standard a:focus {
    color: red
}

.no-touch .c_button.standard a:hover:before, .c_button.standard a:focus:before {
    color: red
}

.c_button.special {
    margin: 20px 0
}

.c_button.special:last-child {
    margin-bottom: 10px
}

.c_button.special > a, .c_button.special > span {
    font: bold 22px/110% SparkasseWeb, Helvetica, Arial, sans-serif;
    padding-left: 33px;
    display: inline-block;
    margin-top: -5px
}

.c_button.special > a > span, .c_button.special > span > span {
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.c_button.special > a.icon-none, .c_button.special > span.icon-none {
    padding-left: 0
}

.c_button.special > a:before, .c_button.special > span:before {
    font: 47px/81% Pictos-IF;
    height: 47px;
    margin: 4px 0 0 -44px;
    width: 47px;
    position: absolute;
    display: inline-block;
    color: #666
}

.no-touch .c_button.special > a:hover, .c_button.special > a:focus {
    color: red
}

.no-touch .c_button.special > a:hover:before, .c_button.special > a:focus:before {
    color: red
}

.if6_contact .c_block table {
    width: auto;
    white-space: nowrap;
    margin: 10px 0
}

.if6_contact .c_block table th {
    padding: 0 15px 0 0
}

.if6_contact .c_block table td {
    padding: 0
}

.c_block .c_loginrequest {
    background-color: #f0f0f0;
    padding: 10px;
    color: #333;
    margin: 10px 0
}

.c_block .c_loginrequest .c_block_heading {
    margin: 0 0 10px 0;
    color: #333
}

.if6_contact .c_analyst {
    padding-bottom: 10px;
    padding-top: 20px
}

.if6_contact .c_analystdata {
    margin-top: 20px
}

.if6_contact .c_analystdata .image {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.if6_contact .c_analystdata .image img {
    position: absolute;
    width: 270px;
    height: 140px;
    vertical-align: middle;
    border: 1px solid transparent
}

.if6_contact .c_analystdata .image img + img {
    position: inherit;
    height: 140px;
    width: auto;
    border-color: #e3e3e3
}

.if6_contact .c_block .c_button a.chatlink, .if6_contact .c_block .c_button a.chatlink span, .if6_contact .c_block .c_button a.videochatlink, .if6_contact .c_block .c_button a.videochatlink span {
    color: #ccc;
    cursor: not-allowed;
    pointer-events: inherit
}

.chat_online .if6_contact .c_block .c_button a.chatlink, .chat_online .if6_contact .c_block .c_button a.chatlink span, .videochat_online .if6_contact .c_block .c_button a.videochatlink, .videochat_online .if6_contact .c_block .c_button a.videochatlink span {
    color: #666;
    cursor: pointer
}

.if6_contact .c_block .filialfinder a:after {
    content: ">";
    font: 18px/81% Pictos-IF;
    margin-left: 10px;
    color: #666;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #666;
    border-radius: 50%
}

.no-touch .if6_contact .c_block .filialfinder a:hover:after, .if6_contact .c_block .filialfinder a:focus:after {
    color: #fff;
    background-color: #666
}

.if6_contact .c_block .c_button.standard *.icon-facebook:before, .if6_contact .c_button.icon a.icon-facebook:before {
    content: "f";
    font: 30px/81% Pictos-IF;
    color: #3b5998
}

.if6_contact .c_block .c_button.standard *.icon-googleplus:before, .if6_contact .c_button.icon a.icon-googleplus:before {
    content: "g";
    font: 30px/81% Pictos-IF;
    color: #dd4b39
}

.if6_contact .c_block .c_button.standard *.icon-instagram:before, .if6_contact .c_button.icon a.icon-instagram:before {
    content: "\f7b8";
    font: 30px/81% Pictos-IF;
    color: #e95950
}

.if6_contact .c_block .c_button.standard *.icon-snapchat:before, .if6_contact .c_button.icon a.icon-snapchat:before {
    content: "\f7b9";
    font: 30px/81% Pictos-IF;
    color: #fffc00
}

.if6_contact .c_block .c_button.standard *.icon-twitter:before, .if6_contact .c_button.icon a.icon-twitter:before {
    content: "t";
    font: 30px/81% Pictos-IF;
    color: #55acee
}

.if6_contact .c_block .c_button.standard *.icon-whatsapp:before, .if6_contact .c_button.icon a.icon-whatsapp:before {
    content: "\f7b4";
    font: 30px/81% Pictos-IF;
    color: #4dc247
}

.if6_contact .c_block .c_button.standard *.icon-youtube:before, .if6_contact .c_button.icon a.icon-youtube:before {
    content: "y";
    font: 30px/81% Pictos-IF;
    color: red
}

.no-touch .if6_contact .c_button.icon a.icon-facebook:hover:before {
    color: #1e2e4f
}

.no-touch .if6_contact .c_button.icon a.icon-googleplus:hover:before {
    color: #96271a
}

.no-touch .if6_contact .c_button.icon a.icon-instagram:hover:before {
    color: #bb2118
}

.no-touch .if6_contact .c_button.icon a.icon-snapchat:hover:before {
    color: #999700
}

.no-touch .if6_contact .c_button.icon a.icon-twitter:hover:before {
    color: #147bc9
}

.no-touch .if6_contact .c_button.icon a.icon-whatsapp:hover:before {
    color: #2d7a29
}

.no-touch .if6_contact .c_button.icon a.icon-youtube:hover:before {
    color: #900
}

.if6_contact .c_button.icon a.icon-facebook:focus:before {
    color: #1e2e4f
}

.if6_contact .c_button.icon a.icon-googleplus:focus:before {
    color: #96271a
}

.if6_contact .c_button.icon a.icon-instagram:focus:before {
    color: #bb2118
}

.if6_contact .c_button.icon a.icon-snapchat:focus:before {
    color: #999700
}

.if6_contact .c_button.icon a.icon-twitter:focus:before {
    color: #147bc9
}

.if6_contact .c_button.icon a.icon-whatsapp:focus:before {
    color: #2d7a29
}

.if6_contact .c_button.icon a.icon-youtube:focus:before {
    color: #900
}

.no-touch .if6_contact .c_button.standard a.icon-facebook:hover, .no-touch .if6_contact .c_button.standard a.icon-googleplus:hover, .no-touch .if6_contact .c_button.standard a.icon-instagram:hover, .no-touch .if6_contact .c_button.standard a.icon-snapchat:hover, .no-touch .if6_contact .c_button.standard a.icon-twitter:hover, .no-touch .if6_contact .c_button.standard a.icon-whatsapp:hover, .no-touch .if6_contact .c_button.standard a.icon-youtube:hover {
    color: #666;
    text-decoration: underline
}

.no-touch .if6_contact .c_button.standard a.icon-facebook:hover:before, .no-touch .if6_contact .c_button.standard a.icon-googleplus:hover:before, .no-touch .if6_contact .c_button.standard a.icon-instagram:hover:before, .no-touch .if6_contact .c_button.standard a.icon-snapchat:hover:before, .no-touch .if6_contact .c_button.standard a.icon-twitter:hover:before, .no-touch .if6_contact .c_button.standard a.icon-whatsapp:hover:before, .no-touch .if6_contact .c_button.standard a.icon-youtube:hover:before {
    text-decoration: underline
}

.no-touch .if6_contact .c_button.standard a.icon-facebook:hover:before, .no-touch .if6_contact .c_button.standard a.icon-googleplus:hover:before, .no-touch .if6_contact .c_button.standard a.icon-instagram:hover:before, .no-touch .if6_contact .c_button.standard a.icon-snapchat:hover:before, .no-touch .if6_contact .c_button.standard a.icon-twitter:hover:before, .no-touch .if6_contact .c_button.standard a.icon-whatsapp:hover:before, .no-touch .if6_contact .c_button.standard a.icon-youtube:hover:before {
    text-decoration: none
}

.if6_contact .c_button.standard a.icon-facebook:focus, .if6_contact .c_button.standard a.icon-googleplus:focus, .if6_contact .c_button.standard a.icon-instagram:focus, .if6_contact .c_button.standard a.icon-snapchat:focus, .if6_contact .c_button.standard a.icon-twitter:focus, .if6_contact .c_button.standard a.icon-whatsapp:focus, .if6_contact .c_button.standard a.icon-youtube:focus {
    color: #666;
    text-decoration: underline
}

.if6_contact .c_button.icon a.chatlink:before, .if6_contact .c_block .c_button.standard a.chatlink:before {
    color: red;
    font: 30px/81% Pictos-IF
}

.if6_contact .c_button.icon a.videochatlink:before, .if6_contact .c_block .c_button.standard a.videochatlink:before {
    color: red;
    font: 30px/81% Pictos-IF
}

.if6_contact .c_button.special a.chatlink:before {
    color: red;
    font: 47px/81% Pictos-IF
}

.if6_contact .c_button.special a.videochatlink:before {
    color: red;
    font: 47px/81% Pictos-IF
}

.no-touch .if6_contact .c_button.standard a.chatlink:hover:before, .no-touch .if6_contact .c_button.icon a.chatlink:hover:before {
    color: red
}

.no-touch .if6_contact .c_button.standard a.videochatlink:hover:before, .no-touch .if6_contact .c_button.icon a.videochatlink:hover:before {
    color: red
}

.chat_online .if6_contact .c_button.icon a.chatlink:before, .chat_online .if6_contact .c_block .c_button.standard a.chatlink:before {
    color: #00724b;
    font: 30px/81% Pictos-IF
}

.videochat_online .if6_contact .c_button.icon a.videochatlink:before, .videochat_online .if6_contact .c_block .c_button.standard a.videochatlink:before {
    color: #00724b;
    font: 30px/81% Pictos-IF
}

.chat_online .if6_contact .c_button.special a.chatlink:before, .videochat_online .if6_contact .c_button.special a.videochatlink:before {
    color: #666;
    font: 47px/81% Pictos-IF
}

.no-touch .chat_online .if6_contact .c_button.icon a.chatlink:hover:before, .chat_online .if6_contact .c_button.icon a.chatlink:focus:before {
    color: #000c08
}

.no-touch .videochat_online .if6_contact .c_button.icon a.videochatlink:hover:before, .videochat_online .if6_contact .c_button.icon a.videochatlink:focus:before {
    color: #000c08
}

.no-touch .chat_online .if6_contact .c_button.standard a.chatlink:hover, .chat_online .if6_contact .c_button.standard a.chatlink:focus, .no-touch .videochat_online .if6_contact .c_button.standard a.videochatlink:hover, .videochat_online .if6_contact .c_button.standard a.videochatlink:focus {
    color: #666;
    text-decoration: underline
}

.no-touch .chat_online .if6_contact .c_button.standard a.chatlink:hover:before, .chat_online .if6_contact .c_button.standard a.chatlink:focus:before, .no-touch .videochat_online .if6_contact .c_button.standard a.videochatlink:hover:before, .videochat_online .if6_contact .c_button.standard a.videochatlink:focus:before {
    text-decoration: underline
}

.no-touch .chat_online .if6_contact .c_button.standard a.chatlink:hover:before, .chat_online .if6_contact .c_button.standard a.chatlink:focus:before, .no-touch .videochat_online .if6_contact .c_button.standard a.videochatlink:hover:before, .videochat_online .if6_contact .c_button.standard a.videochatlink:focus:before {
    text-decoration: none
}

.no-touch .chat_online .if6_contact .c_button.special a.chatlink:hover, .chat_online .if6_contact .c_button.special a.chatlink:focus, .no-touch .videochat_online .if6_contact .c_button.special a.videochatlink:hover, .videochat_online .if6_contact .c_button.special a.videochatlink:focus {
    color: red
}

.no-touch .chat_online .if6_contact .c_button.special a.chatlink:hover span, .chat_online .if6_contact .c_button.special a.chatlink:focus span, .no-touch .videochat_online .if6_contact .c_button.special a.videochatlink:hover span, .videochat_online .if6_contact .c_button.special a.videochatlink:focus span {
    color: red
}

.no-touch .chat_online .if6_contact .c_button.special a.chatlink:hover:before, .chat_online .if6_contact .c_button.special a.chatlink:focus:before, .no-touch .videochat_online .if6_contact .c_button.special a.videochatlink:hover:before, .videochat_online .if6_contact .c_button.special a.videochatlink:focus:before {
    color: red
}

@media (max-width: 1079px) {
    .if6_contact > div > div {
        padding: 0 10px
    }

    .if6_contact > div {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_contact .c_block {
        padding: 0
    }

    .if6_contact .c_block .c_block_heading {
        margin: 10px 0 10px 0
    }

    .if6_contact h2, .if6_contact .h2, .if6_contact h3, .if6_contact .h3 {
        font: bold 20px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_contact .c_block .filialfinder {
        margin-top: 10px
    }

    .c_button.special {
        margin: 10px 0 20px 0
    }

    .c_button.special > a, .c_button.special > span {
        font: bold 20px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .c_button.special > a > span, .c_button.special > span > span {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .c_button.special:last-child {
        margin-bottom: 10px
    }

    .if6_contact .c_analyst {
        padding-top: 10px
    }

    .if6_contact .c_analystdata {
        margin-top: 10px
    }

    .if6_contact .c_analystdata .image {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 767px) {
    .if6_contact h2, .if6_contact .h2, .if6_contact h3, .if6_contact .h3 {
        font: bold 18px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6_contact .c_block .c_button.special > a, .if6_contact .c_block .c_button.special > span {
        font: bold 18px/110% SparkasseWeb, Helvetica, Arial, sans-serif
    }
}

.bpagerblock {
    display: table;
    width: 100%;
    box-sizing: border-box
}

.bpageselect {
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.bpagerblock .bsearch {
    white-space: nowrap;
    display: table-cell;
    margin-top: 0;
    vertical-align: middle;
    text-align: center
}

.bpagerblock .bsearch > input {
    width: 140px;
    width: calc(100% - 10px);
    max-width: 330px
}

.bpagerblock .bsearch > input.followed-by-icon {
    width: calc(100% - 48px)
}

.bsearch + .bpager {
    white-space: nowrap
}

.bpagerblock .bpager {
    padding-top: 0;
    display: table-cell;
    margin-top: 0;
    vertical-align: middle;
    text-align: right
}

.cbox-medium .bsearch + .bpager {
    display: none
}

.cbox-medium .bpageselect + .bsearch {
    text-align: right
}

.bpager .pagerbuttons div {
    margin-left: 2px;
    margin-right: 0
}

.bpager .pagerbuttons input {
    width: 30px;
    height: 30px;
    color: #000;
    text-align: center;
    margin: 0;
    cursor: pointer;
    padding: 0;
    background-color: #e3e3e3;
    border: 0;
    border-radius: 0
}

.bpager .pagerbuttons input[disabled] {
    cursor: default
}

.bpager .pagerbuttons div.active input {
    color: #fff;
    background-color: red
}

.bpager .pagerbuttons div.active span {
    display: none
}

.bpager .pagerbuttons div.left + div {
    margin-left: 10px
}

.bpager .pagerbuttons div.right {
    margin-left: 10px
}

.bpager .pagerbuttons div.left, .bpager .pagerbuttons div.right {
    width: 30px;
    overflow: hidden;
    white-space: nowrap;
    background-color: #e3e3e3
}

.bpager .pagerbuttons div.left input, .bpager .pagerbuttons div.right input {
    padding-left: 30px;
    background-color: transparent
}

.bpager .pagerbuttons + span {
    float: right;
    padding-right: 10px
}

.bline.bpageselect label {
    width: auto
}

.bline.bpageselect select {
    width: 65px
}

.bpager > span:first-child {
    display: none
}

.bpager .pagerbuttons + span {
    display: none
}

.btabletoolbar .bsearch > input {
    width: 140px;
    width: calc(100% - 10px);
    max-width: 330px
}

.btabletoolbar .bsearch > input.followed-by-icon {
    width: calc(100% - 48px)
}

.btableblock tr.tablerowodd {
    background-color: #f0f0f0
}

.btableblock tr.tablerowodd span.checkbox, .btableblock tr.tablerowodd span.radio {
    background-color: #f0f0f0
}

.btableblock tr.tableheader {
    background-color: #666;
    color: #fff;
    border-top: 10px solid #fff
}

.btableblock tr.tableheader:first-child {
    border-top: 0
}

.btable th, .btable td {
    padding-top: 10px;
    padding-bottom: 10px
}

.btable td.right, .btable th.right {
    text-align: right
}

.btable td.center, .btable th.center {
    text-align: center
}

.btable td a img {
    margin: 0;
    vertical-align: top
}

.btable tr.tableheader .minus, .btable tr.tableheader .more, .btable tr.tableheader .plus {
    color: #fff
}

.btable .tablefooter {
    background-color: #f0f0f0;
    border-top: 2px solid rgba(0, 0, 0, 0.1)
}

th span.checkall {
    display: none
}

.btableblock {
    padding: 10px 15px 0 15px;
    color: #444
}

.block + .btableblock, .bpageblock + .btableblock, .block + .btableblock.ty2, .bpageblock + .btableblock.ty2 {
    padding-top: 0
}

.btableblock:last-child {
    padding-bottom: 20px
}

.btableblock th:first-child, .btableblock td:first-child {
    padding-left: 5px
}

.btableblock th:last-child, .btableblock td:last-child {
    padding-right: 5px
}

.btableblock tr.tablerowodd:last-child, .btableblock tr.tablefooter:last-child {
    border-bottom: 10px solid #fff
}

.btableblock + .bpagerblock {
    border-top: 0
}

.btableblock + .block {
    border-top: 2px solid #e3e3e3
}

.btableblock.ty2 {
    padding: 20px
}

.btableblock.ty2 tr.tablerowodd, .btableblock.ty2 tr.tableroweven {
    background-color: transparent;
    border-top: 1px solid #e3e3e3
}

.btableblock.ty2 tr.tablerowodd.hoverable:last-child, .btableblock.ty2 tr.tableroweven.hoverable:last-child {
    border-bottom: 1px solid #e3e3e3
}

.btableblock.ty2 tr.tablerowodd.hoverable + tr.tableheader, .btableblock.ty2 tr.tableroweven.hoverable + tr.tableheader {
    border-top: 1px solid #e3e3e3
}

.btableblock.ty2 .dark-data-separators tr.tablerowodd, .btableblock.ty2 .dark-data-separators tr.tableroweven {
    border-top-color: #666
}

.btableblock.ty2 .dark-data-separators tr.tablerowodd + tr.tablerowodd, .btableblock.ty2 .dark-data-separators tr.tableroweven + tr.tableroweven {
    border-top-color: #e3e3e3
}

.btableblock.ty2 .dark-data-separators tr.tablerowodd.hoverable:last-child, .btableblock.ty2 .dark-data-separators tr.tableroweven.hoverable:last-child {
    border-bottom: 1px solid #666
}

.btableblock.ty2 tr.tablerowodd + tr.tablerowodd, .btableblock.ty2 tr.tableroweven + tr.tableroweven {
    border-top: 1px dashed #e3e3e3
}

.btableblock.ty2 th:first-child, .btableblock.ty2 td:first-child {
    padding-left: 0
}

.btableblock.ty2 th:last-child, .btableblock.ty2 td:last-child {
    padding-right: 0
}

.btableblock.ty2 th {
    border-bottom: 1px solid #000;
    margin-bottom: -1px;
    vertical-align: bottom
}

.btableblock.ty2 tr.tablerowodd:last-child, .btableblock.ty2 tr.tablefooter:last-child {
    border-bottom: 0
}

.btableblock.ty2 tr.tablerowodd span.checkbox, .btableblock.ty2 tr.tablerowodd span.radio {
    background-color: #fff
}

.btableblock.ty2 tr.tableheader {
    background-color: transparent;
    color: #333;
    border-top: 0;
    border-bottom: 1px solid #666
}

.btableblock.ty2 tr.tableheader td {
    padding-top: 20px
}

.btableblock.ty2 tr.tableheader:first-child {
    border-top: 0
}

.btableblock.ty2 tr.tableheader .minus {
    color: red
}

.btableblock.ty2 tr.tableheader .more {
    color: #00724b
}

.btableblock.ty2 tr.tableheader .plus {
    color: #00724b
}

.btableblock.ty2 .dark-data-separators tr.tableheader, .btableblock.ty2 .dark-data-separators tr.tablerowodd.hoverable + tr.tableheader, .btableblock.ty2 .dark-data-separators tr.tableroweven.hoverable + tr.tableheader {
    border-top: 1px solid #666
}

.btableblock.ty2 .btable.dark-data-separators {
    border-bottom: 1px solid #666
}

.btableblock.ty2 .btable .tablefooter {
    background-color: transparent;
    border-top: 1px solid #666;
    font-weight: bold
}

.btableblock.ty2 .btable .tablefooter td:last-child {
    text-align: right
}

.btableblock.ty2 .btable .tablefooter td:last-child > div {
    position: static;
    padding-right: 0;
    padding-left: 0
}

.btableblock.ty2 .btable .tablefooter td:last-child .data {
    display: inline-block
}

.btableblock.ty2 .btable tr.hoverable ~ .tablefooter td:last-child > div {
    padding-right: 10px;
    padding-left: 10px
}

.btableblock.ty2 .btable .tablefooter.tablefooterCumulative {
    border-top: 2px solid #333;
    font-weight: bold
}

.btableblock.ty2 .btable .tablefooter.tablefooterCumulative .data, .btableblock.ty2 .btable .tablefooter.tablefooterCumulative .datatable, .btableblock.ty2 .btable .tablefooter.tablefooterCumulative .label, .btableblock.ty2 .btable .tablefooter.tablefooterCumulative .balance, .btableblock.ty2 .btable .tablefooter.tablefooterCumulative .balance-predecimal {
    font-weight: bold
}

.btableblock.ty2 .btable .tablefooter.tablefooterCumulative .data, .btableblock.ty2 .btable .tablefooter.tablefooterCumulative .datatable, .btableblock.ty2 .btable .tablefooter.tablefooterCumulative .datatable > div {
    display: inline-block
}

.btableblock.ty2 + .block {
    border-top: 0
}

.btableblock.ty2 .btable.groupOpenCloseable tr.tableheader td, .btableblock.ty2 .btable.groupOpenCloseable tr.tableheader td + td {
    color: #333
}

.no-touch .btableblock.ty2 .btable.groupOpenCloseable tr.tableheader .ficon:before {
    color: #333;
    background-color: transparent
}

.no-touch .btableblock.ty2 .btable.groupOpenCloseable tr.tableheader.hover td {
    color: #000;
    background-color: transparent;
    cursor: pointer
}

.no-touch .btableblock.ty2 .btable.groupOpenCloseable tr.tableheader.hover {
    cursor: pointer
}

.no-touch .btableblock.ty2 .btable.groupOpenCloseable tr.tableheader.hover .ficon:before {
    color: #000;
    background-color: transparent;
    font: 22px/81% Pictos-IF
}

.btable tr.clickable td {
    cursor: pointer
}

.js .btable.has-action-column tr.clickable td:last-child .ficon {
    margin-right: -10px
}

.js .btable.has-action-column tr.clickable td:last-child .ficon.icon-b_textbutton {
    margin-right: 0
}

.no-touch.js tr.clickable:hover a, .no-touch tr.clickable a:hover, tr.clickable a:focus {
    color: red
}

.btable.top-align td {
    vertical-align: top
}

.btable.bottom-align td {
    vertical-align: bottom
}

.btable.row-clickable-except tr.tr-clickable.openRow td.td-clickable, .btable.row-clickable-except tr.tr-clickable.goToInfo td.td-clickable, .btable.row-clickable-except tr.tr-clickable.openMainRow td.td-clickable {
    cursor: pointer
}

.textbutton-column td:last-child .ficon, .primary-textbutton-column td:last-child .ficon {
    margin: 0;
    width: auto;
    height: auto;
    vertical-align: middle
}

.textbutton-column td:last-child .ficon:before, .primary-textbutton-column td:last-child .ficon:before {
    display: none
}

.textbutton-column td:last-child .ficon input, .primary-textbutton-column td:last-child .ficon input {
    width: auto;
    height: auto;
    padding-right: 32px;
    vertical-align: baseline;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    padding-left: 0
}

.textbutton-column td:last-child .ficon input {
    color: #444
}

.btableblock.ty2 .btable tr.textbutton-column td, .btableblock.ty2 .btable tr.textbutton-column td:last-child {
    padding-left: 0;
    padding-right: 0
}

.btableblock.ty2 .btable tr.textbutton-column td.right, .btableblock.ty2 .btable tr.textbutton-column td:last-child.right {
    text-align: right
}

.btableblock.ty2 .btable tr.textbutton-column td .ficon, .btableblock.ty2 .btable tr.textbutton-column td:last-child .ficon {
    margin-right: 10px
}

.btableblock.ty2 .btable tr.textbutton-column td > div, .btableblock.ty2 .btable tr.textbutton-column td:last-child > div {
    position: static;
    text-align: right
}

.btableblock.ty2 .btable tr.textbutton-column.tablerowodd td > div.ficon, .btableblock.ty2 .btable tr.textbutton-column.tableroweven td > div.ficon {
    margin-right: 10px
}

.btableblock.ty2 .btable tr.textbutton-column.tablerowodd td > div.ficon:last-child:after, .btableblock.ty2 .btable tr.textbutton-column.tableroweven td > div.ficon:last-child:after {
    border-right: 1px solid #444
}

.btableblock.ty2 .btable tr.textbutton-column.tablerowodd td > div.ficon:after, .btableblock.ty2 .btable tr.textbutton-column.tableroweven td > div.ficon:after {
    position: relative;
    content: ">";
    width: 18px;
    height: 18px;
    border: 1px solid #444;
    border-radius: 50%;
    display: inline-block;
    color: #444;
    text-align: center
}

.btableblock.ty2 .btable tr.textbutton-column.tablerowodd td:last-child .ficon:hover input, .btableblock.ty2 .btable tr.textbutton-column.tableroweven td:last-child .ficon:hover input, .btableblock.ty2 .btable tr.textbutton-column.tablerowodd td:last-child .ficon.focus input, .btableblock.ty2 .btable tr.textbutton-column.tableroweven td:last-child .ficon.focus input, .btableblock.ty2 .btable tr.textbutton-column.tablerowodd td:last-child .ficon:focus input, .btableblock.ty2 .btable tr.textbutton-column.tableroweven td:last-child .ficon:focus input {
    color: #444
}

.no-touch .btableblock.ty2 .btable tr.textbutton-column.tablerowodd td > div.ficon:hover:after, .no-touch .btableblock.ty2 .btable tr.textbutton-column.tableroweven td > div.ficon:hover:after {
    color: #fff;
    background-color: #444
}

.no-touch .btableblock.ty2 .btable tr.textbutton-column.tablerowodd td:last-child .ficon:hover input, .no-touch .btableblock.ty2 .btable tr.textbutton-column.tableroweven td:last-child .ficon:hover input, .no-touch .btableblock.ty2 .btable tr.textbutton-column.tablerowodd td:last-child .ficon.focus input, .no-touch .btableblock.ty2 .btable tr.textbutton-column.tableroweven td:last-child .ficon.focus input, .no-touch .btableblock.ty2 .btable tr.textbutton-column.tablerowodd td:last-child .ficon:focus input, .no-touch .btableblock.ty2 .btable tr.textbutton-column.tableroweven td:last-child .ficon:focus input {
    color: #444
}

.primary-textbutton-column td:last-child .ficon {
    color: red;
    text-decoration: none
}

.primary-textbutton-column td:last-child .ficon input {
    color: red
}

.primary-textbutton-column td:last-child a.ficon:after {
    margin-left: 10px
}

.js .btable.checkbox-small input[type="checkbox"] {
    margin-left: -4px
}

.btable.checkbox-small span.checkbox {
    margin-right: -13px;
    margin-bottom: -4px;
    vertical-align: top
}

.btable.checkbox-small span.checkbox:before {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    margin: 9px 0 0 9px;
    padding: 0
}

.btable.checkbox-small span.checkbox:after {
    margin: -21px 0 0 10px;
    font: 10px/90% Pictos-IF;
    width: 10px;
    height: 10px;
    content: "v";
    color: #fff
}

.btableblock.ty2 .btable.checkbox-small th input[type="checkbox"], .btableblock.ty2 .btable.checkbox-small th span.checkbox {
    vertical-align: bottom
}

.btable.nicon-large .nicon:before {
    color: #444;
    font: 36px/81% Pictos-IF;
    height: 36px;
    width: 36px;
    margin-left: -8px;
    margin-top: -8px
}

.btable.nicon-large .nicon {
    height: 20px;
    width: 20px
}

.btable .data .label {
    float: left;
    clear: both
}

.btable .data .label + div {
    float: right
}

.btable .data br {
    clear: both
}

.btable .data .head {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    font-weight: bold
}

.btable .data * + .head {
    margin-top: 20px
}

.btable .data:after {
    clear: both;
    content: "";
    display: table
}

.btable .datatable {
    display: table-row;
    text-align: right
}

.btable .datatable .label {
    display: table-cell;
    float: none;
    padding-right: 30px
}

.btable .datatable .label + div {
    display: table-cell;
    float: none
}

.table_finanzstatus th, .table_finanzstatus td {
    width: 28%
}

.table_finanzstatus th + th, .table_finanzstatus td + td {
    width: 21%
}

.table_finanzstatus td[colspan="2"] {
    width: 49%
}

.table_finanzstatus th + th + th, .table_finanzstatus td + td + td, .table_finanzstatus td[colspan="2"] + td {
    width: 21%
}

.table_finanzstatus th + th + th + th, .table_finanzstatus td + td + td + td, .table_finanzstatus td[colspan="2"] + td + td {
    width: 30%
}

.table_kontoname th, .table_kontoname td {
    width: 42%
}

.table_kontoname th + th, .table_kontoname td + td {
    width: 22%
}

.table_kontoname th + th + th, .table_kontoname td + td + td {
    width: 36%
}

table.pf-eingang a, table.pf-ausgang a {
    text-decoration: none;
    color: inherit
}

table.pf-eingang .tablerowmarked, table.pf-ausgang .tablerowmarked {
    font-weight: bold
}

table.table_umsatzabfrage .tableheader, table.table_umsatzabfrage_vorgemerkt .tableheader {
    background-color: #f0f0f0;
    color: #444;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1)
}

table.table_umsatzabfrage tr.tableheader .minus, table.table_umsatzabfrage_vorgemerkt tr.tableheader .minus {
    color: red
}

table.table_umsatzabfrage tr.tableheader .plus, table.table_umsatzabfrage_vorgemerkt tr.tableheader .plus {
    color: #00724b
}

table.table_kurscontainerIF6 td {
    padding-top: 0;
    padding-bottom: 0
}

table.table_dekadepotaufstellung .tablerowodd + .tablerowodd {
    border-top: 1px solid #fff
}

table.table_dekadepotaufstellung .tableroweven + .tableroweven {
    border-top: 1px solid #e3e3e3
}

table.table_depotaufstellung .tablerowodd + .tablerowodd {
    border-top: 1px solid #fff
}

table.table_depotaufstellung .tableroweven + .tableroweven {
    border-top: 1px solid #e3e3e3
}

table.table_guv .tablerowodd + .tablerowodd {
    border-top: 1px solid #fff
}

table.table_guv .tableroweven + .tableroweven {
    border-top: 1px solid #e3e3e3
}

.ZVBetragsgrenzenInland td + td, .ZVBetragsgrenzenAusland td + td {
    width: 25%;
    white-space: nowrap
}

.ZVBetragsgrenzenInlandZusammen td + td, .ZVBetragsgrenzenAuslandZusammen td + td {
    width: 33.3%;
    white-space: nowrap
}

table.table_pfm_registrierung.always-columns td:first-child {
    width: 22px;
    padding-right: 0
}

.btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child {
    text-align: left
}

.btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon {
    width: auto;
    margin: 0 26px 0 0;
    text-decoration: none;
    color: #444;
    overflow: visible
}

.btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon input, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon input, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon span, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon span {
    color: #444;
    font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 100%;
    padding-right: 0
}

.btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child a.ficon, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child a.ficon {
    font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:before, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:before {
    font: 26px/81% Pictos-IF;
    width: 26px;
    height: 26px;
    color: #444;
    border: 0;
    margin-left: -5px
}

.btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.inverse:before, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.inverse:before {
    font: 26px/81% Pictos-IF;
    width: 26px;
    height: 26px;
    color: #fff;
    background-color: #444;
    margin-left: 0
}

.btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child a.ficon:before, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child a.ficon:before {
    margin-right: 5px
}

.btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:after, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:after {
    border-right: 1px solid #ccc;
    content: "";
    margin-left: 13px;
    position: absolute;
    display: inline-block;
    height: 28px
}

.btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:last-child:after, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:last-child:after {
    border-right: 0
}

.btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .bpulldown .ficon:before, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .bpulldown .ficon:before {
    margin-right: 0
}

.btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .bpulldown:last-child .ficon:after, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .bpulldown:last-child .ficon:after {
    display: none
}

.no-touch .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:hover:before, .no-touch .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:hover:before {
    color: red;
    background-color: transparent
}

.no-touch .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.inverse:hover:before, .no-touch .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.inverse:hover:before {
    color: #fff;
    background-color: red
}

.no-touch .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:hover, .no-touch .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:hover {
    color: red
}

.no-touch .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:hover input, .no-touch .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:hover input {
    color: red
}

.btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:focus:before, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:focus:before, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.focus:before, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.focus:before {
    color: red;
    background-color: transparent;
    font: 26px/81% Pictos-IF
}

.btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.inverse:focus:before, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.inverse:focus:before, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.inverse.focus:before, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.inverse.focus:before {
    color: #fff;
    background-color: red;
    font: 26px/81% Pictos-IF
}

.btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:focus, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:focus, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.focus, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.focus {
    color: red
}

.btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:focus input, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:focus input, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.focus input, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.focus input {
    color: red
}

.btableblock .btable.spacious tr.tableroweven td, .btableblock .btable.spacious tr.tablerowodd td {
    padding-top: 15px;
    padding-bottom: 15px
}

.btableblock .btable.hover-over-area tr.tableroweven td, .btableblock .btable.hover-over-area tr.tablerowodd td {
    padding-left: 10px;
    padding-right: 10px
}

.no-touch.js .btableblock .btable.hover-over-area tr.tableroweven.hoverable:hover, .no-touch.js .btableblock .btable.hover-over-area tr.tablerowodd.hoverable:hover {
    background-color: #f6f6f6;
    cursor: pointer
}

.no-touch.js .btableblock .btable.hover-over-area tr.tableroweven.hoverable:hover span.checkbox, .no-touch.js .btableblock .btable.hover-over-area tr.tablerowodd.hoverable:hover span.checkbox {
    background-color: #f6f6f6
}

.no-touch.js .btableblock .btable.hover-over-area tr.tableroweven.hoverable:hover span.checkbox:before, .no-touch.js .btableblock .btable.hover-over-area tr.tablerowodd.hoverable:hover span.checkbox:before {
    background-color: #f6f6f6
}

.no-touch.js .btableblock .btable.hover-over-area tr.tableroweven.hoverable:hover span.checkbox.checked:before, .no-touch.js .btableblock .btable.hover-over-area tr.tablerowodd.hoverable:hover span.checkbox.checked:before {
    background: red
}

.no-touch.js .btableblock .btable.hover-over-area tr.tableroweven.hoverable:hover span.checkbox:after, .no-touch.js .btableblock .btable.hover-over-area tr.tablerowodd.hoverable:hover span.checkbox:after {
    color: #f6f6f6
}

@media (max-width: 1079px) {
    .btableblock {
        padding: 5px 5px 0 5px
    }

    .block + .btableblock, .bpageblock + .btableblock {
        padding-top: 0
    }

    .btableblock tr.tablerowodd:last-child, .btableblock tr.tablefooter:last-child {
        border-bottom-width: 5px
    }

    .btableblock th:first-child, .btableblock td:first-child {
        padding-left: 5px
    }

    .btableblock th:last-child, .btableblock td:last-child {
        padding-right: 5px
    }

    .btableblock.ty2 {
        padding: 10px
    }

    .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon {
        background-color: #e3e3e3;
        border-radius: 4px;
        border-right: 0;
        margin: 0 10px 5px 0;
        height: auto
    }

    .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:before, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:before {
        margin: 8px -44px 0 15px
    }

    .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:after, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:after {
        border-right: 0
    }

    .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon input, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon input, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon span, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon span {
        padding: 15px 20px 15px 43px;
        height: auto;
        display: inline-block
    }

    .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child a.ficon, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child a.ficon {
        padding: 8px 20px 10px 20px
    }

    .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child a.ficon:before, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child a.ficon:before {
        margin: -1px 2px 1px -5px
    }

    .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.inverse, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.inverse {
        background-color: #444
    }

    .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.inverse:before, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.inverse:before {
        margin-left: 15px
    }

    .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.inverse input, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.inverse input {
        color: #fff
    }

    .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child a.ficon.inverse, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child a.ficon.inverse {
        color: #fff
    }

    .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child a.ficon.inverse:before, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child a.ficon.inverse:before {
        margin-left: -5px
    }

    .no-touch .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:hover:before, .no-touch .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:hover:before {
        color: #000
    }

    .no-touch .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.inverse:hover:before, .no-touch .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.inverse:hover:before {
        color: #000;
        background-color: transparent
    }

    .no-touch .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:hover, .no-touch .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:hover {
        background-color: #ccc;
        color: #000
    }

    .no-touch .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:hover input, .no-touch .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:hover input {
        color: #000
    }

    .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:focus:before, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:focus:before, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.focus:before, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.focus:before {
        color: #000
    }

    .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.inverse:focus:before, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.inverse:focus:before, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.inverse.focus:before, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.inverse.focus:before {
        color: #000;
        background-color: transparent
    }

    .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:focus, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:focus, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.focus, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.focus {
        background-color: #ccc;
        color: #000
    }

    .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon:focus input, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon:focus input, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon.focus input, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon.focus input {
        color: #000
    }

    .textbutton-column td:last-child .ficon .ficon input, .primary-textbutton-column td:last-child .ficon input, .btableblock.ty2 .btable tr.textbutton-column td:last-child .ficon input, .btableblock.ty2 .btable.actionicon-noborder tr.textbutton-column td:last-child .ficon input {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .btableblock.ty2 .btable tr.textbutton-column.tablerowodd td:last-child .ficon, .btableblock.ty2 .btable tr.textbutton-column.tableroweven td:last-child .ficon {
        background-color: transparent;
        margin: 0 10px 0 0
    }

    .btableblock.ty2 .btable tr.textbutton-column.tablerowodd td:last-child .ficon input, .btableblock.ty2 .btable tr.textbutton-column.tableroweven td:last-child .ficon input {
        padding: 5px 32px 5px 0
    }

    .btableblock.ty2 .btable tr.textbutton-column.tablerowodd td:last-child .ficon:after, .btableblock.ty2 .btable tr.textbutton-column.tableroweven td:last-child .ficon:after {
        margin-left: -22px
    }

    .no-touch .btableblock .btable.actionicon-noborder tr.tableroweven.textbutton-column td:last-child .ficon:hover, .no-touch .btableblock .btable.actionicon-noborder tr.tablerowodd.textbutton-column td:last-child .ficon:hover {
        background-color: transparent
    }
}

@media screen and (max-width: 839px) {
    table.table_depotaufstellung th:first-child + th + th + th + th, table.table_depotaufstellung td:first-child + td + td + td + td, table.table_depotaufstellung .tableheader td:first-child + td, table.table_depotaufstellung .tablefooter td:last-child {
        display: none
    }

    table.table_depotaufstellung .tablefooter td:first-child + td + td[colspan="2"] {
        color: transparent
    }
}

@media screen and (max-width: 767px) {
    .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .bpulldown, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .bpulldown {
        display: block;
        margin: 5px 0 0 0;
        position: static
    }

    .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon input, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon input, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .bpulldown input, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .bpulldown input, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .ficon span, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .ficon span, .btableblock .btable.actionicon-noborder tr.tablerowodd td:last-child .bpulldown span, .btableblock .btable.actionicon-noborder tr.tableroweven td:last-child .bpulldown span {
        width: 100%;
        text-align: left
    }

    .btableblock.ty2 .btable tr.tableroweven.textbutton-column td:last-child .ficon, .btableblock.ty2 .btable tr.tablerowodd.textbutton-column td:last-child .ficon {
        display: inline-block
    }

    .btabletoolbar .bsearch > input {
        max-width: 100%
    }

    .btabletoolbar .bline div.tgroup {
        margin-top: 13px;
        display: table;
        box-sizing: border-box;
        padding-right: 10px;
        width: 100%
    }

    .btabletoolbar .bline div.tgroup > ul {
        display: table-row
    }

    .btabletoolbar .bline div.tgroup > ul > li {
        display: table-cell;
        width: 20%;
        text-align: center;
        padding-left: 0;
        padding-right: 0
    }

    .btabletoolbar .bline div.tgroup > ul > li > .ficon, .btabletoolbar .bline div.tgroup > ul > li .tgroup-toggle .ficon {
        height: 40px;
        width: 40px;
        overflow: hidden;
        color: transparent;
        padding-top: 0
    }

    .btabletoolbar .bline div.tgroup > ul > li > .ficon:before, .btabletoolbar .bline div.tgroup > ul > li .tgroup-toggle .ficon:before {
        font: 40px/81% Pictos-IF;
        width: 40px;
        height: 40px;
        color: #666;
        margin-left: -20px
    }

    .btabletoolbar .bline div.tgroup > ul > li > .ficon.icon-b_filter_active:before, .btabletoolbar .bline div.tgroup > ul > li .tgroup-toggle .ficon.icon-b_filter_active:before {
        font: 40px/81% Pictos-IF;
        color: #00724b;
        content: "\f7d6"
    }

    .btabletoolbar .bline div.tgroup > ul > li > .ficon > input, .btabletoolbar .bline div.tgroup > ul > li .tgroup-toggle .ficon > input {
        color: transparent;
        padding-top: 0;
        width: 40px;
        height: 40px
    }

    .btabletoolbar .bline div.tgroup > ul > li.tsubgroup .tgroup-toggle {
        height: 31px;
        padding-left: 0;
        padding-right: 0
    }

    .btabletoolbar .bline div.tgroup > ul > li.tsubgroup .tgroup-toggle:after {
        margin-top: -10px
    }

    .btabletoolbar .bline div.tgroup > ul > li .tgroup-toggle .ficon + a {
        height: 0
    }

    .js .btabletoolbar .tgroup > ul > li.tsubgroup.visible .tgroup-toggle a + a {
        padding-top: 0;
        height: 40px
    }

    .no-touch .btabletoolbar .bline div.tgroup > ul > li > .ficon:hover:before, .no-touch .btabletoolbar .bline div.tgroup > ul > li .tgroup-toggle .ficon:hover:before, .btabletoolbar .bline div.tgroup > ul > li > .ficon:focus:before, .btabletoolbar .bline div.tgroup > ul > li .tgroup-toggle .ficon:focus:before, .btabletoolbar .bline div.tgroup > ul > li > .ficon.focus:before, .btabletoolbar .bline div.tgroup > ul > li .tgroup-toggle .ficon.focus:before {
        color: red
    }

    .btableblock.ty2 .btable .tablefooter.tablefooterCumulative .data .label {
        padding-right: 0
    }

    .btableblock.ty2 .btable .tablefooter.tablefooterCumulative .data .label + div {
        padding-left: 30px
    }
}

@media screen and (max-width: 649px) {
    .btable th, .btable td {
        float: left;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .btableblock th, .btableblock td {
        padding-left: 5px;
        padding-right: 5px
    }

    .btableblock.ty2 th, .btableblock.ty2 td {
        padding-left: 0;
        padding-right: 0
    }

    .btableblock .btable th, .bline .btable.autoheader th {
        display: none
    }

    .btableblock tr.tableheader td + td, .btableblock.ty2 tr.tableheader td + td {
        padding-top: 0
    }

    .bpager .pagerbuttons div {
        display: none
    }

    .bpager .pagerbuttons div.prev, .bpager .pagerbuttons div.active, .bpager .pagerbuttons div.next {
        display: inline-block
    }

    .bpager div.active {
        margin-left: 10px
    }

    .bpager div.next {
        margin-left: 10px
    }

    .bpager .pagerbuttons div.active input {
        color: #666;
        background-color: transparent;
        width: auto
    }

    .bpager .pagerbuttons div.active span {
        display: inline;
        font: 17px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 30px;
        padding-right: 3px
    }

    .bpager .pagerbuttons div.prev:before {
        display: inline-block;
        color: #666;
        background-color: #e3e3e3;
        font: 30px/81% Pictos-IF;
        content: "<";
        margin-right: -30px
    }

    .bpager .pagerbuttons div.next:before {
        display: inline-block;
        color: #666;
        background-color: #e3e3e3;
        font: 30px/81% Pictos-IF;
        content: ">";
        margin-right: -30px
    }

    .bpager .pagerbuttons div.prev, .bpager .pagerbuttons div.next {
        width: 30px;
        overflow: hidden;
        white-space: nowrap;
        background-color: #e3e3e3
    }

    .bpager .pagerbuttons div.prev input, .bpager .pagerbuttons div.next input {
        padding-left: 30px;
        background-color: transparent
    }

    .btable td + td {
        margin-top: -5px
    }

    th span.checkall {
        display: inline;
        margin-left: 10px
    }

    .btable.autoheader .tablerowodd td, .btable.autoheader .tableroweven td {
        text-align: right
    }

    .btable.autoheader .tablerowodd td[data-header]:before, .btable.autoheader .tableroweven td[data-header]:before {
        content: attr(data-header);
        float: left;
        text-align: left;
        margin-right: 5px;
        white-space: pre;
        color: #000
    }

    .btable.autoheader td.lines-2 {
        min-height: 45px
    }

    .btable.autoheader td.lines-3 {
        min-height: 67.5px
    }

    .btable.autoheader td.lines-4 {
        min-height: 90px
    }

    .has-checkbox-column th:first-child {
        display: block
    }

    .has-checkbox-column .tablerowodd td:first-child, .has-checkbox-column .tableroweven td:first-child {
        width: auto
    }

    .has-action-column .tablerowodd td:last-child, .has-action-column .tableroweven td:last-child {
        position: absolute;
        display: block;
        padding-top: 10px;
        width: auto;
        right: 5px;
        margin-top: 0
    }

    .btableblock.ty2 .has-action-column .tablerowodd td:last-child, .btableblock.ty2 .has-action-column .tableroweven td:last-child {
        right: 7px
    }

    .has-action-column .tablerowodd td:last-child br, .has-action-column .tableroweven td:last-child br {
        display: none
    }

    .has-action-column.autoheader .tablerowodd td:first-child:before, .has-action-column.autoheader .tableroweven td:first-child:before {
        width: 100%;
        padding-bottom: 10px
    }

    .has-action-column.autoheader.has-checkbox-column .tablerowodd td:first-child:before, .has-action-column.autoheader.has-checkbox-column .tableroweven td:first-child:before {
        width: auto;
        padding-bottom: 0
    }

    .btable.autoheader.has-header-column td:first-child, .btable.autoheader.has-header-column th:first-child {
        display: block;
        color: #000;
        font: 17px SparkasseWeb, Helvetica, Arial, sans-serif;
        border-bottom: 2px solid rgba(0, 0, 0, 0.05);
        text-align: left
    }

    .btable.autoheader.has-header-column td:first-child + td {
        margin-top: 0;
        padding-top: 10px
    }

    .btable.autoheader.has-header-column td:first-child:before {
        display: none
    }

    .btable.always-columns th {
        display: table-cell
    }

    .btable.always-columns th span.checkall {
        display: none
    }

    .btable.always-columns th, .btable.always-columns td {
        float: none;
        width: auto
    }

    .btableblock .btable.always-columns th, .btableblock .btable.always-columns td {
        padding: 10px 5px
    }

    .btableblock .btable.always-columns.has-action-column .tablerowodd td:last-child, .btableblock .btable.always-columns.has-action-column .tableroweven td:last-child {
        display: table-cell;
        position: static
    }

    .ty2 .btable.always-columns th:first-child, .ty2 .btable.always-columns td:first-child {
        padding-left: 0
    }

    .ty2 .btable.always-columns th:last-child, .ty2 .btable.always-columns td:last-child {
        padding-right: 0
    }

    .bpulldown.baction {
        display: inline-block
    }

    .btable .rank0, .btable .rank3, .btable .rank4 {
        display: none
    }

    table.table_umsatzabfrage td:first-child + td, table.table_umsatzabfrage tr.tableheader td:first-child, table.table_umsatzabfrage tr.tableheader td:first-child + td + td + td, table.table_umsatzabfrage tr.tablefooter td:first-child, table.table_umsatzabfrage tr.tablefooter td:first-child + td + td + td, table.table_umsatzabfrage_vorgemerkt td:first-child, table.table_empfaenger_sepa td:first-child + td + td + td, table.table_empfaenger_sepa td:first-child + td + td + td + td, table.table_empfaenger_ausland td:first-child + td + td + td, table.table_empfaenger_ausland td:first-child + td + td + td + td, table.table_sepasammler_cred_vorlage td:first-child + td, table.table_sepasammler_cred_vorlage td:first-child + td + td + td, table.table_sepasammler_deb_vorlage td:first-child + td, table.table_sepasammler_deb_vorlage td:first-child + td + td + td, table.table_sepalastschrift_widerspruch td:first-child + td, table.table_sepasammellastschrift_1 td:first-child + td, table.table_sepasammellastschrift_2 td:first-child, table.table_sepasammellastschrift_2 td:first-child + td, table.table_sepasammellastschrift_3 td:first-child + td + td + td + td, table.table_sepasammellastschrift_verschieben td:first-child, table.table_sepasammellastschrift_verschieben td:first-child + td + td, table.table_sepadauerauftrag td:first-child + td, table.table_geoblocking td:first-child + td + td, table.table_aboladen td:first-child + td, table.table_aboladen td:first-child + td + td, table.table_depotaufstellung td:first-child + td + td, table.table_depotaufstellung td:first-child + td + td + td + td, table.table_orderstatus td:first-child + td + td, table.table_orderstatus td:first-child + td + td + td, table.table_festpreisorder td:first-child + td + td + td, table.table_neuemission td:first-child + td + td, table.table_neuemission td:first-child + td + td + td, table.table_neuemission td:first-child + td + td + td + td, table.table_dekaumsaetze td:first-child + td + td, table.table_dekaumsaetze td:first-child + td + td + td + td, table.table_dekawpsuche td:first-child + td + td, table.table_dekawpsuche td:first-child + td + td + td, table.table_kreditkarten_umsaetze td:first-child + td, table.table_lbsbestand td:first-child + td, table.table_lbsumsaetze td:first-child + td, table.table_elektronadresse td:first-child + td + td, table.table_elektronadresse td:first-child + td + td + td, table.table_telekomadresse td:first-child + td + td + td, table.table_telekomadresse td:first-child + td + td + td + td, table.table_pushadresse td:first-child + td + td, table.table_pushadresse td:first-child + td + td + td + td, table.table_girodetail td:first-child + td + td + td, table.table_finanzstatus tr.tableheader td:first-child + td, table.table_finanzstatus tr.tablefooter td:last-child, table.table_widget_finanzstatus tr.tableheader td:last-child, table.table_widget_finanzstatus tr.tablefooter td:last-child, .not-mobile {
        display: none
    }

    table.table_umsatzabfrage tr.tableheader td.right:last-child {
        display: block;
        text-align: right
    }

    table.table_umsatzabfrage tr.tableheader td:first-child + td, table.table_umsatzabfrage tr.tablefooter td:first-child + td {
        padding-top: 10px;
        display: block;
        padding-bottom: 5px;
        margin-top: 0
    }

    table.table_umsatzabfrage_vorgemerkt td:first-child + td {
        padding-top: 10px
    }

    .table_finanzstatus td + td, .table_finanzstatus td[colspan="2"], .table_finanzstatus td + td + td, .table_finanzstatus td[colspan="2"] + td, .table_finanzstatus td + td + td + td, .table_finanzstatus td[colspan="2"] + td + td {
        width: 100%
    }

    .table_finanzstatus td:first-child + td {
        text-align: left;
        padding-bottom: 5px
    }

    .table_finanzstatus td:first-child[colspan="2"] {
        text-align: left
    }

    .table_finanzstatus td:first-child[colspan="2"] + td {
        text-align: right
    }

    .table_finanzstatus .tablefooter td.left:first-child + td, .table_finanzstatus .tablefooter td:first-child[colspan="2"] {
        clear: left;
        width: 40%
    }

    .table_finanzstatus .tablefooter td.left:first-child + td + td, .table_finanzstatus .tablefooter td:first-child[colspan="2"] + td {
        width: 60%
    }

    .table_finanzstatus .tablefooter td:first-child[colspan="2"] + td {
        padding-top: 10px;
        margin-top: 0
    }

    .table_widget_finanzstatus .tablefooter td:first-child {
        width: 40%;
        text-align: left
    }

    .table_widget_finanzstatus .tablefooter td:first-child + td {
        width: 60%;
        padding-top: 10px;
        margin-top: 0
    }

    .table_kontoname td + td, .table_kontoname td + td + td {
        width: 100%
    }

    .table_kontoname td:first-child + td {
        text-align: left
    }

    .pf-eingang td + td {
        width: auto;
        padding-top: 15px;
        padding-left: 0
    }

    .pf-eingang td + td + td {
        width: 100%;
        padding-top: 0;
        padding-left: 10px
    }

    .pf-eingang td + td + td + td {
        display: none
    }

    .pf-eingang td + td + td + td + td + td {
        position: absolute;
        display: block;
        padding-top: 10px;
        width: auto;
        right: 0;
        margin-top: 0
    }

    .pf-ausgang td {
        width: auto
    }

    .pf-ausgang td + td {
        padding-top: 15px
    }

    .pf-ausgang td + td + td {
        display: none
    }

    .pf-ausgang td + td + td + td {
        display: block;
        padding-top: 0;
        width: 100%
    }

    .pf-uebersicht td + td.right {
        text-align: left;
        margin-right: -20px
    }

    .pf-uebersicht td + td + td {
        width: auto
    }

    .pf-uebersicht td + td + td + td.right {
        width: 100%;
        text-align: right;
        margin-top: -34px
    }

    .table_baufi_zahlungsplan.btable td:first-child {
        text-align: left;
        width: auto;
        float: none
    }

    .table_baufi_zahlungsplan td:first-child:before {
        display: none
    }

    .table_baufi_zahlungsplan td:first-child + td {
        padding-top: 10px;
        margin-top: 0
    }

    .btable.ZVBetragsgrenzenInland.has-header-column th:first-child, .btable.ZVBetragsgrenzenInlandZusammen.has-header-column th:first-child {
        display: none
    }

    .ZVBetragsgrenzenInland td + td, .ZVBetragsgrenzenAusland td + td, .ZVBetragsgrenzenInlandZusammen td + td, .ZVBetragsgrenzenAuslandZusammen td + td {
        width: 100%
    }

    .table_dekadepotaufstellung.has-action-column.autoheader .tablerowodd td:first-child:before, .table_dekadepotaufstellung.has-action-column.autoheader .tableroweven td:first-child:before {
        display: none
    }

    .table_dekadepotaufstellung.has-action-column.autoheader .tablerowodd td:first-child, .table_dekadepotaufstellung.has-action-column.autoheader .tableroweven td:first-child {
        text-align: left;
        min-height: 52px
    }

    table.table_depotaufstellung .tableheader td:first-child + td + td {
        display: block
    }

    table.table_depotaufstellung .tablerowodd + .tablerowodd td:before, table.table_depotaufstellung .tableroweven + .tableroweven td:before {
        display: none
    }

    table.table_depotaufstellung .tablerowodd + .tablerowodd td:first-child, table.table_depotaufstellung .tableroweven + .tableroweven td:first-child {
        text-align: left;
        padding-right: 124px;
        min-height: 47px
    }

    table.table_depotaufstellung td:first-child + td + td + td {
        padding-right: 36px
    }

    table.table_depotaufstellung td:first-child + td + td + td + td + td {
        margin-top: -34px
    }

    table.table_depotaufstellung .tablerowodd + .tablerowodd td:first-child + td + td + td, table.table_depotaufstellung .tableroweven + .tableroweven td:first-child + td + td + td {
        display: none
    }

    .empfaenger_gesamt .actioniconLink.icon-if5_i_sammel_import, .empfaenger_gesamt_eingabe .actioniconLink.icon-if5_i_sammel_import {
        display: none
    }

    .table_kurscontainerIF6 td + td {
        margin-top: 0
    }

    .btableblock .btable tr.table-empty-message td {
        position: static;
        float: none;
        text-align: left;
        display: block
    }

    .btableblock .btable tr.table-empty-message td:before {
        display: none
    }

    .has-action-column tr.table-empty-message td:last-child br {
        display: initial
    }
}

@media screen and (max-width: 539px) {
    .bpagerblock {
        padding: 30px 10px 10px 10px;
        min-height: 80px;
        display: block;
        position: relative
    }

    .bpagerblock .bpager {
        display: block;
        width: 100%;
        position: absolute;
        top: 30px;
        right: 0;
        text-align: left
    }

    .bpagerblock .bpager .pagerbuttons {
        width: 100%
    }

    .bpagerblock .bpager .pagerbuttons div.next {
        position: absolute;
        right: 10px
    }

    .bpagerblock .bpager .pagerbuttons div.active {
        position: relative;
        width: calc(100% - 20px);
        text-align: center
    }

    .bpagerblock .bpager .pagerbuttons .prev + div.active {
        width: calc(100% - 100px)
    }

    .bpagerblock .bpageselect {
        margin-top: 30px;
        padding-top: 40px;
        display: block;
        text-align: right
    }

    .bpagerblock .bpageselect select {
        position: absolute;
        right: 0;
        width: 60px;
        margin-right: 50px
    }

    .bpagerblock .bpageselect label {
        float: left
    }

    .js .bpagerblock .bpageselect .select-wrap {
        width: 100px;
        margin-right: 0
    }

    .js .bpagerblock .bpageselect .select-wrap select {
        position: relative;
        margin-right: -26px;
        width: 100%
    }

    .js .bpagerblock .bpageselect .select-wrap + .ficon {
        margin-right: 0
    }

    .btableblock + .bpagerblock .bpageselect + .bpager {
        display: block
    }
}

.tan-select .nicon {
    width: auto;
    color: inherit;
    padding-left: 23px
}

.tan-select .actioniconLink {
    padding-left: 23px
}

.tan-select .nicon:before, .tan-select .actioniconLink:before {
    border: 0;
    color: #666;
    font: 30px/81% Pictos-IF;
    height: 30px;
    margin-left: -30px;
    margin-top: -5px;
    position: absolute;
    width: 30px
}

.tan-select:first-child {
    padding-bottom: 8px;
    border-bottom: 1px solid #e3e3e3
}

.tan-select:first-child:after {
    width: 10px;
    border-top: 3px solid #fff;
    content: "";
    display: block;
    height: 0;
    margin-top: -1px;
    position: absolute;
    right: 10px
}

.tan-select:first-child .nicon {
    white-space: normal;
    height: auto
}

.tan-select + .tan-select {
    padding-bottom: 20px
}

.no-touch .tan-select .actioniconLink:hover, .tan-select .actioniconLink:focus {
    color: red
}

.no-touch .tan-select .actioniconLink:hover:before, .tan-select .actioniconLink:focus:before {
    color: red;
    background-color: transparent
}

.bline + .bline.tan-save {
    margin-top: 45px
}

.bline.phototan {
    display: table-row
}

.bline.phototan .image {
    display: table-cell;
    padding: 20px;
    text-align: center
}

.bline.phototan .image img + div {
    display: block;
    margin-right: 0
}

.bline.phototan .image + div {
    display: table-cell;
    padding: 20px 0
}

.bline.phototan li {
    padding-top: 7px
}

.bline.ptd-image {
    text-align: center
}

.bline.ptd-image img {
    max-width: 250px
}

@media (max-width: 1079px) {
    .tan-select:first-child:after {
        right: 0
    }

    .tan-select + .tan-select {
        padding-bottom: 10px
    }

    .bline.phototan .image {
        padding: 10px
    }

    .bline.phototan .image + div {
        padding: 10px
    }
}

@media screen and (max-width: 649px) {
    #rsct_opttan_area td {
        width: 100%;
        float: left
    }

    #rsct_opptan_hint img {
        display: none
    }

    .bline.phototan .image {
        display: block
    }

    .bline.phototan .image + div {
        display: block;
        padding: 0
    }
}

.block.blockpart-container {
    padding: 0
}

.blockpart-container {
    display: table;
    width: 100%
}

.blockpart-container > div {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 20px 10px 20px 20px
}

.blockpart-container.no-top-padding.no-separator {
    margin-top: -20px
}

.blockpart-container.center > div {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

.blockpart-container.spacious > div {
    padding-top: 60px;
    padding-bottom: 60px
}

.blockpart-container.with-part-separator > div + div {
    position: relative;
    border-left: 1px solid #e3e3e3
}

.blockpart-container.with-nice-part-separator > div + div {
    position: relative
}

.blockpart-container.with-nice-part-separator > div + div:before {
    content: "";
    display: block;
    width: 0;
    border-left: 1px solid #e3e3e3;
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 20px;
    height: auto
}

.blockpart-container.with-nice-part-separator.center > div + div:before {
    top: 30px;
    bottom: 30px
}

.blockpart-container .background-plus {
    background-color: #00724b;
    color: #fff
}

.blockpart-container .background-plus .plus {
    color: #fff
}

.blockpart-container .background-plus .balance.with-icon.xxl.plus:before {
    font: 90px/81% Pictos-IF;
    color: #fff
}

.blockpart-container .background-minus {
    background-color: red;
    color: #fff
}

.blockpart-container .background-minus .minus {
    color: #fff
}

.blockpart-container .background-minus .balance.with-icon.xxl.minus:before {
    font: 90px/81% Pictos-IF;
    color: #fff
}

.blockpart-container .followed-by-arc {
    position: relative;
    z-index: 1
}

.blockpart-container .followed-by-arc > .bline {
    margin-right: -30px
}

.blockpart-container .followed-by-arc + .blockpart-arc {
    overflow: hidden;
    position: relative;
    width: 0;
    padding: 0 0 0 60px
}

.blockpart-container .followed-by-arc + .blockpart-arc:after {
    position: absolute;
    content: "";
    border-radius: 50%;
    top: -20px;
    bottom: -20px;
    height: auto;
    right: 0;
    width: 120px
}

.blockpart-container .followed-by-arc.background-plus + .blockpart-arc:after {
    background-color: #00724b
}

.blockpart-container .followed-by-arc.background-minus + .blockpart-arc:after {
    background-color: red
}

.blockpart-container .blockpart-large {
    width: 100%
}

.blockpart-container .blockpart-half {
    width: 50%
}

.blockpart-container .blockpart-half:first-child {
    padding-right: 16.733px
}

.blockpart-container .blockpart-half:last-child {
    padding-left: 33.366px;
    padding-right: 10px
}

.blockpart-container .blockpart-medium {
    width: 66.66%
}

.blockpart-container .blockpart-medium:first-child {
    padding-right: 16.733px
}

.blockpart-container .blockpart-small {
    width: 33.33%;
    padding-left: 33.366px;
    padding-right: 16.733px
}

.blockpart-container .blockpart-small:first-child {
    padding-left: 20px
}

.blockpart-container .blockpart-small:last-child {
    padding-right: 10px
}

.prognose-wert + .blockpart-arc:before {
    content: "";
    display: block;
    height: 250px;
    width: 0
}

@media (max-width: 1079px) {
    .blockpart-container > div {
        padding: 10px 0 10px 10px
    }

    .blockpart-container.no-top-padding.no-separator {
        margin-top: -10px
    }

    .blockpart-container.center > div {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .blockpart-container.spacious > div {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .blockpart-container .blockpart-half:first-child {
        padding-right: 3.4px
    }

    .blockpart-container .blockpart-half:last-child {
        padding-left: 16.6px;
        padding-right: 0
    }

    .blockpart-container .blockpart-medium:first-child {
        padding-right: 3.4px
    }

    .blockpart-container .blockpart-small {
        padding-right: 3.4px;
        padding-left: 16.6px
    }

    .blockpart-container .blockpart-small:first-child {
        padding-left: 10px
    }

    .blockpart-container .blockpart-small:last-child {
        padding-right: 0
    }

    .prognose-wert + .blockpart-arc:before {
        height: 230px
    }
}

@media screen and (max-width: 767px) {
    .blockpart-container {
        display: block
    }

    .blockpart-container > div {
        display: block
    }

    .blockpart-container > .hide-S {
        display: none
    }

    .blockpart-container.center > div {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .blockpart-container.spacious > div {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .blockpart-container.with-part-separator > div + div {
        border-left: 0
    }

    .blockpart-container.with-part-separator > div + div:before {
        position: absolute;
        left: 10px;
        right: 10px;
        width: auto;
        display: block;
        content: "";
        border-top: 1px solid #e3e3e3;
        height: 0;
        top: 0;
        bottom: auto
    }

    .blockpart-container.with-part-separator > div.hide-S + div:before {
        display: none
    }

    .blockpart-container.with-nice-part-separator > div + div {
        border-left: 0
    }

    .blockpart-container.with-nice-part-separator > div + div:before {
        position: absolute;
        left: 15%;
        right: 15%;
        width: auto;
        display: block;
        content: "";
        border-top: 1px solid #e3e3e3;
        height: 0;
        top: 0;
        bottom: auto
    }

    .blockpart-container.with-nice-part-separator > div.hide-S + div:before {
        display: none
    }

    .blockpart-container.with-nice-part-separator.center > div + div:before {
        top: 0;
        bottom: auto
    }

    .blockpart-container .followed-by-arc > .bline {
        margin-right: 0
    }

    .blockpart-container .followed-by-arc + .blockpart-arc {
        padding: 40px 0 0 0;
        height: 0;
        width: auto
    }

    .blockpart-container .followed-by-arc + .blockpart-arc:after {
        left: -30px;
        right: -30px;
        width: auto;
        top: auto;
        bottom: 0;
        height: 80px
    }

    .blockpart-container.spacious .followed-by-arc {
        padding-bottom: 0
    }

    .blockpart-container .blockpart-half {
        width: 100%
    }

    .blockpart-container .blockpart-half:first-child {
        padding-right: 0
    }

    .blockpart-container .blockpart-half:last-child {
        padding-left: 10px
    }

    .blockpart-container .blockpart-medium {
        width: 100%
    }

    .blockpart-container .blockpart-medium:first-child {
        padding-right: 0
    }

    .blockpart-container .blockpart-small {
        padding-left: 10px;
        padding-right: 0;
        width: 100%
    }

    .blockpart-container .prognose-countdown {
        display: table
    }

    .blockpart-container .prognose-countdown > .bline {
        display: table-cell;
        vertical-align: middle
    }

    .blockpart-container .prognose-countdown > .bline + .bline {
        padding-top: 0;
        text-align: left
    }

    .blockpart-container > div.prognose-wert.followed-by-arc {
        padding-top: 55px;
        padding-bottom: 25px
    }

    .prognose-wert + .blockpart-arc:before {
        display: none
    }
}

.block.scroll-horizontal {
    overflow-x: auto;
    position: relative
}

.block.scroll-horizontal .scrollpane {
    padding-right: 20px
}

.bline.scroll-horizontal {
    overflow-x: auto;
    margin-right: 10px;
    position: relative
}

.bline.scroll-horizontal .scrollpane {
    margin-right: 0;
    float: left;
    min-width: 100%
}

.bline.scroll-horizontal .scrollpane > *:last-child {
    margin-right: 0
}

.block.swipe-horizontal {
    overflow-x: hidden;
    padding-left: 0;
    padding-right: 0
}

.block.swipe-horizontal > div.scrollpane {
    position: relative;
    white-space: nowrap
}

.block.swipe-horizontal > div.scrollpane .scrollelement {
    margin-right: 0;
    white-space: normal
}

.bline.swipe-horizontal {
    overflow-x: hidden;
    margin-right: 10px
}

.bline.swipe-horizontal .scrollpane {
    position: relative;
    white-space: nowrap;
    margin-right: 0;
    float: left
}

.bline.swipe-horizontal .scrollpane .scrollelement {
    margin-right: 0;
    white-space: normal
}

.no-touch .block.swipe-horizontal, .no-touch .bline.swipe-horizontal {
    overflow-x: auto
}

.btableblock.scroll-horizontal {
    overflow-x: auto;
    padding-left: 0;
    padding-right: 0;
    margin-left: 20px;
    margin-right: 20px
}

@media (max-width: 1079px) {
    .block.overflow {
        margin-left: -10px;
        margin-right: -10px;
        padding: 0 10px
    }

    .block.overflow > div.scrollpane {
        background: #fff;
        padding: 10px 0;
        border-left: 10px solid #f0f0f0;
        border-right: 10px solid #f0f0f0;
        margin-left: -10px;
        margin-right: -10px
    }

    .block.overflow.scroll-horizontal > div.scrollpane {
        padding: 10px
    }

    .block.scroll-horizontal .scrollpane {
        padding-right: 10px
    }

    .btableblock.scroll-horizontal {
        margin-left: 10px;
        margin-right: 10px
    }
}

.highchartsarea {
    overflow: hidden
}

.highchartsarea div {
    margin-right: 0;
    display: block
}

.highchartsarea.resizing div {
    display: none
}

.bline .highchartsarea-style, .highchartsarea-style {
    display: none
}

.bline.saldo-linechart div.highchartsarea {
    width: 100%;
    min-width: 600px;
    height: 190px;
    display: block
}

.bline.ea-columnchart div.highchartsarea {
    width: 100%;
    min-width: 600px;
    height: 190px;
    display: block
}

.btableblock .bwebshop.btable {
    margin: 0 -40px 0 -20px;
    display: block;
    width: auto;
    border-bottom: 0;
    background-color: #f0f0f0;
    border-top: 20px solid #f0f0f0;
    border-bottom: 0
}

.btableblock .bwebshop.btable tbody {
    width: 100%;
    display: table
}

.btableblock .bwebshop.btable tr {
    display: block;
    float: left;
    border-right: 20px solid #f0f0f0;
    border-bottom: 20px solid #f0f0f0;
    border-top: 0;
    background-color: #fff;
    box-sizing: border-box;
    width: 33.33%
}

.btableblock .bwebshop.btable tr td {
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 0 20px;
    clear: both
}

.btableblock .bwebshop.btable tr td:first-child a {
    text-decoration: none
}

.btableblock .bwebshop.btable tr td:first-child a:before {
    font: 12px/81% Pictos-IF;
    content: "i";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    position: absolute;
    right: 5px;
    top: 5px
}

.btableblock .bwebshop.btable tr td:first-child img {
    width: 100%;
    vertical-align: middle;
    margin-bottom: 20px
}

.btableblock .bwebshop.btable.edelmetalle tr {
    padding-bottom: 48px;
    position: relative
}

.btableblock .bwebshop.btable.edelmetalle td:first-child {
    padding: 0
}

.btableblock .bwebshop.btable.edelmetalle td:nth-child(2) {
    margin-bottom: 5px
}

.btableblock .bwebshop.btable.edelmetalle td:nth-child(2) h3 {
    min-height: 78px
}

.btableblock .bwebshop.btable.edelmetalle td:nth-child(3) {
    margin-bottom: 5px
}

.btableblock .bwebshop.btable.edelmetalle td:nth-child(3) label, .btableblock .bwebshop.btable.edelmetalle td:nth-child(3) input {
    margin-right: 10px
}

.btableblock .bwebshop.btable.edelmetalle td:nth-child(3) div {
    display: inline-block
}

.btableblock .bwebshop.btable.edelmetalle td:nth-child(4) div {
    text-align: right;
    margin-bottom: 5px;
    display: block;
    width: 100%
}

.btableblock .bwebshop.btable.edelmetalle td:last-child {
    position: absolute;
    bottom: 20px;
    right: 0
}

.btableblock .bwebshop.btable.sorten tr {
    padding-bottom: 48px;
    position: relative
}

.btableblock .bwebshop.btable.sorten td:first-child {
    padding-top: 20px
}

.btableblock .bwebshop.btable.sorten td:first-child img {
    margin: 0 auto 20px auto;
    width: auto;
    max-width: 100%;
    display: block;
    height: 150px;
    border: 1px solid #666
}

.btableblock .bwebshop.btable.sorten td:nth-child(2) {
    margin-bottom: 5px
}

.btableblock .bwebshop.btable.sorten td:nth-child(2) h3 {
    min-height: 48px
}

.btableblock .bwebshop.btable.sorten td:nth-child(4) {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: right
}

.btableblock .bwebshop.btable.sorten td:nth-child(4):before {
    font: 35px/81% Pictos-IF;
    content: "\f706";
    color: #666;
    width: 35px;
    height: 35px;
    display: inline-block
}

.btableblock .bwebshop.btable.sorten td:last-child {
    position: absolute;
    bottom: 20px;
    right: 0
}

.btableblock .bwebshop.btable.budgets {
    margin-right: -24px;
    border-top-width: 4px
}

.btableblock .bwebshop.btable.budgets tr {
    border-right-width: 4px;
    border-bottom-width: 4px;
    width: 50%;
    position: relative
}

.btableblock .bwebshop.btable.budgets tr:before {
    border: 5px solid #fff;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0
}

.btableblock .bwebshop.btable.budgets.budget-widget {
    border-top-width: 0
}

.btableblock .bwebshop.btable.budgets.budget-widget tr {
    width: 100%;
    border-bottom-width: 0
}

.btableblock .bwebshop.btable.budgets tr.bnew-element.tablerowodd {
    width: 100%
}

.btableblock .bwebshop.btable.budgets tr.bnew-element td {
    text-align: center;
    width: 100%;
    height: 100%
}

.btableblock .bwebshop.btable.budgets tr.bnew-element td .bnew-element {
    min-height: 160px;
    height: 100%;
    transform: translateY(50%)
}

.btableblock .bwebshop.btable.budgets tr.bnew-element td .bnew-element .ficon {
    margin: -27px 0 0 0
}

.btableblock .bwebshop.btable.budgets td {
    display: inline-block;
    width: auto;
    vertical-align: top;
    position: relative
}

.btableblock .bwebshop.btable.budgets td:first-child {
    width: 135px;
    padding: 25px 0 25px 25px
}

.btableblock .bwebshop.btable.budgets td:nth-child(2) {
    width: calc(100% - 140px);
    padding: 22px 25px 25px 25px
}

.btableblock .bwebshop.btable.budgets td:last-child {
    padding: 0
}

.btableblock .bwebshop.btable.budgets td + td:last-child {
    width: 5px;
    padding: 0
}

.btableblock .bwebshop.btable.budgets td + td:last-child .ficon {
    margin-left: -25px;
    margin-top: 0
}

.btableblock .bwebshop.btable.budgets td + td:last-child .ficon:before {
    border: 0;
    color: #666
}

.btableblock.ty2 .bwebshop.btable tr.tablerowodd:last-child {
    border-bottom: 20px solid #f0f0f0
}

.btableblock.ty2 .bwebshop.btable.budgets tr.tablerowodd:last-child, .btableblock.ty2 .bwebshop.btable.budgets tr.tableroweven:last-child {
    border-bottom: 4px solid #f0f0f0
}

.btableblock.ty2 .bwebshop.btable.budgets.budget-widget tr.tablerowodd:last-child {
    border-bottom-width: 0
}

.no-touch .bwebshop.budgets td + td:last-child .ficon:hover:before, .no-touch .bwebshop.budgets tr:hover td + td:last-child .ficon:before, .btableblock .bwebshop.budgets td + td:last-child .ficon.focus:before {
    background-color: transparent;
    color: #333
}

.no-touch .btableblock .bwebshop.btable tr td:first-child a:hover:before, .btableblock .bwebshop.btable tr td:first-child a:focus:before {
    background-color: #fff;
    color: #333
}

.btableblock .bcart.btable tr td:first-child img {
    max-width: 150px;
    width: 100%;
    border: 1px solid #666
}

.block.bwebshop-images {
    padding-right: 40px
}

.block.bwebshop-images img {
    width: 50%;
    vertical-align: middle
}

.block.bwebshop-images img + img {
    margin-left: 20px;
    margin-right: -20px
}

.block.bwebshop-images img:first-child:last-child {
    margin: 0 auto;
    display: block
}

.bwebshop-data .lefthalf .bline, .bwebshop-data .righthalf .bline {
    padding-left: 120px
}

.bwebshop-data .lefthalf .bline .label, .bwebshop-data .righthalf .bline .label {
    margin-left: -120px
}

@media (max-width: 1079px) {
    .btableblock .bwebshop.btable {
        margin: 0 -20px 0 -10px;
        border-top-width: 10px
    }

    .btableblock .bwebshop.btable tr {
        border-right-width: 10px;
        border-bottom-width: 10px
    }

    .btableblock .bwebshop.btable tr td {
        padding: 0 10px
    }

    .btableblock .bwebshop.btable.edelmetalle tr {
        padding-bottom: 38px
    }

    .btableblock .bwebshop.btable.edelmetalle td:first-child {
        padding: 0
    }

    .btableblock .bwebshop.btable.edelmetalle td:first-child img {
        margin-bottom: 10px
    }

    .btableblock .bwebshop.btable.edelmetalle td:last-child {
        bottom: 10px
    }

    .btableblock .bwebshop.btable.sorten tr {
        padding-bottom: 38px
    }

    .btableblock .bwebshop.btable.sorten td:first-child {
        padding-top: 10px
    }

    .btableblock .bwebshop.btable.sorten td:first-child img {
        margin-bottom: 10px
    }

    .btableblock .bwebshop.btable.sorten td:nth-child(2) {
        margin-bottom: 10px
    }

    .btableblock .bwebshop.btable.sorten td:last-child {
        bottom: 10px
    }

    .btableblock .bwebshop.btable.budgets {
        margin-right: -14px
    }

    .btableblock .bwebshop.btable.budgets td + td:last-child .ficon {
        margin-top: 5px
    }

    .btableblock.ty2 .bwebshop.btable tr.tablerowodd:last-child {
        border-bottom-width: 10px
    }

    .block.bwebshop-images {
        padding-right: 20px
    }

    .block.bwebshop-images img + img {
        margin-left: 10px;
        margin-right: -10px
    }
}

@media screen and (max-width: 879px) {
    .btableblock .bwebshop.btable.budgets td {
        display: block;
        text-align: center
    }

    .btableblock .bwebshop.btable.budgets td:first-child {
        width: 100%;
        padding-bottom: 0;
        padding-right: 25px
    }

    .btableblock .bwebshop.btable.budgets td:nth-child(2) {
        width: 100%
    }

    .btableblock .bwebshop.btable.budgets td + td:last-child {
        position: absolute;
        top: 0;
        right: 0
    }
}

@media screen and (max-width: 819px) {
    .btableblock .bwebshop.btable tr {
        width: 50%
    }

    .btableblock .bwebshop.btable.edelmetalle td:nth-child(2) h3 {
        min-height: 65px
    }
}

@media screen and (max-width: 699px) {
    .btableblock .bwebshop.btable.budgets tr {
        width: 100%
    }
}

@media screen and (max-width: 549px) {
    .bwebshop-data .lefthalf .bline, .bwebshop-data .righthalf .bline {
        padding-left: 0
    }

    .bwebshop-data .lefthalf .bline .label, .bwebshop-data .righthalf .bline .label {
        margin-left: 0
    }
}

@media screen and (max-width: 480px) {
    .btableblock .bwebshop.btable tr {
        width: 100%
    }

    .block.bwebshop-images {
        padding-right: 10px
    }

    .block.bwebshop-images img {
        width: 100%
    }

    .block.bwebshop-images img + img {
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0
    }
}

.bselect-multiline select {
    display: none
}

.bselect-multiline select[disabled] ~ .bselect-list {
    pointer-events: none;
    opacity: .3
}

.bselect-multiline select.select-modified + span.select {
    display: none
}

.bselect-multiline .bselect-list {
    display: block;
    margin-right: 0;
    position: relative
}

.bselect-multiline .bselect-list .active {
    display: block;
    border: 2px solid #666;
    border-radius: 5px;
    margin-right: 0;
    min-height: 35px;
    box-sizing: border-box;
    color: #666;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    padding: 5px 25px 5px 5px;
    cursor: pointer
}

.bselect-multiline .bselect-list .active > div {
    margin-top: 0
}

.bselect-multiline .bselect-list .active:focus {
    outline: 0;
    background-color: #f0f0f0
}

.bselect-multiline .bselect-list .active:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 9px solid #666;
    content: "";
    display: block;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    right: 5px
}

.bselect-multiline .bselect-list .default {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    max-width: 100%
}

.bselect-multiline .bselect-list > ul {
    border: 2px solid #666;
    border-radius: 0 0 5px 5px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 350px;
    position: absolute;
    z-index: 11;
    background-color: #fff;
    margin-top: -2px;
    display: none
}

.bselect-multiline .bselect-list > ul:focus {
    outline: 0
}

.bselect-multiline .bselect-list ul {
    padding-left: 0;
    box-sizing: border-box
}

.bselect-multiline .bselect-list ul li:before {
    display: none
}

.bselect-multiline .bselect-list li + li {
    border-top: 1px solid #ccc
}

.bselect-multiline .bselect-list li.disabled {
    pointer-events: none;
    opacity: .3
}

.bselect-multiline .bselect-list li.hide {
    display: none
}

.bselect-multiline .bselect-list li.preselected > div {
    background-color: #f0f0f0
}

.bselect-multiline .bselect-list li > div {
    min-height: 31px;
    display: block;
    white-space: normal;
    position: relative;
    margin-right: 0;
    cursor: pointer;
    overflow: hidden;
    color: #666;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    padding: 5px;
    box-sizing: border-box
}

.bselect-multiline .bselect-list li > div > div {
    margin-right: 0;
    display: block;
    margin-top: 0
}

.bselect-multiline .bselect-list li .group {
    display: block;
    border-bottom: 1px solid #ccc;
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: 9px 5px 5px 5px;
    color: #333
}

.bselect-multiline.restrict-height-M .bselect-list > ul {
    max-height: 175px
}

.bselect-multiline.restrict-height-S .bselect-list > ul {
    max-height: 100px
}

.bselect-multiline .bselected-details {
    margin-top: 5px
}

.bselect-multiline.visible .bselect-list:focus > ul {
    background-color: #fff
}

.bselect-multiline.visible .bselect-list > ul {
    display: block
}

.bselect-multiline.visible .bselect-list .active {
    background-color: #f0f0f0;
    border-radius: 5px 5px 0 0
}

.bselected-details {
    width: 100%;
    white-space: normal;
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.bselected-details .btableline {
    margin-right: 0
}

.bselected-details .btableline .btable {
    margin-top: 0
}

.bselected-details .btable td {
    vertical-align: top;
    padding-top: 0;
    padding-right: 0
}

@media (max-width: 1079px) {
    .bselect-multiline .bselect-list li > div {
        min-height: 26px;
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 16px
    }

    .bselect-multiline .bselect-list .active {
        min-height: 30px;
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 16px
    }
}

.select-account .bselect-list .active {
    min-height: 65px
}

.select-account .bselect-list li > div {
    min-height: 61px
}

.select-account .bselect-list li .group {
    padding-top: 18px
}

.select-account .bselect-list .default {
    line-height: 51px
}

.select-account .finaccount {
    white-space: nowrap;
    display: block;
    margin-right: 0
}

.select-account-oneline .bselect-list .active {
    min-height: 46px
}

.select-account-oneline .bselect-list li > div {
    min-height: 42px
}

.select-account-oneline .bselect-list .default {
    line-height: 32px
}

.select-inst .bselect-list .active {
    min-height: 49px
}

.select-inst .bselect-list li > div {
    min-height: 45px
}

.select-inst .bselect-list li .group {
    padding-top: 18px
}

.select-inst .bselect-list .default {
    line-height: 35px
}

.select-inst .fininst {
    white-space: nowrap;
    display: block;
    margin-right: 0
}

.select-inst .fininst .blzbic {
    display: block;
    margin-top: 4px
}

.select-bcategory .bcategory {
    color: #666
}

.select-bcategory .bselect-list li .bcategory {
    padding: 5px 0
}

.select-bcollect .bselect-list .active {
    min-height: 74px
}

.select-bcollect .bselect-list li > div {
    min-height: 70px
}

.select-bcollect .bselect-list li .group {
    padding-top: 18px
}

.select-bcollect .bselect-list .default {
    line-height: 60px
}

.select-bcollect .bcollect {
    white-space: nowrap;
    display: block;
    margin-right: 0
}

@media (max-width: 1079px) {
    .select-bcategory .bcategory span::before {
        margin-top: -4px
    }

    .select-bcategory .bselect-list li .bcategory {
        padding: 7px 0
    }
}

@media screen and (max-width: 767px) {
    .select-account .bselect-list .active {
        min-height: 61px
    }

    .select-account .bselect-list li > div {
        min-height: 57px
    }

    .select-account .bselect-list li .group {
        padding-top: 14px
    }

    .select-account .bselect-list .default {
        line-height: 47px
    }

    .select-account-oneline .bselect-list .active {
        min-height: 40px
    }

    .select-account-oneline .bselect-list li > div {
        min-height: 36px
    }

    .select-account-oneline .bselect-list .default {
        line-height: 26px
    }

    .select-inst .bselect-list .active {
        min-height: 47px
    }

    .select-inst .bselect-list li > div {
        min-height: 43px
    }

    .select-inst .bselect-list li .group {
        padding-top: 14px
    }

    .select-inst .bselect-list .default {
        line-height: 33px
    }

    .select-bcollect .bselect-list .active {
        min-height: 72px
    }

    .select-bcollect .bselect-list li > div {
        min-height: 68px
    }

    .select-bcollect .bselect-list li .group {
        padding-top: 14px
    }

    .select-bcollect .bselect-list .default {
        line-height: 58px
    }
}

.btab + .bselect-tab {
    display: none
}

.bline .btab {
    margin-top: -2px;
    margin-bottom: 17px
}

.bline.with-separator .btab {
    margin-top: 13px
}

.btab {
    border-left: 1px solid #e3e3e3
}

.btab a, .btab span {
    padding: 5px 10px;
    border-top: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    font: 13px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    display: inline-block
}

.btab span {
    color: #ccc
}

.btab a {
    text-decoration: none;
    color: #666
}

.btab a.active {
    background-color: red;
    color: #fff
}

.no-touch .btab a:hover, .btab:focus {
    color: red
}

.no-touch .btab a:hover.active, .btab:focus.active {
    color: #fff
}

.bline .btab-fullwidth {
    display: table;
    width: 100%;
    padding-right: 10px;
    box-sizing: border-box;
    float: left
}

.bline .btab-fullwidth a, .bline .btab-fullwidth span {
    display: table-cell;
    vertical-align: middle
}

select.bselect-tab-hide-disabled-option option[disabled] {
    display: none
}

@media (max-width: 1079px) {
    .bline .btab {
        margin-top: -8px
    }
}

@media screen and (max-width: 549px) {
    .bline .btab {
        margin-top: -8px;
        margin-bottom: 8px
    }

    .bline .bselect-tab {
        margin-bottom: 8px
    }

    .bline.with-separator .btab {
        margin-top: 3px
    }

    .bline.with-separator .bselect-tab {
        margin-top: 3px
    }

    .bline.with-separator .bselect-tab select {
        margin-top: 0
    }

    .bline .btab-show-select-S {
        display: none
    }

    .bline .btab-show-select-S + .bselect-tab {
        display: inline-block
    }

    .bline .btab-fullwidth-S {
        display: table;
        width: 100%;
        padding-right: 10px;
        box-sizing: border-box;
        float: left
    }

    .bline .btab-fullwidth-S a, .bline .btab-fullwidth-S span {
        display: table-cell;
        vertical-align: middle
    }
}

.bline div.binput-sayt {
    display: none
}

.bline div.binput-sayt.visible {
    display: block
}

.bline div.binput-sayt.visible + input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.binput-sayt {
    position: absolute;
    margin-top: 26px;
    z-index: 11;
    box-sizing: border-box
}

.binput-sayt ul {
    padding-left: 0;
    clear: both
}

.binput-sayt ul li + li {
    border-top: 1px solid #ccc
}

.binput-sayt ul li:before {
    display: none
}

.binput-sayt > ul {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    border: 2px solid #666;
    border-top: 2px solid #666;
    border-radius: 0 0 5px 5px;
    max-height: 350px;
    box-sizing: border-box
}

.binput-sayt > ul > li > .group {
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: 9px 5px 5px 5px;
    color: #333;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc
}

.binput-sayt > ul > li > .group a {
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666;
    float: right
}

.binput-sayt li.saytentry > div {
    margin-right: 0;
    cursor: pointer;
    overflow: hidden;
    display: block;
    padding: 5px
}

.binput-sayt li.saytentry > div > div {
    margin-top: 0;
    margin-right: 0;
    display: block
}

.binput-sayt li.saytentry.preselected > div {
    background-color: #f0f0f0
}

.binput-sayt input {
    display: none
}

.no-touch .binput-sayt > ul > li > .group a:hover, .binput-sayt > ul > li > .group a:focus {
    color: red
}

.input-sayt-account {
    width: 400px;
    min-width: 400px
}

.input-sayt-account > ul > li > .group {
    padding-top: 16px
}

.input-sayt-account .finaccount {
    white-space: nowrap
}

.input-sayt-btag .saytentry div {
    font: 18px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 30px
}

@media (max-width: 1079px) {
    .binput-sayt {
        margin-top: 23px
    }

    .binput-sayt.ixl, .binput-sayt.ixxl {
        padding-left: 10px
    }

    .binput-sayt.input-sayt-btag.ixl, .binput-sayt.input-sayt-btag.ixxl {
        padding-left: 0
    }

    .binput-sayt.input-sayt-btag .saytentry div {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 30px
    }
}

@media (max-width: 480px) {
    .input-sayt-account {
        width: 280px;
        min-width: 280px;
        width: calc(100% - 20px);
        min-width: calc(100% - 20px)
    }
}

input.format-tag-input {
    display: none
}

input.format-tag-input + .ficon {
    display: none
}

.js input.format-tag-input {
    display: inline-block
}

.js input.format-tag-input + .ficon {
    display: inline-block
}

.btag-wrapper.has-inline-icon {
    padding-right: 0
}

.btag-wrapper .btag-group {
    display: block;
    margin-top: 0;
    margin-right: -10px
}

.btag-wrapper .btag-reach-limiter-info {
    display: none;
    min-height: 28px;
    margin-right: 0
}

.btag-wrapper .mark-doubling-entry {
    background-color: #fff4e5
}

.btag-wrapper.reach-max-count .btag-marker, .btag-wrapper.reach-max-count input.format-tag-input {
    display: none
}

.btag-wrapper.reach-max-count + .ficon {
    display: none
}

.btag-wrapper.reach-max-count .btag-reach-limiter-info {
    display: block
}

.js .bline .btag-wrapper input.format-tag-input {
    width: 100%
}

.no-touch a .btag.tag-deletable.mark-doubling-entry:hover, a:focus .btag.tag-deletable.mark-doubling-entry {
    background-color: #fff4e5
}

@media (max-width: 1079px) {
    .btag-wrapper .btag-reach-limiter-info {
        min-height: 25px
    }
}

.ajstep-start {
    pointer-events: none
}

.ajstep-start ~ .ajstep-new {
    display: none
}

@media screen and (min-width: 1080px) {
    .hnav .ajstep-start + .if6_section {
        margin-top: 50px
    }
}

.ajstep-replace {
    position: absolute !important;
    z-index: 10 !important;
    overflow: hidden !important
}

.ajstep-replace ~ .ajstep-new {
    display: block
}

.if6_footer {
    background-color: red;
    color: #fff
}

.if6_footer .if6_inner {
    display: table;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap
}

.if6_footer .if6_impressum {
    display: table-cell;
    vertical-align: middle;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    padding: 15px 0 20px 20px;
    margin-right: -10px
}

.if6_footer .if6_impressum > ul {
    display: inline-block;
    padding-top: 10px
}

.if6_footer .if6_impressum > ul > li {
    float: left;
    margin-right: 40px
}

.if6_footer .if6_impressum > ul > li > a {
    color: #fff;
    text-decoration: none;
    font: 13px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 180%;
    white-space: nowrap
}

.if6_footer .if6_social {
    display: table-cell;
    vertical-align: middle;
    margin: 0 20px 10px 0;
    flex-grow: 0;
    flex-shrink: 2;
    flex-basis: auto;
    align-self: auto
}

.if6_footer .if6_social .icon {
    margin-left: 10px;
    margin-top: 10px;
    float: left
}

.if6_footer .if6_social .icon a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 25px;
    text-decoration: none
}

.if6_social .icon a:before {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font: 23px/81% Pictos-IF;
    height: 23px;
    width: 23px
}

.no-touch .if6_footer .if6_impressum > ul > li > a:hover, .if6_footer .if6_impressum > ul > li > a:focus {
    text-decoration: underline
}

.no-touch .if6_social .icon a:hover:before, .if6_social .icon a:focus:before {
    color: red;
    background-color: #fff
}

@media all and (-ms-high-contrast: none) {
    .if6_footer .if6_social, .if6_footer .if6_impressum {
        display: block
    }
}

@media (max-width: 1079px) {
    .if6_footer .if6_inner {
        padding: 0
    }

    .if6_footer .if6_impressum {
        padding-right: 20px
    }

    .if6_footer .if6_impressum > ul > li {
        margin-right: 20px
    }
}

@media screen and (max-width: 767px) {
    .if6_footer {
        background-color: #666;
        border-bottom: 20px solid red
    }

    .if6_footer .if6_inner {
        position: relative;
        text-align: center;
        display: table
    }

    .if6_footer .if6_impressum {
        padding: 10px 0 20px 0;
        display: inline-block;
        width: 100%;
        margin-right: 0
    }

    .if6_footer .if6_impressum > ul {
        display: block;
        padding-top: 0
    }

    .if6_footer .if6_impressum > ul > li {
        display: block;
        padding-top: 10px;
        text-align: center;
        margin-right: 0;
        float: none
    }

    .if6_footer .if6_impressum > ul > li a {
        line-height: 150%
    }

    .if6_footer .if6_impressum > .bterm {
        display: none
    }

    .if6_footer .if6_social {
        display: inline-block;
        max-width: 100%;
        margin-right: 0
    }

    .if6_footer .if6_social > div {
        display: inline
    }

    .if6_footer .if6_social .icon {
        margin: 0 10px 10px 0;
        text-align: center;
        display: inline-block;
        float: none
    }

    .if6_footer .if6_social .icon a:before {
        font: 23px/81% Pictos-IF;
        color: #fff
    }

    .if6_footer .if6_social .icon:first-child {
        margin-left: 10px
    }

    .no-touch .if6_footer .if6_social .icon a:hover:before, .if6_social .icon a:focus:before {
        color: grey;
        background-color: #fff
    }
}

@media screen and (min-width: 1080px) {
    .hnav .if6_iconbar + *, .hnav .if6_iconbar + .parsys > *:first-child {
        margin-top: 50px
    }

    .hnav .if6_iconbar + .if6_openerstage {
        margin-top: 0
    }

    .templ-productpage.hnav .if6_iconbar + .if6_openerstage, .templ-themepage.hnav .if6_iconbar + .if6_openerstage, .templ-partnerpage.hnav .if6_iconbar + .if6_openerstage, .templ-sdproductpage.hnav .if6_iconbar + .if6_openerstage {
        padding-top: 80px
    }

    .hnav .if6_iconbar + .if6_service, .hnav .if6_iconbar + .if6_sitemap {
        margin-top: 80px
    }

    .hnav .if6_iconbar + .if6_pagenav {
        margin-top: 80px
    }

    .hnav .if6_iconbar + .if6_widecontent {
        margin-top: 0;
        min-height: 80px
    }

    .hnav .if6_navigation > a, .hnav .if6_navigation .close-icon, .hnav .if6_navigation .h2, .hnav .if6_navigation .navtop, .hnav .if6_navigation .navback {
        display: none
    }

    .hnav .if6_navigation > div {
        left: 0;
        position: relative;
        width: 100%;
        top: 20px;
        overflow: visible;
        z-index: 2000
    }

    .hnav .if6_navigation > div > div {
        width: 100%;
        padding-top: 0;
        left: 0 !important;
        height: 0
    }

    .js .hnav .if6_navigation:hover > div {
        left: 0
    }

    .hnav .if6_navigation > div > div > ul {
        padding-left: 50px;
        width: 930px;
        height: 50px;
        margin: 0 auto
    }

    .hnav .bstart + .if6_navigation > div > div > ul {
        padding-left: 91px;
        width: 889px
    }

    .hnav .bstart, .hnav .home {
        width: 960px;
        margin: 0 auto;
        height: 0
    }

    .hnav .home .if6_home, .hnav .bstart .if6_bstart {
        position: relative;
        width: 40px;
        height: 40px;
        top: 20px;
        z-index: 2003;
        display: block
    }

    .hnav .home .if6_home {
        border-radius: 5px 0 0 5px
    }

    .hnav .bstart > div {
        border-left: 1px solid rgba(255, 255, 255, 0.4);
        display: inline-block;
        margin-left: 40px;
        position: relative;
        z-index: 2003;
        top: 20px
    }

    .hnav .bstart .if6_bstart {
        background-color: rgba(68, 68, 68, 0.8);
        top: 0;
        left: 0
    }

    .hnav .home .if6_home:before {
        color: #fff;
        font: 31px/81% Pictos-IF;
        display: inline-block;
        margin-left: 5px;
        margin-top: 5px;
        margin-right: 4px;
        width: 31px;
        height: 31px
    }

    .hnav .bstart .if6_bstart:before {
        color: #fff;
        content: "b";
        font: 31px/81% Pictos-IF;
        margin-left: 5px;
        margin-top: 5px;
        margin-right: 4px;
        width: 31px;
        height: 31px
    }

    .hnav .if6_navigation ul li a span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        width: 100%
    }

    .hnav .if6_navigation > div > div > ul > li {
        float: left;
        border-left: 1px solid rgba(255, 255, 255, 0.4)
    }

    .hnav .if6_navigation > div > div > ul > li > a {
        display: inline-block;
        padding: 0;
        color: #fff;
        font: bold 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
        padding: 5px;
        background-color: rgba(68, 68, 68, 0.8);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 40px;
        position: relative;
        z-index: 10
    }

    .js.no-touch .hnav .if6_navigation ul li:hover > a {
        background-color: rgba(68, 68, 68, 0.8)
    }

    .js.no-touch .hnav .if6_navigation ul li.hover > a {
        background-color: red
    }

    .hnav .if6_navigation > div > div > ul.with-1-items > li > a {
        width: 919px;
        font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 30px
    }

    .hnav .bstart + .if6_navigation > div > div > ul.with-1-items > li > a {
        width: 878px
    }

    .hnav .if6_navigation > div > div > ul.with-1-items > li:nth-child(1) > a {
        border-radius: 0 5px 5px 0
    }

    .hnav .if6_navigation > div > div > ul.with-2-items > li > a {
        width: 459px;
        font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 30px
    }

    .hnav .bstart + .if6_navigation > div > div > ul.with-2-items > li > a {
        width: 438.5px
    }

    .hnav .if6_navigation > div > div > ul.with-2-items > li:nth-child(2) > a {
        border-radius: 0 5px 5px 0
    }

    .hnav .if6_navigation > div > div > ul.with-3-items > li > a {
        width: 305.67px;
        font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 30px
    }

    .hnav .bstart + .if6_navigation > div > div > ul.with-3-items > li > a {
        width: 292px
    }

    .hnav .if6_navigation > div > div > ul.with-3-items > li:nth-child(3) > a {
        border-radius: 0 5px 5px 0
    }

    .hnav .if6_navigation > div > div > ul.with-4-items > li > a {
        width: 229px;
        font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 30px
    }

    .hnav .bstart + .if6_navigation > div > div > ul.with-4-items > li > a {
        width: 218.75px
    }

    .hnav .if6_navigation > div > div > ul.with-4-items > li:nth-child(4) > a {
        border-radius: 0 5px 5px 0
    }

    .hnav .if6_navigation > div > div > ul.with-5-items > li > a {
        width: 183px;
        font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 30px
    }

    .hnav .bstart + .if6_navigation > div > div > ul.with-5-items > li > a {
        width: 174.8px
    }

    .hnav .if6_navigation > div > div > ul.with-5-items > li:nth-child(5) > a {
        border-radius: 0 5px 5px 0
    }

    .hnav .if6_navigation > div > div > ul.with-6-items > li > a {
        width: 152.33px;
        font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 30px
    }

    .hnav .bstart + .if6_navigation > div > div > ul.with-6-items > li > a {
        width: 145.5px
    }

    .hnav .if6_navigation > div > div > ul.with-6-items > li:nth-child(6) > a {
        border-radius: 0 5px 5px 0
    }

    .hnav .if6_navigation > div > div > ul.with-7-items > li > a {
        width: 130.42px
    }

    .hnav .bstart + .if6_navigation > div > div > ul.with-7-items > li > a {
        width: 124.57px
    }

    .hnav .if6_navigation > div > div > ul.with-7-items > li:nth-child(7) > a {
        border-radius: 0 5px 5px 0
    }

    .hnav .if6_navigation > div > div > ul > li > a {
        width: 114px
    }

    .hnav .bstart + .if6_navigation > div > div > ul > li > a {
        width: 108.87px
    }

    .hnav .if6_navigation > div > div > ul > li:nth-child(8) > a {
        border-radius: 0 5px 5px 0
    }

    .hnav .if6_navigation > div > div > ul > li + li + li + li + li + li + li + li + li {
        display: none
    }

    .hnav .if6_navigation > div > div > ul > li.active > a {
        border-bottom: 3px solid red;
        padding-bottom: 2px
    }

    .hnav .if6_navigation > div > div > ul > li > div > ul li.active > a, .hnav .if6_navigation > div > div > ul > li > div > ul li.current > a {
        background-color: transparent
    }

    .hnav .if6_navigation > div > div > ul li > a:focus {
        outline: 0
    }

    .hnav .if6_navigation > div > div > ul > li > div > ul li.active > a:before, .hnav .if6_navigation > div > div > ul > li > div > ul li.current > a:before, .no-touch.js .hnav .if6_navigation > div > div > ul > li > div > ul li.active:hover > a:before, .no-touch.js .hnav .if6_navigation > div > div > ul > li > div > ul li.current:hover > a:before {
        color: red;
        content: ">";
        font: 20px/81% Pictos-IF;
        width: 20px;
        margin-left: -17px;
        display: inline-block;
        position: absolute;
        margin-top: 8px
    }

    .if6_navigation ul li.overview {
        border-bottom: 0
    }

    .js.no-touch .hnav .if6_navigation > div > div > ul > li:hover > a:after {
        display: none
    }

    .no-touch .hnav .if6_navigation > div > div > ul > li:hover > a:after, .hnav .if6_navigation > div > div > ul > li > a:focus:after, .js .hnav.hnav_visible .if6_navigation > div > div > ul > li.focus > a:after {
        content: "";
        border-top: 7.5px solid red;
        border-right: 7.5px solid transparent;
        border-left: 7.5px solid transparent;
        border-bottom: 0;
        position: absolute;
        left: 50%;
        top: 40px;
        margin-left: -7.5px;
        width: 0;
        height: 0;
        background-color: transparent;
        border-radius: 0;
        z-index: 1;
        display: block
    }

    .no-touch .hnav .if6_navigation > div > div > ul > li:hover > a:last-child:after, .hnav .if6_navigation > div > div > ul > li > a:last-child:focus:after, .hnav .if6_navigation > div > div > ul > li.focus > a:last-child:after {
        display: none
    }

    .hnav .if6_iconbar, .hnav .if6_iconbar .if6_inner {
        overflow: visible;
        width: 100%
    }

    .hnav .if6_navigation div div {
        box-shadow: none;
        margin: 0
    }

    .hnav .if6_navigation > div > div > ul > li div {
        height: 540px;
        padding-top: 0;
        width: 100%;
        z-index: 0;
        background-color: transparent
    }

    .hnav .if6_navigation > div > div > ul > li > div {
        left: 0;
        top: 0;
        pointer-events: none
    }

    .js .hnav .if6_navigation > div > div > ul > li > div {
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: visibility 200ms ease, opacity 200ms ease
    }

    .js .hnav .if6_navigation > div > div > ul li:hover > div {
        opacity: 0;
        visibility: hidden
    }

    .hnav .if6_navigation > div > div > ul li:hover > div, .hnav .if6_navigation > div > div > ul li.focus > div, .js .hnav.hnav_visible .if6_navigation > div > div > ul li.focus:hover > div {
        display: block;
        visibility: visible;
        opacity: 1
    }

    .hnav .if6_navigation > div > div > ul li li li li:hover > div, .hnav .if6_navigation > div > div > ul li li li li.focus > div {
        display: none
    }

    .hnav .if6_navigation > div > div > ul > li > div > ul {
        width: 1000px;
        margin: 0 auto;
        position: relative;
        padding-left: 40px;
        padding-top: 60px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 540px;
        pointer-events: auto
    }

    .hnav .if6_navigation > div > div > ul > li > div > ul ul {
        margin-top: 0;
        padding-top: 60px;
        padding-left: 20px;
        height: 480px
    }

    .hnav .if6_navigation > div > div > ul > li > div > ul li {
        width: 272px;
        display: block
    }

    .hnav .if6_navigation > div > div > ul > li > div > ul div {
        left: 312px;
        padding-left: 32px;
        top: 0;
        width: 656px
    }

    .hnav .if6_navigation > div > div > ul > li > div > ul div div {
        left: 324px;
        width: 332px
    }

    .hnav .if6_navigation > div > div > ul > li > div > ul li + li {
        border-top: 1px solid #ccc
    }

    .hnav .if6_navigation > div > div > ul > li > div > ul li + li + li + li + li + li + li + li + li + li + li + li + li + li {
        display: none
    }

    .hnav .if6_navigation > div > div > ul > li > div > ul li > a {
        position: relative;
        font: 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #666;
        line-height: 34px;
        padding: 0 30px 0 20px;
        height: 34px
    }

    .js.no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li:hover > a {
        color: #666;
        background-color: transparent
    }

    .no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li:hover > a, .hnav .if6_navigation > div > div > ul > li > div > ul li > a:focus, .hnav .if6_navigation > div > div > ul > li > div > ul li.focus > a, .js.no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li.focus:hover > a {
        color: #fff;
        background-color: #666
    }

    .js.no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li + li:hover, .js.no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li:hover + li {
        border-top: 1px solid #ccc
    }

    .no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li + li:hover, .no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li:hover + li, .hnav .if6_navigation > div > div > ul > li > div > ul li + li.focus, .hnav .if6_navigation > div > div > ul > li > div > ul li.focus + li, .js.no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li + li.focus:hover, .js.no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li.focus:hover + li, .js.no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li:hover + li.focus, .js.no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li.focus + li:hover {
        border-top: 1px solid #666
    }

    .no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li.active:hover > a:before, .hnav .if6_navigation > div > div > ul > li > div > ul li.active > a:focus:before, .hnav .if6_navigation > div > div > ul > li > div > ul li.active.focus > a:before, .no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li.current:hover > a:before, .hnav .if6_navigation > div > div > ul > li > div > ul li.current > a:focus:before, .hnav .if6_navigation > div > div > ul > li > div > ul li.current.focus > a:before, .no-touch.js .hnav .if6_navigation > div > div > ul > li > div > ul li.active.focus:hover > a:before, .no-touch.js .hnav .if6_navigation > div > div > ul > li > div > ul li.current.focus:hover > a:before {
        display: none
    }

    .js.no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li:hover > a:after {
        display: none
    }

    .no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li:hover > a:after, .hnav .if6_navigation > div > div > ul > li > div > ul li > a:focus:after, .if6_navigation > div > div > ul > li > div > ul li.focus > a:after, .js.no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li.focus:hover > a:after {
        border-bottom: 7px solid transparent;
        border-left: 7px solid #666;
        border-top: 7px solid transparent;
        border-right: 0;
        background: 0;
        background-color: transparent;
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        margin-right: -7px;
        margin-top: 10px;
        z-index: 1;
        border-radius: 0;
        width: 0;
        height: 0
    }

    .no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li:hover > a:last-child:after, .hnav .if6_navigation > div > div > ul > li > div > ul li > a:last-child:focus:after, .hnav .if6_navigation > div > div > ul > li > div > ul li.focus > a:last-child:after, .no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li li li:hover > a:after, .hnav .if6_navigation > div > div > ul > li > div > ul li li li > a:focus:after, .js.no-touch .hnav .if6_navigation > div > div > ul > li > div > ul li.focus:hover > a:last-child:after {
        content: ">";
        border: 1px solid #fff;
        color: #fff;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        font: 18px/81% Pictos-IF;
        margin-right: 10px;
        margin-top: 7px;
        background-color: transparent;
        text-align: center
    }

    .hnav .if6_navigation > div > div > ul > li > div > .h2 {
        position: absolute;
        background-color: #fff;
        width: 100%;
        height: 560px;
        display: block;
        margin: -20px 0 0 0;
        left: 0;
        right: 0;
        top: 0;
        color: transparent;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none
    }

    .hnav .iconbar_overlay {
        visibility: hidden;
        opacity: 0
    }

    .hnav.hnav_visible .iconbar_overlay {
        position: absolute;
        left: 0;
        width: 100%;
        height: 560px;
        background: #fff;
        z-index: 2000;
        visibility: visible;
        opacity: 1;
        transition: visibility 200ms ease, opacity 200ms ease
    }
}

.baufi .intro_baufi {
    margin-bottom: 20px
}

.baufi .image {
    width: 115px;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 20px;
    border-right: 25px solid transparent
}

.baufi .image img {
    width: 100%
}

.baufi .image + .intro_baufi {
    display: inline-block;
    width: 820px;
    vertical-align: middle
}

.baufi .fehlermeldung {
    background-color: #fff;
    color: red;
    padding: 20px;
    margin-top: 10px;
    position: relative
}

.baufi .fehlermeldung .alternative {
    color: #000;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    margin-top: 15px
}

.baufi .schieber {
    background-color: #fff;
    padding: 20px;
    margin-top: 1px
}

.baufi label, .baufi .label {
    color: #000;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    text-align: left
}

.baufi .formular {
    margin: 0
}

.baufi .formular .schieber label, .baufi .formular .kalender label {
    width: auto;
    display: block;
    margin-bottom: 20px
}

.baufi .nebenkosten label {
    color: #666
}

.baufi .formular .schieber input {
    width: 220px
}

.baufi .schieber_lang {
    width: 630px;
    text-align: right;
    float: right;
    margin-top: -5px
}

.baufi .schieber_lang .wert_p0 {
    float: left
}

.baufi .baufi-left, .baufi .baufi-right {
    width: 54%;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    margin-top: 10px;
    padding: 20px 0 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.baufi .baufi-right {
    width: 46%;
    text-align: right;
    padding-right: 20px
}

.baufi .baufi-full {
    padding: 20px;
    margin-top: 10px;
    background-color: #fff
}

.baufi .formular .baufi-left .zeile, .baufi .formular .baufi-right .zeile, .baufi .formular .baufi-full .zeile {
    margin-right: -10px;
    color: #666
}

.baufi .formular .baufi-left .zeile > div, .baufi .formular .baufi-right .zeile > div, .baufi .formular .baufi-full .zeile > div {
    display: inline-block;
    margin-right: 10px
}

.baufi .formular label {
    width: 200px;
    margin-right: 10px;
    display: inline-block
}

.baufi .formular .baufi-full label {
    width: 400px
}

.baufi.baufi_kaufen .formular .baufi-full label, .baufi.baufi_bauen .formular .baufi-full label {
    width: 200px
}

.baufi .formular input {
    width: 115px;
    margin-right: 10px
}

.baufi .formular input.small {
    width: 100px
}

.baufi .inhalt_overlay {
    margin-bottom: 20px;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    color: #666;
    position: relative;
    background-color: #e3e3e3
}

.baufi .inhalt_overlay h3 {
    color: #666;
    padding: 0 20px;
    background-color: #f0f0f0
}

.baufi .overlay-left, .baufi .overlay-right {
    width: 50%;
    display: inline-block;
    padding: 20px 0;
    vertical-align: top
}

.baufi .overlay_footer {
    border-top: 1px solid #f0f0f0;
    padding: 20px
}

.baufi .inhalt_overlay th, .baufi .inhalt_overlay td {
    color: #666;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: bottom;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%
}

.baufi .inhalt_overlay td {
    text-align: right
}

.baufi .inhalt_overlay p {
    padding: 0 20px
}

.baufi .inhalt_overlay table + p {
    margin-top: 20px
}

.baufi .inhalt_overlay .overlay-left-headline {
    padding: 0 20px 5px 20px;
    font-weight: bold
}

.baufi .resultat_kaufen, .baufi .resultat_anschluss {
    background-color: #e3e3e3;
    padding: 20px;
    text-align: right;
    margin-top: 10px
}

.baufi .resultat_kaufen > div, .baufi .resultat_anschluss > div {
    display: inline-block
}

.baufi .resultat_kaufen div div, .baufi .resultat_anschluss div div {
    display: inline
}

.baufi .resultat_kaufen .label, .baufi .resultat_anschluss .label {
    line-height: 150%;
    vertical-align: middle
}

.baufi .resultat_kaufen .label + div, .baufi .resultat_anschluss .label + div {
    font: 25px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    color: red;
    margin-left: 20px;
    vertical-align: middle
}

.baufi .resultat_kaufen * + .label, .baufi .resultat_anschluss * + .label {
    margin-left: 40px
}

.baufi .resultat_kaufen .resultat_details, .baufi .resultat_anschluss .resultat_details {
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666
}

.baufi .hinweis_pflichtfeld {
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #666;
    margin-top: 10px;
    float: left;
    padding-left: 20px
}

.baufi .if6_buttonline {
    margin-top: 20px
}

.baufi .if6_buttonline .buttonline_inner {
    text-align: right
}

.baufi .zwischensumme {
    padding: 7px
}

.baufi .pfeil_baufi:before {
    content: "="
}

.baufi .settings_baufi2 {
    display: none
}

.js .baufi .settings_baufi2 {
    width: 28px;
    cursor: pointer;
    float: right;
    margin-top: 7px;
    margin-left: -40px
}

.js .baufi .settings_baufi2:before {
    border: 1px solid #fff;
    border-radius: 50%;
    color: red;
    display: inline-block;
    font: 26px/81% Pictos-IF;
    height: 26px;
    width: 26px;
    content: "d";
    text-align: center
}

.no-touch .baufi .settings_baufi2:hover:before {
    color: #fff;
    background-color: red
}

.baufi-full.nebenkosten, .baufi-left.nebenkosten, .baufi-right.nebenkosten {
    margin-top: 3px
}

.js .baufi .baufi-full.nebenkosten, .js .baufi .baufi-left.nebenkosten, .js .baufi .baufi-right.nebenkosten {
    display: none
}

.js .baufi .nebenkosten-sichtbar .baufi-full.nebenkosten {
    display: block
}

.js .baufi .nebenkosten-sichtbar .baufi-left.nebenkosten, .js .baufi .nebenkosten-sichtbar .baufi-right.nebenkosten {
    display: inline-block
}

.baufi .zeile.nebenkosten + .nebenkosten {
    margin-top: 10px
}

.js .baufi .nebenkosten-sichtbar .settings_baufi2:before {
    border: 1px solid #fff;
    border-radius: 50%;
    color: red;
    display: inline-block;
    font: 26px/81% Pictos-IF;
    height: 26px;
    width: 26px;
    text-align: center;
    content: "u"
}

.no-touch .baufi .nebenkosten-sichtbar .settings_baufi2:hover:before {
    color: #fff;
    background-color: red
}

.baufi .resultat_traumhauscheck {
    margin-bottom: 20px
}

.baufi .resultat_kompakt {
    background-color: #e3e3e3;
    padding: 20px
}

.baufi .resultat_kompakt .label {
    line-height: 150%;
    vertical-align: middle;
    display: inline-block;
    text-align: right;
    width: 50%
}

.baufi .ergebnis_container, .baufi .ergebnis_result {
    font: 25px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    color: red;
    margin-left: 20px;
    vertical-align: middle;
    display: inline-block
}

.baufi .ergebnis_container div, .baufi .ergebnis_result div {
    display: inline
}

.baufi .resultat_detail {
    white-space: nowrap
}

.baufi .resultat_detail .label {
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    text-align: center
}

.baufi .resultat_kompakt .ergebnisse_baufi .label {
    text-align: center;
    width: auto
}

.baufi .resultat_detail {
    padding: 0 10px 10px 20px;
    background-color: #e3e3e3;
    margin-bottom: 20px
}

.baufi .ergebnisse_baufi {
    width: 25%;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    border-right: 10px solid #e3e3e3;
    border-bottom: 10px solid #e3e3e3;
    box-sizing: border-box;
    white-space: normal
}

.baufi .ergebnisse_baufi > div div {
    display: inline-block
}

.baufi .disclaimer_baufi {
    margin-bottom: 20px
}

.baufi .zeile_tabelle {
    width: 260px
}

.baufi .formular .schieber .zeile_tabelle label {
    width: 40px;
    margin-right: 10px;
    margin-bottom: 0;
    display: inline-block
}

.baufi .formular .schieber .zeile_tabelle input {
    width: 180px;
    margin-top: 15px
}

.baufi .zeile_tabelle + .schieber_lang {
    margin-top: -60px
}

.baufi .tabnav li {
    margin-right: 0;
    border-right: 3px solid rgba(0, 0, 0, 0.05)
}

.baufi .tabnav li.active {
    background-color: #fff;
    color: red;
    border-right: 0
}

.baufi .tabnav li > div > a {
    padding: 12px 20px
}

.baufi .tabnav li.active > div:before, .baufi .tabnav li.active > div:after {
    display: none
}

.baufi .tabnav + .schieber {
    margin-top: 0
}

.baufi .resultat_kaufen div .label-long, .baufi .resultat_anschluss div .label-long {
    display: block;
    width: 100%
}

.baufi.baufi_eigentumstattmiete .resultat_kaufen div .label-long {
    text-align: right
}

.baufi .waiticon:before {
    content: "\f796";
    font: 40px/81% Pictos-IF;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px
}

.baufi .button_immobilien_rot {
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    display: inline-block;
    padding: 10px 0;
    color: red;
    text-decoration: none;
    margin-left: 20px
}

.baufi .button_immobilien_rot:after {
    content: ">";
    font: 18px/81% Pictos-IF;
    margin-left: 10px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid red;
    border-radius: 50%;
    color: red
}

.no-touch .baufi .button_immobilien_rot:hover:after {
    color: #e3e3e3;
    background-color: red
}

.baufi .helptxt {
    overflow: visible
}

.baufi div.ficon:before {
    margin-right: 0
}

.baufi .cal_body {
    width: 220px;
    height: 230px;
    padding: 5px;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%
}

.baufi div.cal_body {
    border: 2px solid #666;
    border-radius: 5px
}

.baufi .cal_close {
    text-align: right
}

.baufi .cal_close a {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width: 18px;
    text-decoration: none
}

.baufi .cal_table .choosable {
    color: #666
}

@media (max-width: 1079px) {
    .baufi .image {
        display: none
    }

    .baufi .image + .intro_baufi {
        display: block;
        width: 100%
    }

    .baufi .schieber, .baufi .baufi-full, .baufi .baufi-left, .baufi .baufi-right {
        padding: 10px
    }

    .baufi .schieber_lang {
        width: 60%;
        width: calc(100% - 210px)
    }

    .baufi .resultat_kaufen, .baufi .resultat_anschluss {
        padding: 10px
    }

    .baufi .fehlermeldung {
        padding: 10px;
        margin-top: 5px
    }

    .baufi .fehlermeldung .alternative {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .baufi .hinweis_pflichtfeld {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif;
        margin-top: 5px;
        padding-left: 10px
    }

    .baufi .if6_buttonline {
        margin-top: 10px
    }

    .baufi .inhalt_overlay {
        margin-bottom: 10px;
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .baufi .inhalt_overlay h3 {
        padding: 0 10px
    }

    .baufi .overlay-left, .baufi .overlay-right {
        padding: 10px 0
    }

    .baufi .overlay_footer {
        padding: 10px
    }

    .baufi .inhalt_overlay th, .baufi .inhalt_overlay td {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .baufi .inhalt_overlay p {
        padding: 0 10px
    }

    .baufi .inhalt_overlay table + p {
        margin-top: 10px
    }

    .baufi .inhalt_overlay .overlay-left-headline {
        padding: 0 10px 5px 10px
    }

    .baufi .formular .schieber label, .baufi .formular .kalender label {
        font: 17px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .baufi .formular .schieber input {
        width: 140px
    }

    .baufi .formular .schieber .zeile_tabelle input {
        margin-top: 10px;
        width: 110px
    }

    .baufi .zeile input.small {
        width: 50px
    }

    .baufi label, .baufi .label {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .baufi .resultat_kaufen .label + div, .baufi .resultat_anschluss .label + div, .baufi .ergebnis_container, .baufi .ergebnis_result {
        font: 20px SparkasseWebLight, Helvetica, Arial, sans-serif;
        line-height: 150%;
        margin-left: 10px
    }

    .baufi .resultat_detail {
        padding: 0 0 0 10px;
        margin-bottom: 10px
    }

    .baufi .resultat_detail .label {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .baufi .resultat_kompakt {
        padding: 10px
    }

    .baufi .resultat_kaufen .resultat_details, .baufi .resultat_anschluss .resultat_details {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .baufi .disclaimer_baufi {
        margin-bottom: 10px
    }

    .baufi .tabnav li {
        display: inline-block;
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .baufi .tabnav li > div > a {
        padding: 6px 10px
    }

    .js .baufi select.tabnav {
        display: none
    }

    .baufi .zeile_tabelle {
        width: 170px
    }

    .baufi .zeile_tabelle div {
        width: 100px
    }

    .baufi .button_immobilien_rot {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        margin-left: 10px
    }

    .baufi .button_immobilien_rot:after {
        margin-left: 7px;
        font: 15px/81% Pictos-IF;
        width: 15px;
        height: 15px
    }

    .baufi .cal_body {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%;
        margin-top: 8px
    }

    .baufi .cal_body th, .baufi .cal_body td {
        float: none
    }

    .baufi .cal_close a {
        width: 17px
    }

    .baufi .cal_close a:before {
        font: 17px/81% Pictos-IF;
        width: 17px;
        height: 17px
    }

    .baufi .cal_button a, .baufi .cal_button span {
        width: 19px
    }

    .baufi .cal_button a:before, .baufi .cal_button span:before {
        font: 17px/81% Pictos-IF;
        width: 19px;
        height: 19px
    }
}

@media screen and (max-width: 879px) {
    .baufi .formular .baufi-left, .baufi .formular .baufi-right {
        width: 100%;
        text-align: left
    }

    .baufi-right.nebenkosten {
        margin-top: 0;
        padding-top: 0
    }

    .baufi .resultat_detail {
        white-space: normal
    }

    .baufi .ergebnisse_baufi {
        width: 50%
    }

    .baufi .formular .baufi-full .zeile {
        height: auto
    }

    .baufi .formular .baufi-full label {
        width: 100%;
        text-align: left
    }
}

@media screen and (max-width: 549px) {
    .baufi .formular .baufi-left .zeile, .baufi .formular .baufi-right .zeile {
        height: auto
    }

    .baufi .formular .baufi-left label, .baufi .formular .baufi-right label {
        width: 100%;
        text-align: left
    }

    .baufi.baufi_kaufen .formular .baufi-full label, .baufi.baufi_bauen .formular .baufi-full label {
        width: 100%
    }

    .baufi .schieber_lang {
        width: 100%;
        float: none;
        margin-top: 25px
    }

    .baufi .zeile_tabelle + .schieber_lang {
        margin-top: 25px
    }

    .js .baufi .settings_baufi2 {
        margin-top: 10px
    }

    .baufi .resultat_kaufen .label, .baufi .resultat_anschluss .label {
        width: 100%;
        padding-right: 150px;
        text-align: right;
        box-sizing: border-box
    }

    .baufi .resultat_kaufen .label.label-long, .baufi .resultat_anschluss .label.label-long {
        padding-right: 0
    }

    .baufi .resultat_kaufen .label + div, .baufi .resultat_anschluss .label + div {
        font: 20px SparkasseWebLight, Helvetica, Arial, sans-serif;
        line-height: 150%;
        margin-left: -150px;
        width: 150px
    }

    .baufi .resultat_kaufen .label.label-long + div, .baufi .resultat_anschluss .label.label-long + div {
        margin-left: 0;
        width: auto
    }

    .baufi .resultat_kaufen * + .label, .baufi .resultat_anschluss * + .label {
        margin-left: 0
    }

    .baufi .overlay-left, .baufi .overlay-right {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .baufi .resultat_kaufen .label, .baufi .resultat_anschluss .label {
        padding-right: 125px
    }

    .baufi .resultat_kaufen .label + div, .baufi .resultat_anschluss .label + div {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .baufi .zeile_tabelle div {
        display: block;
        padding-bottom: 5px
    }

    .baufi .zeile_tabelle div + label {
        width: auto
    }

    .baufi .if6_buttonline .buttonline_inner {
        text-align: center
    }
}

.kreditrechner .rechner_wrapper {
    margin-bottom: 20px
}

.kreditrechner .image {
    width: 115px;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 20px;
    border-right: 25px solid transparent
}

.kreditrechner .image img {
    width: 100%
}

.kreditrechner .intro_kreditrechner {
    margin-bottom: 20px
}

.kreditrechner .image + .intro_kreditrechner {
    display: inline-block;
    width: 820px;
    vertical-align: middle
}

.kreditrechner .slider_container {
    vertical-align: middle;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: 1px
}

.kreditrechner form {
    display: none
}

.js .kreditrechner form {
    display: block
}

.kreditrechner .zeile_tabelle label {
    width: auto;
    margin-bottom: 20px;
    display: block;
    color: #000;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif
}

.kreditrechner .zeile_tabelle input {
    width: 220px
}

.kreditrechner .betragslider, .kreditrechner .laufzeitslider {
    width: 630px;
    float: right;
    margin-top: -20px
}

.kreditrechner .bline {
    padding: 20px;
    background-color: #fff;
    margin-top: 10px
}

.kreditrechner .resultat {
    display: none;
    text-align: right;
    padding: 20px;
    background-color: #e3e3e3;
    margin-top: 10px
}

.js .kreditrechner .resultat {
    display: block
}

.kreditrechner .resultat .label {
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    vertical-align: middle;
    display: inline-block;
    color: #000
}

.kreditrechner .resultat .label + span {
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    color: #000;
    margin-left: 20px;
    vertical-align: middle;
    display: inline-block;
    min-width: 100px
}

.kreditrechner .resultat .resultat_details {
    margin-top: 20px;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    color: #000
}

.kreditrechner .inhalt_overlay {
    background-color: #e3e3e3;
    color: #666;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    position: relative
}

.kreditrechner .inhalt_overlay h3 {
    background-color: #f0f0f0;
    color: #666;
    padding: 0 20px
}

.kreditrechner .overlay-left, .kreditrechner .overlay-right {
    width: 50%;
    display: inline-block;
    padding: 20px 0;
    vertical-align: top
}

.kreditrechner .overlay_footer {
    border-top: 1px solid #f0f0f0;
    padding: 20px
}

.kreditrechner .inhalt_overlay th, .kreditrechner .inhalt_overlay td {
    color: #666;
    padding-top: 0;
    padding-bottom: 0;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 150%;
    vertical-align: top
}

.kreditrechner .inhalt_overlay td {
    text-align: right;
    vertical-align: bottom
}

.kreditrechner .inhalt_overlay p {
    padding: 0 20px
}

.kreditrechner .inhalt_overlay table + p {
    margin-top: 20px
}

@media (max-width: 1079px) {
    .kreditrechner .image {
        display: none
    }

    .kreditrechner .rechner_wrapper {
        margin-bottom: 10px
    }

    .kreditrechner .slider_container {
        padding: 10px
    }

    .kreditrechner .zeile_tabelle label {
        font: 17px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .kreditrechner .zeile_tabelle input {
        width: 140px
    }

    .kreditrechner .betragslider, .kreditrechner .laufzeitslider {
        width: 60%;
        width: calc(100% - 210px)
    }

    .kreditrechner .bline {
        padding: 10px
    }

    .kreditrechner .resultat {
        padding: 10px
    }

    .kreditrechner .resultat .label {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .kreditrechner .resultat .label + span {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .kreditrechner .resultat .resultat_details {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%;
        margin-top: 10px
    }

    .kreditrechner .inhalt_overlay {
        margin-bottom: 10px;
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .kreditrechner .inhalt_overlay h3 {
        padding: 0 10px
    }

    .kreditrechner .overlay-left, .kreditrechner .overlay-right {
        padding: 10px 0
    }

    .kreditrechner .overlay_footer {
        padding: 10px
    }

    .kreditrechner .inhalt_overlay th, .kreditrechner .inhalt_overlay td {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 150%
    }

    .kreditrechner .inhalt_overlay p {
        padding: 0 10px
    }

    .kreditrechner .inhalt_overlay table + p {
        margin-top: 10px
    }
}

@media screen and (max-width: 549px) {
    .kreditrechner .overlay-left, .kreditrechner .overlay-right {
        width: 100%
    }

    .kreditrechner .betragslider, .kreditrechner .laufzeitslider {
        width: 100%;
        float: none;
        margin-top: 25px
    }
}

.sitebadge {
    color: #333;
    background-color: #f0f0f0;
    border-radius: 4px;
    padding: 2px 5px;
    margin-right: 10px;
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    display: inline-block
}

.searchresult {
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #333
}

.searchresult > h1 .searchterm {
    display: none
}

.searchresult .bline {
    margin-top: 10px;
    margin-bottom: 30px
}

.searchresult .bline input[type="text"] {
    width: 320px
}

.searchresult .bline input[type="text"] + .ficon {
    margin-right: 10px
}

.searchresult .didyoumean {
    margin-right: 0;
    width: calc(100% - 335px)
}

.searchresult .didyoumean a {
    color: red;
    text-decoration: none
}

.searchresult .sitefilter {
    background-color: #fff;
    padding: 22px 10px 0 20px;
    margin-bottom: 0
}

.searchresult .sitefilter .btab-fullwidth a, .searchresult .sitefilter .btab-fullwidth span {
    width: 33.33%;
    box-sizing: border-box
}

.searchresult form {
    position: relative
}

.searchresult .sayt-container {
    margin-top: 36px;
    left: 0;
    top: 0;
    right: auto;
    z-index: 80
}

.searchresult > ul {
    padding: 20px;
    background-color: #fff
}

.searchresult > ul > li > a {
    display: block;
    padding: 15px 10px;
    text-decoration: none
}

.searchresult > ul > li + li {
    border-top: 1px solid #e3e3e3
}

.searchresult > ul > li .sitebadge {
    margin: 10px 10px 0 0
}

.searchresult > ul > li .sitebadge:first-child {
    display: none
}

.searchresult > ul > li ul.navpath {
    margin-top: 10px;
    display: inline-block;
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.searchresult .searchpaging {
    margin-top: 20px
}

.searchresult .searchpaging .paging {
    float: right
}

.searchresult .searchpaging .paging > a, .searchresult .searchpaging .paging > span {
    width: 30px;
    height: 30px;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    color: #000;
    background-color: #e3e3e3;
    margin-left: 2px;
    vertical-align: top
}

.searchresult .searchpaging .paging .left, .searchresult .searchpaging .paging .right {
    color: #666;
    overflow: hidden
}

.searchresult .searchpaging .paging .left:before {
    font: 30px/81% Pictos-IF;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    content: "<";
    color: #666
}

.searchresult .searchpaging .paging .right:before {
    font: 30px/81% Pictos-IF;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    content: ">";
    color: #666
}

.searchresult .searchpaging .paging .left + *, .searchresult .searchpaging .paging .right {
    margin-left: 10px
}

.searchresult .searchpaging .paging .active {
    background-color: red;
    color: #fff
}

.searchresult .searchpaging .paging .active span {
    display: none
}

.searchresult .searchpaging .count {
    display: inline-block;
    line-height: 30px
}

.searchresult .emptyresult {
    padding: 20px;
    background-color: #fff
}

.no-touch .didyoumean a:hover, .didyoumean a:focus {
    text-decoration: underline
}

.no-touch .searchresult > ul > li > a:hover, .searchresult > ul > li > a:focus {
    background-color: #f0f0f0
}

.no-touch .searchresult > ul > li > a:hover .sitebadge, .searchresult > ul > li > a:focus .sitebadge {
    color: #fff;
    background-color: #333
}

.no-touch .searchresult > ul > li > a:hover ul.navpath li, .searchresult > ul > li > a:focus ul.navpath li {
    color: #333
}

.no-touch .searchresult > ul > li > a:hover ul.navpath li + li:before, .searchresult > ul > li > a:focus ul.navpath li + li:before {
    color: #333
}

@media (max-width: 1079px) {
    .searchresult {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .searchresult .bline {
        margin-bottom: 20px
    }

    .searchresult .bline input[type="text"] {
        width: 260px
    }

    .searchresult .didyoumean {
        width: calc(100% - 275px)
    }

    .searchresult .sitefilter {
        padding: 18px 0 0 10px;
        margin-bottom: 0
    }

    .searchresult .sayt-container {
        margin-top: 33px
    }

    .searchresult > ul {
        padding: 10px
    }

    .searchresult .searchpaging {
        margin-top: 10px
    }

    .searchresult .searchpaging .paging > a, .searchresult .searchpaging .paging > span {
        font: 17px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 30px
    }

    .searchresult .emptyresult {
        padding: 10px
    }
}

@media screen and (max-width: 767px) {
    .searchresult > h1 .searchterm {
        display: inline
    }

    .searchresult > ul > li .sitebadge {
        display: none
    }

    .searchresult > ul > li .sitebadge:first-child {
        display: inline-block;
        margin: 0 0 10px 0
    }

    .searchresult .bline {
        margin-top: 0;
        margin-bottom: 10px
    }

    .searchresult .bline input[type="text"] {
        display: none
    }

    .searchresult .bline input[type="text"] + .ficon {
        display: none
    }

    .searchresult .didyoumean {
        width: 100%
    }

    .searchresult .sitefilter {
        margin-bottom: 0
    }

    .searchresult .sayt-container {
        display: none
    }
}

@media screen and (max-width: 649px) {
    .searchresult .searchpaging .paging > a, .searchresult .searchpaging .paging > span {
        display: none
    }

    .searchresult .searchpaging .paging .left, .searchresult .searchpaging .paging .right {
        display: inline-block
    }

    .searchresult .searchpaging .paging .active {
        background-color: transparent;
        color: #666;
        display: inline-block;
        width: auto;
        margin-left: 10px
    }

    .searchresult .searchpaging .paging .active span {
        display: inline
    }
}

.nbf-frame.templ-searchresultpage .if6_section {
    background-color: #fff
}

.nbf-frame .searchresult {
    padding-left: 24px;
    padding-right: 24px
}

.nbf-frame .searchresult > h1 {
    margin-bottom: 24px;
    margin-left: 24px;
    margin-right: 24px;
    font: bold 23px/30px SparkasseWeb, Helvetica, Arial, sans-serif;
    letter-spacing: -0.3px;
    color: #000
}

.nbf-frame .searchresult > form > .bline {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 30px 0
}

.nbf-frame .searchresult > form > .bline.sitefilter {
    padding: 0 24px;
    margin: 0
}

.nbf-frame .searchresult > form > .bline > .il {
    height: 48px;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-right: -24px;
    border-radius: 24px;
    padding-left: 24px;
    padding-right: 60px;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.07);
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #000
}

.nbf-frame .searchresult > form > .bline > .il::placeholder {
    color: #565656
}

.nbf-frame .searchresult > form > .bline > .il + .ficon {
    margin-right: 0;
    margin-top: 9px;
    margin-left: -48px
}

.nbf-frame .searchresult > form > .bline > .il + .ficon::before {
    content: "\f800";
    font-size: 28px;
    height: 28px;
    width: 28px
}

.nbf-frame .searchresult > form > .bline > .il + .ficon > input {
    border: 0
}

.nbf-frame .searchresult > form > .bline > .bterm {
    line-height: 0
}

.nbf-frame .searchresult > form > .bline > .didyoumean {
    display: block;
    margin-left: 24px;
    margin-top: 18px;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf-frame .searchresult > form > .bline > .didyoumean > a {
    color: #565656;
    text-decoration: underline;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf-frame .searchresult > form > .bline > .btab-fullwidth {
    height: 48px;
    margin: 0 0 24px 0;
    display: block;
    border: 0;
    border-bottom: 1px solid #e3e3e3
}

.nbf-frame .searchresult > form > .bline > .btab-fullwidth > a, .nbf-frame .searchresult > form > .bline > .btab-fullwidth > span {
    display: inline-block;
    width: auto;
    background-color: transparent;
    border: 0;
    height: 48px;
    padding: 13px 0 0 0;
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #292929
}

.nbf-frame .searchresult > form > .bline > .btab-fullwidth > a:not(:first-child), .nbf-frame .searchresult > form > .bline > .btab-fullwidth > span:not(:first-child) {
    margin-left: 24px
}

.nbf-frame .searchresult > form > .bline > .btab-fullwidth > a.active, .nbf-frame .searchresult > form > .bline > .btab-fullwidth > span.active {
    color: red;
    border-bottom: 2px solid red;
    font: bold 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf-frame .searchresult > form > .bline > .btab-fullwidth > span {
    color: #aeaeae
}

.nbf-frame .searchresult > ul {
    padding: 0 24px
}

.nbf-frame .searchresult > ul > li {
    padding: 30px 0
}

.nbf-frame .searchresult > ul > li:first-child {
    padding-top: 15px
}

.nbf-frame .searchresult > ul > li:last-child {
    border-bottom: 1px solid #e3e3e3
}

.nbf-frame .searchresult > ul > li + li {
    border-top: 1px solid #e3e3e3
}

.nbf-frame .searchresult > ul > li > a {
    padding: 0;
    display: grid;
    grid-template-areas:"title badges ." "breadcrumb breadcrumb breadcrumb" "content content content";
    grid-template-columns:auto 1fr auto
}

.nbf-frame .searchresult > ul > li > a > .sitebadge {
    grid-area: badges;
    width: min-content;
    margin-top: 3px;
    margin-bottom: 3px;
    border-radius: 22px;
    padding-left: 10px;
    padding-right: 10px
}

.nbf-frame .searchresult > ul > li > a > .sitebadge:first-child {
    display: inline-block
}

.nbf-frame .searchresult > ul > li > a > .sitebadge:not(:first-child) {
    display: none
}

.nbf-frame .searchresult > ul > li > a > h3 {
    grid-area: title;
    font: 20px/28px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #292929;
    display: inline-block;
    margin-right: 10px;
    white-space: normal
}

.nbf-frame .searchresult > ul > li > a > p {
    grid-area: content;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656
}

.nbf-frame .searchresult > ul > li > a > .navpath {
    grid-area: breadcrumb;
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: red;
    margin-top: 6px;
    margin-bottom: 12px
}

.nbf-frame .searchresult > ul > li > a > .navpath > li {
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: red;
    display: inline-block
}

.nbf-frame .searchresult > ul > li > a > .navpath > li:not(:first-child)::before {
    color: red;
    font: 14px/100% Pictos-IF;
    content: ">";
    margin: 0 4px;
    bottom: 1px;
    position: relative
}

.nbf-frame .searchresult > .searchpaging {
    margin: 24px;
    height: 32px
}

.nbf-frame .searchresult > .searchpaging > .count {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #292929;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline
}

.nbf-frame .searchresult > .searchpaging .paging > a, .nbf-frame .searchresult > .searchpaging .paging > span {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #292929;
    line-height: 32px;
    margin-left: 0;
    margin-right: 6px
}

.nbf-frame .searchresult > .searchpaging .paging > a.left, .nbf-frame .searchresult > .searchpaging .paging > span.left {
    margin-right: 12px
}

.nbf-frame .searchresult > .searchpaging .paging > a:last-child, .nbf-frame .searchresult > .searchpaging .paging > span:last-child {
    margin-right: 0
}

.nbf-frame .searchresult > .searchpaging .paging > span {
    cursor: default
}

.nbf-frame .searchresult > .searchpaging .paging > .left, .nbf-frame .searchresult > .searchpaging .paging > .right {
    border: 0;
    background-color: #fff;
    border: 1px solid transparent
}

.nbf-frame .searchresult > .searchpaging .paging > .right {
    margin-left: 6px
}

.nbf-frame .searchresult > .searchpaging .paging > .active {
    background-color: red;
    border-color: red;
    color: #fff
}

.nbf-frame .searchresult .emptyresult {
    padding: 24px;
    background-color: #fff
}

.no-touch .nbf-frame .searchresult > form > .bline > .il + .ficon:hover::before, .no-touch .nbf-frame .searchresult > form > .bline > .il + .ficon:focus::before, .no-touch .nbf-frame .searchresult > form > .bline > .il + .ficon.focus::before {
    color: #292929;
    background-color: transparent
}

.no-touch .nbf-frame .searchresult > form > .bline > .il + .ficon:active::before {
    color: #aeaeae;
    background-color: transparent
}

.no-touch .nbf-frame .searchresult > form > .bline > .didyoumean > a:hover, .no-touch .nbf-frame .searchresult > form > .bline > .didyoumean > a:focus, .no-touch .nbf-frame .searchresult > form > .bline > .didyoumean > a:active {
    color: #000;
    background-color: transparent
}

.no-touch .nbf-frame .searchresult > form > .bline > .btab-fullwidth > a:not(.active):hover {
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: red
}

.no-touch .nbf-frame .searchresult > form > .bline > .btab-fullwidth > a:not(.active):active {
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #b60000
}

.no-touch .nbf-frame .searchresult > ul > li > a:hover, .no-touch .nbf-frame .searchresult > ul > li > a:focus {
    background-color: inherit
}

.no-touch .nbf-frame .searchresult > ul > li > a:hover .sitebadge, .no-touch .nbf-frame .searchresult > ul > li > a:focus .sitebadge {
    color: inherit;
    background-color: #f0f0f0
}

.no-touch .nbf-frame .searchresult > ul > li > a:hover > h3, .no-touch .nbf-frame .searchresult > ul > li > a:focus > h3 {
    text-decoration: underline
}

.no-touch .nbf-frame .searchresult > ul > li > a:hover > p, .no-touch .nbf-frame .searchresult > ul > li > a:focus > p {
    color: #292929
}

.no-touch .nbf-frame .searchresult > ul > li > a:hover > ul > li, .no-touch .nbf-frame .searchresult > ul > li > a:focus > ul > li {
    color: inherit
}

.no-touch .nbf-frame .searchresult > ul > li > a:hover > ul > li::before, .no-touch .nbf-frame .searchresult > ul > li > a:focus > ul > li::before, .no-touch .nbf-frame .searchresult > ul > li > a:hover > ul > li + li::before, .no-touch .nbf-frame .searchresult > ul > li > a:focus > ul > li + li::before {
    color: inherit
}

.no-touch .nbf-frame .searchresult > .searchpaging > .paging > a:hover, .no-touch .nbf-frame .searchresult > .searchpaging > .paging > a:focus {
    background-color: #f0f0f0;
    border-color: #f0f0f0;
    color: #292929
}

.no-touch .nbf-frame .searchresult > .searchpaging > .paging > a:active {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
    color: #000
}

@media screen and (max-width: 767px) {
    .nbf-frame .searchresult > form > .bline > .il + .ficon {
        display: inline-block
    }
}

@media screen and (max-width: 1279px) {
    .nbf-frame .searchresult {
        padding-left: 12px;
        padding-right: 12px
    }

    .nbf-frame .searchresult > h1 {
        margin-bottom: 12px;
        margin-left: 18px;
        margin-right: 18px
    }

    .nbf-frame .searchresult > h1 .searchterm {
        display: none
    }

    .nbf-frame .searchresult > form > .bline {
        padding-top: 0
    }

    .nbf-frame .searchresult > form > .bline.sitefilter {
        padding: 0 18px
    }

    .nbf-frame .searchresult > form > .bline.sitefilter > .btab-fullwidth {
        display: none
    }

    .nbf-frame .searchresult > form > .bline.sitefilter > .bselect-tab {
        display: inline-block;
        width: 100%
    }

    .nbf-frame .searchresult > form > .bline.sitefilter > .bselect-tab > .bselect-tab-fullwidth {
        width: 100%
    }

    .nbf-frame .searchresult > form > .bline > .il {
        display: inline-block
    }

    .nbf-frame .searchresult > form > .bline > .il + .ficon {
        margin-right: 0;
        margin-top: 9px;
        margin-left: -46px
    }

    .nbf-frame .searchresult > form > .bline > .il + .ficon::before {
        content: "\f800";
        font-size: 28px;
        height: 28px;
        width: 28px
    }

    .nbf-frame .searchresult > form > .bline > .il + .ficon > input {
        border: 0
    }

    .nbf-frame .searchresult > form > .bline > .didyoumean {
        margin-left: 18px;
        margin-right: 18px;
        width: auto
    }

    .nbf-frame .searchresult > ul {
        padding: 0 18px
    }

    .nbf-frame .searchresult > ul > li {
        padding: 30px 0
    }

    .nbf-frame .searchresult > ul > li:first-child {
        padding-top: 30px
    }

    .nbf-frame .searchresult > .searchpaging {
        margin: 24px 18px
    }

    .nbf-frame .searchresult > .searchpaging > .count {
        line-height: 30px
    }

    .nbf-frame .searchresult > .searchpaging > .paging {
        margin-left: 18px
    }

    .nbf-frame .searchresult > .searchpaging > .paging > a, .nbf-frame .searchresult > .searchpaging > .paging > span {
        display: none
    }

    .nbf-frame .searchresult > .searchpaging > .paging .left, .nbf-frame .searchresult > .searchpaging > .paging .right {
        display: inline-block;
        height: 30px;
        width: 30px;
        border: 1px solid #e3e3e3
    }

    .nbf-frame .searchresult > .searchpaging > .paging .right {
        margin-left: 12px
    }

    .nbf-frame .searchresult > .searchpaging > .paging .active {
        display: inline;
        font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #292929;
        background-color: transparent;
        border: 0;
        line-height: 30px;
        margin-left: 12px;
        margin-right: 12px
    }

    .nbf-frame .searchresult > .searchpaging > .paging .active span {
        display: inline
    }
}

.js .cbox-userfeedback {
    display: block
}

.cbox-userfeedback {
    display: none
}

.cbox-userfeedback .question, .cbox-userfeedback .thanks {
    text-align: center
}

.cbox-userfeedback .question {
    color: #444
}

.cbox-userfeedback p {
    margin-left: auto;
    margin-right: auto;
    max-width: 768px
}

.cbox-userfeedback button {
    font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    padding: 9px 20px;
    border-radius: 4px;
    white-space: nowrap;
    color: #fff;
    background-color: red;
    border: 0;
    cursor: pointer;
    margin-top: 12px
}

.cbox-userfeedback button:after {
    content: "\f638";
    font: 21px/81% Pictos-IF;
    margin-left: 7px;
    color: #fff;
    display: inline-block;
    width: 21px;
    height: 21px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle
}

.cbox-userfeedback button[disabled] {
    background-color: #ccc;
    pointer-events: none
}

.cbox-userfeedback .stars {
    white-space: nowrap;
    margin-top: 4px
}

.cbox-userfeedback .stars label {
    display: inline-block;
    margin-left: -22px;
    cursor: pointer;
    background-color: #fff
}

.cbox-userfeedback .stars label:before {
    content: "\f723";
    font: 50px/81% Pictos-IF;
    display: inline-block;
    width: 50px;
    height: 50px;
    color: #ccc
}

.cbox-userfeedback .stars input[type="radio"]:focus {
    outline: 0
}

.cbox-userfeedback .stars div {
    display: inline
}

.cbox-userfeedback .stars div:hover label:before, .cbox-userfeedback .stars div.focus label:before {
    color: red
}

.cbox-userfeedback .stars div:hover ~ label:before, .cbox-userfeedback .stars div.focus ~ label:before {
    color: #ccc
}

.cbox-userfeedback .stars.selected div:hover label:before {
    color: #ccc
}

.cbox-userfeedback .stars.selected div.selected label:before {
    color: red
}

.cbox-userfeedback .stars.selected div.selected ~ label:before {
    color: #ccc
}

.cbox-userfeedback .thanks .msg {
    color: #444;
    padding-left: 35px;
    position: relative;
    display: inline-block;
    text-align: left
}

.cbox-userfeedback .thanks .msg:before {
    content: "\f60e";
    color: #8cbe22;
    font: 50px/81% Pictos-IF;
    width: 50px;
    height: 50px;
    position: absolute;
    margin-top: -16px;
    margin-left: -48px
}

.cbox-userfeedback .thanks .msg + * {
    margin-top: 20px
}

.cbox-userfeedback .thanks a {
    text-decoration: none;
    display: inline-block;
    color: #666;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-top: 10px
}

.cbox-userfeedback .thanks a:after {
    content: "\f638";
    font: 21px/81% Pictos-IF;
    margin-left: 7px;
    display: inline-block;
    width: 21px;
    height: 21px;
    border: 1px solid #666;
    border-radius: 50%;
    color: #666;
    text-align: center
}

.no-touch .cbox-userfeedback button:hover:after, .cbox-userfeedback button:focus:after {
    color: red;
    background-color: #fff
}

.no-touch .cbox-userfeedback .thanks a:hover:after, .cbox-userfeedback .thanks a:focus:after {
    color: #fff;
    background-color: #666
}

@media (max-width: 1079px) {
    .cbox-userfeedback .thanks a {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }
}

.abschlussweiche-container {
    background-color: #f0f0f0
}

.abschlussweiche-container .abschlussweiche {
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    padding: 0;
    position: relative;
    padding-bottom: 67px
}

.abschlussweiche-container .abschlussweiche-demo, .abschlussweiche-container .abschlussweiche-login-only {
    background-color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding: 0;
    position: relative;
    padding-bottom: 67px
}

.block.login-forgotten {
    text-align: right;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box
}

.block.login-forgotten a {
    text-decoration: none;
    color: #666
}

.no-touch .block.login-forgotten a:hover, .block.login-forgotten a:focus {
    text-decoration: underline
}

.abschlussweiche-container.with-login-forgotten .block.login-forgotten {
    position: absolute;
    bottom: 0
}

.abschlussweiche-container.with-login-forgotten > [class*="abschlussweiche"] {
    padding-bottom: 97px
}

.abschlussweiche-container.with-login-forgotten > [class*="abschlussweiche"] .buttonline {
    bottom: 30px
}

.abschlussweiche-separator {
    padding: 10px;
    display: table-cell
}

.abschlussweiche-separator-title {
    padding: 10px
}

.abschlussweiche-container form.abschlussweiche {
    background-color: #fff
}

.abschlussweiche-container.with-anonymous .abschlussweiche {
    background-color: #fff
}

.cbox-medium .abschlussweiche-container.without-anonymous .abschlussweiche-separator, .cbox-medium .abschlussweiche-container.without-anonymous div.abschlussweiche {
    display: none
}

.abschlussweiche-container .block-title {
    background-color: #fff;
    padding-bottom: 0
}

.abschlussweiche-container .abschlussweiche .title, .abschlussweiche-container .abschlussweiche-demo .title {
    font: bold 20px/130% SparkasseWeb, Helvetica, Arial, sans-serif
}

.abschlussweiche-container .abschlussweiche .subtitle {
    display: block
}

.abschlussweiche-container .abschlussweiche .block + .block, .abschlussweiche-container .abschlussweiche-demo .block + .block, .abschlussweiche-container .abschlussweiche-login-only .block + .block {
    border-top: 0;
    padding-top: 0
}

.abschlussweiche-container .abschlussweiche .block.sectype {
    padding-bottom: 12px
}

.abschlussweiche .block.sectype .ficon.icon-blank {
    position: absolute
}

.abschlussweiche-container .abschlussweiche .buttonline, .abschlussweiche-container .abschlussweiche-demo .buttonline {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 67px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px
}

.abschlussweiche-container .abschlussweiche .buttonline.main-buttons, .abschlussweiche-container .abschlussweiche-demo .buttonline.main-buttons {
    border-top: 0
}

.abschlussweiche-container .abschlussweiche .bline > input, .abschlussweiche-container .abschlussweiche .bline > select, .abschlussweiche-container .abschlussweiche .bline > .select-wrap {
    width: 220px
}

.abschlussweiche-container .abschlussweiche .select-wrap select {
    width: 100%
}

.abschlussweiche-container .abschlussweiche .block.login .bline input, .abschlussweiche-container .abschlussweiche-demo .block.login .bline input {
    z-index: 1;
    position: relative;
    background-color: transparent
}

.abschlussweiche-container .abschlussweiche .block.login .bline input.nonempty, .abschlussweiche-container .abschlussweiche-demo .block.login .bline input.nonempty {
    background-color: #fff
}

.cbox-large .abschlussweiche-container .abschlussweiche .bline > label {
    width: 180px
}

.cbox-large .abschlussweiche-container .bline .blineover {
    padding-left: 200px
}

.cbox-large .abschlussweiche-container .abschlussweiche .bline > input, .cbox-large .abschlussweiche-container .abschlussweiche .bline > select, .cbox-large .abschlussweiche-container .abschlussweiche .bline > .select-wrap {
    width: calc(100% - 210px)
}

.cbox-medium .abschlussweiche-container.with-anonymous .sectype label {
    display: none
}

.cbox-medium .abschlussweiche-container.with-anonymous .abschlussweiche .bline > input, .cbox-medium .abschlussweiche-container.with-anonymous .abschlussweiche .bline > select, .cbox-medium .abschlussweiche-container.with-anonymous .abschlussweiche .bline > .select-wrap {
    width: calc(100% - 10px)
}

.cbox-medium .abschlussweiche-container.with-anonymous .login label:after {
    display: none
}

.cbox-medium .abschlussweiche-container.with-anonymous .block.login .bline label {
    position: absolute;
    text-align: left;
    padding-left: 10px;
    margin-top: -7px;
    height: 35px;
    color: #e3e3e3;
    font: italic 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 35px
}

.cbox-medium .abschlussweiche-container.with-anonymous .bline .blineover {
    padding-left: 0
}

.js .cbox-medium .abschlussweiche-container.with-anonymous .block.login .bline label {
    color: #666
}

.abschlussweiche-container .seclink {
    padding: 0 20px;
    margin-top: -5px
}

.abschlussweiche-container .abschlussweiche .buttonline .arrowLink {
    font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    padding: 9px 20px;
    background-color: #666;
    color: #fff;
    border-radius: 4px
}

.abschlussweiche-container .abschlussweiche .buttonline .arrowLink:after {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    font: 21px/81% Pictos-IF;
    content: ">";
    width: 21px;
    height: 21px;
    vertical-align: middle
}

.no-touch .abschlussweiche-container .abschlussweiche .buttonline .arrowLink:hover:after, .abschlussweiche-container .abschlussweiche .buttonline .arrowLink:focus:after {
    color: #666;
    background-color: #fff
}

@media (max-width: 1079px) {
    .cbox-medium .abschlussweiche-container.without-anonymous .abschlussweiche-separator, .cbox-medium .abschlussweiche-container.without-anonymous div.abschlussweiche {
        display: table-cell
    }

    .cbox-medium .abschlussweiche-container.with-anonymous .sectype label {
        display: inline-block
    }

    .cbox-medium .abschlussweiche-container.with-anonymous .abschlussweiche .bline > input, .cbox-medium .abschlussweiche-container.with-anonymous .abschlussweiche .bline > select, .cbox-medium .abschlussweiche-container.with-anonymous .abschlussweiche .bline > .select-wrap {
        width: calc(100% - 210px)
    }

    .cbox-medium .abschlussweiche-container.with-anonymous .login label:after {
        display: inline
    }

    .cbox-medium .abschlussweiche-container.with-anonymous .block.login .bline label {
        position: static;
        color: #666;
        padding-left: 0;
        text-align: right;
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        margin-top: 0
    }

    .cbox-medium .abschlussweiche-container.with-anonymous .bline .blineover {
        padding-left: 200px
    }

    .abschlussweiche-separator {
        padding: 5px
    }

    .block.login-forgotten {
        padding-right: 10px
    }

    .abschlussweiche-container .abschlussweiche {
        padding-bottom: 57px
    }

    .abschlussweiche-container .abschlussweiche .buttonline, .abschlussweiche-container .abschlussweiche-demo .buttonline {
        height: 57px
    }

    .abschlussweiche-container .abschlussweiche .bline > label {
        width: 180px
    }

    .abschlussweiche-container .abschlussweiche .bline > input, .abschlussweiche-container .abschlussweiche .bline > select, .abschlussweiche-container .abschlussweiche .bline > .select-wrap {
        width: calc(100% - 210px)
    }

    .abschlussweiche-container .bline .blineover {
        padding-left: 200px
    }

    .abschlussweiche-container .seclink {
        padding: 0 10px
    }
}

@media screen and (max-width: 767px) {
    .abschlussweiche-container .abschlussweiche, .abschlussweiche-separator {
        display: block;
        width: 100%
    }

    .cbox-medium .abschlussweiche-container.without-anonymous .abschlussweiche-separator, .cbox-large .abschlussweiche-container.without-anonymous .abschlussweiche-separator, .cbox-medium .abschlussweiche-container.without-anonymous div.abschlussweiche, .cbox-large .abschlussweiche-container.without-anonymous div.abschlussweiche {
        display: none
    }

    .abschlussweiche-container .abschlussweiche, .abschlussweiche-container .abschlussweiche-demo {
        padding-bottom: 0
    }

    .abschlussweiche-container div.abschlussweiche .buttonline {
        padding-top: 20px;
        position: static;
        height: auto
    }

    .abschlussweiche-container .abschlussweiche .block + .seclink, .abschlussweiche-container .abschlussweiche-demo .block + .seclink {
        padding-top: 57px;
        padding-bottom: 10px
    }

    .abschlussweiche-container form.abschlussweiche .buttonline, .abschlussweiche-container form.abschlussweiche-demo .buttonline {
        position: absolute;
        bottom: 35px
    }

    .abschlussweiche-container.with-login-forgotten > [class*="abschlussweiche"] {
        padding-bottom: 0
    }

    .abschlussweiche-container.with-login-forgotten form[class*="abschlussweiche"] {
        padding-bottom: 30px
    }

    .abschlussweiche-container.with-login-forgotten form[class*="abschlussweiche"] .buttonline {
        bottom: 65px
    }

    .abschlussweiche-info {
        display: none
    }
}

@media screen and (max-width: 549px) {
    .abschlussweiche .sectype label, .cbox-medium .abschlussweiche-container.with-anonymous .sectype label {
        display: none
    }

    .cbox-large .abschlussweiche-container .abschlussweiche .bline > input, .cbox-medium .abschlussweiche-container .abschlussweiche .bline > input, .cbox-medium .abschlussweiche-container.with-anonymous .abschlussweiche .bline > input, .cbox-large .abschlussweiche-container .abschlussweiche-demo .bline > input, .cbox-medium .abschlussweiche-container .abschlussweiche-demo .bline > input, .cbox-medium .abschlussweiche-container.with-anonymous .abschlussweiche-demo .bline > input, .cbox-large .abschlussweiche-container .abschlussweiche .bline > select, .cbox-medium .abschlussweiche-container .abschlussweiche .bline > select, .cbox-medium .abschlussweiche-container.with-anonymous .abschlussweiche .bline > select, .cbox-large .abschlussweiche-container .abschlussweiche .bline > .select-wrap, .cbox-medium .abschlussweiche-container .abschlussweiche .bline > .select-wrap, .cbox-medium .abschlussweiche-container.with-anonymous .abschlussweiche .bline > .select-wrap {
        width: calc(100% - 10px)
    }

    .cbox-large .abschlussweiche-container .bline .blineover, .cbox-medium .abschlussweiche-container .bline .blineover, .cbox-medium .abschlussweiche-container.with-anonymous .bline .blineover {
        padding-left: 0
    }

    .abschlussweiche-container .abschlussweiche .block.sectype {
        padding-bottom: 0
    }

    .abschlussweiche-container .login label:after, .cbox-medium .abschlussweiche-container.with-anonymous .login label:after {
        display: none
    }

    .abschlussweiche-container .block.login .bline label, .cbox-medium .abschlussweiche-container.with-anonymous .block.login .bline label {
        position: absolute;
        text-align: left;
        padding-left: 10px;
        margin-top: -5px;
        height: 30px;
        color: #e3e3e3;
        font: italic 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 30px;
        padding-bottom: 0
    }

    .js .abschlussweiche-container .block.login .bline label {
        color: #666
    }
}

@media screen and (max-width: 480px) {
    .abschlussweiche-container .buttonline a {
        width: 80%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .abschlussweiche-container .abschlussweiche .buttonline .arrowLink {
        margin-right: 0
    }

    .block.login-forgotten {
        text-align: center
    }

    .abschlussweiche-container .abschlussweiche .buttonline.main-buttons, .abschlussweiche-container .abschlussweiche-demo .buttonline.main-buttons {
        border-bottom: 0
    }
}

.finaccount.ixl, .fininst.ixl, .finaccount.ixxl, .fininst.ixxl, .finaccount.ixxxl, .fininst.ixxxl {
    white-space: nowrap
}

.finaccount > span, .fininst > span {
    display: block;
    padding-left: 52px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    color: #333
}

.finaccount .title, .fininst .title {
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-bottom: 3px
}

.finaccount .title.icon-fi-none, .fininst .title.icon-fi-none {
    padding-left: 0
}

.finaccount .title.icon-fi-none:before, .fininst .title.icon-fi-none:before {
    display: none
}

.finaccount .title.icon-fi-none ~ span, .fininst .title.icon-fi-none ~ span {
    padding-left: 0
}

.finaccount .title:before, .fininst .title:before {
    font: 42px/81% Pictos-IF;
    color: #333;
    width: 42px;
    height: 42px;
    position: absolute;
    margin-left: -52px;
    margin-top: 1px
}

.finaccount .title:last-child, .fininst .title:last-child {
    margin-bottom: 0
}

.finaccount .title:last-child:before, .fininst .title:last-child:before {
    margin-top: -11px
}

.finaccount .iban, .fininst .blzbic {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box
}

.finaccount .iban:last-child {
    display: block;
    margin-top: 2px
}

.bline .finaccount, .bline .fininst {
    margin-top: -7px
}

.bline .finaccount > span, .bline .fininst > span {
    padding-left: 32px;
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-bottom: -6px;
    color: #666
}

.bline .finaccount > span:last-child, .bline .fininst > span:last-child {
    margin-bottom: -2px
}

.bline .finaccount .title, .bline .fininst .title {
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 110%;
    margin-bottom: -5px
}

.bline .finaccount .title:before, .bline .fininst .title:before {
    font: 38px/81% Pictos-IF;
    color: #666;
    width: 38px;
    height: 38px;
    margin-left: -37px;
    margin-top: -2px
}

.bline .finaccount .title:last-child, .bline .fininst .title:last-child {
    margin-top: 7px
}

.bline .finaccount .title:last-child:before, .bline .fininst .title:last-child:before {
    margin-top: -10px
}

.bline + .finaccount, .bline + .fininst, .finaccount + .bline, .fininst + .bline {
    margin-top: 12px
}

h2 + .finaccount, h2 + .fininst {
    margin-top: 12px
}

.bline.follows-fininst, .bline.follows-finaccount {
    margin-left: 52px
}

.baction-entry {
    margin-top: 3px
}

.baction-entry + .baction-entry {
    margin-left: 10px;
    border-left: 1px solid #ccc;
    padding-left: 20px
}

.baction-entry > * {
    display: block
}

.baction-entry > a {
    line-height: 25px;
    padding: 0 0 0 23px;
    margin-right: 0;
    position: relative;
    margin-bottom: 0
}

.baction-entry > a:before {
    font: 30px/81% Pictos-IF;
    color: #666;
    width: 30px;
    height: 30px;
    border: 0;
    position: absolute;
    margin-left: -30px;
    margin-top: -2px
}

.baction-entry > .ficon {
    width: auto;
    height: auto;
    margin: 0
}

.baction-entry > .ficon input {
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 25px;
    padding: 0 0 0 23px;
    position: relative;
    margin: 0;
    width: auto;
    height: auto;
    color: #666
}

.baction-entry > .ficon:before {
    font: 30px/81% Pictos-IF;
    color: #666;
    width: 30px;
    height: 30px;
    border: 0;
    margin-right: -23px;
    margin-top: -2px;
    margin-left: -7px
}

.no-touch .baction-entry > a:hover, .baction-entry > a:focus {
    color: red;
    outline: 0
}

.no-touch .baction-entry > a:hover:before, .baction-entry > a:focus:before {
    color: red;
    background-color: transparent
}

.no-touch .baction-entry > .ficon:hover input, .baction-entry > .ficon.focus input {
    color: red
}

.no-touch .baction-entry > .ficon:hover:before, .baction-entry > .ficon.focus:before {
    color: red;
    background-color: transparent
}

label ~ .baction-entry, .label ~ .baction-entry {
    margin-top: -2px
}

.mbf-onboarding {
    min-height: 890px;
    padding-bottom: 82px
}

.mbf-onboarding .buttonline {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box
}

table.onboarding .not-hoverable {
    color: #666
}

table.onboarding .not-hoverable .fininst .title {
    color: #666
}

table.onboarding .not-hoverable .fininst .title:before {
    font: 42px/81% Pictos-IF;
    color: #666
}

.btableblock .table_mbf_bankverbindung_hinzu.always-columns .tablerowodd td:first-child, .btableblock .table_mbf_bankverbindung_hinzu.always-columns .tableroweven td:first-child {
    width: 52px;
    padding-right: 10px;
    box-sizing: border-box;
    text-align: center
}

.btableblock .table_mbf_bankverbindung_hinzu.always-columns .tablerowodd td:first-child + td, .btableblock .table_mbf_bankverbindung_hinzu.always-columns .tableroweven td:first-child + td {
    padding-left: 0
}

@media (max-width: 1079px) {
    .bline .finaccount, .bline .fininst {
        margin-top: -5px
    }

    .bline .finaccount .title, .bline .fininst .title {
        margin-bottom: -3px
    }

    .bline .finaccount .title:last-child, .bline .fininst .title:last-child {
        margin-top: 5px
    }

    .finaccount + .bline, .fininst + .bline {
        margin-top: 10px
    }

    .baction-entry {
        margin-bottom: 10px
    }

    .baction-entry > .ficon input {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 25px
    }

    label ~ .baction-entry, .label ~ .baction-entry {
        margin-top: -1px
    }

    .mbf-onboarding {
        min-height: 796px;
        padding-bottom: 62px
    }
}

@media screen and (max-width: 767px) {
    .finaccount > span, .fininst > span {
        padding-left: 42px
    }

    .finaccount .title:before, .fininst .title:before {
        font: 32px/81% Pictos-IF;
        color: #666;
        width: 32px;
        height: 32px;
        margin-left: -42px;
        margin-top: 5px
    }

    .finaccount .title:last-child:before, .fininst .title:last-child:before {
        margin-top: -5px
    }

    .bline .finaccount > span, .bline .fininst > span {
        padding-left: 24px
    }

    .bline .finaccount .title, .bline .fininst .title {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 110%
    }

    .bline .finaccount .title:before, .bline .fininst .title:before {
        font: 28px/81% Pictos-IF;
        color: #666;
        width: 28px;
        height: 28px;
        margin-left: -27px;
        margin-top: 2px
    }

    .bline .finaccount .title:last-child:before, .bline .fininst .title:last-child:before {
        margin-top: -6px
    }

    .bline.follows-fininst {
        margin-left: 42px
    }

    .baction-entry {
        width: 100%;
        width: calc(100% - 10px);
        margin-top: 10px;
        margin-bottom: 10px
    }

    .baction-entry + .baction-entry {
        border-left: 0;
        margin-left: 0;
        margin-top: 0;
        padding-left: 0
    }

    .baction-entry > a {
        padding: 0 0 0 23px
    }

    label ~ .baction-entry, .label ~ .baction-entry {
        width: auto
    }

    .mbf-onboarding {
        min-height: 0;
        padding-bottom: 0
    }

    .mbf-onboarding .buttonline {
        position: static
    }

    table.onboarding .not-hoverable .fininst .title:before {
        font: 32px/81% Pictos-IF;
        color: #666
    }

    .btableblock .table_mbf_bankverbindung_hinzu.always-columns .tablerowodd td:first-child, .btableblock .table_mbf_bankverbindung_hinzu.always-columns .tableroweven td:first-child {
        width: 42px
    }

    .btableblock .table_mbf_bankverbindung_hinzu.always-columns .tablerowodd td:first-child + td input, .btableblock .table_mbf_bankverbindung_hinzu.always-columns .tableroweven td:first-child + td input {
        width: 100%
    }
}

@media screen and (max-width: 649px) {
    table.onboarding td:last-child .ficon {
        margin-top: -4px
    }

    table.onboarding td:first-child + td {
        text-align: left;
        margin-top: -8px
    }

    table.onboarding td:first-child + td > span {
        margin-left: 42px;
        margin-right: 30px
    }

    table.onboarding .hoverable .fininst {
        margin-right: 30px
    }

    table.onboarding .hoverable .fininst .title:last-child::before {
        margin-top: 5px
    }
}

.block + .banking-container.pfs {
    padding-top: 20px
}

.banking-container.pfs .block + .block, .banking-container.pfs .block + .expand, .banking-container.pfs .expand + .expand, .banking-container.pfs .expand + .block {
    border-top-width: 20px
}

.banking-container.pfs .block + .bpagerblock {
    display: none
}

.banking-container.pfs .bcontainer-micronav {
    width: 33.33%
}

.banking-container.pfs .bcontainer-content {
    width: 66.66%
}

.banking-container.pfs .bcontainer-content > .cbox-banking:first-child {
    min-height: 350px
}

.banking-container.pfs .block.toolbar {
    padding-bottom: 0
}

.banking-container.pfs .block.toolbar h2 {
    display: none
}

.banking-container.pfs .block.toolbar .bline {
    margin-left: -20px;
    margin-top: -20px;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #f0f0f0;
    padding: 20px 10px 0 20px
}

.banking-container.pfs .block.toolbar .bline select {
    width: 247px
}

.banking-container.pfs .block.toolbar .bline:last-child {
    border-bottom: 0
}

.banking-container.pfs .block.toolbar .bline + h2 {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px
}

.banking-container.pfs .block.toolbar .actioniconLink {
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: red;
    max-width: 247px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.banking-container.pfs .block.toolbar .actioniconLink:before {
    content: "<";
    color: red;
    font: 21px/81% Pictos-IF;
    margin: 0 -3px 0 -5px;
    width: 21px;
    text-align: center;
    border: 0
}

.banking-container.pfs .block.success-msg + .block, .banking-container.pfs .block.failure-msg + .block {
    border-top-width: 0
}

.banking-container.pfs .block.firmenauswahl {
    display: none
}

.banking-container.pfs ~ .buttonline {
    display: none
}

.no-touch .block.toolbar .actioniconLink:hover:before, .block.toolbar .actioniconLink:focus:before {
    color: red;
    background-color: transparent
}

.block.success-msg {
    padding: 0;
    overflow: hidden
}

.block.success-msg .bline {
    min-height: 60px;
    box-sizing: border-box;
    border-bottom: 2px solid #8cbe22;
    background-color: #f3fae5;
    color: #444;
    padding: 19px 20px 20px 50px;
    position: relative
}

.block.success-msg .bline:before {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font: 28px/81% Pictos-IF;
    content: "v";
    color: #fff;
    background-color: #8cbe22;
    border: 1px solid #8cbe22;
    position: absolute;
    left: 10px;
    top: 15px
}

.block.failure-msg {
    padding: 0;
    overflow: hidden
}

.block.failure-msg .bline {
    min-height: 60px;
    box-sizing: border-box;
    border-bottom: 2px solid #ff8f00;
    background-color: #fff4e5;
    color: #444;
    padding: 19px 20px 20px 50px;
    position: relative
}

.block.failure-msg .bline:before {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font: 28px/81% Pictos-IF;
    content: "×";
    color: #fff;
    background-color: #ff8f00;
    border: 1px solid #ff8f00;
    position: absolute;
    left: 10px;
    top: 15px
}

ul.micronav {
    padding: 0 10px 0 0;
    margin: -20px 0
}

ul.micronav li {
    display: block;
    width: 100%;
    position: relative;
    padding: 10px 0
}

ul.micronav li + li {
    border-top: 1px solid #e3e3e3
}

ul.micronav li:before {
    display: none
}

ul.micronav li > a {
    color: #666;
    display: table;
    width: 100%;
    text-decoration: none
}

ul.micronav li > a > span {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 40px;
    padding-left: 28px
}

ul.micronav li > a:before {
    font: 35px/81% Pictos-IF;
    position: absolute;
    left: 0;
    top: 13px;
    color: #666;
    margin-left: -7px
}

ul.micronav li.active > a:before {
    font: 35px/81% Pictos-IF;
    color: red
}

ul.micronav li > a:after {
    content: ">";
    font: 15px/81% Pictos-IF;
    position: absolute;
    right: 0;
    top: 14px;
    color: #666;
    display: none
}

ul.micronav li.active > a {
    color: red
}

ul.micronav li.mark > a {
    font-weight: bold
}

ul.micronav li + li.with-separator {
    margin-top: 20px;
    border-top: 0
}

ul.micronav li + li.with-separator:before {
    display: block;
    margin-left: -20px;
    height: 20px;
    background-color: #f0f0f0;
    width: 100%;
    padding: 0 20px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -20px
}

ul.micronav ul {
    padding: 0 0 0 28px;
    margin: 10px 0 -10px 0;
    border-top: 1px solid #e3e3e3
}

ul.micronav ul li:before {
    content: "";
    width: 6px;
    height: 15px;
    display: block;
    border-left: 2px solid #e3e3e3;
    border-bottom: 2px solid #e3e3e3;
    position: absolute;
    left: 11px;
    top: 15px
}

ul.micronav ul li + li:before {
    height: 60px;
    top: -30px
}

ul.micronav ul li > a > span {
    padding-left: 0
}

.no-touch ul.micronav li > a:hover, ul.micronav li > a:focus {
    color: red
}

.no-touch ul.micronav li > a:hover:before, ul.micronav li > a:focus:before {
    color: red
}

.no-touch ul.micronav li > a:hover:after, ul.micronav li > a:focus:after {
    color: red
}

.no-touch ul.micronav li.active > a:hover, ul.micronav li.active > a:focus {
    text-decoration: underline
}

.no-touch ul.micronav li.active > a:hover:before, ul.micronav li.active > a:focus:before {
    text-decoration: underline
}

.no-touch ul.micronav li.active > a:hover:before, ul.micronav li.active > a:focus:before {
    text-decoration: none
}

.block.main-button {
    padding: 0
}

.block.main-button a {
    color: #fff;
    background-color: red;
    text-decoration: none;
    width: 100%;
    text-align: center;
    display: inline-block;
    position: relative;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 60px;
    font-weight: bold;
    padding: 0 40px;
    box-sizing: border-box;
    margin: 0
}

.block.main-button a:before {
    font: 35px/81% Pictos-IF;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -17.5px;
    color: #fff;
    margin-left: 12px;
    border: 0
}

.no-touch .block.main-button .actioniconLink:hover:before, .block.main-button .actioniconLink:focus:before {
    color: #fff;
    background-color: red
}

.bline div.tgroup {
    float: right;
    margin-top: -20px;
    margin-right: 0
}

.tgroup ul {
    padding-left: 0
}

.tgroup ul li:before {
    display: none
}

.tgroup li {
    display: inline-block;
    vertical-align: top;
    padding: 10px
}

.tgroup ul li > ul {
    display: none;
    position: absolute;
    background-color: #fff;
    right: 0;
    box-shadow: 0 0 5px #666;
    padding: 0 20px;
    z-index: 4
}

.tgroup ul li > ul li {
    display: block;
    padding: 0
}

.tgroup ul li > ul li + li {
    border-top: 1px solid #e3e3e3
}

.tgroup ul li > ul li > .ficon {
    margin-top: 0;
    width: 100%
}

.tgroup ul li > ul li > a.ficon, .tgroup ul li > ul li > .ficon input {
    text-align: left;
    padding: 22px 20px 22px 26px;
    cursor: pointer;
    background-color: transparent;
    margin-top: 0;
    height: auto;
    color: #666;
    box-sizing: border-box;
    width: 100%
}

.tgroup ul li > ul .ficon:before {
    left: 0;
    margin-left: -8px;
    top: 12px
}

.tgroup > ul > li.tsubgroup {
    padding: 0;
    position: relative
}

.tgroup > ul > li.tsubgroup .tgroup-toggle {
    background-color: #fff;
    position: relative;
    margin-right: 0;
    padding: 10px;
    height: 40px
}

.tgroup > ul > li.tsubgroup .tgroup-toggle:after {
    content: "";
    border-bottom: 15px solid #fff;
    z-index: 5;
    display: none;
    position: relative;
    margin-left: -10px;
    margin-right: -10px
}

.tgroup > ul > li.tsubgroup .tgroup-toggle a {
    display: block
}

.tgroup > ul > li.tsubgroup .tgroup-toggle a + a {
    height: 0;
    padding-top: 5px;
    overflow: hidden;
    color: red;
    z-index: 6
}

.tgroup > ul > li.tsubgroup .tgroup-toggle a + a:before {
    color: red
}

.tgroup > ul > li.tsubgroup:last-child {
    margin-right: -10px
}

.tgroup > ul > li.tsubgroup:last-child .tgroup-toggle {
    padding-right: 20px
}

.tgroup > ul > li.tsubgroup:last-child .tgroup-toggle:after {
    margin-right: -20px
}

.tgroup > ul > li.tsubgroup:hover .tgroup-toggle {
    box-shadow: 0 0 5px #666
}

.tgroup > ul > li.tsubgroup:hover .tgroup-toggle:after {
    display: block
}

.tgroup > ul > li.tsubgroup:hover > ul {
    display: block
}

.tgroup .ficon {
    position: relative;
    vertical-align: bottom;
    overflow: visible;
    height: auto;
    width: auto;
    margin-right: 0;
    margin-top: -5px
}

.tgroup a.ficon, .tgroup .ficon input {
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    text-align: center;
    padding: 29px 0 0 0;
    cursor: pointer;
    position: relative;
    z-index: 1;
    background-color: transparent;
    height: auto;
    color: #666;
    text-decoration: none
}

.tgroup .ficon:before {
    font: 35px/81% Pictos-IF;
    width: 35px;
    height: 35px;
    display: inline-block;
    color: #666;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -17.5px;
    border: 0
}

.tgroup .ficon.disabled {
    pointer-events: none;
    opacity: .3
}

.tgroup .ficon.icon-b_filter_active:before {
    font: 35px/81% Pictos-IF;
    color: #00724b;
    content: "\f7d6"
}

.no-touch .tgroup .ficon:hover, .no-touch .tgroup .ficon:hover > input, .tgroup .ficon:focus, .tgroup .ficon.focus, .tgroup .ficon input:focus {
    color: red;
    outline: 0
}

.no-touch .tgroup .ficon:hover:before, .tgroup .ficon:focus:before, .tgroup .ficon.focus:before {
    background-color: transparent;
    color: red
}

.js .tgroup > ul > li.tsubgroup:hover .tgroup-toggle {
    box-shadow: none
}

.js .tgroup > ul > li.tsubgroup:hover .tgroup-toggle:after {
    display: none
}

.js .tgroup > ul > li.tsubgroup:hover > ul {
    display: none
}

.js .tgroup > ul > li.tsubgroup.visible > ul {
    display: block
}

.js .tgroup > ul > li.tsubgroup.visible .tgroup-toggle {
    box-shadow: 0 0 5px #666
}

.js .tgroup > ul > li.tsubgroup.visible .tgroup-toggle:after {
    display: block
}

.js .tgroup > ul > li.tsubgroup.visible .tgroup-toggle a {
    height: 0;
    padding-top: 5px;
    overflow: hidden
}

.js .tgroup > ul > li.tsubgroup.visible .tgroup-toggle a + a {
    padding-top: 29px;
    height: auto
}

.if6_lightbox .cbox-banking {
    padding: 0;
    overflow: hidden
}

.btopbuttonline > div {
    top: 0;
    border-bottom: 2px solid #666
}

.bbottombuttonline > div {
    border-top: 2px solid #666;
    bottom: 0
}

.if6_lightbox .msginfo, .if6_lightbox .msgerror {
    padding-top: 82px
}

.if6_lightbox .msginfo + form .btopbuttonline, .if6_lightbox .msgerror + form .btopbuttonline {
    height: 0
}

.if6_lightbox .blineover .msgerror, .if6_lightbox .blineover .msginfo {
    padding: 0 0 18px
}

.if6_lightbox .btopbuttonline .buttonline, .if6_lightbox .bbottombuttonline .buttonline {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100
}

.btopbuttonline, .bbottombuttonline {
    height: 62px
}

.btopbuttonline .buttonline, .bbottombuttonline .buttonline {
    width: 100%;
    box-sizing: border-box;
    height: 62px;
    text-align: center;
    padding-bottom: 20px;
    background-color: #fff
}

.btopbuttonline .buttonline .bgroup1, .bbottombuttonline .buttonline .bgroup1 {
    float: right
}

.btopbuttonline .buttonline .bgroup1 .ficon, .bbottombuttonline .buttonline .bgroup1 .ficon {
    background-color: transparent
}

.btopbuttonline .buttonline .ficon:before, .bbottombuttonline .buttonline .ficon:before, .btopbuttonline .buttonline .ficon:after, .bbottombuttonline .buttonline .ficon:after, .btopbuttonline .buttonline .ficon:hover:after, .bbottombuttonline .buttonline .ficon:hover:after, .btopbuttonline .buttonline .ficon.focus:after, .bbottombuttonline .buttonline .ficon.focus:after {
    display: none
}

.btopbuttonline .buttonline div > div.ficon input, .bbottombuttonline .buttonline div > div.ficon input {
    padding: 0;
    color: red;
    font-weight: normal
}

.btopbuttonline .buttonline div > div.ficon input[disabled], .bbottombuttonline .buttonline div > div.ficon input[disabled] {
    color: #b3b3b3
}

.btopbuttonline .buttonline .btitle h3, .bbottombuttonline .buttonline .btitle h3 {
    color: #666;
    font: 14px SparkasseWeb, Helvetica, Arial, sans-serif;
    margin: 0
}

.iconbarbuttons {
    display: none;
    width: 100%
}

table.pf-liste a {
    text-decoration: none;
    color: inherit
}

table.pf-liste .has-document-symbol {
    position: relative;
    padding-left: 18px;
    display: inline
}

table.pf-liste .has-document-symbol:before {
    font: 24px/81% Pictos-IF;
    height: 24px;
    width: 24px;
    position: absolute;
    display: inline-block;
    margin-left: -24px;
    margin-top: -2px
}

table.pf-liste .tablerowmarked {
    font-weight: bold
}

.no-touch table.pf-liste tr.clickable:hover .has-document-symbol:before {
    color: red
}

.pf-attachment {
    padding-right: 13px;
    position: relative
}

.pf-attachment:after {
    position: absolute;
    content: "\f71e";
    color: #444;
    font: 32px/81% Pictos-IF;
    height: 32px;
    width: 32px;
    display: inline-block;
    margin-top: -5px;
    margin-left: -8px
}

.esafe-filelist a {
    text-decoration: none;
    color: inherit
}

.esafe-filelist th:first-child + th, .esafe-filelist td:first-child + td {
    padding-left: 0
}

.esafe-entry {
    white-space: nowrap
}

.esafe-entry > * {
    display: inline-block;
    vertical-align: middle;
    white-space: normal
}

.esafe-entry .nicon {
    margin-right: -20px
}

.esafe-entry > div {
    padding-left: 25px;
    width: 100%;
    box-sizing: border-box
}

.esafe-entry a {
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.esafe-entry.directory a {
    font-weight: bold
}

ul.uploadListe {
    list-style-type: none;
    padding: 0;
    max-height: 300px;
    overflow-y: auto;
    border-top: #666 1px solid;
    border-bottom: #666 1px solid;
    margin-bottom: 70px
}

ul.uploadListe .validierbar {
    padding: 2px 6px
}

ul.uploadListe .msgerror {
    padding: 0
}

ul.uploadListe li.datei {
    text-align: right;
    margin: 0 2%;
    padding: 4px 1%
}

ul.uploadListe li.datei:not(.fehler) {
    border-top: #666 1px solid
}

ul.uploadListe li.datei:first-child:not(.fehler) {
    border-top: 0
}

ul.uploadListe li.datei.erfolg .validierung.msgerror .error {
    color: #666
}

ul.uploadListe li.datei.erfolg .kontrolle::after {
    content: "v";
    font: 30px/81% Pictos-IF;
    color: #009864;
    position: absolute;
    margin-left: -32px;
    margin-top: -28px
}

ul.uploadListe li.datei .name {
    display: inline-block;
    word-break: break-all;
    margin: 1px 5px;
    float: left;
    text-align: left
}

ul.uploadListe li.datei .validierung ul:empty {
    display: none
}

ul.uploadListe li.datei .validierung ul {
    padding: 3px 20px
}

ul.uploadListe li.datei .kontrolle {
    display: inline-block;
    margin: 1px 0;
    position: relative
}

ul.uploadListe li.datei .kontrolle .groesse {
    margin: 0 5px;
    display: inline-block;
    width: 70px
}

ul.uploadListe li.datei .kontrolle progress {
    margin: 0 5px 6px;
    height: 4px;
    width: 105px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: #f0f0f0;
    color: #00acd3
}

ul.uploadListe li.datei .kontrolle progress::-webkit-progress-bar {
    background-color: #f0f0f0
}

ul.uploadListe li.datei .kontrolle progress::-webkit-progress-value {
    background-color: #00acd3 !important
}

ul.uploadListe li.datei .kontrolle progress::-moz-progress-bar {
    background-color: #00acd3 !important
}

ul.uploadListe li.datei .kontrolle input {
    margin: 0 5px;
    line-height: 12px
}

ul.uploadListe li.datei .kontrolle input[disabled] {
    color: #ccc
}

ul.uploadListe .erfolg .kontrolle input {
    opacity: 0
}

ul.uploadListe .fehler {
    border: #f00 2px solid;
    border-radius: 5px;
    margin-top: 1px;
    margin-bottom: 1px
}

ul.uploadListe li:before {
    content: none
}

div.uploadListeMarker + form .bline > label, div.uploadListeMarker + form .bline > .label {
    width: 170px;
    padding: 2px 6px
}

div.uploadListeMarker + form .bline > label.fehler, div.uploadListeMarker + form .bline > .label.fehler {
    border: #f00 2px solid;
    border-radius: 5px;
    margin-top: 1px;
    margin-bottom: 1px
}

div.uploadListeMarker + form .bline > label.fehler + div, div.uploadListeMarker + form .bline > .label.fehler + div {
    color: red
}

div.uploadListeMarker + form .bline > label + div, div.uploadListeMarker + form .bline > .label + div {
    padding: 2px 6px;
    display: block
}

@media screen and (max-width: 380px) {
    div.uploadListeMarker + form .bline input[type=file] {
        width: 96%
    }
}

div.uploadListeMarker + form .bbottombuttonline {
    height: 0
}

div.uploadListeMarker + form .bbottombuttonline .buttonline {
    top: auto !important;
    bottom: 0 !important
}

@media (max-width: 1079px) {
    .block + .banking-container.pfs {
        padding-top: 10px
    }

    .banking-container.pfs .bcontainer-micronav {
        width: 270px
    }

    .banking-container.pfs .bcontainer-content {
        width: calc(100% - 270px)
    }

    .banking-container.pfs .block + .block, .banking-container.pfs .block + .expand, .banking-container.pfs .expand + .expand, .banking-container.pfs .expand + .block {
        border-top-width: 10px
    }

    .banking-container.pfs .block.toolbar .bline {
        height: 36px;
        margin-left: -10px;
        margin-top: -10px;
        padding: 18px 0 0 10px
    }

    .banking-container.pfs .block.toolbar .bline + h2 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .banking-container.pfs .block.toolbar .actioniconLink {
        font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .block.success-msg .bline, .block.failure-msg .bline {
        min-height: 44px;
        padding: 11.5px 10px 10px 45px
    }

    .block.success-msg .bline:before {
        width: 23px;
        height: 23px;
        font: 23px/81% Pictos-IF;
        content: "v";
        color: #fff;
        left: 10px;
        top: 9.5px
    }

    .block.failure-msg .bline:before {
        width: 23px;
        height: 23px;
        font: 23px/81% Pictos-IF;
        content: "×";
        color: #fff;
        left: 10px;
        top: 9.5px
    }

    ul.micronav {
        margin: -10px 0
    }

    ul.micronav li > a > span {
        height: 24px
    }

    ul.micronav li > a:before {
        top: 3px
    }

    ul.micronav ul li:before {
        height: 10px;
        top: 11px
    }

    ul.micronav ul li + li:before {
        height: 44px;
        top: -23px
    }

    ul.micronav li + li.with-separator {
        margin-top: 10px
    }

    ul.micronav li + li.with-separator:before {
        height: 10px;
        margin-top: -10px;
        margin-left: -10px;
        padding: 0 10px
    }

    .block.main-button a {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        font-weight: bold;
        line-height: 54px;
        padding: 0 30px
    }

    .block.main-button a:before {
        margin-left: 2px
    }

    .bline div.tgroup {
        margin-top: -18px
    }

    .tgroup ul > li.tsubgroup .tgroup-toggle {
        padding: 5px 10px 4px 10px;
        height: 45px
    }

    .tgroup ul > li.tsubgroup .tgroup-toggle:after {
        margin-top: -5px
    }

    .tgroup ul > li.tsubgroup:last-child {
        margin-right: 0
    }

    .tgroup ul > li.tsubgroup:last-child .tgroup-toggle {
        padding-right: 10px
    }

    .tgroup ul > li.tsubgroup:last-child .tgroup-toggle:after {
        margin-right: -10px
    }

    .tgroup li {
        padding: 5px 10px 4px 10px
    }

    .tgroup a.ficon, .tgroup .ficon input {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif;
        padding-top: 36px
    }

    .tgroup .ficon input {
        margin-top: 0;
        margin-bottom: 0
    }

    .tgroup ul li > ul {
        padding: 0 10px
    }

    .tgroup ul li > ul li > a.ficon, .tgroup ul li > ul li > .ficon input {
        padding: 15px 10px 15px 26px
    }

    .tgroup ul li > ul .ficon:before {
        top: 5px
    }

    .js .tgroup > ul > li.tsubgroup.visible .tgroup-toggle a + a {
        padding-top: 36px
    }

    .if6_lightbox .msginfo, .if6_lightbox .msgerror {
        padding-top: 56px
    }

    .if6_lightbox .blineover .msgerror, .if6_lightbox .blineover .msginfo {
        padding-bottom: 10px
    }

    .btopbuttonline, .bbottombuttonline {
        height: 46px
    }

    .btopbuttonline .buttonline, .bbottombuttonline .buttonline {
        height: 46px;
        padding-bottom: 10px
    }

    .btopbuttonline .buttonline .btitle h3, .bbottombuttonline .buttonline .btitle h3 {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif
    }
}

@media screen and (max-width: 869px) {
    .banking-container.pfs .block.toolbar .bline select {
        width: 147px
    }

    .banking-container.pfs .block.toolbar .actioniconLink {
        max-width: 147px
    }

    table.pf-liste th:nth-child(4), table.pf-liste td:nth-child(4) {
        display: none
    }

    .btableblock table.pf-liste.always-columns th:nth-child(4) {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .banking-container.pfs .block.toolbar .bline select {
        width: 75px
    }

    .banking-container.pfs .block.toolbar .actioniconLink {
        max-width: 75px
    }
}

@media screen and (max-width: 688px) {
    .banking-container.pfs .bcontainer-micronav, .banking-container.pfs .bcontainer-content {
        width: 100%
    }

    .banking-container.pfs .block.toolbar {
        padding: 0 10px
    }

    .banking-container.pfs .block.toolbar h2 {
        display: block;
        padding-top: 10px
    }

    .banking-container.pfs .block.toolbar .bline {
        border-bottom: 0;
        height: auto;
        padding-top: 0;
        margin-top: 0
    }

    .banking-container.pfs .block.toolbar .bline > * {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .banking-container.pfs .block.toolbar .bline > .ficon {
        margin-top: 9px
    }

    .banking-container.pfs .block.toolbar .bline > .actioniconLink {
        margin-top: 10px
    }

    .banking-container.pfs .block.toolbar .bline select {
        width: calc(100% - 56px)
    }

    .banking-container.pfs .block.toolbar .bline .select-wrap {
        margin-top: 8px;
        width: calc(100% - 56px)
    }

    .banking-container.pfs .block.toolbar .bline .select-wrap select {
        width: 100%
    }

    .banking-container.pfs .block.toolbar .bline br {
        display: none
    }

    .banking-container.pfs .block.toolbar .bline + h2 {
        display: none
    }

    .banking-container.pfs .block.toolbar .actioniconLink {
        max-width: 100%
    }

    .banking-container.pfs .btableblock .btable th .ficon {
        display: none
    }

    .js .banking-container.pfs {
        overflow: hidden
    }

    .js .banking-container.pfs .bcontainer-content {
        position: absolute;
        left: 110%;
        top: 0;
        border-right-width: 0;
        z-index: 10;
        padding-top: 10px;
        max-height: 100%;
        overflow: hidden
    }

    .js .banking-container.pfs .block.success-msg, .js .banking-container.pfs .block.failure-msg {
        margin: -10px -10px 0 -10px
    }

    .js .banking-container.pfs .block.success-msg + .block, .js .banking-container.pfs .block.failure-msg + .block {
        border-top-width: 10px
    }

    .js .banking-container.pfs .block.firmenauswahl {
        display: block
    }

    .if6_section > .if6_inner > .parsys > .block.success-msg, .if6_section > .if6_inner > .parsys > .block.failure-msg {
        margin: -20px 0 20px -10px;
        padding-right: 0
    }

    body.show-bcontent .banking-container.pfs {
        overflow: visible
    }

    body.show-bcontent .banking-container.pfs .bcontainer-content {
        overflow: visible;
        max-height: initial
    }

    body.show-bcontent .if6_iconbar + * .block.toolbar .actioniconLink, body.show-bcontent .if6_iconbar + .if6_breadcrumb + * .block.toolbar .actioniconLink {
        display: none
    }

    body.show-bcontent-completed .iconbarbuttons > div {
        left: 0
    }

    body.show-bcontent-completed .banking-container.pfs .bcontainer-micronav {
        display: none
    }

    body.show-bcontent-completed .banking-container.pfs .bcontainer-content {
        left: 0;
        position: relative;
        border-right-width: 10px
    }

    .js ul.micronav li > a:after {
        display: inline-block
    }

    .js ul.micronav li > a > span {
        padding-right: 15px
    }

    .js ul.micronav li.active > a {
        color: #666
    }

    .js ul.micronav li.active > a:before {
        font: 35px/81% Pictos-IF;
        color: #666
    }

    .js.no-touch ul.micronav li.active > a:hover, .js ul.micronav li.active > a:focus {
        color: red;
        text-decoration: none
    }

    .js .show-bcontent-completed .banking-container.pfs .tgroup.usable {
        bottom: 0
    }

    .js .banking-container.pfs .block.toolbar .bline > div.tgroup {
        margin-top: 0;
        margin-bottom: 0
    }

    .js .banking-container.pfs .tgroup {
        position: fixed;
        bottom: -61px;
        transition: bottom .5s ease .2s;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 2100;
        height: 60px
    }

    .js .banking-container.pfs .tgroup.tsubgroup-open {
        top: 0;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6)
    }

    .js .banking-container.pfs .tgroup .tsubgroup {
        position: static
    }

    .js .banking-container.pfs .tgroup .tsubgroup.visible .tgroup-toggle {
        box-shadow: none
    }

    .js .banking-container.pfs .tgroup .tsubgroup.visible > ul {
        display: block
    }

    .js .banking-container.pfs .tgroup ul {
        width: 100%;
        box-sizing: border-box;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        padding: 3px 0;
        border-top: 1px solid #e3e3e3
    }

    .js .banking-container.pfs .tgroup ul input {
        margin-bottom: 0
    }

    .js .banking-container.pfs .tgroup ul li > ul {
        bottom: 60px;
        box-shadow: none;
        left: 0;
        box-sizing: border-box;
        padding: 0 10px
    }

    .js .banking-container.pfs .tgroup ul li > ul li:last-child {
        border-bottom: 1px solid #e3e3e3
    }

    .js .banking-container.pfs .tgroup > ul > li.tsubgroup {
        float: right
    }

    .js .backbutton_visible .banking-container.pfs .tgroup ul {
        padding-left: 45px
    }

    .contact_visible .iconbarbuttons > div {
        opacity: 0;
        z-index: 0
    }

    .iconbarbuttons {
        display: block
    }

    .iconbarbuttons > div {
        opacity: 1;
        transition: opacity 2s ease .2s;
        z-index: 2010;
        position: relative;
        background-color: #fff;
        top: 0;
        left: 110%;
        width: 100%;
        padding-right: 20px;
        text-align: right;
        height: 40px;
        overflow: hidden
    }

    .iconbarbuttons > div a {
        text-decoration: none;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 40px
    }

    .iconbarbuttons > div .back, .iconbarbuttons > div .micronavback {
        float: left;
        color: red
    }

    .iconbarbuttons > div .back:before, .iconbarbuttons > div .micronavback:before {
        content: "<";
        font: 25px/81% Pictos-IF;
        color: red;
        text-align: center;
        width: 25px;
        height: 25px;
        display: inline-block
    }

    .iconbarbuttons > div .right1, .iconbarbuttons > div .right2 {
        width: 40px;
        height: 40px
    }

    .iconbarbuttons > div .right1:before, .iconbarbuttons > div .right2:before {
        font: 48px/81% Pictos-IF;
        width: 48px;
        height: 48px;
        margin-top: -3px;
        margin-left: -6px;
        color: red;
        display: inline-block
    }

    .if6_iconbar.iconbar-fixed .iconbarbuttons > div {
        position: fixed
    }
}

@media screen and (max-width: 480px) {
    .btopbuttonline .buttonline, .bbottombuttonline .buttonline {
        padding-left: 10px
    }

    .btopbuttonline .buttonline > div, .bbottombuttonline .buttonline > div {
        width: auto
    }

    .btopbuttonline .buttonline .bgroup1 > a, .bbottombuttonline .buttonline .bgroup1 > a, .btopbuttonline .buttonline .bgroup1 > div, .bbottombuttonline .buttonline .bgroup1 > div {
        width: auto;
        margin-right: 10px
    }

    .btopbuttonline .buttonline .bgroup2, .bbottombuttonline .buttonline .bgroup2 {
        float: left;
        text-align: left
    }
}

@media print {
    .banking-container.pfs .bcontainer-micronav {
        display: none
    }

    .banking-container.pfs .bcontainer-content {
        width: 100%
    }
}

.secpaper > span {
    display: block;
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #444
}

.secpaper .title {
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-bottom: 3px;
    color: #333;
    display: inline
}

.secpaper .nicon {
    margin-top: -2px;
    display: inline-block
}

.banking-container.depot-cockpit .bcontainer-left {
    width: 66.66%
}

.banking-container.depot-cockpit .bcontainer-right {
    width: 33.33%
}

.banking-container.depot-cockpit .btableblock.ty2 + .bline {
    float: left;
    padding: 0 0 20px 20px;
    margin-top: -10px
}

.banking-container.depot-cockpit .btableblock ~ .buttonline {
    padding-top: 0;
    margin-top: -10px
}

.banking-container.depot-cockpit div.icon-if5_symbol_diskette:before {
    content: "\f635";
    margin-right: -20px;
    border: 1px solid #666;
    border-radius: 50%;
    color: #666;
    font: 18px/81% Pictos-IF;
    height: 18px;
    text-align: center;
    width: 18px
}

.banking-container.depot-cockpit .icon-b_einstellungen:before {
    content: "\f72e";
    margin-right: -20px;
    border: 1px solid #666;
    border-radius: 50%;
    color: #666;
    font: 18px/81% Pictos-IF;
    height: 18px;
    text-align: center;
    width: 18px
}

.banking-container.depot-cockpit .icon-if5_symbol_diskette, .banking-container.depot-cockpit .icon-b_einstellungen {
    margin-right: 20px;
    width: auto
}

.banking-container.depot-cockpit .icon-if5_symbol_diskette input, .banking-container.depot-cockpit .icon-b_einstellungen input {
    width: auto;
    height: auto;
    padding: 0 0 0 32px;
    color: #666;
    font: 15px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    vertical-align: baseline
}

.banking-container.depot-cockpit .table-empty-message {
    padding: 10px 20px 20px 20px
}

.banking-container.depot-cockpit .table-empty-message + .buttonline > * {
    margin-right: 0;
    line-height: 0
}

.banking-container.depot-cockpit .table-empty-message > * {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding-top: 10px;
    padding-bottom: 10px
}

.banking-container.depot-cockpit .table-empty-message + .buttonline {
    margin-top: -10px;
    padding: 0 20px 20px 20px
}

.banking-container.depot-cockpit .cockpit-header {
    display: table
}

.banking-container.depot-cockpit .cockpit-header > .block {
    width: 33.33%;
    display: table-cell;
    border-top: 0;
    background-color: #fff;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow {
    border-right: 20px solid #f0f0f0;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow:after {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    content: "";
    border-left: 15px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    right: -14px
}

.banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow .select-wrap {
    width: calc(100% - 10px)
}

.banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow .select-wrap select {
    width: 100%
}

.banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow .bline {
    margin-top: 20px
}

.banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow .bline + .bline {
    text-align: left
}

.banking-container.depot-cockpit .cockpit-header > .block .btable td:last-child {
    padding-right: 0;
    text-align: right
}

.banking-container.depot-cockpit .cockpit-header > .block .btable {
    width: 100%
}

.banking-container.depot-cockpit .cockpit-header > .block .btableline {
    display: block;
    margin-right: -10px
}

.banking-container.depot-cockpit .cockpit-header .block .bline .btableline + .bterm {
    display: none
}

.banking-container.depot-cockpit .cockpit-header > .block:last-child {
    position: relative
}

.banking-container.depot-cockpit .cockpit-header > .block:last-child:before {
    content: "";
    position: absolute;
    border-left: 1px solid #f0f0f0;
    top: 20px;
    bottom: 20px;
    left: -1px
}

.banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow + .block {
    position: relative
}

.banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow + .block > .bline:after {
    content: "";
    position: absolute;
    border-left: 1px solid #f0f0f0;
    top: 20px;
    bottom: 20px;
    right: 0
}

.banking-container.depot-cockpit .entry-container {
    text-align: justify;
    padding-bottom: 10px
}

.banking-container.depot-cockpit .entry-container .bline {
    display: inline-block;
    margin-top: 0
}

.banking-container.depot-cockpit .entry-container:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    font-size: 0;
    line-height: 0
}

.banking-container.depot-cockpit .entry-container .blineover {
    margin-right: 0
}

.banking-container.depot-cockpit .entry-container .select-wrap:first-child {
    margin-right: 5px
}

.banking-container.depot-cockpit .entry-container .select-wrap + .select-wrap {
    margin-left: 5px
}

.banking-container.depot-cockpit .depotentwicklung {
    margin-top: -20px
}

.banking-container.depot-cockpit .entry-container .bline.tab-button {
    margin-bottom: 7px
}

.banking-container.depot-cockpit .entry-container .bline.tab-button input {
    border-radius: 0;
    margin-right: 0;
    border: 0;
    color: #666;
    background-color: #ccc;
    cursor: pointer
}

.banking-container.depot-cockpit .entry-container .bline.tab-button input.selected {
    color: #fff;
    background-color: red
}

.banking-container.depot-cockpit .btable.orderbuch td, .banking-container.depot-cockpit .btable.steuerlicheInfo td {
    display: block;
    padding: 0
}

.banking-container.depot-cockpit .btable.depotstruktur {
    border-bottom: 0
}

.banking-container.depot-cockpit .btable.depotstruktur td {
    display: table-cell
}

.banking-container.depot-cockpit .btable.depotstruktur td:first-child {
    width: 40px;
    padding-right: 0
}

.banking-container.depot-cockpit .btable.depotstruktur td:nth-child(2), .banking-container.depot-cockpit .btable.depotstruktur td:nth-child(3) {
    padding-left: 0
}

.banking-container.depot-cockpit .btable.depotstruktur td .piechart {
    display: inline-block
}

.banking-container.depot-cockpit .btable.depotstruktur .tableroweven + .tableroweven, .banking-container.depot-cockpit .btable.depotstruktur .tablerowodd + .tablerowodd {
    border-top: 0
}

.banking-container.depot-cockpit .btable.depotstruktur .tableroweven + .tableroweven td, .banking-container.depot-cockpit .btable.depotstruktur .tablerowodd + .tablerowodd td {
    padding-top: 0
}

.banking-container.depot-cockpit .btable.depotstruktur td:nth-child(3), .banking-container.depot-cockpit .btable.depotstruktur td:nth-child(4) {
    display: none
}

.banking-container.depot-cockpit .btable.depotstruktur.no-icon td:first-child {
    display: none
}

.banking-container.depot-cockpit .depotstruktur span.color0, .banking-container.depot-cockpit .meine-depots span.color0 {
    color: #7a7a7a
}

.banking-container.depot-cockpit .depotstruktur span.color1, .banking-container.depot-cockpit .meine-depots span.color1 {
    color: #ff3030
}

.banking-container.depot-cockpit .depotstruktur span.color2, .banking-container.depot-cockpit .meine-depots span.color2 {
    color: #ff8c00
}

.banking-container.depot-cockpit .depotstruktur span.color3, .banking-container.depot-cockpit .meine-depots span.color3 {
    color: #a2d200
}

.banking-container.depot-cockpit .depotstruktur span.color4, .banking-container.depot-cockpit .meine-depots span.color4 {
    color: #20cdbc
}

.banking-container.depot-cockpit .depotstruktur span.color5, .banking-container.depot-cockpit .meine-depots span.color5 {
    color: #6098f8
}

.banking-container.depot-cockpit .depotstruktur span.color6, .banking-container.depot-cockpit .meine-depots span.color6 {
    color: #009864
}

.banking-container.depot-cockpit .depotstruktur span.color7, .banking-container.depot-cockpit .meine-depots span.color7 {
    color: #ffd700
}

.banking-container.depot-cockpit .depotstruktur span.color8, .banking-container.depot-cockpit .meine-depots span.color8 {
    color: #c1cdcd
}

.banking-container.depot-cockpit .depotstruktur span.color9, .banking-container.depot-cockpit .meine-depots span.color9 {
    color: #d46deb
}

.banking-container.depot-cockpit .depotentwicklung, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung {
    padding-left: 20px;
    padding-right: 20px
}

.banking-container.depot-cockpit .depotentwicklung table, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table {
    float: left;
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banking-container.depot-cockpit .depotentwicklung table:first-child, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table:first-child {
    border-right: 10px solid transparent
}

.banking-container.depot-cockpit .depotentwicklung table + table, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table + table {
    border-left: 10px solid transparent
}

.banking-container.depot-cockpit .depotentwicklung table td:last-child, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table td:last-child {
    width: 220px
}

.banking-container.depot-cockpit .depotentwicklung table td, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table td, .banking-container.depot-cockpit .depotentwicklung table td:first-child, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table td:first-child, .banking-container.depot-cockpit .depotentwicklung table td:last-child, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table td:last-child {
    padding: 0
}

.banking-container.depot-cockpit .depotentwicklung table tr td:first-child, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table tr td:first-child {
    text-align: left
}

.banking-container.depot-cockpit .depotentwicklung table tr td:last-child, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table tr td:last-child {
    text-align: right
}

.banking-container.depot-cockpit .depotentwicklung table th, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table th {
    padding: 0 0 5px 0
}

.banking-container.depot-cockpit .depotentwicklung table.no-headline, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table.no-headline {
    margin-top: 22px
}

.banking-container.depot-cockpit .depotentwicklung > div, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung > div {
    border-bottom: 1px solid #e3e3e3;
    float: left;
    width: 100%;
    padding: 10px 0 10px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banking-container.depot-cockpit .depotentwicklung > div:last-child, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung > div:last-child {
    margin-bottom: 10px
}

.banking-container.depot-cockpit .depotentwicklung + .note, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung + .note {
    float: left;
    padding: 0 20px 20px 20px
}

.banking-container.depot-cockpit .depotentwicklung table tr:last-child div.bar-holder:last-child, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table tr:last-child div.bar-holder:last-child {
    padding-bottom: 0
}

.banking-container.depot-cockpit .btable.depotbestand td {
    padding-right: 0
}

.banking-container.depot-cockpit .btable.depotbestand td:nth-child(3) img {
    width: 48px;
    height: 30px
}

.banking-container.depot-cockpit .btable.depotbestand td:nth-child(5) > span:first-child {
    float: left;
    margin-right: 5px
}

.banking-container.depot-cockpit .btable.depotbestand.no-chart td:nth-child(3) {
    display: none
}

.banking-container.depot-cockpit p.note + .bterm {
    display: none
}

.banking-container.depot-cockpit .btableblock.ty2 .btable.depotbestand, .banking-container.depot-cockpit .btableblock.ty2 .btable.depotstruktur, .banking-container.depot-cockpit .btableblock.ty2 .btable.orderbuch, .banking-container.depot-cockpit .btableblock.ty2 .btable.steuerlicheInfo {
    border-bottom: 1px solid #e3e3e3
}

.banking-container.depot-cockpit .btable.orderbuch td:first-child, .banking-container.depot-cockpit .btable.steuerlicheInfo td:first-child {
    padding-top: 10px
}

.banking-container.depot-cockpit .btable.orderbuch td:last-child, .banking-container.depot-cockpit .btable.steuerlicheInfo td:last-child {
    padding-bottom: 10px
}

.banking-container.depot-cockpit .btable.spar_auszahlungsplan td[colspan="5"] .secpaper {
    margin-bottom: -29px;
    background-color: #fff;
    position: relative;
    z-index: 1
}

.banking-container.depot-cockpit .btable.spar_auszahlungsplan td + td {
    position: relative;
    z-index: 2
}

.banking-container.depot-cockpit .btable.spar_auszahlungsplan td:nth-child(2) {
    display: none
}

.banking-container.depot-cockpit .btable.spar_auszahlungsplan.ohne_unterkonten td:first-child {
    display: none
}

.banking-container.depot-cockpit .btable.spar_auszahlungsplan.ohne_unterkonten td[colspan="5"] {
    display: table-cell
}

.no-touch .banking-container.depot-cockpit .icon-if5_symbol_diskette:hover:before, .banking-container.depot-cockpit .icon-if5_symbol_diskette.focus:before, .no-touch .banking-container.depot-cockpit .icon-b_einstellungen:hover:before, .banking-container.depot-cockpit .icon-b_einstellungen.focus:before {
    color: #fff;
    background-color: #666
}

ul.biglinklist.kontowecker {
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

ul.biglinklist.kontowecker > li > a {
    display: block;
    padding-right: 36px;
    position: relative
}

ul.biglinklist.kontowecker > li > a:after {
    font: 35px/81% Pictos-IF;
    width: 35px;
    height: 35px;
    content: "\f76c";
    color: #666;
    position: absolute;
    right: 0;
    top: -8px
}

ul.biglinklist.kontowecker > li > a.active:after {
    font: 35px/81% Pictos-IF;
    content: "\f76c";
    color: red
}

ul.biglinklist.kontowecker .name {
    display: block;
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    padding-left: 10px
}

.banking-container.depot-cockpit .btable.meine-depots {
    border-bottom: 0
}

.banking-container.depot-cockpit .btable.meine-depots.has-action-column tr.clickable td:last-child .ficon {
    margin-right: 0
}

.banking-container.depot-cockpit .btable.meine-depots .finaccount .title {
    display: inline
}

.banking-container.depot-cockpit .btable.meine-depots .finaccount .nicon {
    margin-top: -2px;
    display: inline-block
}

.banking-container.depot-cockpit .btable.meine-depots .finaccount .iban {
    display: block
}

.banking-container.depot-cockpit .btable.meine-depots tr.tableroweven td:first-child, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd td:first-child {
    width: 22px;
    padding-right: 0
}

.banking-container.depot-cockpit .btable.meine-depots tr.tableroweven td:nth-child(2), .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd td:nth-child(2) {
    text-align: left
}

.banking-container.depot-cockpit .btable.meine-depots tr.tableroweven td:nth-child(4) img, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd td:nth-child(4) img {
    width: 48px;
    height: 30px;
    vertical-align: middle
}

.banking-container.depot-cockpit .btable.meine-depots tr.tableroweven td:last-child, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd td:last-child {
    width: 35px;
    padding-left: 0
}

.banking-container.depot-cockpit .btable.meine-depots tr.tableroweven td:last-child .ficon.icon-if5_symbol_up:before, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd td:last-child .ficon.icon-if5_symbol_up:before, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven td:last-child .ficon.icon-if5_symbol_down:before, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd td:last-child .ficon.icon-if5_symbol_down:before {
    font: 22px/81% Pictos-IF;
    height: 22px;
    width: 22px
}

.banking-container.depot-cockpit .btable.meine-depots tr.tableroweven.disabled, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd.disabled {
    color: #666
}

.banking-container.depot-cockpit .btable.meine-depots tr.tableroweven.disabled .secpaper .title, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd.disabled .secpaper .title, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven.disabled .secpaper > span, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd.disabled .secpaper > span, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven.disabled .finaccount .title, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd.disabled .finaccount .title, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven.disabled .finaccount > span, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd.disabled .finaccount > span, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven.disabled span.nicon:before, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd.disabled span.nicon:before, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven.disabled span.plus, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd.disabled span.plus, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven.disabled span.minus, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd.disabled span.minus {
    color: #666
}

.banking-container.depot-cockpit .btable.meine-depots tr.tableroweven.disabled img, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd.disabled img {
    filter: grayscale(100%)
}

.banking-container.depot-cockpit .btable.meine-depots tr.tablefooter td:first-child, .banking-container.depot-cockpit .btable.meine-depots tr.tablefooter td:last-child {
    padding-right: 10px
}

.banking-container.depot-cockpit .btable.meine-depots tr.tablefooter div.datatable, .banking-container.depot-cockpit .btable.meine-depots tr.tablefooter div.datatable .label, .banking-container.depot-cockpit .btable.meine-depots tr.tablefooter span.balance-predecimal {
    font-weight: bold
}

.banking-container.depot-cockpit .btable.meine-depots tr.tablefooter div.data {
    display: inline
}

.banking-container.depot-cockpit .btable.meine-depots td:last-child .ficon.icon-if5_symbol_up, .banking-container.depot-cockpit .btable.meine-depots td:last-child .ficon.icon-if5_symbol_down {
    display: none
}

.banking-container.depot-cockpit .btable.meine-depots tr.depot-opened td:last-child .ficon.icon-if5_symbol_up {
    display: inline-block
}

.banking-container.depot-cockpit .btable.meine-depots tr.depot-opened td:last-child .ficon.icon-if5_symbol_down {
    display: none
}

.banking-container.depot-cockpit .btable.meine-depots tr.textbutton-column .ficon {
    text-align: right;
    display: inline-block
}

.banking-container.depot-cockpit .block.meine-depots > h3 + .bline {
    padding-left: 30px;
    padding-right: 30px
}

.banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-left, .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-right {
    width: calc(50% - 15px)
}

.banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-left > div, .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-right > div {
    display: table-row
}

.banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-left > div > div, .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-right > div > div {
    padding-bottom: 15px;
    display: table-cell;
    vertical-align: middle
}

.banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-left .piechart, .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-right .piechart {
    margin-right: 20px;
    width: 80px;
    height: 80px
}

.banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-left .piechart .pieholder, .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-right .piechart .pieholder {
    clip: rect(0, 80px, 80px, 40px)
}

.banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-left .piechart .pie, .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-right .piechart .pie {
    clip: rect(0, 40px, 80px, 0)
}

.banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-left {
    margin-right: 20px
}

.banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-right {
    margin-right: 0
}

.banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung {
    padding-left: 0;
    padding-right: 0
}

.banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table tr td:last-child {
    width: auto;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px
}

.banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung .barchart {
    vertical-align: bottom
}

.banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung > div {
    border-bottom: 0
}

.banking-container.depot-cockpit .bwaiting-indicator-outer.invisible.show-bwaiting-indicator {
    margin-top: -40px
}

.js .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd, .js .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven {
    display: none
}

.js .banking-container.depot-cockpit .btable.meine-depots td:last-child .ficon.icon-if5_symbol_down {
    display: inline-block
}

.js .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd.visible, .js .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven.visible {
    display: table-row
}

.no-touch.js .meine-depots.hover-over-area tr.clickable:hover a.icon-if5_symbol_down, .no-touch.js .meine-depots.hover-over-area tr.clickable:hover a.icon-if5_symbol_up, .no-touch .meine-depots.hover-over-area tr.clickable a.icon-if5_symbol_down:hover, .no-touch .meine-depots.hover-over-area tr.clickable a.icon-if5_symbol_up:hover, .meine-depots.hover-over-area tr.clickable a.icon-if5_symbol_down:focus, .meine-depots.hover-over-area tr.clickable a.icon-if5_symbol_up:focus {
    color: transparent
}

.no-touch .btableblock .meine-depots td:last-child .ficon:hover:before, .if6 .btableblock .meine-depots td:last-child .ficon:focus:before, .if6 .btableblock .meine-depots td:last-child .ficon.focus:before {
    background-color: transparent;
    color: #000
}

.js .depotuebergreifende-ansicht > .buttonline {
    display: none
}

.bline .piechart div {
    margin-right: 0
}

.if6_main .piechart {
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #f0f0f0;
    text-align: left
}

.if6_main .piechart .pieholder {
    width: inherit;
    height: inherit;
    position: absolute;
    clip: rect(0, 35px, 35px, 17.5px)
}

.if6_main .piechart .pieholder.gt180 {
    clip: rect(auto, auto, auto, auto) !important
}

.if6_main .piechart .pie {
    border-radius: 50%;
    clip: rect(0, 17.5px, 35px, 0);
    width: inherit;
    height: inherit;
    position: absolute
}

.if6_main .piechart .pie.fill {
    transform: rotate(180deg) !important
}

.if6_main .piechart .donut-top {
    background-color: #fff;
    width: 50%;
    height: 50%;
    position: relative;
    top: 25%;
    left: 25%;
    border-radius: 50%;
    text-align: center
}

.if6_main .piechart .donut-top > div {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: relative
}

.if6_main .piechart .pie.color0 {
    background-color: #7a7a7a
}

.if6_main .piechart .pie.color1 {
    background-color: #ff3030
}

.if6_main .piechart .pie.color2 {
    background-color: #ff8c00
}

.if6_main .piechart .pie.color3 {
    background-color: #a2d200
}

.if6_main .piechart .pie.color4 {
    background-color: #20cdbc
}

.if6_main .piechart .pie.color5 {
    background-color: #6098f8
}

.if6_main .piechart .pie.color6 {
    background-color: #009864
}

.if6_main .piechart .pie.color7 {
    background-color: #ffd700
}

.if6_main .piechart .pie.color8 {
    background-color: #c1cdcd
}

.if6_main .piechart .pie.color9 {
    background-color: #d46deb
}

.if6_main .piechart .pie.grey3 {
    background-color: #333
}

.if6_main .piechart .pie.pfm_ktgr10 {
    background-color: #8cbe22
}

.if6_main .piechart .pie.pfm_ktgr11 {
    background-color: #ff8f00
}

.if6_main .piechart .pie.pfm_ktgr12 {
    background-color: #fdbe48
}

.if6_main .piechart .pie.pfm_ktgr13 {
    background-color: #64cbe3
}

.if6_main .piechart .pie.pfm_ktgr14 {
    background-color: #9b348e
}

.if6_main .piechart .pie.pfm_ktgr15 {
    background-color: #5c75ab
}

.if6_main .piechart .pie.pfm_ktgr16 {
    background-color: #6c2463
}

.if6_main .piechart .pie.pfm_ktgr17 {
    background-color: #a80000
}

.if6_main .piechart .pie.pfm_ktgr18 {
    background-color: #88a1cc
}

.if6_main .piechart .pie.pfm_ktgr19 {
    background-color: #2c57d2
}

.if6_main .piechart .pie.pfm_ktgr20 {
    background-color: #6d8ffe
}

.if6_main .piechart .pie.pfm_ktgr21 {
    background-color: #223573
}

.if6_main .piechart .pie.pfm_ktgr22 {
    background-color: #ffc900
}

.if6_main .piechart .pie.pfm_ktgr23 {
    background-color: #999
}

.if6_main .piechart .pie.pfm_ktgr24 {
    background-color: #999
}

.if6_main .piechart .pie.pfm_ktgr25 {
    background-color: #c5c5c5
}

.if6_main .piechart .pie.pfm_ktgr26 {
    background-color: #ef73a8
}

.if6_main .piechart .pie.pfm_ktgr27 {
    background-color: #c183b9
}

.if6_main .piechart .pie.pfm_ktgr28 {
    background-color: #00acd3
}

.if6_main .piechart .pie.pfm_ktgr50 {
    background-color: #8cbe22
}

.if6_main .piechart .pie.pfm_ktgr51 {
    background-color: #bad87a
}

.if6_main .piechart .pie.pfm_ktgr52 {
    background-color: #9b348e
}

.if6_main .piechart .pie.pfm_ktgr53 {
    background-color: #ff8f00
}

.if6_main .piechart .pie.pfm_ktgr54 {
    background-color: #6d8ffe
}

.if6_main .piechart .pie.pfm_ktgr55 {
    background-color: #2c57d2
}

.if6_main .piechart .pie.pfm_ktgr56 {
    background-color: #a80000
}

.if6_main .piechart .pie.pfm_ktgr57 {
    background-color: #5c75ab
}

.if6_main .piechart .pie.pfm_ktgr58 {
    background-color: #00acd3
}

.if6_main .piechart .pie.pfm_ktgr59 {
    background-color: #223573
}

.if6_main .piechart .pie.pfm_ktgr60 {
    background-color: #ffc900
}

.if6_main .piechart .pie.pfm_ktgr61 {
    background-color: #88a1cc
}

.if6_main .piechart .pie.pfm_ktgr62 {
    background-color: #999
}

.if6_main .piechart .pie.pfm_ktgr98 {
    background-color: #000
}

.if6_main .piechart .pie.pfm_ktgr99 {
    background-color: #666
}

.no-touch tr.hoverable:hover .piechart {
    background-color: #e3e3e3
}

.no-touch tr.hoverable:hover .piechart .donut-top {
    background-color: #f6f6f6
}

.if6_main .barchart {
    width: 50px;
    display: inline-block;
    height: 12px;
    position: relative;
    margin-left: 5px
}

.if6_main .barchart .bar-holder {
    height: inherit;
    width: 50%;
    position: absolute;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.if6_main .barchart .bar-holder:first-child {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.if6_main .barchart .bar-holder:last-child {
    border-left: 1px solid #e3e3e3;
    padding-bottom: 22px;
    left: 25px
}

.if6_main .barchart .bar-negative {
    background-color: red;
    height: inherit;
    margin-left: auto;
    min-width: 2px
}

.if6_main .barchart .bar-positive {
    background-color: #00724b;
    height: inherit;
    border-left: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 2px
}

.if6_main .barchart .empty {
    width: 2px !important;
    background-color: #666 !important
}

.if6_main .barchart.barchart-large {
    height: 20px;
    width: 100px
}

.if6_main .barchart.barchart-large .bar-holder:last-child {
    left: 50px
}

.brisk {
    padding: 20px
}

.brisk .risk-header, .brisk .risk-footer {
    margin-bottom: 10px
}

.brisk .risk-header {
    color: #00acd3
}

.brisk .risk-footer {
    padding-top: 10px;
    color: red
}

.brisk .risk-willing {
    width: 100%;
    height: 20px;
    display: block;
    background: #e2faff;
    padding: 0;
    margin-top: 8px
}

.brisk .risk-willing div {
    width: 20%;
    height: 100%;
    box-sizing: border-box;
    display: block;
    float: left;
    background: #e2faff;
    border-right: 5px solid #e2faff;
    margin: 0;
    text-align: center
}

.brisk .risk-willing div.active {
    background: #00acd3;
    font-weight: bold;
    color: #fff
}

.brisk .risk-willing div:last-of-type {
    border: 0
}

.brisk .risk-willing div {
    padding-top: 0
}

.brisk .risk-actual {
    width: 100%;
    height: 40px;
    display: block;
    background: #fff;
    padding: 0;
    margin-top: 8px
}

.brisk .risk-actual div {
    width: 20%;
    height: 100%;
    box-sizing: border-box;
    display: block;
    float: left;
    background: #ffd6d6;
    border-right: 5px solid #fff;
    margin: 0;
    text-align: center
}

.brisk .risk-actual div.active {
    background: red;
    font-weight: bold;
    color: #fff
}

.brisk .risk-actual div:last-of-type {
    border: 0
}

.brisk .risk-actual div {
    padding-top: 9px
}

.cbox .market-information {
    padding: 0;
    overflow: hidden
}

.cbox .market-information:after {
    content: "";
    clear: both;
    display: table
}

.cbox .market-information .market-entry {
    margin-left: -1px;
    margin-top: 20px;
    width: 50%;
    padding: 0 20px;
    box-sizing: border-box;
    float: left;
    border-left: 1px solid #e3e3e3
}

.cbox .market-information .bline + .bline {
    padding-top: 0
}

.cbox .market-information .data, .cbox .market-information .plus, .cbox .market-information .minus {
    width: 50%;
    display: inline-block;
    float: left;
    text-align: left
}

@media (max-width: 1079px) {
    .cbox .market-information .market-entry {
        padding: 0 10px;
        margin-top: 10px
    }
}

@media screen and (max-width: 958px) {
    .cbox .market-information .market-entry {
        width: 25%
    }

    .cbox .market-information .data, .cbox .market-information .plus, .cbox .market-information .minus {
        width: 100%
    }
}

@media screen and (max-width: 649px) {
    .cbox .market-information {
        padding: 10px
    }

    .cbox .market-information .market-entry {
        width: 100%;
        margin-top: 15px;
        padding: 0 0 15px 0;
        border-bottom: 1px solid #e3e3e3;
        border-left: 0
    }

    .cbox .market-information .data, .cbox .market-information .plus, .cbox .market-information .minus {
        width: 50%
    }

    .cbox .market-information .plus, .cbox .market-information .minus {
        text-align: right
    }
}

.btableblock.ty2 .btable.winner-looser {
    margin-top: 35px
}

.btableblock.ty2 .btable.winner-looser td:first-child > a {
    text-decoration: none
}

.btableblock.ty2 .btable.winner-looser tr:hover .barchart .bar-holder:first-child {
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6
}

.btableblock.ty2 .btable.winner-looser tr:hover .barchart .bar-positive {
    border-left: 1px solid #f6f6f6
}

@media screen and (max-width: 649px) {
    .btableblock.ty2 .btable.winner-looser td {
        width: auto;
        float: none
    }

    .btableblock.ty2 .btable.winner-looser td:last-child {
        padding-top: 10px;
        vertical-align: bottom
    }
}

@media (max-width: 958px) and (min-width: 650px) {
    .banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow .bline {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px
    }

    .banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow .bline.no-label {
        width: calc(50% + 10px)
    }

    .banking-container.depot-cockpit .btable.depotstruktur td:nth-child(2) {
        display: none
    }

    .banking-container.depot-cockpit .btable.depotstruktur td:nth-child(3), .banking-container.depot-cockpit .btable.depotstruktur td:nth-child(4) {
        display: table-cell
    }

    .banking-container.depot-cockpit .btable.orderbuch td, .banking-container.depot-cockpit .btable.steuerlicheInfo td {
        padding: 10px 0 10px 10px;
        display: table-cell
    }

    .banking-container.depot-cockpit .btable.orderbuch td:first-child, .banking-container.depot-cockpit .btable.steuerlicheInfo td:first-child {
        padding-left: 0
    }

    .banking-container.depot-cockpit .btable.orderbuch td:nth-child(2), .banking-container.depot-cockpit .btable.steuerlicheInfo td:nth-child(2), .banking-container.depot-cockpit .btable.orderbuch td:last-child, .banking-container.depot-cockpit .btable.steuerlicheInfo td:last-child {
        text-align: right
    }
}

@media (max-width: 1079px) {
    .banking-container.depot-cockpit .btableblock ~ .buttonline {
        padding: 10px;
        margin-right: -10px
    }

    .banking-container.depot-cockpit .btableblock ~ .buttonline .ficon {
        margin-bottom: 0
    }

    .banking-container.depot-cockpit .btableblock.ty2 + .bline {
        padding: 0 10px 10px 10px;
        margin-top: 0
    }

    .banking-container.depot-cockpit div.icon-if5_symbol_diskette input, .banking-container.depot-cockpit .icon-b_einstellungen input {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        padding-left: 22px
    }

    .banking-container.depot-cockpit div.icon-if5_symbol_diskette:before, .banking-container.depot-cockpit .icon-b_einstellungen:before {
        font: 15px/81% Pictos-IF;
        width: 15px;
        height: 15px;
        margin-right: -17px
    }

    .banking-container.depot-cockpit .table-empty-message {
        padding: 10px 10px 20px 10px
    }

    .banking-container.depot-cockpit .table-empty-message + .buttonline {
        padding: 0 10px 10px 10px
    }

    .banking-container.depot-cockpit .cockpit-header > .block .btableline {
        margin-right: 0
    }

    .banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow + .block > .bline::after {
        top: 10px;
        bottom: 10px
    }

    .banking-container.depot-cockpit .cockpit-header > .block:last-child::before {
        top: 10px;
        bottom: 10px
    }

    .banking-container.depot-cockpit .btableblock:last-child {
        padding-bottom: 10px
    }

    .banking-container.depot-cockpit .depotentwicklung {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: -40px
    }

    .banking-container.depot-cockpit .depotentwicklung + .note {
        padding-left: 10px;
        padding-right: 10px
    }

    .if6_main .brisk {
        padding: 10px
    }

    ul.biglinklist.kontowecker a:after {
        right: -5px
    }
}

@media screen and (max-width: 958px) {
    .banking-container.depot-cockpit .bcontainer-left, .banking-container.depot-cockpit .bcontainer-right {
        width: 100%
    }

    .banking-container.depot-cockpit .cockpit-header > .block + .block {
        width: 50%;
        float: left;
        display: block
    }

    .banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow {
        border-bottom: 20px solid #f0f0f0;
        border-right: 0;
        display: block;
        width: 100%
    }

    .banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow:after {
        top: 100%;
        content: "";
        border-top: 15px solid #fff;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        margin-top: 0;
        margin-right: -14px;
        right: 50%
    }

    .banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow .bline {
        margin-top: 0
    }

    .banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow .bline:last-child {
        float: none
    }
}

@media screen and (max-width: 649px) {
    .banking-container.depot-cockpit .buttonline {
        text-align: right
    }

    .banking-container.depot-cockpit .buttonline .bgroup1 {
        text-align: center
    }

    .banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow + .block {
        padding-bottom: 0
    }

    .banking-container.depot-cockpit .cockpit-header > .block:last-child:before {
        border-left: 0;
        border-top: 1px solid #f0f0f0;
        left: 10px;
        right: 10px;
        top: 0;
        bottom: auto
    }

    .banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow + .block > .bline:after {
        border-left: 0
    }

    .banking-container.depot-cockpit .cockpit-header > .block + .block {
        width: 100%;
        border-right: 0
    }

    .banking-container.depot-cockpit .cockpit-header > .block {
        display: block;
        width: 100%
    }

    .banking-container.depot-cockpit .cockpit-header .btable td, .banking-container.depot-cockpit .cockpit-header .btable td:first-child {
        padding: 0 10px 10px 10px;
        width: auto;
        float: none
    }

    .banking-container.depot-cockpit .cockpit-header > .block .btable td:last-child {
        padding-right: 10px
    }

    .banking-container.depot-cockpit .cockpit-header .ficon.icon-if5_symbol_diskette {
        display: none
    }

    .banking-container.depot-cockpit .entry-container .bline {
        display: block
    }

    .banking-container.depot-cockpit .entry-container .select-wrap:first-child {
        margin-right: 0;
        margin-bottom: 10px
    }

    .banking-container.depot-cockpit .entry-container .select-wrap + .select-wrap {
        margin-left: 0
    }

    .banking-container.depot-cockpit .depotentwicklung > div, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung > div {
        padding: 0;
        border-bottom: 0
    }

    .banking-container.depot-cockpit .depotentwicklung table, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table {
        width: 100%;
        margin-top: 10px;
        border-top: 1px solid #e3e3e3
    }

    .banking-container.depot-cockpit .depotentwicklung table:first-child, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table:first-child {
        border-right: 0
    }

    .banking-container.depot-cockpit .depotentwicklung table + table, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table + table {
        border-left: 0
    }

    .banking-container.depot-cockpit .depotentwicklung table th:first-child, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table th:first-child {
        padding-top: 10px
    }

    .banking-container.depot-cockpit .depotentwicklung > div:last-child table:last-child, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung > div:last-child table:last-child {
        border-bottom: 10px solid #fff
    }

    .banking-container.depot-cockpit .depotentwicklung > div:last-child, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung > div:last-child {
        border-bottom: 1px solid #e3e3e3
    }

    .banking-container.depot-cockpit .depotentwicklung > div:first-child table:first-child, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung > div:first-child table:first-child {
        border-top: 0
    }

    .banking-container.depot-cockpit .depotentwicklung > div:first-child table:first-child th:first-child, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung > div:first-child table:first-child th:first-child {
        padding-top: 0
    }

    .banking-container.depot-cockpit .depotentwicklung table.no-headline, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table.no-headline {
        margin-top: 0;
        border-top: 0
    }

    .banking-container.depot-cockpit .depotentwicklung table.no-headline th:first-child, .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table.no-headline th:first-child {
        padding-top: 0
    }

    .banking-container.depot-cockpit .btable.depotbestand td {
        float: left
    }

    .banking-container.depot-cockpit .btable.depotbestand td:first-child {
        width: 100%
    }

    .banking-container.depot-cockpit .btable.depotbestand td:nth-child(2) {
        width: 50%;
        text-align: left
    }

    .banking-container.depot-cockpit .btable.depotbestand td:nth-child(3) {
        margin-top: 52px;
        padding-right: 15px;
        position: absolute;
        text-align: center
    }

    .banking-container.depot-cockpit .btable.depotbestand td:nth-child(4) {
        margin-top: 83px;
        position: absolute;
        right: 10px;
        width: 50%
    }

    .banking-container.depot-cockpit .btable.depotbestand td:nth-child(5) {
        margin-top: 32px;
        position: absolute;
        right: 10px;
        width: 50%
    }

    .banking-container.depot-cockpit .btable.depotbestand td:nth-child(5) > span:first-child {
        float: none;
        margin-right: -5px
    }

    .banking-container.depot-cockpit .btable.depotbestand td:last-child {
        margin-top: 58px;
        position: absolute;
        right: 10px;
        width: 50%
    }

    .banking-container.depot-cockpit .btable.spar_auszahlungsplan td:first-child {
        margin-top: 20px
    }

    .banking-container.depot-cockpit .btable.spar_auszahlungsplan td[colspan="5"] {
        margin-top: 0
    }

    .banking-container.depot-cockpit .btable.spar_auszahlungsplan td[colspan="5"] .secpaper {
        margin-bottom: -38px
    }

    .banking-container.depot-cockpit .btable.spar_auszahlungsplan td:nth-child(3) {
        text-align: left
    }

    .banking-container.depot-cockpit .btable.spar_auszahlungsplan td:nth-child(4) {
        margin-top: -82px
    }

    .banking-container.depot-cockpit .btable.spar_auszahlungsplan td:nth-child(5) {
        margin-top: -32px
    }

    .banking-container.depot-cockpit .btable.spar_auszahlungsplan.ohne_unterkonten td[colspan="5"] .secpaper {
        margin-bottom: -19px
    }

    .banking-container.depot-cockpit .btable.spar_auszahlungsplan.ohne_unterkonten td:first-child {
        display: table-cell
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd td:first-child, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven td:first-child {
        width: 41px;
        position: absolute
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd td:nth-child(2), .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven td:nth-child(2) {
        margin-top: 0;
        padding-top: 10px;
        padding-left: 41px;
        padding-right: 35px;
        width: auto
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd td:nth-child(3), .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven td:nth-child(3) {
        padding-left: 41px
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven {
        position: relative;
        display: block
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd td:first-child, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven td:first-child, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd td:last-child, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven td:last-child {
        display: none
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd td:nth-child(2), .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven td:nth-child(2) {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd td:nth-child(3), .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven td:nth-child(3), .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd td:nth-child(4), .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven td:nth-child(4) {
        text-align: left;
        padding-left: 10px
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd td:nth-child(3), .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven td:nth-child(3), .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd td:nth-child(5), .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven td:nth-child(5), .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd td:nth-child(7), .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven td:nth-child(7) {
        width: 50%;
        float: left
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd td:nth-child(4), .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven td:nth-child(4) {
        width: 5px;
        padding: 0;
        float: right;
        margin-top: 0
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd td:nth-child(4) > *, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven td:nth-child(4) > * {
        position: absolute;
        right: calc(50% - 24px);
        padding-top: 5px
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd td:nth-child(6), .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven td:nth-child(6) {
        width: 5px;
        padding: 0;
        float: right;
        margin-top: -9px
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd td:nth-child(6) > *, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven td:nth-child(6) > * {
        position: absolute;
        right: 95px
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd td:nth-child(7), .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven td:nth-child(7) {
        margin-top: -10px
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd ~ tr.textbutton-column.visible td:first-child, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven ~ tr.textbutton-column.visible td:first-child, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd ~ tr.textbutton-column.visible td:last-child, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven ~ tr.textbutton-column.visible td:last-child {
        display: block;
        position: relative;
        width: 100%
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd ~ tr.textbutton-column.visible td:first-child div.ficon, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven ~ tr.textbutton-column.visible td:first-child div.ficon, .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd ~ tr.textbutton-column.visible td:last-child div.ficon, .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven ~ tr.textbutton-column.visible td:last-child div.ficon {
        display: block
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablefooter .datatable {
        display: block
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablefooter .label {
        text-align: left;
        float: left;
        width: 50%;
        padding-right: 0
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablefooter .label + div {
        text-align: right;
        float: left;
        width: 50%
    }

    .banking-container.depot-cockpit .btable.meine-depots tr.tablefooter td:last-child {
        padding-right: 0
    }

    .banking-container.depot-cockpit .block.meine-depots > h3 + .bline {
        padding-left: 0;
        padding-right: 10px
    }

    .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-left, .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-right {
        width: 100%
    }

    .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-left > div, .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-right > div {
        display: table-row
    }

    .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-left > div > div, .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-right > div > div {
        padding-bottom: 10px
    }

    .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-left .piechart, .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-right .piechart {
        margin-right: 10px;
        width: 50px;
        height: 50px
    }

    .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-left .piechart .pieholder, .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-right .piechart .pieholder {
        clip: rect(0, 50px, 50px, 25px)
    }

    .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-left .piechart .pie, .banking-container.depot-cockpit .block.meine-depots .gesamtverteilung-right .piechart .pie {
        clip: rect(0, 25px, 50px, 0)
    }

    .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung > div:last-child {
        border-bottom: 0
    }

    .banking-container.depot-cockpit .block.meine-depots .gesamtentwicklung table {
        border-top: 0
    }
}

@media screen and (max-width: 400px) {
    .banking-container.depot-cockpit .btable.meine-depots tr.tablerowodd + tr.tablerowodd td:nth-child(4), .banking-container.depot-cockpit .btable.meine-depots tr.tableroweven + tr.tableroweven td:nth-child(4) {
        display: none
    }

    .banking-container.depot-cockpit .btable.depotbestand td:nth-child(3) {
        display: none
    }
}

@media print {
    .banking-container.depot-cockpit .bcontainer-left, .banking-container.depot-cockpit .bcontainer-right {
        width: 100%
    }
}

.btableblock .btable.depotbestand-details th:nth-child(7), .btableblock .btable.depotbestand-details th:nth-child(8), .btableblock .btable.depotbestand-details th:nth-child(9), .btableblock .btable.depotbestand-details th:nth-child(10), .btableblock .btable.depotbestand-details th:nth-child(11), .btableblock .btable.depotbestand-details th:last-child, .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(7), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(7), .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(8), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(8), .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(9), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(9), .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(10), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(10), .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(11), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(11) {
    display: none
}

.btableblock .btable.depotbestand-details.no-chart th:nth-child(3), .btableblock .btable.depotbestand-details.no-chart td:nth-child(3) {
    display: none
}

.btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(3) a, .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(3) a, .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(3) img, .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(3) img {
    height: 30px;
    width: 48px
}

.btableblock .btable.depotbestand-details tr.tablerowodd td, .btableblock .btable.depotbestand-details tr.tableroweven td {
    padding-bottom: 40px
}

.btableblock .btable.depotbestand-details tr.tablerowodd td:last-child, .btableblock .btable.depotbestand-details tr.tableroweven td:last-child {
    vertical-align: bottom;
    display: table-cell;
    width: 0;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 35px
}

.btableblock .btable.depotbestand-details tr.tablerowodd td:last-child > div, .btableblock .btable.depotbestand-details tr.tableroweven td:last-child > div {
    position: absolute;
    right: 0;
    width: auto;
    left: 30px;
    right: 20px
}

.js .btableblock .btable.depotbestand-details th:last-child {
    display: none
}

.js .btableblock .btable.depotbestand-details tr.tablerowodd td, .js .btableblock .btable.depotbestand-details tr.tableroweven td {
    padding-bottom: 10px
}

.js .btableblock .btable.depotbestand-details tr.tablerowodd td:last-child, .js .btableblock .btable.depotbestand-details tr.tableroweven td:last-child {
    display: none
}

.js .btableblock .btable.depotbestand-details tr.tablerowodd.opened td, .js .btableblock .btable.depotbestand-details tr.tableroweven.opened td {
    padding-bottom: 40px
}

.js .btableblock .btable.depotbestand-details tr.tablerowodd.opened td:last-child, .js .btableblock .btable.depotbestand-details tr.tableroweven.opened td:last-child {
    display: table-cell;
    padding-bottom: 35px
}

.js .btableblock .btable.depotbestand-details tr.unterdepot.invisible {
    display: none
}

.js .btableblock .btable.depotbestand-details tr.unterdepot {
    display: table-row
}

.no-touch.js .btableblock .btable.depotbestand-details tr.tableroweven.hoverable:hover td:nth-child(3), .no-touch.js .btableblock .btable.depotbestand-details tr.tablerowodd.hoverable:hover td:nth-child(3) {
    background-color: transparent
}

@media (max-width: 1079px) {
    .btableblock .btable.depotbestand-details th:nth-child(5), .btableblock .btable.depotbestand-details td:nth-child(5), .btableblock .btable.depotbestand-details th:nth-child(8), .btableblock .btable.depotbestand-details td:nth-child(8) {
        display: none
    }

    .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(10), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(10), .btableblock .btable.depotbestand-details tr.tablerowodd td:last-child, .btableblock .btable.depotbestand-details tr.tableroweven td:last-child {
        display: table-cell;
        padding-right: 0;
        padding-left: 0;
        vertical-align: bottom
    }

    .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(10) > div, .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(10) > div, .btableblock .btable.depotbestand-details tr.tablerowodd td:last-child > div, .btableblock .btable.depotbestand-details tr.tableroweven td:last-child > div {
        position: absolute;
        left: 20px;
        right: 20px
    }

    .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(10), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(10) {
        width: 0
    }

    .js .btableblock .btable.depotbestand-details tr.tablerowodd td:last-child, .js .btableblock .btable.depotbestand-details tr.tableroweven td:last-child {
        display: none
    }

    .js .btableblock .btable.depotbestand-details tr.tablerowodd.opened td:nth-child(10), .js .btableblock .btable.depotbestand-details tr.tableroweven.opened td:nth-child(10) {
        display: table-cell;
        padding-right: 0;
        padding-left: 0;
        vertical-align: bottom
    }

    .js .btableblock .btable.depotbestand-details tr.tablerowodd.opened td:nth-child(10) > div, .js .btableblock .btable.depotbestand-details tr.tableroweven.opened td:nth-child(10) > div {
        position: absolute;
        left: 20px;
        right: 20px
    }

    .js .btableblock .btable.depotbestand-details tr.tablerowodd.opened td, .js .btableblock .btable.depotbestand-details tr.tableroweven.opened td {
        padding-bottom: 70px
    }

    .js .btableblock .btable.depotbestand-details tr.tablerowodd.opened td:last-child, .js .btableblock .btable.depotbestand-details tr.tableroweven.opened td:last-child {
        padding-bottom: 60px;
        display: table-cell
    }
}

@media screen and (max-width: 767px) {
    .btableblock .btable.depotbestand-details th {
        display: none
    }

    .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(2), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(2), .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(4), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(4), .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(6), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(6), .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(10), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(10), .btableblock .btable.depotbestand-details tr.tablerowodd td:last-child, .btableblock .btable.depotbestand-details tr.tableroweven td:last-child {
        display: none
    }

    .btableblock .btable.depotbestand-details tr.tablerowodd td:first-child, .btableblock .btable.depotbestand-details tr.tableroweven td:first-child, .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(8), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(8), .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(9), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(9), .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(11), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(11), .btableblock .btable.depotbestand-details tr.tablerowodd td:last-child, .btableblock .btable.depotbestand-details tr.tableroweven td:last-child {
        box-sizing: border-box;
        display: block;
        float: left
    }

    .btableblock .btable.depotbestand-details tr.tablerowodd td:first-child, .btableblock .btable.depotbestand-details tr.tableroweven td:first-child, .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(3), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(3), .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(11), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(11), .btableblock .btable.depotbestand-details tr.tablerowodd td:last-child, .btableblock .btable.depotbestand-details tr.tableroweven td:last-child {
        width: 100%
    }

    .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(8), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(8), .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(9), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(9) {
        width: 50%
    }

    .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(3), .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(3) {
        padding-right: 30px;
        position: absolute;
        margin-top: 60px;
        box-sizing: border-box
    }

    .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(3) > div, .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(3) > div {
        text-align: center
    }

    .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(11) > div, .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(11) > div, .btableblock .btable.depotbestand-details tr.tablerowodd td:last-child > div, .btableblock .btable.depotbestand-details tr.tableroweven td:last-child > div {
        position: static
    }

    .btableblock .btable.depotbestand-details tr.tablerowodd td:last-child, .btableblock .btable.depotbestand-details tr.tableroweven td:last-child {
        padding-right: 10px;
        padding-left: 10px
    }

    .btableblock .btable.depotbestand-details tr.tablerowodd td, .btableblock .btable.depotbestand-details tr.tableroweven td {
        padding-bottom: 10px
    }

    .js .btableblock .btable.depotbestand-details tr.tablerowodd td:nth-child(11), .js .btableblock .btable.depotbestand-details tr.tableroweven td:nth-child(11), .js .btableblock .btable.depotbestand-details tr.tablerowodd td:last-child, .js .btableblock .btable.depotbestand-details tr.tableroweven td:last-child {
        display: none
    }

    .js .btableblock .btable.depotbestand-details tr.tablerowodd.opened td:nth-child(10), .js .btableblock .btable.depotbestand-details tr.tableroweven.opened td:nth-child(10) {
        display: none
    }

    .js .btableblock .btable.depotbestand-details tr.tablerowodd.opened td:nth-child(11), .js .btableblock .btable.depotbestand-details tr.tableroweven.opened td:nth-child(11), .js .btableblock .btable.depotbestand-details tr.tablerowodd.opened td:last-child, .js .btableblock .btable.depotbestand-details tr.tableroweven.opened td:last-child {
        display: block
    }

    .js .btableblock .btable.depotbestand-details tr.unterdepot td:nth-child(3), .js .btableblock .btable.depotbestand-details tr.unterdepot td:nth-child(10), .js .btableblock .btable.depotbestand-details tr.unterdepot td:last-child {
        display: none
    }

    .js .btableblock .btable.depotbestand-details tr.unterdepot.opened td:last-child {
        display: block
    }
}

@media screen and (max-width: 400px) {
    .btableblock .btable.depotbestand-details tr.tablerowodd.depot td:nth-child(3), .btableblock .btable.depotbestand-details tr.tableroweven.depot td:nth-child(3) {
        display: none
    }
}

.btableblock .btable.depotbestand-details.depotbestand-spk .tableheader .ficon.icon-if5_symbol_up, .btableblock .btable.depotbestand-details.depotbestand-spk .tableheader .ficon.icon-if5_symbol_down {
    display: none;
    margin-bottom: 0
}

.btableblock .btable.depotbestand-details.depotbestand-spk .tableheader td:nth-child(6) {
    padding-bottom: 0
}

.btableblock .btable.depotbestand-details.depotbestand-spk th:nth-child(6) {
    padding-right: 0
}

.js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableheader .ficon.icon-if5_symbol_up {
    display: inline-block
}

.js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableheader.closed .ficon.icon-if5_symbol_up {
    display: none
}

.js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableheader.closed .ficon.icon-if5_symbol_down {
    display: inline-block
}

.js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd.invisible, .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven.invisible, .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot.invisible {
    display: none
}

@media (max-width: 1079px) {
    .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd td, .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven td {
        padding-bottom: 115px
    }

    .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd td:last-child, .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven td:last-child {
        padding-bottom: 60px
    }

    .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot td:first-child, .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot td:nth-child(2), .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot td:nth-child(3), .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot td:nth-child(4), .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot td:nth-child(5), .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot td:nth-child(6) {
        display: none
    }

    .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot td:nth-child(10) {
        padding-bottom: 140px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd td, .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven td {
        padding-bottom: 10px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd td:nth-child(10), .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven td:nth-child(10) {
        display: none
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd.opened td, .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven.opened td {
        padding-bottom: 115px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd.opened td:last-child, .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven.opened td:last-child {
        padding-bottom: 60px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd.opened td:nth-child(10), .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven.opened td:nth-child(10) {
        display: table-cell
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot td:nth-child(10) {
        display: table-cell;
        padding-bottom: 75px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot.opened td:nth-child(10) {
        padding-bottom: 140px
    }
}

@media screen and (max-width: 767px) {
    .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableheader td:first-child {
        display: table-cell
    }

    .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableheader td:nth-child(2), .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableheader td:nth-child(3) {
        display: none
    }

    .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableheader td:nth-child(6) {
        display: none;
        padding-bottom: 10px
    }

    .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd td, .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven td {
        padding-bottom: 10px
    }

    .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd td:first-child, .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven td:first-child {
        padding-bottom: 0
    }

    .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd td:nth-child(11), .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven td:nth-child(11) {
        padding-top: 0
    }

    .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd td:last-child, .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven td:last-child {
        padding-bottom: 10px;
        padding-top: 0
    }

    .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot td:nth-child(6) {
        padding-bottom: 10px
    }

    .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot td:nth-child(8), .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot td:nth-child(9) {
        display: none
    }

    .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot td:nth-child(11) {
        padding-bottom: 0;
        padding-top: 10px
    }

    .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot.opened td:nth-child(11) {
        padding-top: 10px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableheader td:first-child {
        width: 100%
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableheader td:nth-child(3) {
        display: block;
        width: 0;
        padding: 0
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableheader td:nth-child(3) .ficon.icon-if5_symbol_up, .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableheader td:nth-child(3) .ficon.icon-if5_symbol_down {
        padding-top: 20px;
        position: absolute;
        right: 10px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd td:first-child, .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven td:first-child {
        padding-bottom: 0
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd.opened td, .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven.opened td {
        padding-bottom: 10px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd.opened td:first-child, .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven.opened td:first-child {
        padding-bottom: 0
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd.opened td:nth-child(8), .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven.opened td:nth-child(8), .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd.opened td:nth-child(9), .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven.opened td:nth-child(9) {
        display: block
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd.opened td:nth-child(10), .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven.opened td:nth-child(10) {
        display: none
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tablerowodd.opened td:last-child, .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.tableroweven.opened td:last-child {
        padding-bottom: 10px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot.opened td {
        padding-bottom: 0
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot.opened td:nth-child(8), .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot.opened td:nth-child(9) {
        display: none
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-spk tr.unterdepot.opened td:nth-child(11) {
        margin-top: 0
    }
}

.btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td {
    padding-bottom: 40px
}

.btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td:last-child {
    padding-bottom: 35px
}

.btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd .ficon.icon-if5_symbol_up:before, .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven .ficon.icon-if5_symbol_up:before, .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd .ficon.icon-if5_symbol_down:before, .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven .ficon.icon-if5_symbol_down:before {
    border: 0;
    font: 22px/81% Pictos-IF;
    height: 22px;
    width: 22px
}

.no-touch .btableblock .btable.depotbestand-details.depotbestand-deka tr.hover td:nth-child(7) .ficon:before, .no-touch .btableblock .btable.depotbestand-details.depotbestand-deka td:nth-child(7) .ficon:hover:before, .btableblock .btable.depotbestand-details.depotbestand-deka td:nth-child(7) .ficon.focus:before, .btableblock .btable.depotbestand-details.depotbestand-deka td:nth-child(7) .ficon:focus:before {
    font: 22px/81% Pictos-IF;
    background-color: transparent;
    color: #444
}

.js .btableblock .btable.depotbestand-details.depotbestand-deka th:nth-child(7) {
    display: table-cell
}

.js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:nth-child(7), .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:nth-child(7) {
    display: table-cell;
    padding-right: 0
}

.js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:nth-child(7) .ficon.icon-if5_symbol_down, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:nth-child(7) .ficon.icon-if5_symbol_down {
    display: inline-block
}

.js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:nth-child(7) .ficon.icon-if5_symbol_up, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:nth-child(7) .ficon.icon-if5_symbol_up {
    display: none
}

.js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd.depot.opened td:nth-child(7), .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven.depot.opened td:nth-child(7) {
    display: table-cell;
    padding-right: 0
}

.js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd.depot.opened td:nth-child(7) .ficon.icon-if5_symbol_down, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven.depot.opened td:nth-child(7) .ficon.icon-if5_symbol_down {
    display: none
}

.js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd.depot.opened td:nth-child(7) .ficon.icon-if5_symbol_up, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven.depot.opened td:nth-child(7) .ficon.icon-if5_symbol_up {
    display: inline-block
}

.js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td {
    padding-bottom: 10px
}

.js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td:nth-child(5) {
    padding-bottom: 10px
}

.js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot.opened td {
    padding-bottom: 40px
}

.js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot.opened td:last-child {
    padding-bottom: 35px
}

@media (max-width: 1079px) {
    .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:first-child, .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:first-child, .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:nth-child(6), .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:nth-child(6) {
        padding-bottom: 70px
    }

    .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:last-child, .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:last-child {
        padding-bottom: 60px
    }

    .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td:first-child, .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td:nth-child(6) {
        padding-bottom: 120px
    }

    .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td:nth-child(10) {
        padding-bottom: 115px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd.opened td:nth-child(7) .ficon.icon-if5_symbol_down, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven.opened td:nth-child(7) .ficon.icon-if5_symbol_down {
        display: none
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd.opened td:nth-child(7) .ficon.icon-if5_symbol_up, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven.opened td:nth-child(7) .ficon.icon-if5_symbol_up {
        display: inline-block
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka td:nth-child(9) > div {
        margin-right: 10px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td {
        padding-bottom: 10px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:nth-child(7), .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:nth-child(7) {
        width: 30px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd.opened td, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven.opened td {
        padding-bottom: 70px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd.opened td:last-child, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven.opened td:last-child {
        padding-bottom: 60px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td {
        padding-bottom: 60px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td:nth-child(10) {
        padding-bottom: 55px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td:nth-child(10) > div:last-child {
        right: 60px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot.opened td {
        padding-bottom: 120px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot.opened td:nth-child(10) {
        padding-bottom: 115px
    }
}

@media screen and (max-width: 767px) {
    .btableblock .btable.depotbestand-details.depotbestand-deka th:nth-child(7) {
        display: none
    }

    .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:first-child, .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:first-child {
        width: 100%;
        padding-bottom: 10px
    }

    .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:nth-child(7), .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:nth-child(7) {
        display: none
    }

    .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:nth-child(8), .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:nth-child(8), .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:nth-child(9), .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:nth-child(9), .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:nth-child(11), .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:nth-child(11) {
        padding-top: 0
    }

    .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:last-child, .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:last-child {
        padding-bottom: 10px;
        padding-top: 0
    }

    .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td:nth-child(8), .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td:nth-child(9) {
        display: none
    }

    .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td:nth-child(11) {
        padding-bottom: 0
    }

    .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td:last-child {
        padding-bottom: 10px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:first-child, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:first-child {
        padding-bottom: 10px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:nth-child(3), .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:nth-child(3) {
        margin-top: 55px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:nth-child(7), .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:nth-child(7) {
        display: block;
        position: absolute;
        right: 12px;
        margin-top: 0
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:nth-child(7) .ficon.icon-if5_symbol_down, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:nth-child(7) .ficon.icon-if5_symbol_down {
        display: block
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:nth-child(7) .ficon.icon-if5_symbol_up, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:nth-child(7) .ficon.icon-if5_symbol_up {
        display: none
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:nth-child(9) > div, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:nth-child(9) > div {
        margin-right: 0
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd td:nth-child(11), .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven td:nth-child(11) {
        display: none
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd.opened td, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven.opened td {
        padding-bottom: 0
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd.opened td:first-child, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven.opened td:first-child {
        padding-bottom: 10px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd.opened td:nth-child(11), .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven.opened td:nth-child(11) {
        display: block;
        padding-top: 0;
        padding-bottom: 10px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tablerowodd.opened td:last-child, .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.tableroweven.opened td:last-child {
        padding-bottom: 10px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td:nth-child(7), .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td:nth-child(8), .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td:nth-child(9) {
        display: none
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot td:nth-child(11) {
        display: block;
        padding-bottom: 10px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot.opened td:first-child {
        padding-bottom: 10px
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot.opened td:nth-child(8), .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot.opened td:nth-child(9) {
        display: none
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot.opened td:nth-child(11) {
        padding-bottom: 0
    }

    .js .btableblock .btable.depotbestand-details.depotbestand-deka tr.unterdepot.opened td:last-child {
        display: block
    }
}

.btableblock .btable.orderbuch-details th:nth-child(6), .btableblock .btable.orderbuch-details th:nth-child(7), .btableblock .btable.orderbuch-details th:nth-child(8), .btableblock .btable.orderbuch-details th:last-child, .btableblock .btable.orderbuch-details td:nth-child(6), .btableblock .btable.orderbuch-details td:nth-child(7), .btableblock .btable.orderbuch-details td:nth-child(8) {
    display: none
}

.btableblock .btable.orderbuch-details tr.tablerowodd td, .btableblock .btable.orderbuch-details tr.tableroweven td {
    padding-bottom: 40px
}

.btableblock .btable.orderbuch-details tr.tablerowodd td:last-child, .btableblock .btable.orderbuch-details tr.tableroweven td:last-child {
    vertical-align: bottom;
    display: table-cell;
    width: 0;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 35px
}

.btableblock .btable.orderbuch-details tr.tablerowodd td:last-child > div, .btableblock .btable.orderbuch-details tr.tableroweven td:last-child > div {
    position: absolute;
    right: 0;
    width: auto;
    left: 30px;
    right: 20px
}

.js .btableblock .btable.orderbuch-details tr.tablerowodd td, .js .btableblock .btable.orderbuch-details tr.tableroweven td {
    padding-bottom: 10px
}

.js .btableblock .btable.orderbuch-details tr.tablerowodd td:last-child, .js .btableblock .btable.orderbuch-details tr.tableroweven td:last-child {
    display: none
}

.js .btableblock .btable.orderbuch-details tr.tablerowodd.opened td, .js .btableblock .btable.orderbuch-details tr.tableroweven.opened td {
    padding-bottom: 40px
}

.js .btableblock .btable.orderbuch-details tr.tablerowodd.opened td:last-child, .js .btableblock .btable.orderbuch-details tr.tableroweven.opened td:last-child {
    display: table-cell;
    padding-bottom: 35px
}

@media (max-width: 1079px) {
    .btableblock .btable.orderbuch-details tr.tablerowodd td, .btableblock .btable.orderbuch-details tr.tableroweven td {
        padding-bottom: 70px
    }

    .btableblock .btable.orderbuch-details tr.tablerowodd td:last-child, .btableblock .btable.orderbuch-details tr.tableroweven td:last-child {
        padding-bottom: 60px
    }

    .btableblock .btable.orderbuch-details tr.tablerowodd td:last-child > div, .btableblock .btable.orderbuch-details tr.tableroweven td:last-child > div {
        left: 20px
    }

    .js .btableblock .btable.orderbuch-details tr.tablerowodd td, .js .btableblock .btable.orderbuch-details tr.tableroweven td {
        padding-bottom: 10px
    }

    .js .btableblock .btable.orderbuch-details tr.tablerowodd.opened td, .js .btableblock .btable.orderbuch-details tr.tableroweven.opened td {
        padding-bottom: 70px
    }

    .js .btableblock .btable.orderbuch-details tr.tablerowodd.opened td:last-child, .js .btableblock .btable.orderbuch-details tr.tableroweven.opened td:last-child {
        display: table-cell;
        padding-bottom: 60px
    }
}

@media screen and (max-width: 767px) {
    .btableblock .btable.orderbuch-details th {
        display: none
    }

    .btableblock .btable.orderbuch-details tr.tablerowodd td:first-child, .btableblock .btable.orderbuch-details tr.tableroweven td:first-child, .btableblock .btable.orderbuch-details tr.tablerowodd td:nth-child(2), .btableblock .btable.orderbuch-details tr.tableroweven td:nth-child(2), .btableblock .btable.orderbuch-details tr.tablerowodd td:nth-child(3), .btableblock .btable.orderbuch-details tr.tableroweven td:nth-child(3), .btableblock .btable.orderbuch-details tr.tablerowodd td:nth-child(4), .btableblock .btable.orderbuch-details tr.tableroweven td:nth-child(4), .btableblock .btable.orderbuch-details tr.tablerowodd td:nth-child(5), .btableblock .btable.orderbuch-details tr.tableroweven td:nth-child(5), .btableblock .btable.orderbuch-details tr.tablerowodd td:nth-child(6), .btableblock .btable.orderbuch-details tr.tableroweven td:nth-child(6) {
        display: none
    }

    .btableblock .btable.orderbuch-details tr.tablerowodd td:nth-child(7), .btableblock .btable.orderbuch-details tr.tableroweven td:nth-child(7), .btableblock .btable.orderbuch-details tr.tablerowodd td:nth-child(8), .btableblock .btable.orderbuch-details tr.tableroweven td:nth-child(8) {
        display: block
    }

    .btableblock .btable.orderbuch-details tr.tablerowodd td:nth-child(8), .btableblock .btable.orderbuch-details tr.tableroweven td:nth-child(8), .btableblock .btable.orderbuch-details tr.tablerowodd td:last-child, .btableblock .btable.orderbuch-details tr.tableroweven td:last-child {
        float: left;
        vertical-align: bottom;
        padding-top: 0;
        width: 100%;
        box-sizing: border-box
    }

    .btableblock .btable.orderbuch-details tr.tablerowodd td:nth-child(8) > div, .btableblock .btable.orderbuch-details tr.tableroweven td:nth-child(8) > div, .btableblock .btable.orderbuch-details tr.tablerowodd td:last-child > div, .btableblock .btable.orderbuch-details tr.tableroweven td:last-child > div {
        position: static;
        left: 20px;
        right: 20px;
        margin-top: 0
    }

    .btableblock .btable.orderbuch-details tr.tablerowodd td:last-child, .btableblock .btable.orderbuch-details tr.tableroweven td:last-child {
        padding-left: 10px;
        padding-right: 10px
    }

    .js .btableblock .btable.orderbuch-details tr.tablerowodd td:nth-child(8), .js .btableblock .btable.orderbuch-details tr.tableroweven td:nth-child(8) {
        display: none
    }

    .js .btableblock .btable.orderbuch-details tr.tablerowodd.opened td:nth-child(8), .js .btableblock .btable.orderbuch-details tr.tableroweven.opened td:nth-child(8) {
        display: block
    }
}

.btableblock .btable.orderbuch-details.orderbuch-spk th:nth-child(5) {
    padding-right: 0
}

.btableblock .btable.orderbuch-details.orderbuch-spk td:nth-child(5) .data + .data, .btableblock .btable.orderbuch-details.orderbuch-spk td:nth-child(8) .data + .data {
    padding-top: 10px
}

@media (max-width: 1079px) {
    .btableblock .btable.orderbuch-details.orderbuch-spk th:nth-child(3), .btableblock .btable.orderbuch-details.orderbuch-spk td:nth-child(3) {
        display: none
    }

    .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd td, .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven td {
        padding-bottom: 120px
    }

    .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd td:nth-child(6), .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven td:nth-child(6) {
        display: table-cell;
        padding-left: 0;
        padding-right: 0;
        vertical-align: bottom;
        padding-bottom: 115px;
        width: 0
    }

    .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd td:nth-child(6) > div, .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven td:nth-child(6) > div {
        left: 20px;
        right: 20px;
        position: absolute
    }

    .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd td:last-child, .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven td:last-child {
        padding-bottom: 60px
    }

    .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd td, .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven td {
        padding-bottom: 10px
    }

    .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd td:nth-child(6), .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven td:nth-child(6), .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd td:last-child, .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven td:last-child {
        display: none
    }

    .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd.opened td, .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven.opened td {
        padding-bottom: 120px
    }

    .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd.opened td:last-child, .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven.opened td:last-child {
        padding-bottom: 60px
    }

    .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd.opened td:nth-child(6), .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven.opened td:nth-child(6), .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd.opened td:last-child, .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven.opened td:last-child {
        display: table-cell
    }
}

@media screen and (max-width: 767px) {
    .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd td, .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven td, .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd td:last-child, .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven td:last-child {
        padding-bottom: 10px
    }

    .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd td:nth-child(6), .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven td:nth-child(6) {
        display: none
    }

    .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd.opened td, .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven.opened td, .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd.opened td:last-child, .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven.opened td:last-child {
        padding-bottom: 10px
    }

    .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tablerowodd.opened td:nth-child(6), .js .btableblock .btable.orderbuch-details.orderbuch-spk tr.tableroweven.opened td:nth-child(6) {
        display: none
    }
}

.btableblock .btable.orderbuch-details.orderbuch-deka th:nth-child(5), .btableblock .btable.orderbuch-details.orderbuch-deka td:nth-child(5) {
    display: none
}

.btableblock .btable.orderbuch-details.orderbuch-deka th:nth-child(4) {
    padding-right: 0
}

@media screen and (max-width: 767px) {
    .btableblock .btable.orderbuch-details.orderbuch-deka tr.tablerowodd td, .btableblock .btable.orderbuch-details.orderbuch-deka tr.tableroweven td {
        padding-bottom: 10px
    }

    .btableblock .btable.orderbuch-details.orderbuch-deka tr.tablerowodd.opened td, .btableblock .btable.orderbuch-details.orderbuch-deka tr.tableroweven.opened td, .btableblock .btable.orderbuch-details.orderbuch-deka tr.tablerowodd.opened td:last-child, .btableblock .btable.orderbuch-details.orderbuch-deka tr.tableroweven.opened td:last-child {
        padding-bottom: 10px
    }
}

.banking-container.depot-cockpit .cockpit-header .orderbuch-filter .bline {
    padding-left: 66px
}

.banking-container.depot-cockpit .cockpit-header .orderbuch-filter .bline label {
    width: 30px
}

.banking-container.depot-cockpit .cockpit-header .orderbuch-filter .bline:first-child {
    padding-left: 0;
    padding-top: 8px;
    position: absolute
}

.banking-container.depot-cockpit .cockpit-header .orderbuch-filter .bline:first-child + .bline {
    margin-top: 0
}

.banking-container.depot-cockpit .cockpit-header .orderbuch-filter .bline:nth-child(2) .blineover {
    padding-top: 30px
}

.banking-container.depot-cockpit .cockpit-header .orderbuch-filter .bline .blineover {
    margin-left: -66px
}

.banking-container.depot-cockpit .cockpit-header .orderbuch-filter + .block .bline label {
    width: 62px;
    text-align: left
}

.banking-container.depot-cockpit .cockpit-header .orderbuch-filter + .block .bline .il, .banking-container.depot-cockpit .cockpit-header .orderbuch-filter + .block .bline input, .banking-container.depot-cockpit .cockpit-header .orderbuch-filter + .block .bline select {
    width: 180px
}

@media screen and (max-width: 649px) {
    .banking-container.depot-cockpit .cockpit-header .orderbuch-filter .bline {
        padding-left: 0
    }

    .banking-container.depot-cockpit .cockpit-header .orderbuch-filter .bline:first-child {
        display: block;
        position: static;
        padding-top: 0
    }

    .banking-container.depot-cockpit .cockpit-header .orderbuch-filter .bline label {
        width: 62px;
        text-align: left
    }

    .banking-container.depot-cockpit .cockpit-header .orderbuch-filter .bline .blineover {
        margin-left: 0
    }

    .banking-container.depot-cockpit .cockpit-header .orderbuch-filter .bline:nth-child(2) .blineover {
        padding-top: 0
    }

    .banking-container.depot-cockpit .cockpit-header .orderbuch-filter .bline:nth-child(3) {
        padding-bottom: 12px
    }

    .banking-container.depot-cockpit .cockpit-header .orderbuch-filter .bline label, .banking-container.depot-cockpit .cockpit-header .orderbuch-filter + .block .bline label {
        float: left
    }
}

.banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow + .no-filter {
    width: 66.66%;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow + .no-filter > .bline:after {
    border-left: 0
}

.banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow + .no-filter:before {
    border-left: 0
}

@media screen and (max-width: 958px) {
    .banking-container.depot-cockpit .cockpit-header .account-selector-box-with-arrow + .no-filter {
        display: none
    }
}

.freistellungssimulation .tablerowodd td, .freistellungssimulation .tableroweven td {
    width: 25%;
    padding-right: 0
}

.freistellungssimulation .tablerowodd td + td, .freistellungssimulation .tableroweven td + td {
    padding-left: 50px
}

.freistellungssimulation .tablerowodd td:first-child, .freistellungssimulation .tableroweven td:first-child {
    position: relative
}

.freistellungssimulation .tablerowodd td:first-child .data, .freistellungssimulation .tableroweven td:first-child .data {
    position: absolute;
    bottom: 10px;
    width: 100%
}

.freistellungssimulation .tablefooter td + td {
    padding-left: 50px
}

.freistellungssimulation.btable tr.tablerowmarked {
    border-top: 0
}

.freistellungssimulation.btable tr.tablerowmarked td {
    padding-top: 0
}

.freistellungssimulation td[colspan="4"] .secpaper {
    margin-bottom: -18px;
    background-color: #fff;
    position: relative;
    z-index: 1
}

.freistellungssimulation input {
    width: 100%;
    margin-top: 18px
}

.freistellungssimulation .bfontsize-note + input {
    margin-top: 0
}

.freistellungssimulation input[disabled] {
    border-radius: 0;
    border-top-color: transparent;
    border-bottom-color: #666;
    border-left: 0;
    border-right: 0;
    text-align: right;
    opacity: 1;
    color: #666
}

.freistellungssimulation td + td .data {
    padding: 10px;
    background-color: #f0f0f0;
    color: #444
}

.freistellungssimulation td + td .data .label {
    color: #444
}

.btableblock.ty2 .btable.freistellungssimulation.ergebnis {
    border-bottom: 0
}

.templ-printpage .freistellungssimulation td[colspan="4"] .secpaper {
    margin-bottom: 0
}

.templ-printpage .freistellungssimulation .tablerowodd td:first-child .data, .templ-printpage .freistellungssimulation .tableroweven td:first-child .data {
    padding-right: 10px;
    box-sizing: border-box;
    bottom: 3px
}

.templ-printpage .freistellungssimulation input[disabled] {
    border-bottom: 0;
    padding: 0
}

.templ-printpage .freistellungssimulation td + td .data {
    background-color: #fff;
    padding: 0
}

@media screen and (max-width: 850px) {
    .freistellungssimulation .tablerowodd td:first-child, .freistellungssimulation .tableroweven td:first-child {
        min-width: 180px
    }

    .freistellungssimulation .tablerowodd td + td, .freistellungssimulation .tableroweven td + td {
        padding-left: 20px
    }

    .freistellungssimulation .tablefooter td + td {
        padding-left: 20px
    }
}

@media screen and (max-width: 649px) {
    .freistellungssimulation .tablerowodd td, .freistellungssimulation .tableroweven td {
        width: 100%
    }

    .freistellungssimulation .tablerowodd td:first-child .data, .freistellungssimulation .tableroweven td:first-child .data {
        position: static
    }

    .freistellungssimulation .tablerowodd td + td, .freistellungssimulation .tableroweven td + td {
        padding-left: 0
    }

    .freistellungssimulation .tablefooter td + td {
        padding-left: 0
    }

    .freistellungssimulation .above-label label {
        height: 0;
        padding-bottom: 0
    }

    .freistellungssimulation input {
        width: 50%
    }
}

body .bcarousel {
    display: block;
    overflow-x: scroll;
    overflow-y: hidden
}

body .bcarousel > div:first-child {
    white-space: nowrap;
    width: 100%;
    z-index: 1;
    position: relative
}

body .bcarousel > div:first-child .bcontent {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: normal;
    margin-right: 0;
    padding-right: 10px
}

body .bcarousel > div:first-child .bcontent > div {
    height: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #666;
    border-radius: 5px
}

body .bcarousel > div:first-child .bcontent.rejected {
    display: none
}

body .bcarousel > div:first-child .bcontent.disabled {
    pointer-events: none;
    opacity: .3
}

body .bcarousel > div:first-child .bcontent.error {
    display: none
}

body .bcarousel > div:first-child .bcontent.error.visible {
    display: inline-block
}

body .bcarousel > div:first-child .bcontent.error.visible > div {
    padding: 20px
}

.bcarousel .bcontent a {
    display: block;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    padding: 20px;
    color: #666
}

.bcarousel .bcontent a > img {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.bcarousel .bcontent.centered a {
    text-align: center
}

.js .bcarousel {
    position: relative;
    padding: 0 20px 0 30px;
    text-align: center;
    overflow-x: hidden
}

.js .bcarousel > div:first-child {
    overflow: hidden;
    text-align: center;
    margin-right: 0;
    box-shadow: inset -10px 0 0 0 #fff
}

.js .bcarousel .carousel_play {
    height: 20px;
    bottom: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.js .bcarousel .carousel_play .left, .js .bcarousel .carousel_play .right {
    padding: 0;
    margin-top: 10px
}

.js .bcarousel .carousel_play .left.disabled, .js .bcarousel .carousel_play .right.disabled {
    pointer-events: none;
    opacity: .3
}

.bcarousel.carousel_store .bcontent {
    height: 105px;
    width: 230px;
    min-width: 230px
}

.bcarousel.carousel_store .bcontent a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bcarousel.carousel_locker .bcontent {
    height: 305px;
    width: 254px;
    min-width: 254px
}

.bcarousel.carousel_background-image .bcontent {
    width: 50%;
    height: 270px
}

.bcarousel.carousel_background-image .bcontent > div {
    overflow: hidden
}

.bcarousel.carousel_background-image .bcontent a {
    padding: 0;
    position: relative
}

.bcarousel.carousel_background-image .bcontent a img {
    width: 100%;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0
}

.bcarousel.carousel_background-image .bcontent a .description {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    padding: 3px 5px 5px 5px;
    min-height: 39.5px;
    background-color: rgba(255, 255, 255, 0.8)
}

@media (max-width: 1079px) {
    .bcarousel.carousel_background-image .bcontent a img {
        bottom: 53px
    }

    .bcarousel.carousel_background-image .bcontent a .description {
        min-height: 41.75px
    }
}

@media screen and (max-width: 767px) {
    .bcarousel.carousel_background-image .bcontent {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .bcarousel.carousel_background-image .bcontent {
        height: 250px
    }
}

.if6_eprivacy {
    display: none;
    height: 250px;
    background-color: #000;
    z-index: 3000;
    overflow: visible
}

.if6_eprivacy .overlay {
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    min-height: 40px;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3000;
    bottom: 0
}

.if6_eprivacy .if6_inner {
    overflow-y: auto
}

.if6_eprivacy .if6_inner .etext {
    padding: 10px 0
}

.if6_eprivacy .if6_inner .ebutton {
    text-align: right;
    vertical-align: bottom;
    padding: 10px 0
}

.if6_eprivacy .if6_inner .ebutton a {
    display: inline-block;
    font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    padding: 9px 20px;
    text-decoration: none;
    border-radius: 4px;
    white-space: nowrap;
    margin-left: 20px
}

.if6_eprivacy .if6_inner .ebutton a.primary {
    color: #fff;
    background-color: red
}

.if6_eprivacy .if6_inner .ebutton a.secondary {
    color: red;
    background-color: #fff
}

.if6_eprivacy h3, .if6_eprivacy .h3 {
    color: #fff
}

.if6_eprivacy h3 + p {
    margin-top: 10px
}

.if6_eprivacy p .h3 {
    margin-bottom: -10px
}

.if6_eprivacy .close-icon:before {
    background-color: transparent;
    color: #fff;
    content: "×";
    font: 25px/81% Pictos-IF
}

.if6_eprivacy.reminder .if6_inner {
    position: relative;
    width: 986px
}

.if6_eprivacy.reminder .if6_inner .etext {
    padding-left: 13px;
    padding-right: 46px
}

.if6_eprivacy.reminder .if6_inner .ebutton {
    padding-right: 13px
}

.no-touch .if6_eprivacy .close-icon:hover:before, .if6_eprivacy .close-icon:focus:before {
    background-color: #fff;
    color: red
}

.no-touch .if6_eprivacy a:hover, .if6_eprivacy a:focus {
    color: red
}

.no-touch .if6_eprivacy .ebutton a:hover, .if6_eprivacy .ebutton a:focus {
    text-decoration: underline
}

.js .if6_eprivacy {
    display: block
}

body.navigation_visible .if6_eprivacy, body.contact_visible .if6_eprivacy {
    margin-left: 0
}

.js body.eprivacy_initial_visible .if6_contact > div, .js body.eprivacy_reminder_visible .if6_contact > div, .js body.eprivacy_initial_visible .if6_navigation > div, .js body.eprivacy_reminder_visible .if6_navigation > div {
    border-bottom: 250px solid #fff
}

@media screen and (min-width: 1080px) {
    body.eprivacy_initial_visible.hnav .if6_navigation > div, body.eprivacy_reminder_visible.hnav .if6_navigation > div {
        border-bottom: 0
    }
}

.js .if6_eprivacy.initial {
    height: 0
}

.js .if6_eprivacy.initial .overlay {
    top: 0;
    bottom: auto;
    background-color: #333
}

.js body.eprivacy_initial_visible .if6_main {
    padding-top: 200px
}

.js body.eprivacy_initial_visible .if6_contact > a, .js body.eprivacy_initial_visible .if6_navigation > a {
    margin-top: 200px
}

.js body.eprivacy_initial_visible .if6_contact > div, .js body.eprivacy_initial_visible .if6_navigation > div {
    border-bottom: 0
}

@media (max-width: 1079px) {
    .if6_eprivacy {
        height: 250px
    }

    .if6_eprivacy.reminder .if6_inner {
        width: 100%
    }

    .if6_eprivacy.reminder .if6_inner .etext {
        padding-left: 0;
        padding-right: 30px
    }

    .if6_eprivacy.reminder .if6_inner .ebutton {
        padding-right: 0
    }

    .if6_eprivacy h3, .if6_eprivacy .h3 {
        padding-right: 30px
    }

    .js body.eprivacy_initial_visible .if6_contact > div, .js body.eprivacy_reminder_visible .if6_contact > div, .js body.eprivacy_initial_visible .if6_navigation > div, .js body.eprivacy_reminder_visible .if6_navigation > div {
        border-bottom-width: 250px
    }

    .js body.eprivacy_initial_visible .if6_contact > a, .js body.eprivacy_initial_visible .if6_navigation > a {
        margin-top: 0 !important
    }
}

@media screen and (max-width: 767px) {
    .if6_eprivacy {
        height: 420px
    }

    .if6_eprivacy .if6_inner {
        display: block
    }

    .if6_eprivacy .if6_inner .etext {
        display: block
    }

    .if6_eprivacy .if6_inner .ebutton {
        display: block;
        padding: 0 0 10px 0;
        text-align: center
    }

    .if6_eprivacy .if6_inner .ebutton a {
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
        margin-top: 10px;
        white-space: normal
    }

    .if6_eprivacy .if6_inner .ebutton a:first-child {
        margin-top: 0
    }

    .js body.eprivacy_initial_visible .if6_contact > div, .js body.eprivacy_reminder_visible .if6_contact > div, .js body.eprivacy_initial_visible .if6_navigation > div, .js body.eprivacy_reminder_visible .if6_navigation > div {
        border-bottom-width: 420px
    }
}

@media print {
    .js body.eprivacy_initial_visible .if6_main {
        padding-top: 0 !important
    }

    .if6_eprivacy {
        background-color: #fff;
        border-top: 1px solid #000
    }

    .if6_eprivacy .overlay {
        background-color: #fff;
        color: #000;
        position: static
    }

    .js .if6_eprivacy.initial {
        height: auto
    }

    .js .if6_eprivacy.initial .overlay {
        background-color: #fff
    }

    .if6_eprivacy.reminder .if6_inner {
        width: auto
    }
}

@media screen and (min-width: 1280px) {
    .js body.nbf-frame.eprivacy_initial_visible.nav-main .if6_nav .nav-full-container, .js body.nbf-frame.eprivacy_initial_visible.nav-main .if6_nav .nav-background, .js body.nbf-frame.eprivacy_initial_visible .if6_lightbox.banking-login .if6_inner, .js body.nbf-frame.eprivacy_initial_visible.nav-banking1 .if6_nav .nav-full-container li.nav-banking, .js body.nbf-frame.eprivacy_initial_visible.nav-banking2 .if6_nav .nav-full-container li.nav-banking, .js body.nbf-frame.eprivacy_initial_visible.nav-banking1 .if6_header .logo, .js body.nbf-frame.eprivacy_initial_visible.nav-banking2 .if6_header .logo, .js body.nbf-frame.eprivacy_initial_visible.nav-banking9 .if6_header .logo, .js body.nbf-frame.eprivacy_initial_visible.nav-banking9.header-quit .if6_header .nav-back {
        margin-top: 200px
    }

    .js body.nbf-frame.eprivacy_reminder_visible.nav-main .if6_nav .nav-full-container, .js body.nbf-frame.eprivacy_reminder_visible.nav-main .if6_nav .nav-background, .js body.nbf-frame.eprivacy_reminder_visible.nav-banking1 .if6_nav .nav-full-container li.nav-banking, .js body.nbf-frame.eprivacy_reminder_visible.nav-banking2 .if6_nav .nav-full-container li.nav-banking {
        border-bottom: 250px solid #fff
    }

    .js body.nbf-frame.eprivacy_reminder_visible[class*="nav-banking"] .if6_footer, .js body.nbf-frame.eprivacy_reminder_visible.nav-banking1 .if6_nav .nav-full-container .nav-full-content > .nav-concierge, .js body.nbf-frame.eprivacy_reminder_visible.nav-banking2 .if6_nav .nav-full-container .nav-full-content > .nav-concierge {
        margin-bottom: 250px
    }

    .js body.nbf-frame.eprivacy_reminder_visible[class*="nav-banking"] .if6_eprivacy.reminder {
        background-color: transparent;
        width: 1px
    }
}

@media screen and (max-width: 1279px) {
    .js body.nbf-frame.eprivacy_initial_visible .if6_nav .nav-full-container, .js body.nbf-frame.eprivacy_initial_visible .if6_header .search form {
        margin-top: 200px
    }

    .js body.nbf-frame.eprivacy_reminder_visible .if6_nav .nav-full-container, .js body.nbf-frame.eprivacy_reminder_visible .if6_header .search form {
        box-sizing: border-box;
        border-bottom: 250px solid #fafafa
    }
}

.nbf-frame .if6_eprivacy .close-icon::before {
    color: #fff
}

.bmessage.multiline:before {
    top: 22px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table td {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) > div, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(2) > div, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(2) > div {
    white-space: nowrap
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(3), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(4), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(5) {
    display: none
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td + td {
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 3px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:first-child, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) {
    padding-left: 10px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:first-child {
    width: 60%;
    font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) {
    width: 40%;
    padding-right: 0
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) .ficon.icon-if5_symbol_up, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) .ficon.icon-if5_symbol_down {
    display: none
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) .ficon {
    margin-top: -2px;
    height: 17px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) > .ficon:before {
    padding-left: 3px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) > a.ficon {
    padding-right: 3px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven.hoverable + tr.tableheader, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd.hoverable + tr.tableheader {
    border-top: 0
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven.hoverable, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd.hoverable {
    border-bottom: 0
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:first-child, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:first-child {
    width: 60%
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(2), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(2) {
    width: 40%;
    min-height: 74.8px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(2) > .information, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(2) > .information, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(4) > .information, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(4) > .information, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(2) a, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(2) a, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(4) a, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(4) a {
    font: italic 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #444;
    text-decoration: none;
    border-style: none
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(3), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(3), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:last-child, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:last-child {
    width: 100%
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(3), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(3) {
    padding: 0 10px 15px 62px;
    margin-top: -15px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(3):empty, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(3):empty {
    padding: 0
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(4), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(4) {
    display: none
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:last-child, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:last-child {
    padding-left: 62px;
    padding-top: 0;
    padding-bottom: 10px;
    margin-top: -5px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:last-child > .bmessage, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:last-child > .bmessage {
    margin: 5px 0 5px 0
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:last-child:empty, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:last-child:empty {
    margin: 0;
    padding: 0
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablecampaign td:first-child {
    padding: 0 10px 10px 62px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter {
    border-top: 1px solid #ccc;
    font-weight: normal
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter td {
    padding: 0;
    width: 0
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter td:nth-child(2) {
    width: 100%;
    padding: 15px 10px 20px 10px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter td:nth-child(2) span.balance-label {
    display: inline-block
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter td:nth-child(2) span.balance-label + .bwaiting-indicator {
    vertical-align: top;
    margin-left: 25px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter td:nth-child(2) span.balance-predecimal {
    margin-left: 30px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter td:nth-child(3), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter td:nth-child(4), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter td:nth-child(5) {
    display: none
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter.tablerowmarked {
    border-top: 0;
    font-weight: bold
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter.tablerowmarked td:nth-child(2) {
    padding-bottom: 0;
    border-top: 2px solid #333
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader.closed + tr.tablefooter > td, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader.closed + tr.tableheader > td {
    margin-top: 30px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader.opened + tr.tablefooter > td, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader.opened + tr.tableheader > td {
    margin-top: 10px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader.closed + tr.tablefooter.tablerowmarked > td {
    padding-top: 15px;
    margin-top: 40px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader > td.additionalSpace, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd + tr.tableheader > td.additionalSpace, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven + tr.tableheader > td.additionalSpace {
    margin-top: 30px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd + tr.tableheader > td, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven + tr.tableheader > td {
    margin-top: 15px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd + tr.tablefooter.tablerowmarked > td, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven + tr.tablefooter.tablerowmarked > td {
    margin-top: 25px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd.invisible + tr.tablefooter.tablerowmarked > td, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven.invisible + tr.tablefooter.tablerowmarked > td {
    margin-top: 40px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter + tr.tablefooter.tablerowmarked > td {
    margin-top: 20px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter.invisible + tr.tablefooter.tablerowmarked > td {
    margin-top: 40px
}

.btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) > .balance {
    display: none
}

.btableblock.ty2 .btable.mbf-finanzstatus-table .finaccount {
    width: 335px;
    white-space: nowrap
}

.js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) .ficon.icon-if5_symbol_up {
    display: inline-block
}

.js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) .ficon.icon-if5_symbol_down {
    display: none
}

.js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) > .balance, .js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) > .bwaiting-indicator {
    display: none
}

.js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader.closed td:nth-child(2) .ficon.icon-if5_symbol_up {
    display: none
}

.js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader.closed td:nth-child(2) .ficon.icon-if5_symbol_down {
    display: inline-block
}

.js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader.closed td:nth-child(2) > .balance, .js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader.closed td:nth-child(2) > .bwaiting-indicator {
    display: inline-block
}

.js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader.opened td:nth-child(2) .ficon.icon-if5_symbol_up {
    display: inline-block
}

.js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader.opened td:nth-child(2) .ficon.icon-if5_symbol_down {
    display: none
}

.js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader.opened td:nth-child(2) > .balance, .js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader.opened td:nth-child(2) > .bwaiting-indicator {
    display: none
}

.js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter.invisible, .js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven.invisible, .js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd.invisible, .js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablecampaign.invisible {
    display: none
}

.js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter.tablerowmarked.invisible {
    display: table-row
}

div span.status-follows {
    display: inline-block
}

div span.status-follows + .status {
    margin-left: 15px
}

div span.status-follows + .status-inactive {
    margin-left: 15px
}

div span.status-follows + .status-warning {
    margin-left: 15px
}

div span.status-follows + .status-failure {
    margin-left: 15px
}

.block .status, .btable .status {
    background-color: #00724b;
    border: 1px solid #00724b;
    border-radius: 4px;
    color: #fff;
    padding: 0 10px 0 10px;
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    display: inline-block
}

.block .status-inactive, .btable .status-inactive {
    background-color: #666;
    border: 1px solid #666;
    border-radius: 4px;
    color: #fff;
    padding: 0 10px 0 10px;
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    display: inline-block
}

.block .status-warning, .btable .status-warning {
    background-color: #ff8f00;
    border: 1px solid #ff8f00;
    border-radius: 4px;
    color: #333;
    padding: 0 10px 0 10px;
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    display: inline-block
}

.block .status-failure, .btable .status-failure {
    background-color: red;
    border: 1px solid red;
    border-radius: 4px;
    color: #fff;
    padding: 0 10px 0 10px;
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    display: inline-block
}

@media screen {
    .js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd.closed td:last-child, .js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven.closed td:last-child {
        display: none
    }

    .js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd.opened td:last-child, .js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven.opened td:last-child {
        display: table-row
    }
}

@media (max-width: 1079px) {
    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:last-child, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:last-child {
        padding-left: 62px;
        margin-top: 0
    }

    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:last-child > .bmessage, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:last-child > .bmessage {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:first-child {
        width: 86%
    }

    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) {
        width: 14%
    }

    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) .balance, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader td:nth-child(2) .bwaiting-indicator {
        display: none
    }

    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:first-child, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:first-child, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(3), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(3), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(4), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(4), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:last-child, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:last-child {
        width: 100%
    }

    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:first-child, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:first-child {
        display: block;
        padding-bottom: 10px
    }

    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:first-child .finaccount, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:first-child .finaccount {
        width: 100%;
        white-space: normal
    }

    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(2), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(2) {
        display: none
    }

    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(4), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(4) {
        display: block;
        padding-top: 0
    }

    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(3), .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(3) {
        padding-bottom: 5px;
        padding-left: 52px;
        margin-top: -10px
    }

    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:nth-child(3) > div, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:nth-child(3) > div {
        padding-bottom: 3px
    }

    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:last-child, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:last-child {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 15px;
        margin-top: -9px
    }

    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:last-child > .bmessage, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:last-child > .bmessage {
        margin: 5px 0 0 0
    }

    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablecampaign td:first-child {
        padding: 0 10px 15px 10px
    }

    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablefooter td + td {
        margin-top: 0
    }

    .js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader.closed td:nth-child(2) > .balance, .js .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableheader.closed td:nth-child(2) > .bwaiting-indicator {
        display: none
    }
}

@media screen and (max-width: 390px) {
    .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tableroweven td:first-child .finaccount .status, .btableblock.ty2 .btable.mbf-finanzstatus-table tr.tablerowodd td:first-child .finaccount .status {
        margin-left: 42px;
        display: block;
        width: 25px;
        text-align: center
    }
}

.bfunction {
    padding-left: 52px
}

.bfunction > span {
    display: block;
    color: #333
}

.bfunction .title {
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-bottom: 3px;
    color: #333
}

.bfunction .title:before {
    font: 42px/81% Pictos-IF;
    color: #333;
    width: 42px;
    height: 42px;
    position: absolute;
    margin-left: -52px;
    margin-top: 1px
}

.bfunction .title:last-child, .bfunction .title.status-follows:nth-last-child(2) {
    margin-bottom: 0
}

.bfunction .title:last-child:before, .bfunction .title.status-follows:nth-last-child(2):before {
    margin-top: -11px
}

.bfunction span.status-follows {
    margin-right: 15px
}

.bfunction span.status-follows + span {
    margin-left: 0
}

.bservice > span, .bcard > span, .bperson > span {
    display: block;
    color: #333
}

.bservice .title, .bcard .title, .bperson .title {
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-bottom: 3px;
    color: #333
}

.bservice .title:last-child, .bcard .title:last-child, .bperson .title:last-child, .bservice .title.status-follows:nth-last-child(2), .bcard .title.status-follows:nth-last-child(2), .bperson .title.status-follows:nth-last-child(2) {
    margin-bottom: 0
}

.splitnum {
    font: 18px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 30px;
    background-color: #666;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    min-width: 30px;
    text-align: center;
    padding: 0 3px;
    box-sizing: border-box
}

.btag {
    color: #333;
    background-color: #e3e3e3;
    border-radius: 4px;
    padding: 0 5px;
    font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    display: inline-block;
    white-space: nowrap
}

.btag:before {
    content: "#"
}

.btag.disabled {
    background-color: #f0f0f0;
    color: #999
}

.btag-group {
    margin-top: -10px;
    display: inline-block
}

.btag-group > * {
    margin-right: 10px;
    margin-top: 10px;
    vertical-align: top;
    display: inline-block
}

a .btag {
    text-decoration: none;
    margin: 0
}

a .btag.tag-deletable, a .btag.tag-editable {
    overflow: hidden;
    padding-right: 0
}

a .btag.tag-deletable:after {
    color: #444;
    font: 24px/81% Pictos-IF;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    content: "×";
    display: inline-block;
    vertical-align: top
}

a .btag.tag-editable:after {
    color: #444;
    font: 24px/81% Pictos-IF;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    content: "\f716";
    display: inline-block;
    vertical-align: top
}

.no-touch a .btag:hover, a:focus .btag, .no-touch .bpulldown .btag:hover, .bpulldown .btag:focus {
    color: #fff;
    background-color: #666
}

.no-touch a .btag.tag-deletable:hover, .no-touch a .btag.tag-editable:hover, a:focus .btag.tag-deletable, a:focus .btag.tag-editable {
    color: #333;
    background-color: #e3e3e3
}

.no-touch a .btag.tag-deletable:hover:after, .no-touch a .btag.tag-editable:hover:after, a:focus .btag.tag-deletable:after, a:focus .btag.tag-editable:after {
    color: #fff;
    background-color: #666
}

.headline .btag {
    font: 18px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    padding: 0 20px
}

.headline .btag.tag-editable:after {
    color: #444;
    font: 40px/81% Pictos-IF;
    width: 40px;
    height: 40px;
    content: "\f716";
    margin-left: 10px
}

span.btag-marker {
    position: absolute;
    display: inline-block;
    margin-top: -7px;
    border: 2px solid #fff;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 21px;
    vertical-align: top;
    padding: 5px;
    width: 21px;
    background-color: #e3e3e3;
    color: #333;
    text-align: center
}

span.btag-marker:before {
    content: "#"
}

span.btag-marker ~ input.add-btag-marker {
    padding-left: 36px;
    background-color: transparent;
    position: relative;
    z-index: 1
}

.account-summary {
    color: #333;
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-top: 6px;
    margin-bottom: 6px
}

.account-summary span {
    display: inline-block;
    vertical-align: top
}

.account-summary .title {
    font-weight: bold;
    padding-left: 28px
}

.account-summary .title:before {
    font: 38px/81% Pictos-IF;
    color: #333;
    width: 38px;
    height: 38px;
    margin-left: -37px;
    margin-top: -9px;
    position: absolute
}

.account-summary span:nth-last-child(2) {
    padding-right: 10px
}

.account-summary span:last-child {
    font-weight: bold
}

.payment-with-balance .bline {
    display: table;
    width: 100%
}

.payment-with-balance .payment {
    display: table-cell;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box
}

.payment-with-balance .balance {
    display: table-cell;
    text-align: right;
    padding-right: 10px;
    vertical-align: bottom
}

.payment-with-balance .bterm {
    display: none
}

.block.with-payment-splitnum {
    position: relative
}

.block.with-payment-splitnum .splitnum {
    position: absolute;
    margin-left: 35px
}

.payment-splitting > .bline {
    width: 710px;
    display: inline-block;
    position: relative
}

.payment-splitting > .bline.thirdcol {
    text-align: right;
    width: 220px;
    margin-top: 0
}

.payment-splitting > .bline.thirdcol ~ .thirdcol {
    margin-top: 12px
}

.prognose-countdown {
    color: #333
}

.prognose-countdown .piechart {
    width: 66px;
    height: 66px
}

.prognose-countdown .piechart .pieholder {
    clip: rect(0, 66px, 66px, 33px)
}

.prognose-countdown .piechart .pie {
    clip: rect(0, 33px, 66px, 0)
}

.prognose-countdown .piechart .donut-top {
    width: 88%;
    height: 88%;
    top: 6%;
    left: 6%
}

.prognose-countdown .piechart .donut-top > div {
    font: bold 30px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

table.pfm-prognose td:first-child + td {
    color: #666
}

.asset-attachment {
    padding-left: 13px;
    position: relative;
    color: #666
}

.asset-attachment:before {
    position: absolute;
    content: "\f71e";
    color: #666;
    font: 24px/81% Pictos-IF;
    height: 24px;
    width: 24px;
    display: inline-block;
    margin-top: -2px;
    margin-left: -20px
}

.btable.budgets .piechart {
    width: 110px;
    height: 110px;
    display: inline-block
}

.btable.budgets .piechart .pieholder {
    clip: rect(0, 110px, 110px, 55px)
}

.btable.budgets .piechart .pie {
    clip: rect(0, 55px, 110px, 0)
}

.btable.budgets .piechart .donut-top {
    width: 92%;
    height: 92%;
    top: 4%;
    left: 4%
}

.btable.budgets .piechart .donut-top .bcategory {
    height: 30px
}

.btable.budgets .piechart .donut-top .bcategory span {
    padding-left: 30px;
    max-width: 30px;
    max-height: 30px;
    height: 30px;
    width: 30px;
    box-sizing: border-box;
    display: inline-block;
    white-space: nowrap;
    color: transparent;
    overflow: hidden
}

.btable.budgets .piechart .donut-top .bcategory span:before {
    font: 45px/81% Pictos-IF;
    width: 45px;
    height: 45px;
    margin-left: -37px;
    margin-top: -8px
}

.budget-data {
    color: #666
}

.budget-data > div > div {
    display: inline
}

.budget-data .budget-title {
    color: #000;
    font: 18px/150% SparkasseWeb, Helvetica, Arial, sans-serif
}

.budget-data .budget-title.budget-kontowecker::after {
    font: 35px/81% Pictos-IF;
    width: 35px;
    height: 35px;
    content: "\f758";
    color: #666;
    position: absolute;
    margin-top: -3px;
    display: inline-block
}

.budget-data .budget-current {
    display: inline;
    color: #000;
    font-weight: bold
}

.budget-data .budget-average {
    display: inline;
    font-weight: bold
}

.budget-data .budget-average:before {
    content: "";
    border-left: 1px solid #666;
    margin-right: 10px;
    margin-left: 10px;
    vertical-align: top
}

.budget-data .budget-booked a {
    color: #666;
    text-decoration: none
}

.budget-data .budget-booked a:after {
    content: ">";
    border-radius: 50%;
    border: 1px solid #666;
    color: #666;
    font: 15px/81% Pictos-IF;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 3px
}

.budget-data .budget-booked.minus a {
    color: red
}

.budget-data .budget-booked.minus a:after {
    content: ">";
    border: 1px solid red;
    color: red;
    font: 15px/81% Pictos-IF
}

.budget-data .budget-remaining.minus {
    color: red
}

.budget-data .budget-remaining.minus:before {
    content: "\f7f8";
    font: 18px/81% Pictos-IF;
    color: red;
    width: 18px;
    height: 18px;
    display: inline-block
}

.no-touch tr:hover .budget-data .budget-booked a {
    color: #666
}

.no-touch tr:hover .budget-data .budget-booked.minus a {
    color: red
}

.no-touch .budget-data .budget-booked a:hover, .budget-data .budget-booked a:focus {
    color: #666
}

.no-touch .budget-data .budget-booked a:hover:after, .budget-data .budget-booked a:focus:after {
    color: #fff;
    background-color: #666
}

.no-touch .budget-data .budget-booked.minus a:hover, .budget-data .budget-booked.minus a:focus {
    color: red
}

.no-touch .budget-data .budget-booked.minus a:hover:after, .budget-data .budget-booked.minus a:focus:after {
    color: #fff;
    background-color: red
}

.bnew-element {
    display: inline-block
}

.bnew-element .ficon {
    overflow: visible;
    width: auto;
    height: auto
}

.bnew-element .ficon:before {
    font: 34px/81% Pictos-IF;
    width: 34px;
    height: 34px;
    background-color: #8cbe22;
    color: #fff;
    border-color: #8cbe22;
    margin-top: 9px;
    margin-right: -46px;
    margin-left: 10px
}

.bnew-element .ficon input {
    border-radius: 26.5px;
    border: 1px solid #e3e3e3;
    color: #000;
    padding: 15.5px 26px 15.5px 52px;
    height: auto
}

.no-touch .bnew-element .ficon:hover:before, .no-touch tr:hover .bnew-element .ficon:before, .if6 .bnew-element .ficon.focus:before {
    background-color: #666;
    border-color: #666
}

.table_pfm_onboarding tr.tableheader td:first-child {
    width: 22px;
    padding-right: 0;
    box-sizing: border-box;
    padding-top: 31px
}

.table_pfm_onboarding .tablerowodd td:nth-child(2), .table_pfm_onboarding .tableroweven td:nth-child(2) {
    padding-left: 20px
}

.table_pfm_onboarding .tablerowodd td:nth-child(2) input[type="checkbox"]:first-child, .table_pfm_onboarding .tableroweven td:nth-child(2) input[type="checkbox"]:first-child {
    display: inline-block;
    margin-top: 8px
}

.table_pfm_onboarding .tablerowodd td:nth-child(2) input[type="checkbox"]:first-child + span.checkbox, .table_pfm_onboarding .tableroweven td:nth-child(2) input[type="checkbox"]:first-child + span.checkbox {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px
}

.table_pfm_onboarding .tablerowodd td:nth-child(2) input[type="checkbox"]:first-child + span.checkbox + .finaccount, .table_pfm_onboarding .tableroweven td:nth-child(2) input[type="checkbox"]:first-child + span.checkbox + .finaccount {
    margin-left: 10px;
    display: inline-block
}

@media (max-width: 1079px) {
    .payment-splitting > .bline {
        width: 70%
    }

    .payment-splitting > .bline.thirdcol {
        width: 30%
    }

    span.btag-marker {
        margin-top: -5px;
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 16px;
        width: 16px
    }

    span.btag-marker ~ input.add-btag-marker {
        padding-left: 31px
    }

    .asset-attachment:before {
        margin-top: -1px
    }

    .bnew-element .ficon input {
        padding-top: 17px;
        padding-bottom: 17px
    }
}

@media screen and (max-width: 767px) {
    .block.with-payment-splitnum.thin-separator .splitnum {
        top: 20px
    }

    .payment-splitting.block.thin-separator {
        padding-top: 61px
    }

    .payment-splitting > .bline {
        width: 100%
    }

    .payment-splitting > .bline.thirdcol {
        position: absolute;
        top: 17px;
        right: 0;
        width: auto
    }

    table.pfm-prognose td:first-child + td, table.pfm-prognose td:first-child + td + td {
        display: none
    }
}

@media screen and (max-width: 649px) {
    .table_pfm_onboarding tr.tableheader td:first-child {
        padding-top: 26px
    }

    .table_pfm_onboarding tr.tableheader td:first-child + td {
        max-width: calc(100% - 22px);
        padding-top: 20px
    }

    .table_pfm_onboarding .tablerowodd td:first-child, .table_pfm_onboarding .tableroweven td:first-child {
        padding-bottom: 0
    }

    .table_pfm_onboarding .tablerowodd td:nth-child(2) input[type="checkbox"]:first-child + span.checkbox + .finaccount, .table_pfm_onboarding .tableroweven td:nth-child(2) input[type="checkbox"]:first-child + span.checkbox + .finaccount {
        margin-left: 0
    }
}

@media screen and (max-width: 549px) {
    .payment-with-balance .payment {
        display: block;
        padding-right: 0;
        width: auto
    }

    .payment-with-balance .balance {
        display: inline-block;
        padding-right: 0;
        padding-top: 10px
    }

    .block.with-payment-splitnum.thin-separator {
        padding-top: 70px
    }

    .block.with-payment-splitnum.thin-separator .splitnum {
        margin-left: 0
    }

    .payment-splitting.block.thin-separator {
        padding-top: 62px
    }
}

.bline .tertiary-button .ficon.icon-if5_refresh {
    border-radius: 4px;
    display: inline-block;
    text-align: right;
    margin-top: -10px;
    height: 100%;
    background-color: #e3e3e3
}

.bline .tertiary-button .ficon.icon-if5_refresh:before {
    margin-right: -40px;
    margin-left: 20px
}

.bline .tertiary-button .ficon.icon-if5_refresh input {
    color: #666;
    position: relative;
    z-index: 1;
    font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    display: inline-block;
    padding: 9px 20px 9px 50px;
    border: 0;
    margin-top: 0
}

.cbox-banking form .disable-outdated-content {
    position: relative
}

.cbox-banking form .disable-outdated-content > * {
    opacity: .4
}

.cbox-banking form .disable-outdated-content:before {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.03);
    height: 100%;
    width: 100%;
    content: "";
    z-index: 100;
    box-sizing: border-box;
    top: 0;
    left: 0
}

.payment .image {
    position: absolute;
    width: 60px;
    height: 60px;
    margin-left: 20px
}

.payment .image svg {
    width: 60px;
    height: 60px;
    vertical-align: middle
}

.payment .image ~ span {
    padding-left: 100px
}

.payment .image + span + span:last-child {
    min-height: 40px
}

.payment .title {
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #333
}

.payment span {
    display: block
}

.bline.follows-payment {
    margin-left: 100px
}

.bcategory {
    position: relative;
    color: #333
}

.bcategory span {
    padding-left: 27px
}

.bcategory span:before {
    font: 24px/81% Pictos-IF;
    color: #444;
    width: 24px;
    height: 24px;
    background-color: transparent;
    position: absolute;
    margin-left: -30px;
    margin-top: -2px
}

.bcategory .icon-pfm_ktgr10:before {
    color: #8cbe22
}

.bcategory .icon-pfm_ktgr11:before {
    color: #ff8f00
}

.bcategory .icon-pfm_ktgr12:before {
    color: #fdbe48
}

.bcategory .icon-pfm_ktgr13:before {
    color: #64cbe3
}

.bcategory .icon-pfm_ktgr14:before {
    color: #9b348e
}

.bcategory .icon-pfm_ktgr15:before {
    color: #5c75ab
}

.bcategory .icon-pfm_ktgr16:before {
    color: #6c2463
}

.bcategory .icon-pfm_ktgr17:before {
    color: #a80000
}

.bcategory .icon-pfm_ktgr18:before {
    color: #88a1cc
}

.bcategory .icon-pfm_ktgr19:before {
    color: #2c57d2
}

.bcategory .icon-pfm_ktgr20:before {
    color: #6d8ffe
}

.bcategory .icon-pfm_ktgr21:before {
    color: #223573
}

.bcategory .icon-pfm_ktgr22:before {
    color: #ffc900
}

.bcategory .icon-pfm_ktgr23:before {
    color: #999
}

.bcategory .icon-pfm_ktgr24:before {
    color: #999
}

.bcategory .icon-pfm_ktgr25:before {
    color: #c5c5c5
}

.bcategory .icon-pfm_ktgr26:before {
    color: #ef73a8
}

.bcategory .icon-pfm_ktgr27:before {
    color: #c183b9
}

.bcategory .icon-pfm_ktgr28:before {
    color: #00acd3
}

.bcategory .icon-pfm_ktgr50:before {
    color: #8cbe22
}

.bcategory .icon-pfm_ktgr51:before {
    color: #bad87a
}

.bcategory .icon-pfm_ktgr52:before {
    color: #9b348e
}

.bcategory .icon-pfm_ktgr53:before {
    color: #ff8f00
}

.bcategory .icon-pfm_ktgr54:before {
    color: #6d8ffe
}

.bcategory .icon-pfm_ktgr55:before {
    color: #2c57d2
}

.bcategory .icon-pfm_ktgr56:before {
    color: #a80000
}

.bcategory .icon-pfm_ktgr57:before {
    color: #5c75ab
}

.bcategory .icon-pfm_ktgr58:before {
    color: #00acd3
}

.bcategory .icon-pfm_ktgr59:before {
    color: #223573
}

.bcategory .icon-pfm_ktgr60:before {
    color: #ffc900
}

.bcategory .icon-pfm_ktgr61:before {
    color: #88a1cc
}

.bcategory .icon-pfm_ktgr62:before {
    color: #999
}

.bcategory .icon-pfm_ktgr98:before {
    color: #000
}

.bcategory .icon-pfm_ktgr99:before {
    color: #666
}

a .bcategory {
    display: inline;
    margin-right: 0
}

.no-touch a:hover .bcategory, a:focus .bcategory, .no-touch .bpulldown .bcategory:hover, .bpulldown .bcategory:focus {
    text-decoration: underline
}

.headline .bcategory {
    font: bold 20px/130% SparkasseWeb, Helvetica, Arial, sans-serif
}

.headline .bcategory span:before {
    margin-top: 0
}

.btableblock.ty2 .btable.pfm-umsatz .payment + .btag-group {
    margin-top: 0
}

.btableblock.ty2 .btable.pfm-umsatz tr.tablerowodd a, .btableblock.ty2 .btable.pfm-umsatz tr.tableroweven a {
    text-decoration: none;
    color: #444
}

.btableblock.ty2 .btable.pfm-umsatz tr.tablerowodd .payment + .btag-group a, .btableblock.ty2 .btable.pfm-umsatz tr.tableroweven .payment + .btag-group a, .btableblock.ty2 .btable.pfm-umsatz tr.tablerowodd .splitnum + .btag-group a, .btableblock.ty2 .btable.pfm-umsatz tr.tableroweven .splitnum + .btag-group a {
    display: inline-block
}

.btableblock.ty2 .btable.pfm-umsatz tr.tablerowodd.toggle-group-open .btag-summary, .btableblock.ty2 .btable.pfm-umsatz tr.tableroweven.toggle-group-open .btag-summary {
    display: none
}

.btableblock.ty2 .btable.pfm-umsatz tr.tablerowodd + tr.tablerowodd td, .btableblock.ty2 .btable.pfm-umsatz tr.tableroweven + tr.tableroweven td {
    padding-bottom: 75px
}

.btableblock.ty2 .btable.pfm-umsatz tr.tablerowodd + tr.tablerowodd td:last-child > div, .btableblock.ty2 .btable.pfm-umsatz tr.tableroweven + tr.tableroweven td:last-child > div {
    border-top: 1px dashed #e3e3e3;
    margin-top: 15px;
    padding-top: 15px
}

.btableblock.ty2 .btable.pfm-umsatz.with-logo tr.tablerowodd .payment + .btag-group, .btableblock.ty2 .btable.pfm-umsatz.with-logo tr.tableroweven .payment + .btag-group {
    margin-left: 100px
}

.btableblock.ty2 .btable.pfm-umsatz.with-logo tr.tablerowodd td:last-child > div, .btableblock.ty2 .btable.pfm-umsatz.with-logo tr.tableroweven td:last-child > div {
    padding-left: 110px
}

.btableblock.ty2 .btable.pfm-umsatz.with-logo tr.tablerowodd + tr.tablerowodd td:first-child, .btableblock.ty2 .btable.pfm-umsatz.with-logo tr.tableroweven + tr.tableroweven td:first-child {
    padding-left: 110px
}

.btableblock.ty2 .btable.pfm-umsatz.no-2nd-row tr.tablerowodd td:nth-child(2), .btableblock.ty2 .btable.pfm-umsatz.no-2nd-row tr.tableroweven td:nth-child(2) {
    display: none
}

.btableblock.ty2 .btable.pfm-umsatz.umsatzprognose tr {
    color: #666
}

.btableblock.ty2 .btable.pfm-umsatz.umsatzprognose tr .payment .title {
    color: #666
}

.btableblock.ty2 .btable.pfm-umsatz.umsatzprognose tr span.plus, .btableblock.ty2 .btable.pfm-umsatz.umsatzprognose tr span.minus {
    color: #666
}

.js .btableblock.ty2 .btable.pfm-umsatz tr.tablerowodd + tr.tablerowodd td, .js .btableblock.ty2 .btable.pfm-umsatz tr.tableroweven + tr.tableroweven td {
    padding-bottom: 15px
}

.js .btableblock.ty2 .btable.pfm-umsatz tr.tablerowodd + tr.tablerowodd.toggle-table-row-open td, .js .btableblock.ty2 .btable.pfm-umsatz tr.tableroweven + tr.tableroweven.toggle-table-row-open td {
    padding-bottom: 75px
}

.btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader td:first-child, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader td:last-child {
    color: #333;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    box-sizing: border-box
}

.btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader td:first-child {
    font: bold 16px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    float: left
}

.btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader td:nth-child(2) {
    right: 0;
    position: absolute;
    width: auto
}

.btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader td:nth-child(2) .label {
    padding-right: 0;
    color: #333
}

.btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader .balance-predecimal {
    margin-left: 10px
}

.btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader .ficon.icon-if5_symbol_up, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader .ficon.icon-if5_symbol_down, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader .ficon.icon-if5_i_weiter1 {
    margin-top: -2px;
    height: 17px;
    margin-right: -10px
}

.btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader + tr.tablerowodd, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader + tr.tableroweven {
    border-top: 1px solid #666
}

.btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tablerowodd + tr.tablerowodd td:first-child, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableroweven + tr.tableroweven td:first-child {
    position: relative
}

.btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tablerowodd + tr.tablerowodd td:first-child:after, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableroweven + tr.tableroweven td:first-child:after {
    content: "";
    height: 30px;
    display: inline-block;
    vertical-align: top
}

.btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tablerowodd + tr.tablerowodd td:first-child .splitnum, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableroweven + tr.tableroweven td:first-child .splitnum {
    vertical-align: top;
    position: absolute
}

.btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tablerowodd + tr.tablerowodd td:first-child .splitnum + .btag-group, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableroweven + tr.tableroweven td:first-child .splitnum + .btag-group {
    margin-left: 50px;
    vertical-align: top
}

.btableblock.ty2 + .btableblock.ty2 .btable.pfm-umsatz tr.tableheader td {
    padding-top: 0
}

.if6_lightbox .block.umkategorisierung {
    padding-right: 20px
}

.if6_lightbox .block.umkategorisierung .payment {
    width: 100%
}

.if6_lightbox .block.umkategorisierung .bcategory {
    padding-top: 10px
}

.if6_lightbox .block.umkategorisierung .bcategory + div {
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 0
}

.if6_lightbox .block.umkategorisierung .bline.with-separator {
    padding-top: 20px;
    margin-top: 30px
}

.if6_lightbox .btableblock.ty2 .btable.umkategorisierung td:first-child {
    width: 28px;
    padding-right: 0
}

@media (max-width: 1079px) {
    .bcategory span:last-child:before {
        display: inline-block
    }

    .headline .bcategory {
        font: bold 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .headline .bcategory span:before {
        margin-top: -2px
    }

    .js .btableblock.ty2 .btable.pfm-umsatz tr.tablerowodd + tr.tablerowodd.toggle-table-row-open td, .js .btableblock.ty2 .btable.pfm-umsatz tr.tableroweven + tr.tableroweven.toggle-table-row-open td {
        padding-bottom: 90px
    }

    .btableblock.ty2 + .btableblock.ty2 {
        padding-top: 30px
    }

    .btableblock.ty2 .btable.pfm-umsatz.with-logo tr.tablerowodd td:nth-child(2), .btableblock.ty2 .btable.pfm-umsatz.with-logo tr.tableroweven td:nth-child(2) {
        margin-left: 100px
    }

    .if6_lightbox .block.umkategorisierung {
        padding-right: 10px
    }
}

@media screen and (max-width: 767px) {
    .headline .bcategory {
        font: bold 15px/130% SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .bline .tertiary-button {
        padding-left: 220px;
        padding-top: 30px
    }

    .bline .tertiary-button .ficon.icon-if5_refresh input {
        margin-top: 0
    }

    .js .btableblock.ty2 .btable.pfm-umsatz tr.tablerowodd + tr.tablerowodd.toggle-table-row-open td, .js .btableblock.ty2 .btable.pfm-umsatz tr.tableroweven + tr.tableroweven.toggle-table-row-open td {
        padding-bottom: 15px
    }

    .btableblock.ty2 + .btableblock.ty2 {
        padding-top: 10px
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row td + td {
        padding-top: 0
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader {
        display: block;
        text-align: right;
        min-height: 48px;
        padding-top: 20px;
        box-sizing: border-box;
        line-height: normal
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader td, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader td:last-child {
        white-space: normal;
        padding-top: 0;
        float: none;
        display: inline-block;
        width: auto;
        min-height: 27px;
        position: static;
        padding-bottom: 3px
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader td:first-child {
        float: left;
        width: auto
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader td:nth-child(2) {
        position: static
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader td:nth-child(2) > *:first-child:not(.balance) {
        float: left
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader td:nth-child(2) .data {
        width: 100%;
        display: block
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader td:nth-child(2) .data .datatable {
        display: block
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader td:nth-child(2) .data .datatable .label {
        float: left
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader td:nth-child(2) .data .datatable .label + div {
        float: right
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader + tr.tablerowodd, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader + tr.tableroweven {
        border-top: 1px solid #f0f0f0
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tablerowodd td:nth-child(2), .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableroweven td:nth-child(2) {
        width: auto
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tablerowodd td:nth-child(3), .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableroweven td:nth-child(3) {
        width: auto;
        float: right;
        margin-top: -2px
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tablerowodd .btag-group, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableroweven .btag-group {
        padding-left: 0
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tablerowodd + tr.tablerowodd td:first-child, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableroweven + tr.tableroweven td:first-child {
        padding-left: 10px
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tablerowodd + tr.tablerowodd td:first-child .splitnum, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableroweven + tr.tableroweven td:first-child .splitnum {
        margin-left: 0
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tablerowodd + tr.tablerowodd td:first-child .splitnum + .btag-group, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableroweven + tr.tableroweven td:first-child .splitnum + .btag-group {
        padding-left: 0;
        vertical-align: top;
        margin-left: 0
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tablerowodd + tr.tablerowodd td:first-child .splitnum + .btag-group, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableroweven + tr.tableroweven td:first-child .splitnum + .btag-group {
        display: block;
        margin-top: 30px
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tablerowodd + tr.tablerowodd td:nth-child(2), .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableroweven + tr.tableroweven td:nth-child(2) {
        position: absolute;
        padding-top: 20px;
        margin-left: 50px
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tablerowodd + tr.tablerowodd td:last-child > div, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableroweven + tr.tableroweven td:last-child > div {
        margin-top: 0
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row.with-logo tr.tablerowodd td:last-child > div, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row.with-logo tr.tableroweven td:last-child > div {
        padding-left: 10px
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row.with-logo tr.tablerowodd + tr.tablerowodd td:first-child, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row.with-logo tr.tableroweven + tr.tableroweven td:first-child {
        padding-left: 10px
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row.with-logo tr.tablerowodd + tr.tablerowodd td:nth-child(2), .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row.with-logo tr.tableroweven + tr.tableroweven td:nth-child(2) {
        margin-left: 50px
    }

    .if6_lightbox .block.umkategorisierung .bline.with-separator {
        margin-top: 40px
    }

    .if6_lightbox .btableblock.ty2 .btable.umkategorisierung td:nth-child(2) {
        width: auto;
        padding-top: 10px;
        padding-left: 10px;
        margin-top: 0
    }
}

@media screen and (max-width: 650px) {
    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row tr.tableheader td:nth-child(2) {
        padding-top: 6px
    }
}

@media screen and (max-width: 549px) {
    .bline .tertiary-button {
        padding-left: 0;
        padding-top: 20px;
        width: 100%;
        text-align: center;
        float: right;
        margin-right: 0
    }

    .bline .tertiary-button .ficon.icon-if5_refresh {
        width: 80%;
        text-align: center;
        margin-right: 10px
    }

    .bline .tertiary-button .ficon.icon-if5_refresh input {
        margin-top: 0;
        margin-bottom: 0
    }

    .payment .image {
        position: static;
        margin-left: 0;
        margin-bottom: 20px
    }

    .payment .image ~ span {
        padding-left: 0
    }

    .bline.follows-payment {
        margin-left: 0
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row.with-logo tr.tablerowodd .payment + .btag-group, .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row.with-logo tr.tableroweven .payment + .btag-group {
        margin-left: 0
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row.with-logo tr.tablerowodd td:nth-child(2), .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row.with-logo tr.tableroweven td:nth-child(2) {
        margin-left: 0
    }

    .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row.with-logo tr.tablerowodd + tr.tablerowodd td:nth-child(2), .btableblock.ty2 .btable.pfm-umsatz.toggle-table-row.with-logo tr.tableroweven + tr.tableroweven td:nth-child(2) {
        margin-left: 50px
    }
}

.btableblock .btable.contains-bar {
    position: relative
}

.btableblock .btable.contains-bar tr td:first-child {
    padding-left: 35px;
    padding-bottom: 20px
}

.btableblock .btable.contains-bar tr td:first-child div:first-child:before {
    font: 24px/81% Pictos-IF;
    width: 24px;
    height: 24px;
    position: absolute;
    margin-left: -29px;
    margin-top: 4px
}

.btableblock .btable.contains-bar tr td:first-child div.icon-fi-none {
    margin-left: -35px
}

.btableblock .btable.contains-bar tr td:first-child div.icon-fi-none ~ .bar-outer {
    margin-left: -35px;
    width: 80%
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer {
    height: 4px;
    padding-top: 4px;
    width: calc(80% - 35px);
    position: absolute
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner {
    height: inherit;
    border-radius: 0 6px 6px 0;
    box-shadow: 0 2px 4px #ccc;
    background-color: #999
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.minus {
    background-color: red
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.plus {
    background-color: #00724b
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr10 {
    background-color: #8cbe22
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr11 {
    background-color: #ff8f00
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr12 {
    background-color: #fdbe48
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr13 {
    background-color: #64cbe3
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr14 {
    background-color: #9b348e
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr15 {
    background-color: #5c75ab
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr16 {
    background-color: #6c2463
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr17 {
    background-color: #a80000
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr18 {
    background-color: #88a1cc
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr19 {
    background-color: #2c57d2
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr20 {
    background-color: #6d8ffe
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr21 {
    background-color: #223573
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr22 {
    background-color: #ffc900
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr23 {
    background-color: #999
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr24 {
    background-color: #999
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr25 {
    background-color: #c5c5c5
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr26 {
    background-color: #ef73a8
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr27 {
    background-color: #c183b9
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr28 {
    background-color: #00acd3
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr50 {
    background-color: #8cbe22
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr51 {
    background-color: #bad87a
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr52 {
    background-color: #9b348e
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr53 {
    background-color: #ff8f00
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr54 {
    background-color: #6d8ffe
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr55 {
    background-color: #2c57d2
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr56 {
    background-color: #a80000
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr57 {
    background-color: #5c75ab
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr58 {
    background-color: #00acd3
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr59 {
    background-color: #223573
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr60 {
    background-color: #ffc900
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr61 {
    background-color: #88a1cc
}

.btableblock .btable.contains-bar tr td:first-child .bar-outer .bar-inner.color-pfm_ktgr62 {
    background-color: #999
}

.btableblock .btable.income-expense-chart tr td:first-child div:first-child.icon-minus, .btableblock .btable.income-expense-chart tr td:first-child div:first-child.icon-plus {
    margin-left: 8px
}

.btableblock .btable.income-expense-chart tr td:first-child div:first-child.icon-minus ~ .bar-outer, .btableblock .btable.income-expense-chart tr td:first-child div:first-child.icon-plus ~ .bar-outer {
    margin-left: 8px;
    width: calc(80% - 43px)
}

.btableblock .btable.income-expense-chart tr td:first-child div:first-child.icon-plus:before {
    color: #00724b;
    border: 2px solid #00724b;
    content: "+";
    margin-left: -38px;
    margin-top: 1px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    font: 24px/81% Pictos-IF;
    width: 24px;
    height: 24px
}

.btableblock .btable.income-expense-chart tr td:first-child div:first-child.icon-minus:before {
    color: red;
    border: 2px solid red;
    content: "\f61c";
    margin-left: -38px;
    margin-top: 1px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    font: 24px/81% Pictos-IF;
    width: 24px;
    height: 24px
}

.btableblock .btable.category-chart th {
    display: none
}

.btableblock .btable.category-chart tr td:first-child {
    padding-right: 0;
    width: 100%
}

.btableblock .btable.category-chart tr td:first-child .bcategory span {
    padding-left: 0
}

.btableblock .btable.category-chart tr td:first-child .bcategory span:before {
    font: 24px/81% Pictos-IF;
    width: 24px;
    height: 24px;
    position: absolute;
    margin-left: -29px;
    margin-top: 4px
}

.btableblock .btable.category-chart tr td:nth-child(2) {
    padding-left: 0;
    padding-right: 0
}

.btableblock .btable.category-chart tr td:last-child {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px
}

.btableblock .btable.category-chart tr td:last-child .ficon {
    margin-right: 0
}

.btableblock .btable.category-chart tr td:last-child .ficon:before {
    border: 0
}

.btableblock .btable.category-chart tr td:last-child input {
    color: transparent;
    padding-left: 0
}

.btableblock .btable.category-chart .ficon:before {
    background-color: #fff;
    color: #444
}

.no-touch .btableblock .btable.category-chart .ficon:hover:before {
    background-color: #fff;
    color: #444
}

.no-touch .btableblock .btable.category-chart tr.hoverable:hover .ficon:before, .no-touch .btableblock .btable.category-chart tr.hoverable:hover .ficon:before {
    background-color: #f6f6f6;
    color: #444
}

.no-touch .btableblock .btable.category-chart tr.hoverable:hover .ficon:hover:before, .no-touch .btableblock .btable.category-chart tr.hoverable:hover .ficon:hover:before {
    background-color: #f6f6f6;
    color: #444;
    font: 26px/81% Pictos-IF
}

@media (max-width: 1079px) {
    .btableblock .btable.contains-bar tr td {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 767px) {
    .btableblock .btable.contains-bar td {
        width: auto;
        float: none
    }

    .btableblock .btable.contains-bar td + td {
        padding-top: 10px
    }
}

.nbf .if6_main {
    box-sizing: border-box;
    min-height: 100%
}

body.nbf.templ-bankingpage, body.nbf.templ-bankingwidepage, body.nbf.templ-bankinglightboxpage {
    background-color: #fff
}

.nbf.templ-bankingpage .if6_section, .nbf.templ-bankingwidepage .if6_section, .nbf.templ-bankinglightboxpage .if6_section {
    background-color: #fff
}

.nbf.templ-bankingpage .if6_section .cbox, .nbf.templ-bankingwidepage .if6_section .cbox, .nbf.templ-bankinglightboxpage .if6_section .cbox {
    border-right-color: #fff;
    border-top-color: #fff
}

.nbf.templ-bankingpage .banking-container, .nbf.templ-bankingwidepage .banking-container, .nbf.templ-bankinglightboxpage .banking-container {
    background-color: #fff
}

.nbf.templ-bankingpage .banking-container .block + .block::before, .nbf.templ-bankingwidepage .banking-container .block + .block::before, .nbf.templ-bankinglightboxpage .banking-container .block + .block::before, .nbf.templ-bankingpage .banking-container .buttonline + .block::before, .nbf.templ-bankingwidepage .banking-container .buttonline + .block::before, .nbf.templ-bankinglightboxpage .banking-container .buttonline + .block::before, .nbf.templ-bankingpage .banking-container .block + .block::after, .nbf.templ-bankingwidepage .banking-container .block + .block::after, .nbf.templ-bankinglightboxpage .banking-container .block + .block::after, .nbf.templ-bankingpage .banking-container .buttonline + .block::after, .nbf.templ-bankingwidepage .banking-container .buttonline + .block::after, .nbf.templ-bankinglightboxpage .banking-container .buttonline + .block::after {
    display: none
}

.nbf.templ-bankingpage .banking-container.pfs .block + .block, .nbf.templ-bankingwidepage .banking-container.pfs .block + .block, .nbf.templ-bankinglightboxpage .banking-container.pfs .block + .block, .nbf.templ-bankingpage .banking-container.pfs .block + .expand, .nbf.templ-bankingwidepage .banking-container.pfs .block + .expand, .nbf.templ-bankinglightboxpage .banking-container.pfs .block + .expand, .nbf.templ-bankingpage .banking-container.pfs .expand + .expand, .nbf.templ-bankingwidepage .banking-container.pfs .expand + .expand, .nbf.templ-bankinglightboxpage .banking-container.pfs .expand + .expand, .nbf.templ-bankingpage .banking-container.pfs .expand + .block, .nbf.templ-bankingwidepage .banking-container.pfs .expand + .block, .nbf.templ-bankinglightboxpage .banking-container.pfs .expand + .block {
    border-top-width: 1px
}

.nbf.templ-bankingpage ul.micronav li + li.with-separator::before, .nbf.templ-bankingwidepage ul.micronav li + li.with-separator::before, .nbf.templ-bankinglightboxpage ul.micronav li + li.with-separator::before {
    height: 1px;
    margin-top: -9.5px
}

.nbf .minus {
    color: inherit
}

.nbf .btable .minus, .nbf .bline .minus {
    color: inherit
}

.nbf .balance.with-icon.xl.minus:before, .nbf .balance.with-icon.xxl.minus:before {
    color: inherit
}

.nbf .btableblock.ty2 tr.tableheader .minus {
    color: inherit
}

.nbf .highchartsarea-style .minus {
    color: #e00000
}

.nbf .block + .block, .nbf .buttonline + .block {
    border-top: 1px solid #e3e3e3;
    position: relative
}

.nbf .block + .block:before, .nbf .buttonline + .block:before {
    left: 0;
    border-top: 5px solid #fff;
    position: absolute;
    width: 20px;
    top: -3px;
    display: block;
    content: ""
}

.nbf .block + .block:after, .nbf .buttonline + .block:after {
    right: 0;
    border-top: 5px solid #fff;
    width: 20px;
    top: -3px;
    display: block;
    content: "";
    position: absolute
}

.nbf * + .block.no-separator, .nbf .nbf-gv-header + .block {
    border-top: 0
}

.nbf * + .block.no-separator:before, .nbf .nbf-gv-header + .block:before, .nbf * + .block.no-separator:after, .nbf .nbf-gv-header + .block:after {
    display: none
}

.nbf .buttonline.main-buttons {
    border-top: 0;
    border-bottom: 0
}

@media (max-width: 1079px) {
    .nbf .block + .block:before, .nbf .buttonline + .block:before {
        width: 10px
    }

    .nbf .block + .block:after, .nbf .buttonline + .block:after {
        width: 10px
    }
}

.nbf .buttonline {
    text-align: center;
    padding-top: 24px
}

.nbf .buttonline .bgroup1 > div, .nbf .buttonline .bgroup1 > div.disabled {
    margin-bottom: 0;
    background-color: transparent;
    overflow: visible
}

.nbf .buttonline .bgroup1 > div:last-child:after, .nbf .buttonline .bgroup1 > div.disabled:last-child:after {
    display: none
}

.nbf .buttonline .bgroup1 > a, .nbf .buttonline .bgroup1 > div input {
    width: auto;
    border: 2px solid #565656;
    border-radius: 48px;
    color: #292929;
    background-color: #fff;
    margin-bottom: 30px;
    margin-right: 20px;
    font: 17px/26px SparkasseWebMedium, Helvetica, Arial, sans-serif
}

.nbf .buttonline .bgroup1 > a:before, .nbf .buttonline .bgroup1 > div input:before {
    display: none
}

.nbf .buttonline .bgroup1 > a:focus, .nbf .buttonline .bgroup1 > div input:focus {
    box-shadow: 0 0 8px #0047ff, 0 0 8px #0047ff;
    border-color: #0047ff;
    outline: 0
}

.nbf .buttonline .bgroup1 > a:active, .nbf .buttonline .bgroup1 > div input:active {
    color: #fff;
    background-color: #444
}

.nbf .buttonline .bgroup1 > a:last-child, .nbf .buttonline .bgroup1 > div:last-child input {
    border-radius: 100px;
    border: 0;
    padding: 11px 30px;
    background-color: red;
    color: #fff
}

.nbf .buttonline .bgroup1 > a:last-child:after, .nbf .buttonline .bgroup1 > div:last-child input:after {
    display: none
}

.nbf .buttonline .bgroup1 > a:last-child:focus, .nbf .buttonline .bgroup1 > div:last-child input:focus {
    box-shadow: 0 0 8px #0047ff, 0 0 8px #0047ff;
    border: 2px solid #fff;
    margin-top: -2px;
    margin-left: -2px;
    margin-bottom: 28px;
    margin-right: 18px
}

.nbf .buttonline .bgroup1 > a:last-child:active, .nbf .buttonline .bgroup1 > div:last-child input:active {
    background-color: #b60000;
    color: #fff
}

.nbf .buttonline .bgroup1 > a.disabled:last-child, .nbf .buttonline .bgroup1 > div.disabled:last-child input, .nbf .buttonline .bgroup1 > div:last-child input[disabled] {
    background-color: #e3e3e3;
    color: #949494
}

.nbf .buttonline .bgroup2 {
    float: none
}

.nbf .buttonline .bgroup2 > a, .nbf .buttonline .bgroup2 > div input {
    font: 17px/23px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #565656;
    padding: 12.5px 24px 12.5px 48px;
    border-radius: 24px
}

.nbf .buttonline .bgroup2 > a:active, .nbf .buttonline .bgroup2 > div input:active {
    background-color: #f0f0f0;
    color: #292929;
    text-decoration: underline
}

.nbf .buttonline .bgroup2 > a, .nbf .buttonline .bgroup2 > div {
    position: relative;
    margin-top: 2px
}

.nbf .buttonline .bgroup2 > a:before, .nbf .buttonline .bgroup2 > div:before {
    font: 24px/81% Pictos-IF;
    content: "\f80b";
    color: #565656;
    border: 0;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 18px;
    top: 12px;
    z-index: -1;
    margin-left: 0;
    transition: margin-left 360ms cubic-bezier(0.32, 0.24, 0.15, 1)
}

.nbf .buttonline .bgroup2 > a:active:before, .nbf .buttonline .bgroup2 > div:active:before, .nbf .buttonline .bgroup2 > a.clicked:before, .nbf .buttonline .bgroup2 > div.clicked:before {
    color: #292929;
    margin-left: -6px;
    z-index: 0;
    cursor: pointer
}

.nbf .buttonline .bgroup2:last-child > a:before, .nbf .buttonline .bgroup2:last-child > div:before {
    display: none
}

.nbf .buttonline .bgroup2:last-child > a, .nbf .buttonline .bgroup2:last-child > div input {
    border: 2px solid #565656;
    border-radius: 48px;
    color: #292929;
    background-color: #fff;
    margin-bottom: 30px;
    margin-right: 20px;
    font: 17px/26px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    padding: 9px 20px
}

.nbf .buttonline .bgroup2:last-child > a:focus, .nbf .buttonline .bgroup2:last-child > div input:focus {
    box-shadow: 0 0 8px #0047ff, 0 0 8px #0047ff;
    border-color: #0047ff;
    outline: 0
}

.nbf .buttonline .bgroup2:last-child > a:active, .nbf .buttonline .bgroup2:last-child > div input:active {
    color: #fff;
    background-color: #444
}

.nbf .buttonline.main-buttons {
    transform: scaleY(-1);
    padding-top: 0;
    padding-bottom: 24px;
    clear: both
}

@media screen and (min-width: 360px) {
    .nbf .buttonline.main-buttons .bgroup1 > div:only-of-type, .nbf .buttonline.main-buttons .bgroup2:last-child > div:only-of-type {
        min-width: 33.33%
    }

    .nbf .buttonline.main-buttons .bgroup1 > div:only-of-type input, .nbf .buttonline.main-buttons .bgroup2:last-child > div:only-of-type input {
        width: 100%
    }
}

.nbf .buttonline.main-buttons .bgroup1, .nbf .buttonline.main-buttons .bgroup2, .nbf .buttonline.main-buttons .bgroup4 {
    display: block;
    text-align: center;
    transform: scaleY(-1)
}

.nbf .buttonline.main-buttons .bgroup1 + div, .nbf .buttonline.main-buttons .bgroup2 + div, .nbf .buttonline.main-buttons .bgroup4 + div {
    margin-top: -20px
}

.nbf .cbox-small .buttonline .bgroup1 > a, .nbf .cbox-small .js .buttonline .bgroup1 > div {
    width: auto
}

.nbf .downgrade-primary-buttons .buttonline .bgroup1 > div:last-child {
    background-color: transparent
}

.nbf .downgrade-primary-buttons .buttonline .bgroup1 > a:last-child, .nbf .downgrade-primary-buttons .buttonline .bgroup1 > div:last-child input {
    border: 2px solid #565656;
    border-radius: 48px;
    color: #292929;
    background-color: #fff
}

.nbf .downgrade-primary-buttons .buttonline .bgroup1 > a:last-child:focus, .nbf .downgrade-primary-buttons .buttonline .bgroup1 > div:last-child input:focus {
    border-color: #0047ff;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 30px;
    margin-right: 20px
}

.nbf .downgrade-primary-buttons .buttonline .bgroup1 > a:last-child:active, .nbf .downgrade-primary-buttons .buttonline .bgroup1 > div:last-child input:active {
    color: #fff;
    background-color: #444
}

.no-touch .nbf .downgrade-primary-buttons .buttonline .bgroup1 > a:last-child:before, .no-touch .nbf .downgrade-primary-buttons .buttonline .bgroup1 > div:last-child:before {
    display: none
}

.no-touch .nbf .buttonline .bgroup1 > a:hover, .no-touch .nbf .buttonline .bgroup1 input:hover {
    background-color: #565656;
    color: #fff
}

.no-touch .nbf .buttonline .bgroup1 > a:last-child:hover, .no-touch .nbf .buttonline .bgroup1 > div:last-child input:hover {
    color: #fff;
    background-color: #e00000
}

.no-touch .nbf .buttonline .bgroup1 > div:hover {
    background-color: transparent
}

.no-touch .nbf .downgrade-primary-buttons .buttonline .bgroup1 > a:hover, .no-touch .nbf .downgrade-primary-buttons .buttonline .bgroup1 input:hover {
    background-color: #565656;
    color: #fff
}

.no-touch .nbf .buttonline .bgroup2 > a:hover:before, .no-touch .nbf .buttonline .bgroup2 > div:hover:before, .nbf .buttonline .bgroup2 > a:focus:before, .nbf .buttonline .bgroup2 > div.focus:before {
    background-color: transparent;
    color: #000;
    margin-left: -6px
}

.no-touch .nbf .buttonline .bgroup2 > a:hover, .no-touch .nbf .buttonline .bgroup2 > div input:hover, .nbf .buttonline .bgroup2 > a:focus, .nbf .buttonline .bgroup2 > div input:focus {
    text-decoration: underline;
    color: #000;
    outline: 0
}

.no-touch .nbf .buttonline .bgroup2:last-child > a:hover, .no-touch .nbf .buttonline .bgroup2:last-child > div input:hover {
    text-decoration: none;
    color: #fff;
    background-color: #565656
}

.nbf .btopbuttonline .buttonline, .nbf .bbottombuttonline .buttonline {
    padding-top: 20px
}

.nbf .btopbuttonline .buttonline .bgroup1, .nbf .bbottombuttonline .buttonline .bgroup1 {
    float: right
}

.nbf .btopbuttonline .buttonline .bgroup1 a.ficon, .nbf .bbottombuttonline .buttonline .bgroup1 a.ficon, .nbf .btopbuttonline .buttonline .bgroup1 .ficon input, .nbf .bbottombuttonline .buttonline .bgroup1 .ficon input {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    color: red;
    margin: 0 20px 0 0
}

.nbf .btopbuttonline .buttonline .bgroup1 a.ficon:focus, .nbf .bbottombuttonline .buttonline .bgroup1 a.ficon:focus, .nbf .btopbuttonline .buttonline .bgroup1 .ficon input:focus, .nbf .bbottombuttonline .buttonline .bgroup1 .ficon input:focus {
    box-shadow: none
}

.nbf .btopbuttonline .buttonline .bgroup2, .nbf .bbottombuttonline .buttonline .bgroup2 {
    float: left
}

.nbf .btopbuttonline .buttonline .ficon:before, .nbf .bbottombuttonline .buttonline .ficon:before, .nbf .btopbuttonline .buttonline .ficon:after, .nbf .bbottombuttonline .buttonline .ficon:after, .nbf .btopbuttonline .buttonline .ficon:hover:after, .nbf .bbottombuttonline .buttonline .ficon:hover:after, .nbf .btopbuttonline .buttonline .ficon.focus:after, .nbf .bbottombuttonline .buttonline .ficon.focus:after {
    display: none
}

.nbf .btopbuttonline .buttonline div > div.ficon input, .nbf .bbottombuttonline .buttonline div > div.ficon input {
    padding: 0;
    color: red;
    font-weight: normal
}

.no-touch .nbf .btopbuttonline .buttonline .bgroup1 > a:hover:last-child, .no-touch .nbf .bbottombuttonline .buttonline .bgroup1 > a:hover:last-child, .no-touch .nbf .btopbuttonline .buttonline .bgroup1 input:hover:last-child, .no-touch .nbf .bbottombuttonline .buttonline .bgroup1 input:hover:last-child {
    color: red;
    background-color: transparent
}

@media (max-width: 1079px) {
    .nbf .buttonline .bgroup1 > a, .nbf .buttonline .bgroup1 > div input {
        margin-right: 10px
    }

    .nbf .btopbuttonline .buttonline, .nbf .bbottombuttonline .buttonline {
        padding-top: 10px
    }
}

@media screen and (max-width: 480px) {
    .nbf .buttonline .bgroup1 > a, .nbf .buttonline .bgroup1 > div input {
        margin-right: 0
    }

    .nbf .buttonline.main-buttons .bgroup1, .nbf .buttonline.main-buttons .bgroup2, .nbf .buttonline.main-buttons .bgroup4 {
        transform: scaleY(1)
    }
}

.nbf.templ-bankingpage .text {
    padding-left: 20px;
    padding-right: 40px
}

.nbf.templ-bankingpage .text h1 {
    color: #000;
    font: bold 23px/30px SparkasseWeb, Helvetica, Arial, sans-serif;
    letter-spacing: -0.3px
}

.nbf .cbox-banking h2 {
    color: #000;
    font: bold 23px/30px SparkasseWeb, Helvetica, Arial, sans-serif;
    letter-spacing: -0.3px
}

@media (max-width: 1079px) {
    .nbf.templ-bankingpage .text {
        padding-left: 10px;
        padding-right: 20px
    }
}

.nbf.templ-bankingpage .text:first-child {
    width: auto;
    max-width: calc(100% - 20px);
    padding-right: 38px
}

.nbf.templ-bankingpage .text:first-child + .if6_glossar {
    margin-left: 0
}

.nbf .if6_glossar a {
    width: 24px;
    margin-top: 3px
}

.nbf .if6_glossar a:before {
    content: "i";
    font: 22px/81% Pictos-IF;
    width: 22px;
    height: 22px
}

@media screen and (min-width: 1280px) {
    .nbf.nav-banking1 .if6_glossar a, .nbf.nav-banking2 .if6_glossar a {
        width: 18px
    }

    .nbf.nav-banking1 .if6_glossar a:before, .nbf.nav-banking2 .if6_glossar a:before {
        font: 16px/81% Pictos-IF;
        width: 16px;
        height: 16px
    }
}

@media screen and (max-width: 688px) {
    .js .nbf .banking-container.pfs .bcontainer-content {
        padding-top: 40px
    }
}

.nbf .close-icon::before {
    color: #6e6e6e;
    font: 30px/81% Pictos-IF;
    width: 30px;
    height: 30px;
    content: "\f813";
    margin: 5px
}

@keyframes fadeIn {

0
{
    display: inline-block
;
    opacity: 0
;
    top: 10px
}
100
%
{
    display: inline-block
;
    opacity: 1
;
    top: 0
}
}
.nbf .nbf-gv .helpovly, .nbf .nbf-box .helpovly, .nbf .nbf-has-infoicon .helpovly, .nbf .nbf-finanzstatus .button-arrow-rightside .helpovly, .nbf .nbf-finanzstatus .footer .helpovly, .nbf .nbf-finanzstatus .nbf-container-box > div.bline .helpovly, .nbf .umsatzliste .nbf-umsatzdrucken .helpovly, .nbf .umsatzliste .nbf-lastschriftdrucken .helpovly {
    z-index: 9
}

.nbf .nbf-gv .helpovly > a:after, .nbf .nbf-box .helpovly > a:after, .nbf .nbf-has-infoicon .helpovly > a:after, .nbf .nbf-finanzstatus .button-arrow-rightside .helpovly > a:after, .nbf .nbf-finanzstatus .footer .helpovly > a:after, .nbf .nbf-finanzstatus .nbf-container-box > div.bline .helpovly > a:after, .nbf .umsatzliste .nbf-umsatzdrucken .helpovly > a:after, .nbf .umsatzliste .nbf-lastschriftdrucken .helpovly > a:after {
    color: #565656;
    border: 1.5px solid #bebebe;
    background-color: #fff
}

.nbf .nbf-gv .helpovly > a:hover:after, .nbf .nbf-box .helpovly > a:hover:after, .nbf .nbf-has-infoicon .helpovly > a:hover:after, .nbf .nbf-finanzstatus .button-arrow-rightside .helpovly > a:hover:after, .nbf .nbf-finanzstatus .footer .helpovly > a:hover:after, .nbf .nbf-finanzstatus .nbf-container-box > div.bline .helpovly > a:hover:after, .nbf .umsatzliste .nbf-umsatzdrucken .helpovly > a:hover:after, .nbf .umsatzliste .nbf-lastschriftdrucken .helpovly > a:hover:after, .nbf .nbf-gv .helpovly > a:focus:after, .nbf .nbf-box .helpovly > a:focus:after, .nbf .nbf-has-infoicon .helpovly > a:focus:after, .nbf .nbf-finanzstatus .button-arrow-rightside .helpovly > a:focus:after, .nbf .nbf-finanzstatus .footer .helpovly > a:focus:after, .nbf .nbf-finanzstatus .nbf-container-box > div.bline .helpovly > a:focus:after, .nbf .umsatzliste .nbf-umsatzdrucken .helpovly > a:focus:after, .nbf .umsatzliste .nbf-lastschriftdrucken .helpovly > a:focus:after {
    color: #fff;
    background-color: #565656;
    border-color: #565656
}

.nbf .nbf-gv .helpovly div.helpovly-content > div > div, .nbf .nbf-box .helpovly div.helpovly-content > div > div, .nbf .nbf-has-infoicon .helpovly div.helpovly-content > div > div, .nbf .nbf-finanzstatus .button-arrow-rightside .helpovly div.helpovly-content > div > div, .nbf .nbf-finanzstatus .footer .helpovly div.helpovly-content > div > div, .nbf .nbf-finanzstatus .nbf-container-box > div.bline .helpovly div.helpovly-content > div > div, .nbf .umsatzliste .nbf-umsatzdrucken .helpovly div.helpovly-content > div > div, .nbf .umsatzliste .nbf-lastschriftdrucken .helpovly div.helpovly-content > div > div {
    border: 0
}

.nbf .nbf-gv .helpovly div.helpovly-content > div > div > div, .nbf .nbf-box .helpovly div.helpovly-content > div > div > div, .nbf .nbf-has-infoicon .helpovly div.helpovly-content > div > div > div, .nbf .nbf-finanzstatus .button-arrow-rightside .helpovly div.helpovly-content > div > div > div, .nbf .nbf-finanzstatus .footer .helpovly div.helpovly-content > div > div > div, .nbf .nbf-finanzstatus .nbf-container-box > div.bline .helpovly div.helpovly-content > div > div > div, .nbf .umsatzliste .nbf-umsatzdrucken .helpovly div.helpovly-content > div > div > div, .nbf .umsatzliste .nbf-lastschriftdrucken .helpovly div.helpovly-content > div > div > div {
    border: 1px solid #949494;
    box-shadow: 0 2px 5px rgba(86, 86, 86, 0.2);
    border-radius: 12px;
    padding: 18px;
    color: #000;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf .nbf-gv .helpovly div.helpovly-content::before, .nbf .nbf-box .helpovly div.helpovly-content::before, .nbf .nbf-has-infoicon .helpovly div.helpovly-content::before, .nbf .nbf-finanzstatus .button-arrow-rightside .helpovly div.helpovly-content::before, .nbf .nbf-finanzstatus .footer .helpovly div.helpovly-content::before, .nbf .nbf-finanzstatus .nbf-container-box > div.bline .helpovly div.helpovly-content::before, .nbf .umsatzliste .nbf-umsatzdrucken .helpovly div.helpovly-content::before, .nbf .umsatzliste .nbf-lastschriftdrucken .helpovly div.helpovly-content::before {
    border-bottom-color: #949494
}

.nbf .nbf-gv .helpovly div.helpovly-content::before, .nbf .nbf-box .helpovly div.helpovly-content::before, .nbf .nbf-has-infoicon .helpovly div.helpovly-content::before, .nbf .nbf-finanzstatus .button-arrow-rightside .helpovly div.helpovly-content::before, .nbf .nbf-finanzstatus .footer .helpovly div.helpovly-content::before, .nbf .nbf-finanzstatus .nbf-container-box > div.bline .helpovly div.helpovly-content::before, .nbf .umsatzliste .nbf-umsatzdrucken .helpovly div.helpovly-content::before, .nbf .umsatzliste .nbf-lastschriftdrucken .helpovly div.helpovly-content::before, .nbf .nbf-gv .helpovly div.helpovly-content::after, .nbf .nbf-box .helpovly div.helpovly-content::after, .nbf .nbf-has-infoicon .helpovly div.helpovly-content::after, .nbf .nbf-finanzstatus .button-arrow-rightside .helpovly div.helpovly-content::after, .nbf .nbf-finanzstatus .footer .helpovly div.helpovly-content::after, .nbf .nbf-finanzstatus .nbf-container-box > div.bline .helpovly div.helpovly-content::after, .nbf .umsatzliste .nbf-umsatzdrucken .helpovly div.helpovly-content::after, .nbf .umsatzliste .nbf-lastschriftdrucken .helpovly div.helpovly-content::after {
    border-left-width: 6px;
    border-right-width: 6px;
    border-bottom-width: 6px
}

.nbf .nbf-gv .helpovly div.helpovly-content::before, .nbf .nbf-box .helpovly div.helpovly-content::before, .nbf .nbf-has-infoicon .helpovly div.helpovly-content::before, .nbf .nbf-finanzstatus .button-arrow-rightside .helpovly div.helpovly-content::before, .nbf .nbf-finanzstatus .footer .helpovly div.helpovly-content::before, .nbf .nbf-finanzstatus .nbf-container-box > div.bline .helpovly div.helpovly-content::before, .nbf .umsatzliste .nbf-umsatzdrucken .helpovly div.helpovly-content::before, .nbf .umsatzliste .nbf-lastschriftdrucken .helpovly div.helpovly-content::before {
    margin-top: 4px
}

.nbf .nbf-geld-senden .nbf-has-infoicon .helpovly, .nbf .nbf-finanzstatus .button-arrow-rightside .helpovly, .nbf .nbf-finanzstatus .footer .helpovly {
    z-index: auto
}

.nbf .nbf-geld-senden .nbf-has-infoicon .helpovly > a:after, .nbf .nbf-box .helpovly > a:after, .nbf .nbf-finanzstatus .nbf-container-box > div.bline .helpovly > a:after {
    width: 16px;
    height: 16px;
    font-size: 16px
}

.nbf .nbf-geld-senden .nbf-box .helpovly > a:after, .nbf .nbf-finanzstatus .button-arrow-rightside .helpovly > a:after, .nbf .nbf-finanzstatus .footer .helpovly > a:after {
    width: 20px;
    height: 20px;
    font-size: 20px
}

.nbf .nbf-finanzstatus .button-arrow-rightside .helpovly div.helpovly-content::before, .nbf .nbf-finanzstatus .footer .helpovly div.helpovly-content::before, .nbf .nbf-finanzstatus .button-arrow-rightside .helpovly div.helpovly-content::after, .nbf .nbf-finanzstatus .footer .helpovly div.helpovly-content::after {
    margin-left: 3px
}

.nbf .nbf-finanzstatus .button-arrow-rightside .helpovly div.helpovly-content::before, .nbf .umsatzliste .nbf-umsatzdrucken .helpovly div.helpovly-content::before {
    margin-top: 9px
}

.nbf .nbf-finanzstatus .button-arrow-rightside .helpovly div.helpovly-content::after, .nbf .umsatzliste .nbf-umsatzdrucken .helpovly div.helpovly-content::after {
    margin-top: 10px
}

.nbf .nbf-finanzstatus .button-arrow-rightside .helpovly div.helpovly-content > div > div, .nbf .umsatzliste .nbf-umsatzdrucken .helpovly div.helpovly-content > div > div {
    margin-top: 15px
}

.nbf .nbf-finanzstatus .footer .helpovly div.helpovly-content::before {
    margin-top: 7px
}

.nbf .nbf-finanzstatus .footer .helpovly div.helpovly-content::after {
    margin-top: 8px
}

.nbf .nbf-finanzstatus .footer .helpovly div.helpovly-content > div > div {
    margin-top: 13px
}

html:not(.js) .nbf .helpovly > a:not(.visible):hover + div.helpovly-content, html:not(.js) .nbf .helpovly > a:not(.visible):focus + div.helpovly-content {
    animation-delay: 1.5s;
    animation: fadeIn .3s ease-in-out;
    display: inline-block
}

.js .nbf .helpovly div.helpovly-content {
    display: none
}

.js .nbf .helpovly > a.visible + div.helpovly-content {
    animation-delay: 1s;
    animation: fadeIn .3s ease-in-out;
    display: inline-block
}

html.mobile-fill-available:not(.no-touch) {
    height: 100vh;
    height: fill-available;
    height: -webkit-fill-available;
    height: -moz-available
}

html.mobile-fill-available:not(.no-touch) body.nbf {
    min-height: 100vh;
    min-height: fill-available;
    min-height: -webkit-fill-available;
    min-height: -moz-available
}

@media screen and (max-width: 767px) {
    .nbf .hide-on-mobile {
        display: none
    }
}

.no-js div.format-password-show {
    display: none
}

input.format-password-show::-ms-reveal {
    display: none
}

input.format-password-show ~ * div.format-password-show {
    cursor: pointer
}

input.format-password-show ~ * div.format-password-show > span {
    display: none
}

input.format-password-show[type="password"] ~ * div.format-password-show .password-show {
    display: inline
}

input.format-password-show[type="text"] ~ * div.format-password-show .password-hide {
    display: inline
}

.no-touch input.format-password-show ~ * div.format-password-show:hover {
    text-decoration: underline
}

body.nbf .nbf-gv .nbf-gv-header {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding-bottom: 17px
}

body.nbf .nbf-gv .nbf-gv-header h1 {
    color: #000;
    font: bold 23px/30px SparkasseWeb, Helvetica, Arial, sans-serif;
    letter-spacing: -0.3px;
    padding: 7px 0 7px 0
}

body.nbf .nbf-gv .nbf-gv-header .glossar {
    flex-grow: 3;
    margin: 0 20px 0 12px
}

body.nbf .nbf-gv .nbf-gv-header .glossar a.ficon {
    margin: 2px 2px -1px 2px;
    float: left;
    width: 24px;
    height: 24px
}

body.nbf .nbf-gv .nbf-gv-header .glossar a.ficon:before {
    width: 16px;
    height: 16px;
    font: 16px/81% Pictos-IF
}

body.nbf .nbf-gv .nbf-gv-header h1 + .primary-cta {
    position: absolute;
    right: 10px
}

body.nbf .nbf-gv .nbf-gv-header .primary-cta {
    position: relative
}

body.nbf .nbf-gv .nbf-gv-header .primary-cta .ficon {
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    margin: 0;
    width: auto;
    min-height: 36px;
    display: flex;
    border-radius: 20px;
    padding: 7px
}

body.nbf .nbf-gv .nbf-gv-header .primary-cta .ficon input {
    width: 0;
    padding: 0;
    vertical-align: middle
}

body.nbf .nbf-gv .nbf-gv-header .primary-cta .ficon:before {
    border: 0;
    color: #fff;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -13px;
    margin-right: 0
}

body.nbf .nbf-gv .nbf-gv-header .primary-cta .ficon a {
    color: #fff;
    background-color: red;
    text-decoration: none;
    align-self: center;
    padding: 7px 52px 7px 18px;
    border-radius: 20px
}

body.nbf .nbf-gv .nbf-gv-header .primary-cta .ficon a:focus {
    box-shadow: 0 0 8px #0047ff, 0 0 8px #0047ff;
    border: 2px solid #fff;
    outline: 0;
    margin-right: -2px
}

body.nbf .nbf-gv .nbf-gv-header .primary-cta .ficon a:active {
    background-color: #e00000
}

body.nbf .nbf-gv.finanzuebersicht .nbf-gv-header {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #e3e3e3
}

body.nbf .nbf-gv .nbf-box.nbf-box--header {
    margin-top: 0
}

.no-touch body.nbf .nbf-gv .nbf-gv-header .primary-cta .ficon a:hover, .no-touch body.nbf .nbf-gv .nbf-gv-header .primary-cta .ficon:hover:before, .no-touch body.nbf .nbf-gv .nbf-gv-header .primary-cta .ficon:hover a {
    color: #fff;
    background-color: #e00000
}

@media screen and (min-width: 1280px) {
    .nbf.nav-banking1 .nbf-gv .nbf-gv-header .glossar a.ficon, .nbf.nav-banking2 .nbf-gv .nbf-gv-header .glossar a.ficon {
        width: 18px
    }

    .nbf.nav-banking1 .nbf-gv .nbf-gv-header .glossar a.ficon:before, .nbf.nav-banking2 .nbf-gv .nbf-gv-header .glossar a.ficon:before {
        font: 16px/81% Pictos-IF;
        width: 16px;
        height: 16px
    }

    .nbf.nav-banking1 .nbf-gv .nbf-gv-header, .nbf.nav-banking2 .nbf-gv .nbf-gv-header, .nbf.nav-banking9 .nbf-gv .nbf-gv-header {
        min-height: 50px;
        margin-top: -30px
    }
}

@media screen and (max-width: 599px) {
    body.nbf .nbf-gv .nbf-gv-header .primary-cta.cta-button-hidden .ficon {
        left: calc(100% + 160px);
        transition: left 660ms cubic-bezier(0.32, 0.24, 0.15, 1)
    }

    body.nbf .nbf-gv .nbf-gv-header .primary-cta {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 3;
        width: 100%;
        height: 36px;
        background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
        z-index: 10
    }

    body.nbf .nbf-gv .nbf-gv-header .primary-cta .ficon {
        bottom: 17px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        min-height: 48px;
        border-radius: 30px;
        transition: left 360ms cubic-bezier(0.32, 0.24, 0.15, 1)
    }

    body.nbf .nbf-gv .nbf-gv-header .primary-cta .ficon a {
        border-radius: 48px;
        height: 48px;
        line-height: 48px;
        padding: 0 52px 0 18px
    }

    body.nbf .nbf-gv .nbf-gv-header .primary-cta .ficon a:focus {
        margin-right: 0
    }

    body.nbf .nbf-gv .nbf-gv-header h1 + .primary-cta {
        position: fixed
    }

    body.nbf .if6_main.nbf-primary-cta-mobile {
        margin-bottom: 124px
    }

    body.nbf.smartphone-banner-visible .nbf-gv .nbf-gv-header .primary-cta .ficon {
        bottom: 87px;
        transition: none
    }
}

.nbf-row {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    margin-right: -12px;
    margin-left: -12px
}

.nbf-row .nbf-col {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 12px;
    padding-left: 12px;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    min-width: 0
}

.nbf-box {
    background: #fff;
    padding: 24px;
    margin-top: 12px;
    backface-visibility: hidden;
    position: relative
}

.nbf-box.nbf-box--small {
    padding: 12px 24px
}

.nbf-box.nbf-box--smaller {
    padding: 18px
}

.nbf-box.nbf-box--row-clickable {
    position: static
}

.nbf-box.nbf-box--row-clickable .nbf-row {
    position: relative
}

.nbf-box.nbf-box--hoverable {
    transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
    cursor: pointer
}

.nbf-box.nbf-box--border {
    border: 1px solid #e3e3e3;
    border-radius: 12px
}

.nbf-box.nbf-box--shadow {
    box-shadow: 0 2px 3px 0 rgba(86, 86, 86, 0.1)
}

.nbf-box.nbf-box--header {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
}

.nbf-box.nbf-box--grey {
    background: #f5f5f5
}

.nbf-box.nbf-box--rounded {
    border-radius: 12px
}

.nbf-box.nbf-box--noroundtop {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px
}

.nbf-box.nbf-box--sizing {
    margin-right: 10px
}

.nbf-box .nbf-box__image {
    flex-basis: 48px;
    max-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box
}

.nbf-box .nbf-box__image > * {
    width: 100%;
    height: auto
}

.nbf-box .nbf-box__image > span.title:before {
    margin-top: -14px;
    width: 48px;
    height: 48px;
    font-size: 48px;
    margin-left: -48px
}

.nbf-box .nbf-box__image > svg {
    border-radius: 50%
}

.nbf-box .nbf-box__image > .placeholder-dashed {
    height: 48px;
    width: 48px;
    border: 1px dashed #aeaeae;
    border-radius: 50%
}

.nbf-box .nbf-box__divider {
    width: 100%;
    background: #e3e3e3;
    height: 1px;
    display: block;
    margin-bottom: 12px
}

.nbf-box .nbf-box__content {
    flex-grow: 3
}

.nbf-box .nbf-box__content.nbf-content--center {
    text-align: center;
    width: 100%
}

.nbf-box .nbf-box__content.nbf-content--text {
    color: #292929
}

.nbf-box .nbf-box__content .nbf-box__title {
    font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #292929;
    margin: 0 0 3px 0;
    max-width: 342px;
    display: block
}

.nbf-box .nbf-box__content .nbf-box__subtitle {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #565656
}

.nbf-box .nbf-box__content .helpovly {
    margin-left: 8px
}

.nbf-box .nbf-box__content .nbf-content--smaller {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656
}

.nbf-box .nbf-box__label {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.nbf-box .nbf-box__label .nbf-label {
    background: #f0f0f0;
    color: #444;
    padding: 6px 9px;
    border-radius: 24px;
    font-size: 12px;
    line-height: 100%
}

.nbf-box .nbf-box__label .nbf-label.nbf-label--plus {
    background: #1e946b;
    color: #fff
}

.nbf-box .nbf-box__amount {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-basis: 245px;
    max-width: 245px
}

.nbf-box .nbf-box__amount .balance-predecimal {
    color: #292929;
    font-size: 20px
}

.nbf-box .nbf-box__amount .balance-decimal {
    color: #292929;
    font-size: 16px
}

.nbf-box .nbf-box__amount.nbf-amount--bigger .balance-predecimal {
    font-size: 28px
}

.nbf-box .nbf-box__amount.nbf-amount--bigger .balance-decimal {
    font-size: 20px
}

.nbf-box .nbf-box__amount span.plus {
    color: #00724b
}

.nbf-box .nbf-box__amount span.minus {
    color: #292929
}

.nbf-box .nbf-box__amount .nbf-balance .information {
    color: #565656;
    text-decoration: underline
}

.nbf-box .nbf-box__amount .nbf-balance span.balance-currency {
    display: block
}

.nbf-box .nbf-box__amount .nbf-balance a {
    color: #565656
}

.nbf-box .nbf-box__amount .helpovly {
    z-index: 3
}

.nbf-box .nbf-box__action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-basis: 36px;
    max-width: 36px;
    padding: 0 12px 0 0
}

.nbf-box .nbf-box__action > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 100%
}

.nbf-box .nbf-col--right {
    text-align: right
}

.nbf-box .nbf-row + .nbf-row {
    margin-top: 12px
}

.nbf-box .nbf-row.nbf-row--indent {
    margin-left: 60px
}

.nbf-box .nbf-row.nbf-row--colored {
    margin-left: -24px;
    margin-right: -24px;
    margin-bottom: -24px;
    overflow: hidden;
    border-radius: 0 0 12px 12px
}

.nbf-box .nbf-row.nbf-row--colored .bline {
    margin: 0;
    padding: 24px
}

.nbf-box .nbf-row.nbf-row--colored .bline.bmessage.failure {
    border-bottom: 0
}

.nbf-box .nbf-row.nbf-row--colored .bline.bmessage.failure:before {
    display: none
}

.nbf-box .nbf-row.nbf-row--colored.bmessage.failure {
    border-bottom: 0;
    background-color: #f5f5f5
}

.nbf-box .nbf-row.nbf-row--colored.bmessage.failure > div.nbf-link-right:first-child {
    width: 100%;
    text-align: right
}

.nbf-box .nbf-row.nbf-row--colored.bmessage {
    justify-content: space-between;
    padding: 13px 24px
}

.nbf-box.nbf-box--hoverable:hover {
    transform: scale(1.007);
    z-index: 9
}

.nbf-box.nbf-box--hoverable:hover.nbf-box--shadow {
    -webkit-box-shadow: 0 2px 6px 0 rgba(86, 86, 86, 0.2);
    -moz-box-shadow: 0 2px 6px 0 rgba(86, 86, 86, 0.2);
    box-shadow: 0 2px 6px 0 rgba(86, 86, 86, 0.2)
}

.nbf-container-box {
    padding: 0
}

@media screen and (max-width: 726px) {
    .nbf-row {
        flex-wrap: wrap
    }

    .nbf-box {
        padding: 18px
    }

    .nbf-box .nbf-row {
        justify-content: flex-end
    }

    .nbf-box .nbf-row:after {
        content: '';
        height: 12px;
        flex-basis: 100%;
        order: 2;
        display: block
    }

    .nbf-box .nbf-row.nbf-row--colored {
        margin-left: -18px;
        margin-right: -18px;
        margin-bottom: -18px
    }

    .nbf-box .nbf-row .nbf-box__image, .nbf-box .nbf-row .nbf-box__content {
        order: 1
    }

    .nbf-box .nbf-row .nbf-box__content .nbf-box__title {
        white-space: unset
    }

    .nbf-box .nbf-row .nbf-box__label, .nbf-box .nbf-row .nbf-box__amount, .nbf-box .nbf-row .nbf-box__action {
        order: 3
    }

    .nbf-box .nbf-box__image {
        flex-basis: 42px;
        max-width: 42px
    }

    .nbf-box .nbf-box__image > * {
        width: 100%
    }

    .nbf-box .nbf-box__image > span.title:before {
        margin-top: -14px;
        width: 42px;
        height: 42px;
        font-size: 42px;
        margin-left: -42px
    }
}

body.nbf .if6_lightbox.lightbox-visible .payment-splitting > .bline.thirdcol.bcontinue {
    text-align: left
}

body.nbf .nbf-col .chopped {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body.nbf .nbf-box-group {
    transition: all .485s cubic-bezier(0.32, 0.24, 0.15, 1);
    max-height: 2000px;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    box-shadow: 0 1px 4px 0 #e3e3e3
}

body.nbf .nbf-box-group .nbf-box__content .nbf-box__title {
    font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif
}

body.nbf .nbf-box-group .nbf-box + .nbf-box {
    border-top: 1px solid rgba(0, 0, 0, 0.06)
}

body.nbf .nbf-box-group .nbf-box:last-child {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

body.nbf .nbf-box-group .group-top {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    cursor: pointer
}

body.nbf .nbf-box-group .nbf-box {
    margin-top: 0
}

body.nbf .nbf-box-group:hover {
    transform: scale(1.007);
    border: 1px solid rgba(0, 0, 0, 0.04);
    box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.1)
}

body.nbf .nbf-box-group .group-top .nbf-col--right:after {
    font: 24px/81% Pictos-IF;
    height: 24px;
    width: 24px;
    display: inline-block;
    color: #aeaeae;
    content: "u";
    margin-left: 12px
}

body.nbf .nbf-box-group.group-closed {
    max-height: 72px;
    overflow: hidden
}

body.nbf .nbf-box-group.group-closed .group-top {
    border-radius: 12px;
    margin-top: 0
}

body.nbf .nbf-box-group.group-closed .group-top .nbf-col--right:after {
    content: "d"
}

body.nbf .nbf-box-group.group-closed .group-top:after {
    content: "";
    border-bottom: 1px solid #e3e3e3;
    border-radius: 12px;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -5px;
    left: 0
}

body.nbf .nbfUmsatzAnzahl {
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #292929
}

body.nbf .tooltip-point {
    color: #292929;
    font-weight: bold
}

body.nbf .nbf-gv.umsatzliste .bcategory, body.nbf .nbf-gv.umsatzdetails .bcategory {
    white-space: nowrap;
    overflow: hidden
}

body.nbf .nbf-gv.umsatzliste .bpulldown, body.nbf .nbf-gv.umsatzdetails .bpulldown {
    position: relative;
    display: inline-table;
    margin-right: 8px;
    margin-top: 8px
}

body.nbf .nbf-gv.umsatzliste .bpulldown .bcategory, body.nbf .nbf-gv.umsatzdetails .bpulldown .bcategory, body.nbf .nbf-gv.umsatzliste .bpulldown .btag, body.nbf .nbf-gv.umsatzdetails .bpulldown .btag {
    position: relative;
    z-index: 1
}

body.nbf .nbf-gv.umsatzliste .bpulldown.first-hovered > div:last-child:after, body.nbf .nbf-gv.umsatzdetails .bpulldown.first-hovered > div:last-child:after {
    border-bottom-color: #f0f0f0
}

body.nbf .nbf-gv.umsatzliste .bpulldown > div:last-child, body.nbf .nbf-gv.umsatzdetails .bpulldown > div:last-child {
    margin: 0;
    position: absolute;
    bottom: -8px
}

body.nbf .nbf-gv.umsatzliste .bpulldown > div:last-child:before, body.nbf .nbf-gv.umsatzdetails .bpulldown > div:last-child:before {
    border-bottom: 8px solid #e3e3e3;
    z-index: 0;
    margin-top: -7px
}

body.nbf .nbf-gv.umsatzliste .bpulldown > div:last-child > div, body.nbf .nbf-gv.umsatzdetails .bpulldown > div:last-child > div {
    border: 1px solid #e3e3e3;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
    border-radius: 12px;
    overflow: hidden
}

body.nbf .nbf-gv.umsatzliste .bpulldown li, body.nbf .nbf-gv.umsatzdetails .bpulldown li {
    position: relative;
    z-index: 11
}

body.nbf .nbf-gv.umsatzliste .bpulldown li + li, body.nbf .nbf-gv.umsatzdetails .bpulldown li + li {
    border-top: 1px solid #e3e3e3
}

body.nbf .nbf-gv.umsatzliste .nbf-gv-header {
    padding-left: 24px;
    padding-right: 24px
}

body.nbf .nbf-gv.umsatzliste .umsatz-group {
    transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    box-shadow: 0 1px 4px 0 #e3e3e3
}

body.nbf .nbf-gv.umsatzliste .umsatz-group .nbf-box {
    margin-top: 0;
    padding: 15px 20px
}

body.nbf .nbf-gv.umsatzliste .umsatz-group .nbf-box:first-child {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px
}

body.nbf .nbf-gv.umsatzliste .umsatz-group .nbf-box:last-child {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

body.nbf .nbf-gv.umsatzliste .umsatz-group .nbf-box + .nbf-box {
    border-top: 1px solid rgba(0, 0, 0, 0.06)
}

body.nbf .nbf-gv.umsatzliste .umsatz-group .nbf-box.nbf-box--shadow.nbf-box--hoverable.pulldown_visible {
    z-index: 10;
    transform: scale(1.007);
    box-shadow: 0 2px 6px 0 rgba(86, 86, 86, 0.2)
}

body.nbf .nbf-gv.umsatzliste .umsatz-group .nbf-box.nbf-box--shadow.nbf-box--hoverable.pulldown_visible:hover {
    z-index: 10
}

body.nbf .nbf-gv.umsatzliste .umsatz-group .nbf-box.nbf-box--shadow.nbf-box--hoverable .nbf-row.nbf-row--colored.bmessage.notice {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -15px;
    border-bottom: 0;
    border-radius: 0
}

body.nbf .nbf-gv.umsatzliste .umsatz-group .nbf-box.nbf-box--shadow.nbf-box--hoverable:last-child .nbf-row.nbf-row--colored.bmessage.notice {
    border-radius: 0 0 12px 12px
}

body.nbf .nbf-gv.umsatzliste .umsatz-group .nbf-box__content .nbf-box__title {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 23px
}

body.nbf .nbf-gv.umsatzliste .umsatz-group .nbf-box__additional {
    display: flex
}

body.nbf .nbf-gv.umsatzliste .umsatz-group:hover, body.nbf .nbf-gv.umsatzliste .umsatz-group.pulldown_visible {
    border: 1px solid rgba(0, 0, 0, 0.04);
    box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.1)
}

body.nbf .nbf-gv.umsatzliste .umsatz-group.pulldown_visible {
    z-index: 11
}

body.nbf .nbf-gv.umsatzliste .no-umsatz {
    display: flex;
    align-items: center;
    font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #292929;
    margin-top: 10px
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .helpovly {
    margin-left: 6px
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .helpovly a:after {
    content: '\F803';
    color: #b60000;
    border: 0;
    background-color: white;
    font-size: 20px;
    width: 20px;
    height: 20px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-lastschriftdrucken {
    display: flex;
    flex-grow: 0;
    flex-shrink: 1;
    margin-top: 15px;
    margin-bottom: 25px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-lastschriftdrucken > div:first-child {
    padding-left: 24px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-lastschriftdrucken .helpovly {
    z-index: 10
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-lastschriftdrucken .helpovly a:after {
    content: "i";
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font: 16px/91% Pictos-IF;
    color: #565656;
    border: 1.5px solid #bebebe;
    background-color: #fff
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile {
    display: none
}

body.nbf .nbf-gv.umsatzliste .bline.saldo-linechart {
    margin-bottom: 48px
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken > div:not(.umsatzdrucken) {
    margin-top: 13px
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken:not(.opened) .nbf-druckExportLabel:focus {
    box-shadow: 0 0 4px #0047ff;
    border-radius: 12px
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken.opened .nbf-druckExportLabel:focus {
    box-shadow: 0 0 4px #0047ff;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656;
    cursor: pointer;
    position: relative;
    z-index: 2;
    background-color: #fff;
    border: 1px solid #fff
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken .nbf-druckExportLabel {
    display: flex;
    align-items: center;
    outline: 0;
    position: relative;
    z-index: 1
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken .nbf-druckExportLabel .close-icon {
    display: none
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken .nbf-druckExportLabel:after {
    font: 24px/81% Pictos-IF;
    height: 24px;
    width: 24px;
    display: inline-block;
    color: #949494;
    content: "\F808"
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken .nbf-druckExportLabel:before {
    content: "\F814";
    width: 24px;
    height: 24px;
    font: 24px/81% Pictos-IF;
    color: #565656;
    margin-right: 3px
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken .nbf-druckExportLabel ~ div {
    display: none
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken > div {
    padding: 12px 18px 12px 18px;
    margin-right: 0
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken .nbf-druckExportLabelMehr {
    padding: 12px 18px 12px 12px;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 0;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken .nbf-druckExportOption {
    border-top: 1px solid #f0f0f0;
    position: relative
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken .nbf-druckExportOption a {
    color: #565656;
    text-decoration: none;
    outline: 0
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken.opened {
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    height: 100%
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken.opened .nbf-druckExportLabel:after {
    content: "\F806"
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken.opened:not(.opened-all) .nbf-druckExportOption.visibleInitially {
    display: block
}

body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken.opened.opened-all .nbf-druckExportOption {
    display: block
}

body.nbf .nbf-gv.umsatzliste .nbf-box .nbf-box__content .nbf-box__title + .nbf-box__additional, body.nbf .nbf-gv.umsatzliste .nbf-box .nbf-box__content .nbf-box__subtitle + .nbf-box__additional {
    padding-top: 1px;
    padding-bottom: 3px
}

body.nbf .nbf-gv.umsatzliste .nbf-box .nbf-col.nbf-box__image .placeholder-dashed {
    height: 48px;
    width: 48px;
    border: 1px dashed #aeaeae;
    border-radius: 50%
}

body.nbf .nbf-gv.umsatzliste .nbf-box .nbf-col.nbf-box__image {
    align-items: flex-start;
    justify-content: flex-start
}

body.nbf .nbf-gv.umsatzliste .nbf-box .nbf-col.nbf-box__amount {
    align-items: center;
    padding-right: 0
}

body.nbf .nbf-gv.umsatzliste .nbf-box .nbf-col.nbf-box__action {
    flex-basis: 0;
    max-width: 0
}

body.nbf .nbf-gv.umsatzliste .nbf-box.nbf-box--header .nbf-col.nbf-box__action {
    flex-basis: 40px;
    max-width: 40px;
    padding-right: 12px
}

body.nbf .nbf-gv.umsatzliste .nbf-box .nbf-row.nbf-row--colored.bmessage a {
    z-index: 1;
    position: relative;
    margin-right: 0
}

body.nbf .nbf-gv.umsatzliste .bmessage.notice[class*="icon-"] {
    padding: 12px 12px 12px 54px
}

body.nbf .nbf-gv.umsatzliste .bmessage.notice[class*="icon-"]::before {
    top: calc(50% - 14px)
}

body.nbf .nbf-gv.umsatzliste .nbf-col.nbf-box__amount .nbf-balance span.balance-predecimal.plus {
    background-color: #eff7f5;
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;
    padding: 8px 0 8px 12px;
    font-size: 20px;
    position: relative
}

body.nbf .nbf-gv.umsatzliste .nbf-col.nbf-box__amount .nbf-balance span.balance-predecimal.plus:before {
    content: '+';
    color: #00724b;
    display: inline-block
}

body.nbf .nbf-gv.umsatzliste .nbf-col.nbf-box__amount .nbf-balance span.balance-decimal.plus {
    background-color: #eff7f5;
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
    padding: 12px 12px 9px 0;
    font-size: 16px;
    margin-right: -12px;
    position: relative
}

body.nbf .nbf-gv.umsatzliste .nbf-box--header .nbf-col.nbf-box__amount .nbf-balance span.balance-predecimal.plus, body.nbf .nbf-gv.umsatzliste .nbf-box--header .nbf-col.nbf-box__amount .nbf-balance span.balance-decimal.plus {
    background: 0
}

body.nbf .nbf-gv.umsatzliste .nbf-box--header .nbf-col.nbf-box__amount .nbf-balance span.balance-predecimal.plus {
    font-size: 28px;
    line-height: 40px
}

body.nbf .nbf-gv.umsatzliste .nbf-box--header .nbf-col.nbf-box__amount .nbf-balance span.balance-predecimal.plus:before {
    content: ''
}

body.nbf .nbf-gv.umsatzliste .nbf-box--header .nbf-col.nbf-box__amount .nbf-balance span.balance-decimal.plus {
    font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif
}

body.nbf .nbf-gv.umsatzliste .nbf-box--header .nbf-col.nbf-box__amount .nbf-balance.nbf-asterisks {
    margin-right: -2px
}

body.nbf .nbf-gv.umsatzliste .nbf-box--header .nbf-col.nbf-box__amount .nbf-balance.nbf-asterisks > div::after {
    content: "*";
    width: 6px;
    height: 6px;
    position: relative;
    top: -6px
}

body.nbf .nbf-gv.umsatzliste .nbf-col.nbf-box__amount {
    color: #565656
}

body.nbf .nbf-gv.umsatzliste .nbf-box a, body.nbf .nbf-gv.umsatzliste .nbf-box > a:hover {
    text-decoration: none
}

body.nbf .nbf-gv.umsatzliste .nbf-box .bcategory, body.nbf .nbf-gv.umsatzliste .binput-sayt-elements .bcategory, body.nbf .nbf-gv.umsatzliste .nbf-box .btag, body.nbf .nbf-gv.umsatzliste .binput-sayt-elements .btag {
    padding: 8px 12px 8px 9px;
    border: 1px solid #e3e3e3;
    border-radius: 18px;
    color: #565656;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    background-color: #fff
}

body.nbf .nbf-gv.umsatzliste .binput-sayt-elements b {
    font-weight: normal
}

body.nbf .nbf-gv.umsatzliste .nbf-row.nbf-row--indent .nbf-box__amount {
    color: #565656;
    padding-right: 12px
}

body.nbf .nbf-gv.umsatzliste .nbf-box__subtitle.teilumsatz_mobile {
    display: none
}

body.nbf .nbf-gv.umsatzliste .nbf-list-heading-tall {
    font: 20px/28px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    padding: 30px 0 12px 22px;
    color: #292929
}

body.nbf .nbf-gv.umsatzliste .nbf-list-heading-tall + .bline.nbf-list-heading {
    padding-top: 0
}

body.nbf .nbf-gv.umsatzliste .bline.load-more {
    text-align: center;
    padding-top: 50px
}

body.nbf .nbf-gv.umsatzliste .bline.load-more a {
    border: 1px solid #000;
    border-radius: 24px;
    padding: 12px;
    text-decoration: none;
    color: #000;
    display: inline-block
}

body.nbf .nbf-gv.umsatzliste .bline.load-more + .bline.load-more {
    padding-top: 30px;
    padding-bottom: 60px
}

body.nbf .nbf-gv.umsatzliste .bline.load-more + .bline a {
    border: 0;
    color: #565656;
    padding: 0;
    text-decoration: underline
}

body.nbf .nbf-gv.umsatzliste .block.mobile .layer-elements, body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzzeitraum, body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche {
    display: none
}

body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .back-to-top {
    transition: all 660ms cubic-bezier(0.32, 0.24, 0.15, 1);
    position: fixed;
    bottom: -50px;
    right: 24px;
    height: 46px;
    width: 46px;
    z-index: 11
}

body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .back-to-top:after {
    content: "\f806";
    width: 40px;
    height: 40px;
    font: 40px/81% Pictos-IF;
    background-color: #fff;
    color: #565656;
    z-index: 1;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    padding: 3px;
    cursor: pointer;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
    display: block
}

body.nbf .nbf-gv.umsatzliste .block.mobile.sticky {
    height: 63px
}

body.nbf .nbf-gv.umsatzliste .block.mobile.sticky .back-to-top {
    bottom: 30px
}

body.nbf .nbf-gv.umsatzliste .block.mobile.sticky .back-to-top:focus:after {
    background-color: #444;
    color: #f0f0f0;
    box-shadow: 0 0 8px #0047ff, 0 0 8px #0047ff;
    border: 2px solid #fff;
    outline: 0
}

body.nbf .nbf-gv.umsatzliste .block.mobile.sticky .back-to-top:active:after {
    background-color: #fff;
    color: #565656;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
    border: 1px solid #e3e3e3;
    outline: 0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 16px 0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken .umsatzdrucken {
    margin-right: 0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken > div:first-child {
    padding: 0 24px;
    flex-grow: 3;
    margin-top: 15px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken .nbf-umsatz-chart-button {
    margin-top: 0;
    padding-top: 15px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken .nbf-umsatz-chart-button.button-arrow-leftside.visible:before, body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken .nbf-umsatz-chart-button.button-arrow-leftside:before {
    content: '\F815'
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken .nbf-umsatz-chart-button.button-arrow-leftside span.visible {
    display: none
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken .nbf-umsatz-chart-button.button-arrow-leftside span.invisible {
    display: inline-block
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken .nbf-umsatz-chart-button.button-arrow-leftside.visible span.visible {
    display: inline-block
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken .nbf-umsatz-chart-button.button-arrow-leftside.visible span.invisible {
    display: none
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken .nbf-umsatz-chart-button:focus {
    outline: 0;
    box-shadow: 0 0 4px #0047ff;
    border-radius: 12px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken .umsatzdrucken {
    margin-top: 0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken br.bterm {
    display: none
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: 12px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter.search-opened > div:first-child {
    overflow: hidden;
    opacity: 0;
    width: 0;
    margin-right: 0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter > div:first-child {
    transition: all .6s ease-in-out;
    opacity: 1;
    width: 342px;
    margin-right: 12px;
    position: relative;
    height: min-content
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter > div:first-child label, body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter > div:first-child .label {
    margin-right: 0;
    position: absolute;
    left: 24px;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656;
    line-height: 100%;
    top: 50%;
    margin-top: -8px;
    z-index: 15
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter > div:first-child .select-wrap.select-time {
    margin-top: 0;
    width: 100%
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter > div:first-child .select-wrap.select-time .bselect-list .active {
    border-radius: 24px;
    max-height: 48px;
    min-height: unset;
    padding: 10px 45px 10px 100px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter > div:first-child .select-wrap.select-time .bselect-list .active div > span {
    display: none
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter > div:first-child .select-wrap.select-time.visible .bselect-list .active {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter > div:first-child .select-wrap.select-time.visible .bselect-list .active:after {
    content: "u"
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter > div:first-child .select-wrap.select-time.visible .bselect-list div.active {
    box-shadow: 0 0 4px #0047ff;
    z-index: 14;
    position: relative
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt {
    position: relative;
    flex-grow: 1;
    margin-right: 0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-wrapper {
    width: 100%;
    position: relative
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-wrapper input {
    outline: 0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements {
    padding: 6px 8px 6px 8px;
    margin-left: 8px;
    margin-right: -8px;
    white-space: nowrap;
    display: block;
    position: absolute;
    max-width: 100%;
    overflow-x: auto;
    outline: 0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory span {
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory span:before {
    margin: 0;
    padding: 0;
    position: relative
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory, body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag {
    display: inline-flex;
    line-height: 1.3;
    position: relative;
    align-items: center;
    padding: 0 0 0 3px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory:after, body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag:after {
    color: #aeaeae;
    margin: 0;
    padding: 0;
    font: 24px/81% Pictos-IF;
    width: 25px;
    height: 25px;
    content: "×"
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag.tag-deletable {
    padding-left: 6px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements a + a {
    margin-left: 6px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements a {
    outline: 0;
    display: inline-block;
    text-decoration: none
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements a:focus .bcategory, body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements a:focus .btag {
    outline: 0;
    box-shadow: 0 0 8px #0047ff, 0 0 8px #0047ff
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag:before {
    content: ''
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt input {
    margin-top: 0;
    width: 100%;
    padding: 10px 70px 10px 24px;
    border: 1px solid #949494;
    border-radius: 24px;
    color: #292929;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt input:focus {
    box-shadow: 0 0 4px #0047ff;
    z-index: 13;
    position: relative
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.visible {
    padding-left: 0;
    width: 100%;
    margin-top: 47px;
    margin-left: 0 !important;
    min-width: 100%
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.visible + .binput-sayt-wrapper input {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.visible li + li {
    border-top: 0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.visible > ul {
    border: 1px solid #949494;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.visible > ul:first-child {
    border-top-color: #e3e3e3
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.visible ul .group {
    font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #565656;
    margin-top: 12px;
    border-bottom: 0;
    padding-left: 24px;
    padding-right: 24px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.visible ul .group > a {
    color: #565656;
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    text-transform: initial;
    letter-spacing: initial
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.visible ul .saytentry {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #292929
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.visible ul .saytentry > div {
    padding: 12px 24px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.visible ul .bcategory span:before {
    margin-top: 0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.visible ul .btag {
    padding: 0;
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #292929;
    background-color: transparent
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.visible ul .btag:before {
    content: ''
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.visible > ul:last-child {
    padding-bottom: 18px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .select-wrap {
    margin-top: 0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .umsatz-sayt-lupe {
    background-color: transparent;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 6px;
    right: 0;
    margin-right: 18px;
    margin-left: 18px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .umsatz-sayt-lupe:after {
    content: "\F800";
    font: 24px/81% Pictos-IF;
    height: 24px;
    width: 24px;
    display: inline-block;
    color: #565656;
    text-align: right;
    position: absolute;
    top: 5px;
    left: 5px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .umsatz-sayt-lupe:hover {
    cursor: pointer
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.visible + .binput-sayt-wrapper + .umsatz-sayt-lupe, body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter.search-opened .umsatz-sayt .umsatz-sayt-lupe {
    z-index: 14
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.has-sayt-elements + .binput-sayt-wrapper {
    margin-bottom: 56px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.has-sayt-elements + .binput-sayt-wrapper input:focus {
    box-shadow: none
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.has-sayt-elements.visible {
    margin-top: 100px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.has-sayt-elements.visible > ul:first-child {
    border-top: 0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.has-sayt-elements.visible > ul:first-child .group {
    margin-top: 0;
    padding-top: 4px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.has-sayt-elements.visible + .binput-sayt-wrapper {
    height: 100px;
    box-sizing: border-box;
    border-top: 1px solid #949494;
    border-right: 1px solid #949494;
    border-left: 1px solid #949494;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.has-sayt-elements.visible + .binput-sayt-wrapper input {
    border-top: 0;
    border-left: 0;
    border-right: 0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .select-wrap.bselect-multiline.select-time .bselect-list div[role="button"] {
    transition: all .1s
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .select-wrap.bselect-multiline.select-time .bselect-list ul[role="listbox"] {
    height: auto;
    display: block;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    animation-fill-mode: initial;
    transition: all ease-in .1s
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .select-wrap.bselect-multiline.select-time.visible .bselect-list div[role="button"] {
    transition: all .4s
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .select-wrap.bselect-multiline.select-time.visible .bselect-list ul[role="listbox"] {
    height: auto;
    display: block;
    max-height: 350px;
    opacity: 1;
    transition: all 1s cubic-bezier(0, 0, 0, 1.32) 100ms
}

body.nbf .nbf-gv.umsatzliste .block.sticky:not(.layer-visible) .bline.nbf-umsatzsuchefilter {
    position: fixed;
    top: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #fff;
    z-index: 13;
    border-bottom: 1px solid #f0f0f0;
    box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.04)
}

body.nbf .nbf-gv.umsatzliste .block.sticky:not(.layer-visible) .bline.nbf-umsatzsuchefilter:before {
    content: "";
    background-color: #fff;
    width: 15px;
    margin-bottom: -13px;
    margin-left: -15px;
    margin-top: -15px
}

body.nbf .nbf-gv.umsatzliste .block.sticky:not(.layer-visible) .bline.nbf-umsatzsuchefilter:after {
    content: "";
    background-color: #fff;
    width: 15px;
    margin-bottom: -13px;
    margin-right: -15px;
    margin-top: -15px
}

body.nbf .nbf-gv.umsatzliste .block.sticky:not(.layer-visible) .bline.nbf-umsatzsuchefilter.with-list-heading {
    border-bottom: 0;
    box-shadow: none
}

body.nbf .nbf-gv.umsatzliste .block.sticky:not(.layer-visible) .bline.nbf-umsatzsuchefilter.with-list-heading:before, body.nbf .nbf-gv.umsatzliste .block.sticky:not(.layer-visible) .bline.nbf-umsatzsuchefilter.with-list-heading:after {
    margin-bottom: -53px
}

body.nbf .nbf-gv.umsatzliste .block.sticky:not(.layer-visible) .bline.nbf-umsatzsuchefilter.with-list-heading {
    padding-bottom: 12px
}

body.nbf .nbf-gv.umsatzliste .block.sticky:not(.layer-visible) .bline.nbf-umsatzsuchefilter .binput-sayt.has-sayt-elements {
    overflow-x: hidden
}

body.nbf .nbf-gv.umsatzliste .block.sticky:not(.layer-visible) .bline.nbf-umsatzsuchefilter .binput-sayt.has-sayt-elements + .binput-sayt-wrapper {
    margin-bottom: 24px
}

body.nbf .nbf-gv.umsatzliste .nbf-list-heading.sticky > div {
    top: 71px;
    padding-top: 5px;
    background-color: #fff;
    z-index: 12;
    position: fixed;
    padding-left: 24px;
    border-bottom: 1px solid #f0f0f0;
    box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.04);
    padding-bottom: 18px;
    box-sizing: border-box;
    margin-left: -24px
}

body.nbf .nbf-gv.umsatzliste.nbf-lastschriftwiderspruch .bline.nbf-umsatzsuchefilter > div:first-child {
    width: 100%;
    margin-right: 0
}

body.nbf .nbf-gv.umsatzliste.nbf-lastschriftwiderspruch .block.nbf-gv-header + #auftragskontoBlock {
    padding-left: 24px;
    padding-right: 24px
}

body.nbf .nbf-gv.umsatzliste.nbf-lastschriftwiderspruch .block.nbf-gv-header + #auftragskontoBlock .nbf-box.nbf-box--header {
    padding-left: 0;
    padding-right: 0
}

body.nbf .nbf-gv.umsatzliste.nbf-lastschriftwiderspruch .block.nbf-gv-header + #auftragskontoBlock .nbf-box.nbf-box--header .nbf-row {
    margin-left: 0;
    margin-right: 0
}

body.nbf .nbf-gv.umsatzliste.nbf-lastschriftwiderspruch + .buttonline.main-buttons .bgroup4 {
    text-align: left
}

body.nbf .select-bcategory .bselect-list .active {
    min-height: unset
}

body.nbf .select-bcategory .bselect-list ul.select-modified li > div {
    padding: 5px
}

.no-touch body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag:hover:after, .no-touch body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory:hover:after {
    color: #292929;
    background-color: #f0f0f0
}

body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements a:focus .btag.tag-deletable::after {
    color: #aeaeae;
    background-color: #fff
}

.no-touch .nbf-gv.umsatzliste .bpulldown .bcategory:hover, .nbf-gv.umsatzliste .bpulldown .bcategory:focus, .no-touch body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements a:hover .bcategory, body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements a:focus .bcategory {
    text-decoration: none
}

.no-touch .nbf-gv.umsatzliste .bpulldown .bcategory:hover, .nbf-gv.umsatzliste .bpulldown .bcategory:focus, .no-touch .nbf-gv.umsatzliste .bpulldown .btag:hover, .nbf-gv.umsatzliste .bpulldown .btag:hover {
    border-color: #999
}

.no-touch body.nbf .nbf-gv.umsatzliste .block.mobile.sticky .back-to-top:hover:after {
    background-color: #444;
    color: #f0f0f0;
    border: 1px solid #444
}

.no-touch body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken .nbf-druckExportOption.hover:not(.hover-mehr) {
    background-color: #f0f0f0
}

.no-touch body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken .nbf-druckExportOption.hover:not(.hover-mehr) a {
    color: #000
}

.no-touch body.nbf .nbf-gv.umsatzliste .nbf-umsatzdrucken .umsatzdrucken .nbf-druckExportLabelMehr:hover {
    color: #000;
    text-decoration: underline
}

.no-touch body.nbf .nbf-gv.umsatzliste .bpulldown li:hover, .no-touch body.nbf .nbf-gv.umsatzdetails .bpulldown li:hover {
    background-color: #f0f0f0
}

body.nbf .nbf-gv .nbf-list-heading {
    font: bold 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #292929;
    padding-left: 24px;
    box-sizing: border-box;
    min-height: 18px
}

body.nbf .nbf-gv .nbf-box + .nbf-list-heading, body.nbf .nbf-gv .nbf-box-group + .nbf-list-heading, body.nbf .nbf-gv .umsatz-group + .nbf-list-heading {
    padding-top: 30px
}

body.nbf .nbf-gv .bline.nbf-list-heading + .nbf-box-group, body.nbf .nbf-gv .bline.nbf-list-heading + .umsatz-group {
    margin-top: 6px
}

@media (min-width: 1280px) {
    .nbf.nbf-size-standard .nbf-gv.umsatzliste .block.sticky:not(.layer-visible) .bline.nbf-umsatzsuchefilter {
        min-width: 840px
    }

    .nbf.nbf-size-standard .nbf-gv.umsatzliste .nbf-list-heading.sticky > div {
        width: 840px
    }
}

@media (max-width: 1279px) {
    .nbf.nbf-size-standard .nbf-gv.umsatzliste .block.sticky:not(.layer-visible) .bline.nbf-umsatzsuchefilter {
        min-width: 960px
    }

    .nbf.nbf-size-standard .nbf-gv.umsatzliste .nbf-list-heading.sticky > div {
        width: 960px
    }
}

@media screen and (max-width: 1079px) {
    body.nbf.nbf-size-standard .nbf-gv.umsatzliste .block.sticky:not(.layer-visible) .bline.nbf-umsatzsuchefilter {
        min-width: calc(100% - 20px);
        left: 0;
        right: 0;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0;
        border-left: 0;
        border-right: 0
    }

    body.nbf.nbf-size-standard .nbf-gv.umsatzliste .block.sticky:not(.layer-visible) .bline.nbf-umsatzsuchefilter:before, body.nbf.nbf-size-standard .nbf-gv.umsatzliste .block.sticky:not(.layer-visible) .bline.nbf-umsatzsuchefilter:after {
        content: none
    }

    body.nbf.nbf-size-standard .nbf-gv.umsatzliste .nbf-list-heading.sticky > div {
        width: 100%;
        left: 0;
        right: 0;
        padding-left: 34px;
        margin-left: 0;
        border-left: 0;
        border-right: 0
    }
}

@media screen and (max-width: 767px) {
    body.nbf .nbf-gv.umsatzliste .nbf-box__subtitle.teilumsatz_mobile {
        display: block
    }

    body.nbf .nbf-gv.umsatzliste .nbf-box__subtitle.teilumsatz_mobile .teilumsatz-mobile {
        display: inline-block;
        position: relative;
        margin-bottom: 6px;
        z-index: 1;
        padding: 8px 12px 8px 9px;
        border: 1px solid #e3e3e3;
        border-radius: 18px;
        color: #565656;
        font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    body.nbf .nbf-gv.umsatzliste .nbf-box__subtitle.teilumsatz_mobile .teilumsatz-mobile span {
        padding-left: 27px
    }

    body.nbf .nbf-gv.umsatzliste .nbf-box__subtitle.teilumsatz_mobile .teilumsatz-mobile span:before {
        content: "\f73f";
        font: 24px/81% Pictos-IF;
        color: #444;
        width: 24px;
        height: 24px;
        background-color: transparent;
        position: absolute;
        margin-left: -30px;
        margin-top: -2px;
        transform: rotate(90deg);
        display: inline-block
    }

    body.nbf .nbf-gv.umsatzliste .nbf-box {
        padding: 15px 15px 12px 15px
    }

    body.nbf .nbf-gv.umsatzliste .nbf-box .nbf-box__content .nbf-box__subtitle + .nbf-box__additional {
        padding-top: 0;
        padding-bottom: 0
    }

    body.nbf .nbf-gv.umsatzliste .nbf-box .nbf-col.nbf-box__image .placeholder-dashed {
        height: 42px;
        width: 42px
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile {
        display: block;
        padding-top: 0
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile .close-icon, body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile .nbf-druckExportOption, body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile .nbf-druckExportLabelMehr {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile .umsatzdrucken .nbf-druckExportLabel {
        margin-right: 0;
        text-decoration: underline
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile .umsatzdrucken {
        display: block;
        text-align: center
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile .umsatzdrucken.opened {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 4000;
        height: 100%;
        width: 100%;
        background-color: #fff;
        border: 0;
        border-radius: 0;
        text-align: left
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile .umsatzdrucken.opened .nbf-druckExportLabel {
        max-width: 100%;
        display: block;
        position: relative;
        background-color: #fafafa;
        padding: 18px;
        font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        color: #292929;
        cursor: auto;
        text-decoration: none
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile .umsatzdrucken.opened .nbf-druckExportLabel:before, body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile .umsatzdrucken.opened .nbf-druckExportLabel:after {
        content: none
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile .umsatzdrucken.opened .nbf-druckExportLabel .close-icon {
        display: block;
        top: 50%;
        margin-top: -20px;
        margin-right: 10px
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile .umsatzdrucken.opened .nbf-druckExportLabel .close-icon:before {
        background-color: transparent;
        border-radius: 0;
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile .umsatzdrucken.opened .nbf-druckExportLabel .close-icon:hover:before {
        background-color: transparent;
        color: #000
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile .umsatzdrucken.opened .nbf-druckExportOption {
        display: block;
        max-width: 100% !important;
        padding: 18px 0 18px 0;
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #292929;
        margin-left: 18px;
        margin-right: 18px;
        border-top: 0;
        border-bottom: 1px solid #f0f0f0;
        position: relative
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile .umsatzdrucken.opened .nbf-druckExportOption a {
        text-decoration: none
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken-mobile .umsatzdrucken.opened .nbf-druckExportOption.hover:not(.hover-mehr) {
        background-color: #fff
    }

    body.nbf .nbf-gv.umsatzliste .nbf-container-box + .bline.nbf-umsatzdrucken-mobile {
        padding-top: 30px
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken .nbf-umsatz-chart-button, body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken .umsatzdrucken, body.nbf .nbf-gv.umsatzliste .bline.saldo-linechart {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken:not(.nbfSuchergebnis) {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken.nbfSuchergebnis {
        display: flex;
        background-color: #fafafa;
        margin-left: -10px;
        margin-right: -10px;
        padding-bottom: 18px
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken.nbfSuchergebnis .umsatzanzahl {
        margin-top: 0
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken.nbfSuchergebnis .umsatzanzahl .nbfUmsatzAnzahl {
        display: block
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzdrucken.nbfSuchergebnis .umsatzanzahl .nbfUmsatzAnzahl + .nbfUmsatzZeitraum {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter {
        padding-top: 0;
        height: 0
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.sticky {
        height: initial
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.sticky .bline.nbf-umsatzsuchefilter, body.nbf .nbf-gv.umsatzliste .block.mobile.sticky .bline.nbf-umsatzsuchefilter.with-list-heading {
        padding: 0
    }

    body.nbf .nbf-gv.umsatzliste .nbf-list-heading.sticky > div {
        top: 0;
        padding-top: 6px;
        padding-bottom: 6px
    }

    body.nbf .nbf-gv.umsatzliste .no-umsatz {
        margin-top: 8px;
        margin-bottom: 14px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .nbf-umsatzsuchefilter > div {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements {
        display: block;
        margin-left: -10px;
        margin-right: -10px;
        background-color: #fafafa;
        padding: 24px 18px 30px 18px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements > div:first-child {
        margin-bottom: 12px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .btag:before {
        content: ''
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzzeitraum, body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche {
        display: flex;
        align-items: center;
        background-color: #fff;
        border-radius: 36px;
        position: relative;
        font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #292929;
        padding: 9px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzzeitraum > div:first-child, body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche > div:first-child {
        margin-left: 40px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzzeitraum > div {
        margin-left: 6px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche {
        padding-right: 48px;
        height: 21px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche > .terms {
        overflow-y: hidden;
        overflow-x: auto;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: flex;
        align-items: center
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche > .terms > * {
        display: inline-block
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche > .terms a {
        text-decoration: none
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche > .terms a + a {
        margin-left: 5px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche > .terms a + a:before {
        content: ",";
        color: #444;
        position: absolute;
        top: 9px;
        margin-left: -5px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche > .terms .bcategory > span {
        padding-left: 21px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche > .terms .bcategory > span:before {
        margin-left: -23px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche > .terms .btag {
        background-color: #fff;
        display: block
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche > .terms a .btag.tag-deletable:after {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche .close-icon {
        z-index: 1
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche.empty .terms, body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche.empty .close-icon, body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche.empty:after {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzzeitraum:before {
        content: "\f71a";
        font: 36px/81% Pictos-IF;
        width: 36px;
        height: 36px;
        color: #292929;
        text-align: center;
        display: inline-block;
        position: absolute
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche:before {
        content: "s";
        font: 36px/81% Pictos-IF;
        height: 36px;
        width: 36px;
        color: #292929;
        text-align: center;
        display: inline-block;
        position: absolute
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements .umsatzsuche:after {
        content: "|";
        font: 24px/81% Pictos-IF;
        height: 24px;
        width: 24px;
        color: #292929;
        text-align: center;
        display: inline-block;
        position: absolute;
        right: 24px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements.initial {
        background-color: #fff;
        display: flex;
        justify-content: space-between
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements.initial .umsatzzeitraum, body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements.initial .umsatzsuche {
        padding: 0
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements.initial .umsatzzeitraum > div:first-child, body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements.initial .umsatzsuche > div:first-child {
        margin-left: 0
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements.initial .umsatzzeitraum:before, body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements.initial .umsatzsuche:before {
        width: 42px;
        height: 42px;
        font: 42px/81% Pictos-IF;
        position: absolute;
        background-color: #fff;
        color: #565656;
        border: 1px solid #e3e3e3;
        border-radius: 50%;
        cursor: pointer;
        right: 0
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements.initial .umsatzzeitraum {
        width: 100%;
        padding-right: 50px;
        display: flex;
        flex-wrap: wrap
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements.initial .umsatzzeitraum > div:first-child {
        margin-right: 6px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements.initial .umsatzzeitraum > div:last-child {
        margin-left: 0
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements.initial .umsatzsuche {
        width: 55px;
        padding-left: 12px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements.initial .umsatzsuche .terms, body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements.initial .umsatzsuche .close-icon {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .mobile-elements.initial .umsatzsuche:after {
        content: '\f800';
        display: block;
        bottom: -50px;
        right: 14px;
        transition: all 360ms cubic-bezier(0.32, 0.24, 0.15, 1);
        width: 40px;
        height: 40px;
        font: 40px/81% Pictos-IF;
        position: fixed;
        background-color: #fff;
        color: #565656;
        z-index: 10;
        border: 1px solid #e3e3e3;
        border-radius: 50%;
        padding: 3px;
        cursor: pointer;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04)
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.sticky:not(.layer-visible) .umsatzsuche:before {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.sticky:not(.layer-visible) .umsatzsuche:after {
        bottom: 77px;
        transition: all 660ms cubic-bezier(0.32, 0.24, 0.15, 1)
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.sticky:not(.layer-visible) .umsatzsuche:hover:before {
        background-color: #444;
        color: #f0f0f0;
        border: 1px solid #444
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.sticky:not(.layer-visible) .back-to-top {
        bottom: 24px;
        right: 16px;
        transition: all 360ms cubic-bezier(0.32, 0.24, 0.15, 1)
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile .layer-elements .close-icon {
        display: none
    }

    @keyframes fadeIn {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 4000;
        height: 100%;
        width: 100%;
        background-color: #fff;
        opacity: 1;
        animation-duration: .36s;
        animation-timing-function: cubic-bezier(0.32, 0.24, 0.15, 1);
        animation-name: fadeIn
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible ~ .block {
        pointer-events: none
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible ~ .block .nbf-guided-tour-umsaetze-umsatzliste {
        position: relative;
        top: 87px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible .mobile-elements {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible .layer-elements {
        display: block;
        position: relative;
        background-color: #fafafa;
        padding: 18px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible .layer-elements > div {
        font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        color: #292929
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible .layer-elements .close-icon {
        display: block;
        top: 50%;
        margin-top: -20px;
        margin-right: 10px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible .layer-elements .close-icon:before {
        border-radius: 0;
        background-color: transparent;
        color: #292929
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzzeitraum .layer-elements > div.umsatzzeitraum {
        display: block
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzzeitraum .layer-elements > div.umsatzsuche {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzzeitraum .nbf-umsatzsuchefilter {
        padding-top: 12px;
        height: 100%
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzzeitraum .nbf-umsatzsuchefilter .umsatz-sayt {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzzeitraum .nbf-umsatzsuchefilter > div:first-child {
        display: block;
        width: 100%;
        margin-right: 0
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzzeitraum .nbf-umsatzsuchefilter > div:first-child label {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzzeitraum .nbf-umsatzsuchefilter > div:first-child .bselect-list .active {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzzeitraum .nbf-umsatzsuchefilter > div:first-child .bselect-list ul.select-modified {
        display: block !important;
        border: 0;
        border-radius: 0;
        padding: 0 18px 0 18px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzzeitraum .nbf-umsatzsuchefilter > div:first-child .bselect-list ul.select-modified li > div {
        padding: 18px 0 18px 0;
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #292929
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzzeitraum .nbf-umsatzsuchefilter > div:first-child .bselect-list ul.select-modified li.preselected div {
        background-color: #fff
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzzeitraum .nbf-umsatzsuchefilter > div:first-child .bselect-list ul.select-modified li + li {
        border-top: 0
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzzeitraum .nbf-umsatzsuchefilter > div:first-child .bselect-list ul.select-modified li {
        border-bottom: 1px solid #f0f0f0
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzzeitraum .nbf-umsatzsuchefilter > div:first-child .bselect-list ul.select-modified li:last-child span:after, body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzzeitraum .nbf-umsatzsuchefilter > div:first-child .bselect-list ul.select-modified li.selected span:after {
        right: 0
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .btag:before {
        content: ''
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .layer-elements {
        padding-left: 12px;
        padding-right: 12px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .layer-elements > div.umsatzzeitraum {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .layer-elements > div.umsatzsuche {
        display: block
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter {
        padding-top: 0
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter > div:first-child {
        display: none
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt {
        display: block
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt input {
        border: 0;
        border-bottom: 1px solid #e3e3e3;
        border-radius: 0;
        font: 17px/23px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #565656;
        padding: 12px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.has-sayt-elements.visible + .binput-sayt-wrapper .binput-sayt-elements, body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt.has-sayt-elements + .binput-sayt-wrapper .binput-sayt-elements {
        margin-right: 6px;
        margin-left: 6px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-wrapper {
        border-top: 0
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt {
        display: block !important;
        margin-top: 48px;
        padding-left: 0;
        width: 100%
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt li + li {
        border-top: 0
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt > ul {
        border: 0;
        max-height: 100%
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt > ul .group {
        font: 12px/18px SparkasseWeb, Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #565656;
        margin-top: 12px;
        border-bottom: 0;
        padding: 6px 12px 12px 12px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt > ul .group > a {
        color: #565656;
        font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
        text-transform: initial;
        letter-spacing: initial
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt > ul:first-child {
        border-top-color: #e3e3e3
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt > ul .saytentry {
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #292929
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt > ul .saytentry > div {
        padding: 12px 24px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt > ul .bcategory span:before {
        margin-top: 0
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt > ul .btag {
        padding: 0;
        font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #292929;
        background-color: transparent
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt > ul .saytentry > div {
        padding: 12px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt > ul .saytentry.preselected > div {
        background-color: #fff
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt > ul:last-child {
        padding-bottom: 18px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .umsatz-sayt .umsatz-sayt-lupe {
        width: 40px;
        height: 40px;
        margin-right: 10px
    }

    body.nbf .nbf-gv.umsatzliste .block.mobile.layer-visible.umsatzsuche .nbf-umsatzsuchefilter .binput-sayt.has-sayt-elements {
        margin-top: 101px
    }

    body.nbf .nbf-gv.umsatzliste .nbf-box + .nbf-list-heading, body.nbf .nbf-gv.umsatzliste .nbf-box-group + .nbf-list-heading, body.nbf .nbf-gv.umsatzliste .umsatz-group + .nbf-list-heading {
        padding-top: 24px
    }

    body.nbf .nbf-gv.umsatzliste .bline.load-more {
        padding-top: 30px
    }

    body.nbf .nbf-gv.umsatzliste .bline.load-more + .bline.load-more {
        padding-bottom: 18px
    }

    .no-touch body.nbf .nbf-gv.umsatzliste .mobile-elements .terms a .btag.tag-deletable:hover {
        background-color: #fff
    }

    .no-touch body.nbf .nbf-gv.umsatzliste .mobile-elements .terms a:hover .bcategory {
        text-decoration: none
    }
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr10:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr11:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr12:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr13:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr14:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr15:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr16:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr17:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr18:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr19:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr20:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr21:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr22:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr23:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr24:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr25:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr26:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr27:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr28:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr50:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr51:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr52:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr53:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr54:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr55:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr56:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr57:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr58:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr59:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr60:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr61:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr62:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr98:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory .icon-pfm_ktgr99:before {
    color: #444
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr10:before {
    color: #8cbe22
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr11:before {
    color: #ff8f00
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr12:before {
    color: #fdbe48
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr13:before {
    color: #64cbe3
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr14:before {
    color: #9b348e
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr15:before {
    color: #5c75ab
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr16:before {
    color: #6c2463
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr17:before {
    color: #a80000
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr18:before {
    color: #88a1cc
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr19:before {
    color: #2c57d2
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr20:before {
    color: #6d8ffe
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr21:before {
    color: #223573
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr22:before {
    color: #ffc900
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr23:before {
    color: #999
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr24:before {
    color: #999
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr25:before {
    color: #c5c5c5
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr26:before {
    color: #ef73a8
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr27:before {
    color: #c183b9
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr28:before {
    color: #00acd3
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr50:before {
    color: #8cbe22
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr51:before {
    color: #bad87a
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr52:before {
    color: #9b348e
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr53:before {
    color: #ff8f00
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr54:before {
    color: #6d8ffe
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr55:before {
    color: #2c57d2
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr56:before {
    color: #a80000
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr57:before {
    color: #5c75ab
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr58:before {
    color: #00acd3
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr59:before {
    color: #223573
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr60:before {
    color: #ffc900
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr61:before {
    color: #88a1cc
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr62:before {
    color: #999
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr98:before {
    color: #000
}

body.nbf:not(.templ-printpage) .nbf-gv.umsatzliste .bcategory:hover .icon-pfm_ktgr99:before {
    color: #666
}

body.nbf .nbf-gv.umsatzdetails .nbf-gv-header {
    padding-left: 24px;
    padding-right: 24px
}

body.nbf .nbf-gv.umsatzdetails .nbf-box--header {
    margin: 0 24px;
    padding: 24px 0
}

body.nbf .nbf-gv.umsatzdetails .nbf-box--header .nbf-col.nbf-box__image .placeholder-dashed {
    height: 46px;
    width: 48px;
    border: 1px dashed #aeaeae;
    border-radius: 50%
}

body.nbf .nbf-gv.umsatzdetails .nbf-box--header .nbf-balance span.balance-predecimal {
    background-color: #eff7f5;
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;
    padding: 4px 0 7px 18px;
    font-size: 28px
}

body.nbf .nbf-gv.umsatzdetails .nbf-box--header .nbf-balance span.balance-decimal {
    background-color: #eff7f5;
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
    padding: 13px 18px 9px 0;
    font-size: 18px
}

body.nbf .nbf-gv.umsatzdetails .nbf-box--header .nbf-balance span.balance-predecimal.minus, body.nbf .nbf-gv.umsatzdetails .nbf-box--header .nbf-balance span.balance-decimal.minus {
    background-color: #f0f0f0
}

body.nbf .nbf-gv.umsatzdetails .nbf-box--header .nbf-box__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: center;
    padding-left: 12px
}

body.nbf .nbf-gv.umsatzdetails .nbf-box--header .nbf-box__content .nbf-box__title:not(.chopped) {
    max-width: unset
}

body.nbf .nbf-gv.umsatzdetails .nbf-box--header .nbf-box__content .nbf-box__subtitle {
    max-width: 440px
}

body.nbf .nbf-gv.umsatzdetails .nbf-box--header .nbf-box__content .nbf-box__subtitle:not(.chopped) {
    max-width: unset
}

body.nbf .nbf-gv.umsatzdetails .buttonline.main-buttons {
    margin-top: 24px
}

@media (max-width: 1079px) {
    body.nbf .nbf-gv.umsatzdetails .buttonline.main-buttons {
        margin-top: 0
    }
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container {
    display: flex;
    justify-content: space-between;
    max-width: 840px
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium, body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-small {
    vertical-align: top;
    box-sizing: content-box
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-small {
    max-width: 276px;
    padding: 36px 0 0 0
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-small .bline {
    padding: 0
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-small .bline .baction-entry {
    margin: 0;
    width: 100%;
    padding-right: 12px;
    box-sizing: border-box
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-small .bline .baction-entry a {
    padding: 18px 18px 18px 0;
    width: 100%;
    display: block;
    color: #292929;
    font-size: 17px;
    line-height: 23px;
    position: relative;
    text-decoration: underline
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-small .bline .baction-entry a:before {
    display: none
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-small .bline .baction-entry a:after {
    content: "\F81B";
    display: inline-block;
    position: absolute;
    right: 0;
    width: 24px;
    height: 24px;
    font-family: Pictos-IF;
    font-size: 24px;
    top: 15px
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-small .bline .baction-entry a:hover {
    color: #000;
    text-decoration: none
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium {
    max-width: 540px
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium:first-child {
    padding: 36px 24px 0 0
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline + .bline {
    border-top: 1px solid #f0f0f0
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline {
    padding: 9px 12px;
    display: flex
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline div {
    color: #292929;
    font-size: 17px;
    line-height: 23px
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline div span.plus, body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline div span.minus {
    color: inherit
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .label {
    flex-shrink: 0;
    width: 168px;
    text-align: left;
    color: #6e6e6e
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline > .label {
    margin-right: 24px
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .bpulldown {
    margin-top: 0
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .bcategory, body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .btag {
    padding: 4px 8px 4px 6px;
    border: 1px solid #e3e3e3;
    border-radius: 18px;
    color: #565656;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    background-color: #fff
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .bcategory:hover, body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .btag:hover {
    cursor: pointer
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .bcategory {
    max-height: 22px;
    margin-top: 0;
    padding: 8px 8px 8px 6px;
    top: -6px;
    margin-bottom: -12px
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .bcategory::before {
    display: none
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .bcategory .title {
    white-space: nowrap
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .btag {
    margin-top: 6px
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .btag-group {
    padding: 5px 8px 5px 0;
    margin-top: -6px
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .nbf-no-tag {
    margin-top: 10px
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount {
    margin: 4px 0;
    width: auto
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount .nbf-box__image {
    width: 48px
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount .nbf-box__image + div {
    max-width: calc(100% - 56px)
}

@media (max-width: 360px) {
    body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount .nbf-box__image + div {
        max-width: calc(100% - 36px)
    }
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount .nbf-box__image + div > .dummy, body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount .nbf-box__image + div > .iban {
    word-break: break-all;
    white-space: normal
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount.ixxl .nbf-box__image .placeholder-dashed {
    display: block;
    height: 48px;
    width: 48px;
    border: 1px dashed #aeaeae;
    border-radius: 50%
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount svg {
    margin-top: 5px;
    border-radius: 100%
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount > span {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    padding-left: 48px;
    color: #292929
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount .dummy {
    display: block;
    white-space: normal;
    word-break: break-all
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount {
    flex-wrap: wrap
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .nbf-balance, body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .btag-group, body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount > .bpulldown {
    width: calc(100% - 240px)
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .nbf-balance {
    padding-top: 10px
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .bcategory {
    padding: 0;
    border: 0;
    width: 100%;
    margin: 0;
    top: 12px;
    overflow: visible
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .bcategory .title {
    padding: 7px 8px 7px 30px;
    border-radius: 18px;
    border: 1px solid #e3e3e3
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .bcategory .title:before {
    margin-left: -25px
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .btag-group .bpulldown {
    margin-right: 6px;
    margin-top: 6px
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline + .bline {
    margin-top: 0
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline > label, body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline > .label {
    padding: 9px 0 9px 12px
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline > .bline > .label {
    padding: 0
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline > .bline > .label ~ div {
    word-break: break-all
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount + .bline.split-amount {
    border-top: 1px dashed #e3e3e3
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .with-border {
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    box-shadow: 0 2px 3px 0 rgba(86, 86, 86, 0.1)
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .with-border .bline .bline {
    margin-right: 0
}

body.nbf .nbf-gv.umsatzdetails .blockpart-container .bline {
    padding: 10px
}

body.nbf .nbf-gv.umsatzdetails .nbf-lastschriftwiderspruch {
    padding-left: 0;
    padding-right: 0
}

body.nbf .nbf-gv.umsatzdetails .nbf-lastschriftwiderspruch .nbf-gv-header {
    padding-left: 24px;
    padding-right: 24px
}

body.nbf .nbf-gv.umsatzdetails .nbf-lastschriftwiderspruch #auftragskontoBlock + .block.no-separator {
    padding-left: 0;
    padding-right: 0
}

body.nbf .nbf-gv.umsatzdetails .nbf-lastschriftwiderspruch #auftragskontoBlock + .block.no-separator > .nbf-box.nbf-box--border {
    padding-left: 0;
    padding-right: 0
}

body.nbf .nbf-gv.umsatzdetails .nbf-lastschriftwiderspruch #auftragskontoBlock + .block.no-separator > .nbf-box.nbf-box--border > .block {
    padding-left: 24px;
    padding-right: 24px
}

body.nbf .nbf-gv.umsatzdetails .nbf-lastschriftwiderspruch .blockpart-container .blockpart-medium .bline .finaccount .nbf-box__image {
    width: 48px
}

body.nbf .nbf-gv.umsatzdetails .nbf-lastschriftwiderspruch .blockpart-container .blockpart-medium .bline .finaccount .nbf-box__image .placeholder-dashed {
    display: block;
    height: 48px;
    width: 48px;
    border: 1px dashed #aeaeae;
    border-radius: 50%
}

body.nbf .nbf-gv.umsatzdetails .nbf-lastschriftwiderspruch .blockpart-container .blockpart-small .bline .baction-entry a::after {
    line-height: 20px;
    top: unset
}

.no-touch .nbf-gv.umsatzdetails .bpulldown .bcategory:hover, .nbf-gv.umsatzdetails .bpulldown .bcategory:focus {
    text-decoration: none
}

.no-touch .nbf-gv.umsatzdetails .bpulldown .bcategory:hover, .nbf-gv.umsatzdetails .bpulldown .bcategory:focus, .no-touch .nbf-gv.umsatzdetails .bpulldown .btag:hover, .nbf-gv.umsatzdetails .bpulldown .btag:hover {
    border-color: #999
}

@media screen and (max-width: 1279px) {
    body.nbf .nbf-gv.umsatzdetails .blockpart-container {
        max-width: 960px
    }
}

@media screen and (max-width: 1079px) {
    body.nbf .nbf-gv.umsatzdetails .blockpart-container {
        max-width: 100%
    }
}

@media screen and (max-width: 767px) {
    body.nbf .nbf-gv.umsatzdetails .blockpart-container {
        display: block
    }

    body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline {
        flex-direction: column
    }

    body.nbf .nbf-gv.umsatzdetails .nbf-box--header .nbf-col.nbf-box__image .placeholder-dashed {
        height: 40px;
        width: 42px
    }

    body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .label + .finaccount .nbf-box__image {
        display: inline-block
    }

    body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .btag-group {
        margin-left: 12px
    }

    body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium:first-child {
        padding-right: 0;
        max-width: 100%
    }

    body.nbf .nbf-box--header.nbf-box .nbf-box__content .nbf-box__subtitle.chopped {
        overflow: unset;
        text-overflow: unset;
        white-space: unset
    }

    body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien {
        min-height: 70px
    }

    body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .bline .bpulldown .bcategory {
        top: 0
    }

    body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .nbf-balance {
        padding: 0 0 6px 12px;
        margin-top: -6px
    }

    body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .bcategory {
        margin: 0 auto 12px 12px
    }

    body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .btag-group {
        padding: 0;
        width: 100%;
        margin: -9px auto 12px 12px
    }

    body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .nbf-no-tag {
        margin: -6px auto 12px 12px
    }

    body.nbf .nbf-gv.umsatzdetails .blockpart-container .blockpart-small {
        max-width: calc(100% - 24px);
        padding: 24px 0 0 24px
    }
}

.if6_section > .if6_inner > .parsys > .cbox-settings {
    padding-left: 0;
    padding-right: 0
}

.cbox-settings h1 {
    color: #000;
    font: bold 23px/30px SparkasseWeb, Helvetica, Arial, sans-serif;
    letter-spacing: -0.3px;
    padding: 0 24px 42px 24px
}

.cbox-settings h2 {
    color: #292929;
    font: 20px/28px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    padding: 0 24px 6px 24px;
    margin-top: 60px;
    margin-bottom: 0
}

.cbox-settings h3 {
    color: #292929;
    font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    padding: 18px 24px;
    margin: 0
}

.cbox-settings input[type="checkbox"] {
    display: none
}

.cbox-settings input[type="checkbox"] + .settings-group label {
    cursor: pointer
}

.cbox-settings input[type="checkbox"] + .settings-group label h3 {
    position: relative;
    padding-right: 42px
}

.cbox-settings input[type="checkbox"] + .settings-group label h3:after {
    font: 24px/81% Pictos-IF;
    right: 18px;
    top: 50%;
    margin-top: -12px;
    content: "\f808";
    position: absolute;
    width: 24px;
    height: 24px;
    display: block;
    color: #949494
}

.cbox-settings input[type="checkbox"] + .settings-group .parsys {
    overflow: hidden;
    max-height: 0;
    transition: max-height .485s cubic-bezier(0.32, 0.24, 0.15, 1)
}

.cbox-settings input[type="checkbox"] + .settings-group .parsys > div:first-child {
    border-top: 1px solid #e3e3e3
}

.cbox-settings input[type="checkbox"]:checked + .settings-group label h3:after {
    content: "\f806"
}

.cbox-settings input[type="checkbox"]:checked + .settings-group .parsys {
    max-height: 1000px;
    overflow-x: hidden
}

.cbox-settings .settings {
    position: relative
}

.cbox-settings .settings h1.title {
    padding-left: 78px;
    padding-top: 12px;
    margin-left: 24px;
    margin-right: 24px;
    padding-right: 0;
    border-bottom: 1px solid #e3e3e3
}

.cbox-settings .settings h1.title:before {
    font: 54px/81% Pictos-IF;
    position: absolute;
    top: 0;
    left: 24px;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    display: block
}

.cbox-settings .settings-theme a {
    width: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    box-sizing: border-box;
    margin-top: 18px;
    text-decoration: none;
    display: block;
    padding: 24px;
    box-shadow: 0 2px 3px 0 rgba(86, 86, 86, 0.1);
    transition: padding-left 360ms cubic-bezier(0.32, 0.24, 0.15, 1), padding-right 360ms cubic-bezier(0.32, 0.24, 0.15, 1), margin-left 360ms cubic-bezier(0.32, 0.24, 0.15, 1), margin-right 360ms cubic-bezier(0.32, 0.24, 0.15, 1), box-shadow 360ms cubic-bezier(0.32, 0.24, 0.15, 1), width 360ms cubic-bezier(0.32, 0.24, 0.15, 1)
}

.cbox-settings .settings-theme a .settings {
    position: relative;
    min-height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.cbox-settings .settings-theme a .settings span {
    display: block;
    color: #565656;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    padding-left: 72px
}

.cbox-settings .settings-theme a .settings span.title {
    color: #292929;
    font: 17px/23px SparkasseWebMedium, Helvetica, Arial, sans-serif
}

.cbox-settings .settings-theme a .settings span.title:before {
    font: 48px/81% Pictos-IF;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: block
}

.cbox-settings .settings-group {
    margin-top: 12px;
    border-radius: 12px;
    border: 1px solid #e3e3e3;
    box-shadow: 0 2px 3px 0 rgba(86, 86, 86, 0.1);
    overflow: hidden
}

.cbox-settings .settings-group .parsys > div:before {
    display: none
}

.cbox-settings .settings-group .parsys > div a {
    text-decoration: none;
    color: #565656;
    font: 17px/23px SparkasseWeb, Helvetica, Arial, sans-serif;
    width: 100%;
    padding: 18px 42px 18px 24px;
    box-sizing: border-box;
    display: block;
    position: relative
}

.cbox-settings .settings-group .parsys > div a:after {
    font: 24px/81% Pictos-IF;
    right: 18px;
    top: 50%;
    margin-top: -12px;
    content: "\f81b";
    position: absolute;
    width: 24px;
    height: 24px;
    display: block;
    color: #565656
}

.cbox-settings .settings-group .parsys > div + div {
    border-top: 1px solid #e3e3e3;
    margin-top: 0
}

.cbox-settings .settings .title.icon-settings-person:before {
    color: #2757d2;
    background-color: rgba(39, 87, 210, 0.1)
}

.cbox-settings .settings .title.icon-settings-konten:before {
    color: #903f8a;
    background-color: rgba(144, 63, 138, 0.1)
}

.cbox-settings .settings .title.icon-settings-sicherheit:before {
    color: #009864;
    background-color: rgba(0, 152, 100, 0.1)
}

.cbox-settings .settings .title.icon-settings-dienste:before {
    color: #6e6e6e;
    background-color: rgba(110, 110, 110, 0.1)
}

.cbox-settings .settings .title.icon-settings-website:before {
    color: #ff8f00;
    background-color: rgba(255, 143, 0, 0.1)
}

.cbox-settings .settings .title.icon-settings-benachrichtigungen:before {
    color: red;
    background-color: rgba(255, 0, 0, 0.1)
}

.cbox-settings .settings-empty {
    padding: 18px 24px;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656
}

.no-touch .cbox-settings .settings-theme a:hover, .cbox-settings .settings-theme a:focus {
    margin-left: -4px;
    margin-right: -4px;
    padding-left: 28px;
    padding-right: 28px;
    width: calc(100% + 8px);
    box-shadow: 0 4px 8px 0 rgba(86, 86, 86, 0.16);
    outline: 0
}

.no-touch .cbox-settings .settings-group .parsys > div a:hover, .cbox-settings .settings-group .parsys > div a:focus {
    color: #292929;
    outline: 0
}

.no-touch .cbox-settings .settings-group .parsys > div a:hover:after, .cbox-settings .settings-group .parsys > div a:focus:after {
    color: #292929
}

@media (max-width: 1279px) {
    .cbox-settings h1 {
        padding: 0 12px 36px 12px
    }

    .cbox-settings h2 {
        margin-top: 36px;
        padding: 0 12px
    }

    .cbox-settings h3 {
        padding-left: 12px
    }

    .cbox-settings .settings h1.title {
        padding-left: 84px;
        padding-bottom: 30px
    }

    .cbox-settings .settings h1.title:before {
        left: 12px
    }

    .cbox-settings .settings-theme a {
        padding: 18px
    }

    .cbox-settings .settings-theme a .settings {
        min-height: 42px
    }

    .cbox-settings .settings-theme a .settings span {
        padding-left: 54px
    }

    .cbox-settings .settings-theme a .settings span.title:before {
        font: 42px/81% Pictos-IF;
        width: 42px;
        height: 42px;
        margin-left: -6px
    }

    .cbox-settings .settings-group {
        margin-top: 12px
    }

    .cbox-settings .settings-group .parsys > div a {
        padding-left: 11px
    }

    .no-touch .cbox-settings .settings-theme a:hover, .cbox-settings .settings-theme a:focus {
        padding-left: 22px;
        padding-right: 22px
    }
}

.nbf-login {
    text-align: center
}

.nbf-login .nbf-gv-header {
    justify-content: center
}

.nbf-login .nbf-gv-header h1 {
    padding-right: 10px
}

.nbf-login .nbf-gv-header ~ .block.no-separator {
    padding-top: 6px
}

.nbf-login .nbf-gv-header ~ .block.no-separator .bline {
    padding-right: 10px
}

.nbf-login .nbf-gv-header ~ .block.no-separator .bline:nth-child(2) {
    margin-top: 18px
}

.nbf-login .nbf-gv-header ~ .block.no-separator .bline:nth-child(2) .nbf-input-right-text {
    top: -44px
}

.nbf-login .seclinks {
    display: inline;
    padding: 7.5px 0;
    margin-right: 10px
}

.nbf-login .seclinks li {
    display: inline
}

.nbf-login .seclinks li:before {
    display: none
}

.nbf-login .seclinks li a {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656;
    text-decoration: underline;
    white-space: nowrap
}

.nbf-login .seclinks li + li {
    margin-left: 12px
}

.nbf-login .seclinks li + li a {
    margin-left: 12px
}

.nbf-login .seclinks li + li:before {
    content: "\b7";
    display: inline;
    width: auto;
    margin-left: 0
}

.nbf-login ul.alternatelinks {
    padding-left: 0;
    margin-right: 10px;
    padding-top: 20px
}

.nbf-login ul.alternatelinks li {
    display: block
}

.nbf-login ul.alternatelinks li:before {
    display: none
}

.nbf-login ul.alternatelinks li + li {
    border-top: 1px solid #e3e3e3
}

.nbf-login ul.alternatelinks li a {
    text-decoration: none;
    display: block;
    padding: 18px;
    text-align: right
}

.nbf-login ul.alternatelinks li a span.title {
    font: bold 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #000;
    display: block;
    width: 100%;
    text-align: left
}

.nbf-login ul.alternatelinks li a span.description {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656;
    float: left
}

.nbf-login ul.alternatelinks li a span.linktext {
    font: 17px/26px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #292929;
    padding-left: 18px;
    padding-right: 24px;
    padding-top: 6px;
    position: relative
}

.nbf-login ul.alternatelinks li a span.linktext:after {
    position: absolute;
    margin-left: 6px;
    margin-top: 2px;
    transition: margin-left 360ms cubic-bezier(0.32, 0.24, 0.15, 1);
    font: 18px/81% Pictos-IF;
    color: #292929;
    width: 18px;
    height: 18px;
    content: "\f80c";
    display: inline-block;
    top: 4px
}

.nbf-login ul.alternatelinks li a:active span.text {
    color: #292929
}

.nbf-login ul.alternatelinks ~ .bterm {
    display: none
}

.nbf-login .nbf-text-input ~ br {
    display: none
}

.nbf-login .bline + .bline {
    margin-top: 18px
}

.nbf-login .buttonline.main-buttons {
    padding-bottom: 10px;
    margin-bottom: -20px
}

.nbf-login .block.no-separator .blineunder > .msgerror {
    float: left;
    padding-left: 18px
}

.nbf-login .cookie-msg, .nbf-login .js-msg, .nbf-login .oldbrowser-msg {
    display: none;
    background-color: #f5f5f5;
    padding: 18px 8px 18px 18px;
    border-radius: 12px;
    text-align: left;
    margin: 6px 20px 18px 20px;
    color: #292929
}

.nbf-login .cookie-msg > *:first-child, .nbf-login .js-msg > *:first-child, .nbf-login .oldbrowser-msg > *:first-child {
    padding-top: 12px
}

.nbf-login .cookie-msg h3, .nbf-login .js-msg h3, .nbf-login .oldbrowser-msg h3 {
    margin-bottom: 12px
}

.nbf-login .cookie-msg ul, .nbf-login .js-msg ul, .nbf-login .oldbrowser-msg ul {
    padding-left: 0;
    padding-top: 12px;
    display: inline-block
}

.nbf-login .cookie-msg ul li, .nbf-login .js-msg ul li, .nbf-login .oldbrowser-msg ul li {
    display: inline-block
}

.nbf-login .cookie-msg ul li:before, .nbf-login .js-msg ul li:before, .nbf-login .oldbrowser-msg ul li:before {
    display: none
}

.nbf-login .cookie-msg ul li:first-child, .nbf-login .js-msg ul li:first-child, .nbf-login .oldbrowser-msg ul li:first-child {
    margin-right: 18px
}

.nbf-login .cookie-msg ul a, .nbf-login .js-msg ul a, .nbf-login .oldbrowser-msg ul a {
    color: inherit
}

.no-cookies .nbf-login .cookie-msg {
    display: block
}

.no-cookies .nbf-login .cookie-msg ~ *, .no-cookies .nbf-login .seclinks {
    display: none
}

.no-js .nbf-login .js-msg {
    display: block
}

.no-js .nbf-login .js-msg ~ *, .no-js .nbf-login .seclinks {
    display: none
}

.nbf-login .oldbrowser-msg {
    display: block
}

.if6_lightbox .block.no-separator .blineunder > .msgerror {
    padding-top: 12px
}

.no-touch .nbf-login .seclinks li a:hover, .nbf-login .seclinks li a:focus {
    color: #000
}

.no-touch .nbf-login .alternatelinks li a:hover span.text, .nbf-login .alternatelinks li a:focus span.text {
    color: #292929
}

.no-touch .nbf-login .alternatelinks li a:hover span.linktext:after, .nbf-login .alternatelinks li a:focus span.linktext:after {
    margin-left: 18px
}

.nbf .seclink {
    text-align: center
}

@media (max-width: 1079px) {
    .nbf-login .cookie-msg, .nbf-login .js-msg {
        margin-right: 10px;
        margin-left: 10px
    }
}

@media screen and (max-width: 669px) {
    .nbf-login ul.alternatelinks li a {
        text-align: left;
        padding-top: 13px;
        padding-bottom: 13px
    }

    .nbf-login ul.alternatelinks li a span.description {
        float: none;
        display: block
    }

    .nbf-login ul.alternatelinks li a span.linktext {
        padding-left: 0
    }
}

@media screen and (max-width: 539px) {
    body.nbf .nbf-gv.nbf-login input.nbf-text-input.has-inline-icon {
        padding-right: 120px
    }
}

.nbf.templ-logoutpage .cbox-large {
    background-color: #fff
}

.cbox-icon-logout > .icon {
    display: block;
    position: absolute
}

.cbox-icon-logout > .icon::before {
    display: block;
    color: #565656
}

.cbox-icon-logout > .icon.color-green::before {
    color: #00724b
}

.cbox-icon-logout > h2, .cbox-icon-logout > h3, .cbox-icon-logout > p .h2, .cbox-icon-logout > p .h3 {
    font: 24px/32px SparkasseWebLight, Helvetica, Arial, sans-serif;
    color: #292929
}

.cbox-icon-logout > p {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656
}

.icon-logout-check::before {
    content: "\f7fc"
}

.icon-logout-attention::before {
    content: "\f7fb"
}

@media (min-width: 1280px) {
    .cbox-icon-logout {
        padding: 24px;
        min-height: 110px
    }

    .cbox-icon-logout > .icon {
        margin-top: 0
    }

    .cbox-icon-logout > .icon::before {
        font: 42px/81% Pictos-IF;
        height: 42px;
        width: 42px
    }

    .cbox-icon-logout > h2, .cbox-icon-logout > h3 {
        margin-top: 6px;
        margin-bottom: 12px;
        margin-left: calc(66px)
    }

    .cbox-icon-logout > p > .h2, .cbox-icon-logout p > .h3 {
        margin-top: 6px;
        margin-bottom: 12px
    }

    .cbox-icon-logout > p {
        margin-left: calc(66px)
    }
}

@media (max-width: 1279px) {
    .cbox-icon-logout {
        padding: 18px;
        min-height: 80px
    }

    .cbox-icon-logout > .icon {
        margin-top: 0
    }

    .cbox-icon-logout > .icon::before {
        font: 24px/81% Pictos-IF;
        height: 24px;
        width: 24px
    }

    .cbox-icon-logout > h2, .cbox-icon-logout > h3 {
        margin-top: -3px;
        margin-bottom: 12px;
        margin-left: calc(36px)
    }

    .cbox-icon-logout > p > .h2, .cbox-icon-logout p > .h3 {
        margin-top: -3px;
        margin-bottom: 12px
    }

    .cbox-icon-logout > p {
        margin-left: calc(36px)
    }
}

.nbf .cbox-eyecatcher .ctext, .nbf .cbox-campaign.cbox-small .ctext, .nbf .cbox-campaign.cbox-large .ctext, .nbf .cbox-mainproduct.cbox-large .ctext, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .ctext, .nbf .nbf-box .campaign .ctext, .nbf .cbox-banking > .campaign .ctext {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656
}

.nbf .cbox-eyecatcher h2, .nbf .cbox-campaign.cbox-small h2, .nbf .cbox-campaign.cbox-large h2, .nbf .cbox-mainproduct.cbox-large h2, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox h2, .nbf .nbf-box .campaign h2, .nbf .cbox-banking > .campaign h2 {
    font: 24px/32px SparkasseWebLight, Helvetica, Arial, sans-serif;
    color: #292929;
    margin-bottom: 0
}

.nbf .cbox-eyecatcher .linklist, .nbf .cbox-campaign.cbox-small .linklist, .nbf .cbox-campaign.cbox-large .linklist, .nbf .cbox-mainproduct.cbox-large .linklist, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .linklist, .nbf .nbf-box .campaign .linklist, .nbf .cbox-banking > .campaign .linklist {
    padding: 8px 0 0
}

.nbf .cbox-eyecatcher .linklist li, .nbf .cbox-campaign.cbox-small .linklist li, .nbf .cbox-campaign.cbox-large .linklist li, .nbf .cbox-mainproduct.cbox-large .linklist li, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .linklist li, .nbf .nbf-box .campaign .linklist li, .nbf .cbox-banking > .campaign .linklist li {
    display: inline-block;
    position: relative;
    text-align: left;
    margin-top: 10px
}

.nbf .cbox-eyecatcher .linklist li + li, .nbf .cbox-campaign.cbox-small .linklist li + li, .nbf .cbox-campaign.cbox-large .linklist li + li, .nbf .cbox-mainproduct.cbox-large .linklist li + li, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .linklist li + li, .nbf .nbf-box .campaign .linklist li + li, .nbf .cbox-banking > .campaign .linklist li + li {
    margin-left: 30px
}

.nbf .cbox-eyecatcher .linklist li + li::before, .nbf .cbox-campaign.cbox-small .linklist li + li::before, .nbf .cbox-campaign.cbox-large .linklist li + li::before, .nbf .cbox-mainproduct.cbox-large .linklist li + li::before, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .linklist li + li::before, .nbf .nbf-box .campaign .linklist li + li::before, .nbf .cbox-banking > .campaign .linklist li + li::before {
    content: "\2022";
    font: 11px/81% Pictos-IF;
    height: 11px;
    width: 11px;
    position: absolute;
    display: block;
    top: 7px;
    left: 7px;
    color: #e3e3e3
}

.nbf .cbox-eyecatcher .linklist li.primary a, .nbf .cbox-campaign.cbox-small .linklist li.primary a, .nbf .cbox-campaign.cbox-large .linklist li.primary a, .nbf .cbox-mainproduct.cbox-large .linklist li.primary a, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .linklist li.primary a, .nbf .nbf-box .campaign .linklist li.primary a, .nbf .cbox-banking > .campaign .linklist li.primary a {
    color: #000
}

.nbf .cbox-eyecatcher .linklist li.primary a:hover, .nbf .cbox-campaign.cbox-small .linklist li.primary a:hover, .nbf .cbox-campaign.cbox-large .linklist li.primary a:hover, .nbf .cbox-mainproduct.cbox-large .linklist li.primary a:hover, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .linklist li.primary a:hover, .nbf .nbf-box .campaign .linklist li.primary a:hover, .nbf .cbox-banking > .campaign .linklist li.primary a:hover, .nbf .cbox-eyecatcher .linklist li.primary a:active, .nbf .cbox-campaign.cbox-small .linklist li.primary a:active, .nbf .cbox-campaign.cbox-large .linklist li.primary a:active, .nbf .cbox-mainproduct.cbox-large .linklist li.primary a:active, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .linklist li.primary a:active, .nbf .nbf-box .campaign .linklist li.primary a:active, .nbf .cbox-banking > .campaign .linklist li.primary a:active {
    color: #000
}

.nbf .cbox-eyecatcher .linklist a, .nbf .cbox-campaign.cbox-small .linklist a, .nbf .cbox-campaign.cbox-large .linklist a, .nbf .cbox-mainproduct.cbox-large .linklist a, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .linklist a, .nbf .nbf-box .campaign .linklist a, .nbf .cbox-banking > .campaign .linklist a {
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #565656;
    text-decoration: underline;
    text-underline-position: under
}

.nbf .cbox-eyecatcher .linklist a:hover, .nbf .cbox-campaign.cbox-small .linklist a:hover, .nbf .cbox-campaign.cbox-large .linklist a:hover, .nbf .cbox-mainproduct.cbox-large .linklist a:hover, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .linklist a:hover, .nbf .nbf-box .campaign .linklist a:hover, .nbf .cbox-banking > .campaign .linklist a:hover, .nbf .cbox-eyecatcher .linklist a:active, .nbf .cbox-campaign.cbox-small .linklist a:active, .nbf .cbox-campaign.cbox-large .linklist a:active, .nbf .cbox-mainproduct.cbox-large .linklist a:active, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .linklist a:active, .nbf .nbf-box .campaign .linklist a:active, .nbf .cbox-banking > .campaign .linklist a:active {
    color: #000
}

.nbf .cbox-eyecatcher .linklist a::after, .nbf .cbox-campaign.cbox-small .linklist a::after, .nbf .cbox-campaign.cbox-large .linklist a::after, .nbf .cbox-mainproduct.cbox-large .linklist a::after, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .linklist a::after, .nbf .nbf-box .campaign .linklist a::after, .nbf .cbox-banking > .campaign .linklist a::after {
    display: none
}

.nbf .cbox-eyecatcher .description.with-0-links .linklist, .nbf .cbox-campaign.cbox-small .description.with-0-links .linklist, .nbf .cbox-campaign.cbox-large .description.with-0-links .linklist, .nbf .cbox-mainproduct.cbox-large .description.with-0-links .linklist, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .description.with-0-links .linklist, .nbf .nbf-box .campaign .description.with-0-links .linklist, .nbf .cbox-banking > .campaign .description.with-0-links .linklist {
    padding: 0
}

.nbf .cbox-eyecatcher .description.with-0-links:not(.with-analyst), .nbf .cbox-campaign.cbox-small .description.with-0-links:not(.with-analyst), .nbf .cbox-campaign.cbox-large .description.with-0-links:not(.with-analyst), .nbf .cbox-mainproduct.cbox-large .description.with-0-links:not(.with-analyst), .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .description.with-0-links:not(.with-analyst), .nbf .nbf-box .campaign .description.with-0-links:not(.with-analyst), .nbf .cbox-banking > .campaign .description.with-0-links:not(.with-analyst) {
    padding-bottom: 0
}

.nbf .cbox-eyecatcher .description.with-0-links:not(.with-analyst) .ctext, .nbf .cbox-campaign.cbox-small .description.with-0-links:not(.with-analyst) .ctext, .nbf .cbox-campaign.cbox-large .description.with-0-links:not(.with-analyst) .ctext, .nbf .cbox-mainproduct.cbox-large .description.with-0-links:not(.with-analyst) .ctext, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .description.with-0-links:not(.with-analyst) .ctext, .nbf .nbf-box .campaign .description.with-0-links:not(.with-analyst) .ctext, .nbf .cbox-banking > .campaign .description.with-0-links:not(.with-analyst) .ctext {
    padding-top: 0
}

.nbf .cbox-eyecatcher .analyst, .nbf .cbox-campaign.cbox-small .analyst, .nbf .cbox-campaign.cbox-large .analyst, .nbf .cbox-mainproduct.cbox-large .analyst, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst, .nbf .nbf-box .campaign .analyst, .nbf .cbox-banking > .campaign .analyst {
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #292929;
    margin: 0
}

.nbf .cbox-eyecatcher .analyst.style-2, .nbf .cbox-campaign.cbox-small .analyst.style-2, .nbf .cbox-campaign.cbox-large .analyst.style-2, .nbf .cbox-mainproduct.cbox-large .analyst.style-2, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst.style-2, .nbf .nbf-box .campaign .analyst.style-2, .nbf .cbox-banking > .campaign .analyst.style-2 {
    background-color: #fff
}

.nbf .cbox-eyecatcher .analyst > div > div, .nbf .cbox-campaign.cbox-small .analyst > div > div, .nbf .cbox-campaign.cbox-large .analyst > div > div, .nbf .cbox-mainproduct.cbox-large .analyst > div > div, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst > div > div, .nbf .nbf-box .campaign .analyst > div > div, .nbf .cbox-banking > .campaign .analyst > div > div {
    height: auto
}

.nbf .cbox-eyecatcher .analyst .image, .nbf .cbox-campaign.cbox-small .analyst .image, .nbf .cbox-campaign.cbox-large .analyst .image, .nbf .cbox-mainproduct.cbox-large .analyst .image, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .image, .nbf .nbf-box .campaign .analyst .image, .nbf .cbox-banking > .campaign .analyst .image {
    padding-right: 12px
}

.nbf .cbox-eyecatcher .analyst .image img, .nbf .cbox-campaign.cbox-small .analyst .image img, .nbf .cbox-campaign.cbox-large .analyst .image img, .nbf .cbox-mainproduct.cbox-large .analyst .image img, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .image img, .nbf .nbf-box .campaign .analyst .image img, .nbf .cbox-banking > .campaign .analyst .image img {
    border: 0;
    height: 64px
}

.nbf .cbox-eyecatcher .analyst .image img + img, .nbf .cbox-campaign.cbox-small .analyst .image img + img, .nbf .cbox-campaign.cbox-large .analyst .image img + img, .nbf .cbox-mainproduct.cbox-large .analyst .image img + img, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .image img + img, .nbf .nbf-box .campaign .analyst .image img + img, .nbf .cbox-banking > .campaign .analyst .image img + img {
    border: 0;
    border-radius: 3px
}

.nbf .cbox-eyecatcher .analyst .image + div .left, .nbf .cbox-campaign.cbox-small .analyst .image + div .left, .nbf .cbox-campaign.cbox-large .analyst .image + div .left, .nbf .cbox-mainproduct.cbox-large .analyst .image + div .left, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .image + div .left, .nbf .nbf-box .campaign .analyst .image + div .left, .nbf .cbox-banking > .campaign .analyst .image + div .left {
    height: 64px
}

.nbf .cbox-eyecatcher .analyst .left p, .nbf .cbox-campaign.cbox-small .analyst .left p, .nbf .cbox-campaign.cbox-large .analyst .left p, .nbf .cbox-mainproduct.cbox-large .analyst .left p, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .left p, .nbf .nbf-box .campaign .analyst .left p, .nbf .cbox-banking > .campaign .analyst .left p {
    color: #6e6e6e
}

.nbf .cbox-eyecatcher .analyst .left p .beratername, .nbf .cbox-campaign.cbox-small .analyst .left p .beratername, .nbf .cbox-campaign.cbox-large .analyst .left p .beratername, .nbf .cbox-mainproduct.cbox-large .analyst .left p .beratername, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .left p .beratername, .nbf .nbf-box .campaign .analyst .left p .beratername, .nbf .cbox-banking > .campaign .analyst .left p .beratername {
    font: 14px/21px SparkasseWebMedium, Helvetica, Arial, sans-serif
}

.nbf .cbox-eyecatcher .analyst .right a, .nbf .cbox-campaign.cbox-small .analyst .right a, .nbf .cbox-campaign.cbox-large .analyst .right a, .nbf .cbox-mainproduct.cbox-large .analyst .right a, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .right a, .nbf .nbf-box .campaign .analyst .right a, .nbf .cbox-banking > .campaign .analyst .right a {
    display: inline-flex;
    align-items: baseline;
    text-decoration: none
}

.nbf .cbox-eyecatcher .analyst .right a + a, .nbf .cbox-campaign.cbox-small .analyst .right a + a, .nbf .cbox-campaign.cbox-large .analyst .right a + a, .nbf .cbox-mainproduct.cbox-large .analyst .right a + a, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .right a + a, .nbf .nbf-box .campaign .analyst .right a + a, .nbf .cbox-banking > .campaign .analyst .right a + a {
    margin-left: 18px
}

.nbf .cbox-eyecatcher .analyst .right .icon::before, .nbf .cbox-campaign.cbox-small .analyst .right .icon::before, .nbf .cbox-campaign.cbox-large .analyst .right .icon::before, .nbf .cbox-mainproduct.cbox-large .analyst .right .icon::before, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .right .icon::before, .nbf .nbf-box .campaign .analyst .right .icon::before, .nbf .cbox-banking > .campaign .analyst .right .icon::before {
    height: 24px;
    width: 24px;
    font-size: 24px;
    border-radius: 50%;
    margin: 0 9px 0 0;
    background-color: #f0f0f0;
    color: #565656
}

.nbf .cbox-eyecatcher .analyst .right .icon:hover::before, .nbf .cbox-campaign.cbox-small .analyst .right .icon:hover::before, .nbf .cbox-campaign.cbox-large .analyst .right .icon:hover::before, .nbf .cbox-mainproduct.cbox-large .analyst .right .icon:hover::before, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .right .icon:hover::before, .nbf .nbf-box .campaign .analyst .right .icon:hover::before, .nbf .cbox-banking > .campaign .analyst .right .icon:hover::before, .nbf .cbox-eyecatcher .analyst .right .icon:active::before, .nbf .cbox-campaign.cbox-small .analyst .right .icon:active::before, .nbf .cbox-campaign.cbox-large .analyst .right .icon:active::before, .nbf .cbox-mainproduct.cbox-large .analyst .right .icon:active::before, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .right .icon:active::before, .nbf .nbf-box .campaign .analyst .right .icon:active::before, .nbf .cbox-banking > .campaign .analyst .right .icon:active::before {
    color: #fff
}

.nbf .cbox-eyecatcher .analyst .right .icon:hover::before, .nbf .cbox-campaign.cbox-small .analyst .right .icon:hover::before, .nbf .cbox-campaign.cbox-large .analyst .right .icon:hover::before, .nbf .cbox-mainproduct.cbox-large .analyst .right .icon:hover::before, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .right .icon:hover::before, .nbf .nbf-box .campaign .analyst .right .icon:hover::before, .nbf .cbox-banking > .campaign .analyst .right .icon:hover::before {
    background-color: #565656
}

.nbf .cbox-eyecatcher .analyst .right .icon:active::before, .nbf .cbox-campaign.cbox-small .analyst .right .icon:active::before, .nbf .cbox-campaign.cbox-large .analyst .right .icon:active::before, .nbf .cbox-mainproduct.cbox-large .analyst .right .icon:active::before, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .right .icon:active::before, .nbf .nbf-box .campaign .analyst .right .icon:active::before, .nbf .cbox-banking > .campaign .analyst .right .icon:active::before {
    background-color: #444
}

.nbf .cbox-eyecatcher .analyst .footnote, .nbf .cbox-campaign.cbox-small .analyst .footnote, .nbf .cbox-campaign.cbox-large .analyst .footnote, .nbf .cbox-mainproduct.cbox-large .analyst .footnote, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .footnote, .nbf .nbf-box .campaign .analyst .footnote, .nbf .cbox-banking > .campaign .analyst .footnote {
    font: 10px/16px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656;
    margin-top: 9px
}

.nbf .cbox-eyecatcher {
    padding: 0 30px
}

.nbf .cbox-eyecatcher > .image {
    margin: 0 -30px
}

.nbf .cbox-eyecatcher .description {
    padding-bottom: 30px
}

.nbf .cbox-eyecatcher .description.with-analyst {
    padding-bottom: 30px
}

.nbf .cbox-eyecatcher .analyst {
    padding: 12px 0 30px
}

.nbf .cbox-eyecatcher .headline {
    padding: 12px
}

.nbf .cbox-eyecatcher .headline > div {
    border-radius: 6px;
    padding: 18px
}

.nbf .cbox-eyecatcher .headline > div p {
    margin-top: 0
}

.nbf .cbox-eyecatcher .ctext {
    padding-top: 30px
}

.nbf .cbox-eyecatcher .description {
    padding-bottom: 30px
}

@media screen and (max-width: 767px) {
    .nbf .cbox-eyecatcher {
        padding: 0 24px
    }

    .nbf .cbox-eyecatcher > .image {
        margin: 0 -24px
    }

    .nbf .cbox-eyecatcher .description {
        padding-bottom: 24px
    }

    .nbf .cbox-eyecatcher .description.with-analyst {
        padding-bottom: 30px
    }

    .nbf .cbox-eyecatcher .analyst {
        padding: 12px 0 24px
    }

    .nbf .cbox-eyecatcher .analyst.with-footnote {
        padding-bottom: 52px
    }

    .nbf .cbox-eyecatcher .analyst .right a {
        color: transparent;
        background-color: transparent;
        width: 42px;
        height: 42px
    }

    .nbf .cbox-eyecatcher .analyst .right a + a {
        margin-left: 12px
    }

    .nbf .cbox-eyecatcher .analyst .right {
        text-align: right
    }

    .nbf .cbox-eyecatcher .analyst .right .icon::before {
        width: 42px;
        height: 42px;
        font-size: 42px
    }

    .nbf .cbox-eyecatcher .analyst .footnote {
        position: absolute;
        bottom: 24px;
        left: 24px
    }

    .nbf .cbox-eyecatcher .headline {
        padding: 0;
        margin: 24px 0 12px
    }

    .nbf .cbox-eyecatcher .headline > div {
        padding: 0
    }

    .nbf .cbox-eyecatcher .ctext {
        padding: 0
    }
}

@media screen and (max-width: 649px) {
    .nbf .cbox-eyecatcher {
        padding: 0 18px
    }

    .nbf .cbox-eyecatcher > .image {
        margin: 0 -18px
    }

    .nbf .cbox-eyecatcher .description {
        padding-bottom: 18px
    }

    .nbf .cbox-eyecatcher .description.with-analyst {
        padding-bottom: 30px
    }

    .nbf .cbox-eyecatcher .analyst {
        padding: 12px 0 18px
    }

    .nbf .cbox-eyecatcher .analyst.with-footnote {
        padding-bottom: 46px
    }

    .nbf .cbox-eyecatcher .analyst .right a {
        color: transparent;
        background-color: transparent;
        width: 42px;
        height: 42px
    }

    .nbf .cbox-eyecatcher .analyst .right a + a {
        margin-left: 12px
    }

    .nbf .cbox-eyecatcher .analyst .right {
        text-align: right
    }

    .nbf .cbox-eyecatcher .analyst .right .icon::before {
        width: 42px;
        height: 42px;
        font-size: 42px
    }

    .nbf .cbox-eyecatcher .analyst .footnote {
        position: absolute;
        bottom: 18px;
        left: 18px
    }

    .nbf .cbox-eyecatcher .headline {
        margin: 18px 0 12px
    }

    .nbf .cbox-eyecatcher .linklist li {
        display: block
    }

    .nbf .cbox-eyecatcher .linklist li + li {
        margin: 18px 0 0 0
    }

    .nbf .cbox-eyecatcher .linklist li + li::before {
        display: none
    }
}

.nbf .cbox-campaign.cbox-small, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox, .nbf .cbox-campaign.cbox-large, .nbf .cbox-mainproduct.cbox-large {
    border: 0;
    margin: 0;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 2px 3px rgba(86, 86, 86, 0.1);
    padding: 0 18px
}

.nbf .cbox-campaign.cbox-small > .image, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox > .image, .nbf .cbox-campaign.cbox-large > .image, .nbf .cbox-mainproduct.cbox-large > .image {
    margin: 0 -18px
}

.nbf .cbox-campaign.cbox-small .description, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .description, .nbf .cbox-campaign.cbox-large .description, .nbf .cbox-mainproduct.cbox-large .description {
    padding-bottom: 18px
}

.nbf .cbox-campaign.cbox-small .description.with-analyst, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .description.with-analyst, .nbf .cbox-campaign.cbox-large .description.with-analyst, .nbf .cbox-mainproduct.cbox-large .description.with-analyst {
    padding-bottom: 30px
}

.nbf .cbox-campaign.cbox-small .analyst, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst, .nbf .cbox-campaign.cbox-large .analyst, .nbf .cbox-mainproduct.cbox-large .analyst {
    padding: 12px 0 18px
}

.nbf .cbox-campaign.cbox-small .description h2, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .description h2, .nbf .cbox-campaign.cbox-large .description h2, .nbf .cbox-mainproduct.cbox-large .description h2 {
    margin-bottom: 12px
}

.nbf .cbox-campaign.cbox-small .description .left, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .description .left, .nbf .cbox-campaign.cbox-large .description .left, .nbf .cbox-mainproduct.cbox-large .description .left {
    padding: 24px 0 0
}

@media screen and (max-width: 680px) {
    .nbf .cbox-campaign.cbox-small, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox, .nbf .cbox-campaign.cbox-large, .nbf .cbox-mainproduct.cbox-large {
        padding: 0 24px
    }

    .nbf .cbox-campaign.cbox-small > .image, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox > .image, .nbf .cbox-campaign.cbox-large > .image, .nbf .cbox-mainproduct.cbox-large > .image {
        margin: 0 -24px
    }

    .nbf .cbox-campaign.cbox-small .description, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .description, .nbf .cbox-campaign.cbox-large .description, .nbf .cbox-mainproduct.cbox-large .description {
        padding-bottom: 24px
    }

    .nbf .cbox-campaign.cbox-small .description.with-analyst, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .description.with-analyst, .nbf .cbox-campaign.cbox-large .description.with-analyst, .nbf .cbox-mainproduct.cbox-large .description.with-analyst {
        padding-bottom: 30px
    }

    .nbf .cbox-campaign.cbox-small .analyst, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst, .nbf .cbox-campaign.cbox-large .analyst, .nbf .cbox-mainproduct.cbox-large .analyst {
        padding: 12px 0 24px
    }

    .nbf .cbox-campaign.cbox-small .analyst.with-footnote, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst.with-footnote, .nbf .cbox-campaign.cbox-large .analyst.with-footnote, .nbf .cbox-mainproduct.cbox-large .analyst.with-footnote {
        padding-bottom: 52px
    }

    .nbf .cbox-campaign.cbox-small .analyst .right a, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .right a, .nbf .cbox-campaign.cbox-large .analyst .right a, .nbf .cbox-mainproduct.cbox-large .analyst .right a {
        color: transparent;
        background-color: transparent;
        width: 42px;
        height: 42px
    }

    .nbf .cbox-campaign.cbox-small .analyst .right a + a, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .right a + a, .nbf .cbox-campaign.cbox-large .analyst .right a + a, .nbf .cbox-mainproduct.cbox-large .analyst .right a + a {
        margin-left: 12px
    }

    .nbf .cbox-campaign.cbox-small .analyst .right, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .right, .nbf .cbox-campaign.cbox-large .analyst .right, .nbf .cbox-mainproduct.cbox-large .analyst .right {
        text-align: right
    }

    .nbf .cbox-campaign.cbox-small .analyst .right .icon::before, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .right .icon::before, .nbf .cbox-campaign.cbox-large .analyst .right .icon::before, .nbf .cbox-mainproduct.cbox-large .analyst .right .icon::before {
        width: 42px;
        height: 42px;
        font-size: 42px
    }

    .nbf .cbox-campaign.cbox-small .analyst .footnote, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .footnote, .nbf .cbox-campaign.cbox-large .analyst .footnote, .nbf .cbox-mainproduct.cbox-large .analyst .footnote {
        position: absolute;
        bottom: 24px;
        left: 24px
    }

    .nbf .cbox-campaign.cbox-small .description .linklist li, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .description .linklist li, .nbf .cbox-campaign.cbox-large .description .linklist li, .nbf .cbox-mainproduct.cbox-large .description .linklist li {
        display: block
    }

    .nbf .cbox-campaign.cbox-small .description .linklist li + li, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .description .linklist li + li, .nbf .cbox-campaign.cbox-large .description .linklist li + li, .nbf .cbox-mainproduct.cbox-large .description .linklist li + li {
        margin: 18px 0 0 0
    }

    .nbf .cbox-campaign.cbox-small .description .linklist li + li::before, .nbf .if6_lightbox .cbox-medium.cbox-bannerbox .description .linklist li + li::before, .nbf .cbox-campaign.cbox-large .description .linklist li + li::before, .nbf .cbox-mainproduct.cbox-large .description .linklist li + li::before {
        display: none
    }
}

.nbf .cbox-campaign.cbox-small .linklist {
    position: relative
}

.nbf .cbox-campaign.cbox-large, .nbf .cbox-mainproduct.cbox-large {
    width: calc(100% - 20px)
}

@media screen and (min-width: 681px) {
    .nbf .cbox-campaign.cbox-large .description, .nbf .cbox-mainproduct.cbox-large .description {
        margin: 18px;
        padding: 24px;
        border-radius: 6px;
        overflow: hidden;
        background-color: #fff
    }

    .nbf .cbox-campaign.cbox-large .description.bottom-text.with-analyst, .nbf .cbox-mainproduct.cbox-large .description.bottom-text.with-analyst {
        bottom: 96px
    }

    .nbf .cbox-campaign.cbox-large .description .left, .nbf .cbox-mainproduct.cbox-large .description .left {
        padding: 0
    }

    .nbf .cbox-campaign.cbox-large .analyst, .nbf .cbox-mainproduct.cbox-large .analyst {
        padding-left: 18px;
        padding-right: 18px
    }
}

@media screen and (max-width: 680px) {
    .nbf .cbox-campaign.cbox-large, .nbf .cbox-mainproduct.cbox-large {
        padding: 0 24px !important
    }

    .nbf .cbox-campaign.cbox-large .description, .nbf .cbox-mainproduct.cbox-large .description {
        margin: 0
    }
}

.nbf .if6_lightbox .cbox-medium.cbox-bannerbox {
    margin-bottom: 0;
    padding: 0 18px
}

.nbf .if6_lightbox .cbox-medium.cbox-bannerbox > .image {
    margin: 0 -18px
}

.nbf .if6_lightbox .cbox-medium.cbox-bannerbox .description {
    padding-bottom: 18px
}

.nbf .if6_lightbox .cbox-medium.cbox-bannerbox .description.with-analyst {
    padding-bottom: 30px
}

.nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst {
    padding: 12px 0 18px
}

.nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst.with-footnote {
    padding-bottom: 46px
}

.nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .right a {
    color: transparent;
    background-color: transparent;
    width: 42px;
    height: 42px
}

.nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .right a + a {
    margin-left: 12px
}

.nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .right {
    text-align: right
}

.nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .right .icon::before {
    width: 42px;
    height: 42px;
    font-size: 42px
}

.nbf .if6_lightbox .cbox-medium.cbox-bannerbox .analyst .footnote {
    position: absolute;
    bottom: 18px;
    left: 18px
}

.nbf .nbf-box.nbf-has-campaign {
    padding-bottom: 0
}

@media screen and (max-width: 726px) {
    .nbf .nbf-box.nbf-has-campaign .nbf-row:after {
        display: none
    }
}

.nbf .nbf-box .campaign, .nbf .cbox-banking > .campaign {
    background-color: #fff;
    padding: 0 20px;
    border: 3px solid #f1f5ff;
    border-radius: 0 0 12px 12px
}

.nbf .nbf-box .campaign h2, .nbf .cbox-banking > .campaign h2 {
    margin-bottom: 12px
}

.nbf .nbf-box .campaign.campaign-visible, .nbf .cbox-banking > .campaign.campaign-visible {
    padding-bottom: 18px
}

.nbf .nbf-box .campaign.campaign-visible .campaign-top, .nbf .cbox-banking > .campaign.campaign-visible .campaign-top {
    margin-bottom: 24px;
    position: relative
}

.nbf .nbf-box .campaign.campaign-visible .campaign-top::after, .nbf .cbox-banking > .campaign.campaign-visible .campaign-top::after {
    content: "\f805"
}

.nbf .nbf-box .campaign.campaign-visible .campaign-top span::after, .nbf .cbox-banking > .campaign.campaign-visible .campaign-top span::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 12px transparent;
    border-top-color: #f1f5ff;
    position: absolute;
    bottom: -24px;
    left: 66px
}

.nbf .nbf-box .campaign.campaign-visible > .image, .nbf .cbox-banking > .campaign.campaign-visible > .image {
    display: block;
    float: right;
    margin-bottom: 30px
}

.nbf .nbf-box .campaign.campaign-visible > .image div, .nbf .cbox-banking > .campaign.campaign-visible > .image div {
    left: 0
}

.nbf .nbf-box .campaign.campaign-visible > .image + div.description, .nbf .cbox-banking > .campaign.campaign-visible > .image + div.description {
    display: block;
    padding-right: 24px;
    box-sizing: border-box
}

.nbf .nbf-box .campaign.campaign-visible > .image + div.description > div, .nbf .cbox-banking > .campaign.campaign-visible > .image + div.description > div {
    left: 0
}

.nbf .nbf-box .campaign .campaign-top, .nbf .cbox-banking > .campaign .campaign-top {
    background-color: #f1f5ff;
    color: #0941d1;
    font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif;
    min-height: 22px;
    display: flex;
    align-items: center;
    padding: 13px 73px 13px 24px;
    margin: 0 -20px
}

.nbf .nbf-box .campaign .campaign-top::before, .nbf .cbox-banking > .campaign .campaign-top::before {
    display: none
}

.nbf .nbf-box .campaign .campaign-top::after, .nbf .cbox-banking > .campaign .campaign-top::after {
    color: #0941d1;
    background-color: #fff;
    width: 26px;
    height: 26px;
    font-size: 26px;
    content: "\f807";
    margin-top: 0;
    transform: translateY(-50%);
    right: 21px
}

.nbf .nbf-box .campaign .campaign-top p:not(:only-child), .nbf .cbox-banking > .campaign .campaign-top p:not(:only-child), .nbf .nbf-box .campaign .campaign-top p + p, .nbf .cbox-banking > .campaign .campaign-top p + p {
    margin-top: 8px
}

.nbf .nbf-box .campaign .ctext, .nbf .cbox-banking > .campaign .ctext {
    padding: 0
}

.nbf .nbf-box .campaign .analyst, .nbf .cbox-banking > .campaign .analyst {
    background-color: #fff;
    border-top: 1px solid #e3e3e3;
    border-bottom: 0;
    padding-top: 12px;
    margin-top: 30px
}

.nbf .nbf-box .campaign .analyst a, .nbf .cbox-banking > .campaign .analyst a {
    color: #292929
}

.nbf .nbf-box .campaign .analyst > .image:after, .nbf .cbox-banking > .campaign .analyst > .image:after {
    display: none
}

@media screen and (max-width: 649px) {
    .nbf .nbf-box .campaign.campaign-visible > .image, .nbf .cbox-banking > .campaign.campaign-visible > .image {
        display: none
    }

    .nbf .nbf-box .campaign.campaign-visible > .image + div.description, .nbf .cbox-banking > .campaign.campaign-visible > .image + div.description {
        padding-right: 0
    }

    .nbf .nbf-box .campaign.campaign-visible .campaign-top span::after, .nbf .cbox-banking > .campaign.campaign-visible .campaign-top span::after {
        left: 14px
    }

    .nbf .nbf-box .campaign .analyst.with-footnote, .nbf .cbox-banking > .campaign .analyst.with-footnote {
        padding-bottom: 46px
    }

    .nbf .nbf-box .campaign .analyst .right a, .nbf .cbox-banking > .campaign .analyst .right a {
        color: transparent;
        background-color: transparent;
        width: 42px;
        height: 42px
    }

    .nbf .nbf-box .campaign .analyst .right a + a, .nbf .cbox-banking > .campaign .analyst .right a + a {
        margin-left: 12px
    }

    .nbf .nbf-box .campaign .analyst .right, .nbf .cbox-banking > .campaign .analyst .right {
        text-align: right
    }

    .nbf .nbf-box .campaign .analyst .right .icon::before, .nbf .cbox-banking > .campaign .analyst .right .icon::before {
        width: 42px;
        height: 42px;
        font-size: 42px
    }

    .nbf .nbf-box .campaign .analyst .footnote, .nbf .cbox-banking > .campaign .analyst .footnote {
        position: absolute;
        bottom: 18px;
        left: 18px
    }

    .nbf .nbf-box .campaign .analyst.with-footnote, .nbf .cbox-banking > .campaign .analyst.with-footnote {
        padding-bottom: 28px
    }

    .nbf .nbf-box .campaign .analyst > div.image, .nbf .cbox-banking > .campaign .analyst > div.image {
        float: none;
        display: table-cell
    }

    .nbf .nbf-box .campaign .analyst .image + div, .nbf .cbox-banking > .campaign .analyst .image + div {
        display: table;
        width: 100%
    }

    .nbf .nbf-box .campaign .analyst .left, .nbf .cbox-banking > .campaign .analyst .left, .nbf .nbf-box .campaign .analyst .right, .nbf .cbox-banking > .campaign .analyst .right {
        display: table-cell
    }

    .nbf .nbf-box .campaign .analyst .right, .nbf .cbox-banking > .campaign .analyst .right {
        white-space: nowrap
    }
}

.nbf .nbf-box .campaign {
    margin: 0 -24px
}

@media screen and (max-width: 726px) {
    .nbf .nbf-box .campaign {
        margin: 0 -18px
    }
}

.nbf .cbox-banking > .campaign {
    margin-bottom: 18px;
    border-radius: 12px;
    box-shadow: 0 2px 3px rgba(86, 86, 86, 0.1)
}

.nbf .cbox-banking > .campaign::before {
    border: 0;
    margin: 0
}

.nbf .smartphone-banner_inner {
    color: #292929;
    background-color: #fff;
    font: 16px/24px SparkasseWeb, Helvetica, Arial, sans-serif;
    border-top: 1px #e3e3e3;
    box-shadow: 0 -1px 1px rgba(240, 240, 240, 0.6)
}

.nbf .smartphone-banner_inner > .image {
    margin-right: 12px
}

.nbf .smartphone-banner_inner > .banner-text {
    padding: 16px 42px 16px 18px;
    box-sizing: border-box
}

.nbf .smartphone-banner_inner > .banner-text p + p {
    margin-top: 0
}

.nbf .smartphone-banner_inner > .banner-button {
    padding: 0;
    bottom: 16px;
    right: 12px
}

.nbf .smartphone-banner_inner > .banner-button a {
    width: unset;
    height: unset
}

.nbf .smartphone-banner_inner > .banner-button a::before {
    color: #292929;
    border: 0;
    content: "\f80c";
    height: 24px;
    width: 24px;
    font-size: 24px
}

@media screen and (max-width: 375px) {
    .nbf .smartphone-banner_inner {
        height: 66px;
        font: 14px/21px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .nbf .smartphone-banner_inner > .image img {
        height: 66px
    }

    .nbf .smartphone-banner_inner > .banner-text {
        padding: 12px 18px
    }

    .nbf .smartphone-banner_inner > .banner-button {
        width: 100%;
        height: 100%;
        right: 0;
        bottom: 0
    }

    .nbf .smartphone-banner_inner > .banner-button a {
        width: 100%;
        height: 100%
    }

    .nbf .smartphone-banner_inner > .banner-button a::before {
        display: none
    }
}

.nbf-container-box[data-animateable].is-animating .button-hide-remaining-block-nbf {
    border-bottom: none !important
}

.nbf-container-box[data-animateable].expandable-is-visible {
    overflow: visible
}

.nbf-container-box[data-animateable].expandable-is-visible .button-hide-remaining-block-nbf.button-arrow-rightside {
    border-bottom: 0
}

.nbf-container-box[data-animateable].expandable-is-visible .button-hide-remaining-block-nbf.button-arrow-rightside::after {
    content: "\F805"
}

.nbf-container-box[data-animateable].expandable-is-hidden {
    overflow: hidden
}

.nbf-container-box[data-animateable].expandable-is-hidden .button-hide-remaining-block-nbf.button-arrow-rightside {
    border-bottom: 1px solid #e3e3e3
}

.nbf-container-box[data-animateable].expandable-is-hidden .button-hide-remaining-block-nbf.button-arrow-rightside::after {
    content: "\F807"
}

.bcollect.ixl, .bcollect.ixxl, .bcollect.ixxxl {
    white-space: nowrap
}

.bcollect > span {
    display: block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    color: #333
}

.bcollect .title {
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-bottom: 3px
}

.bline .bcollect {
    margin-top: -7px
}

.bline .bcollect > span {
    font: 12px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-bottom: -4px;
    color: #666
}

.bline .bcollect > span:last-child {
    margin-bottom: -2px
}

.bline .bcollect .title {
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 110%;
    margin-bottom: -3px
}

.tcategory > span {
    display: block;
    color: #333
}

.tcategory .title {
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-bottom: 3px
}

.tcategory.locked .title:after {
    content: "\f62b";
    font: 28px/81% Pictos-IF;
    height: 28px;
    width: 28px;
    color: #666;
    display: inline-block;
    margin-top: -5px;
    margin-bottom: -5px
}

.blogentry > span {
    display: block;
    color: #333
}

.blogentry .title {
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-bottom: 3px
}

.bchipcard {
    padding-left: 52px
}

.bchipcard > span {
    display: block;
    color: #333
}

.bchipcard .title {
    font: 16px/130% SparkasseWeb, Helvetica, Arial, sans-serif;
    margin-bottom: 3px;
    color: #333
}

.bchipcard .title:before {
    font: 42px/81% Pictos-IF;
    color: #333;
    width: 42px;
    height: 42px;
    position: absolute;
    margin-left: -52px;
    margin-top: 1px
}

.bfilter {
    color: #333;
    background-color: #e3e3e3;
    border-radius: 4px;
    padding: 0 5px;
    font: 14px/150% SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    display: inline-block;
    white-space: nowrap
}

.bfilter-group {
    margin-top: -10px;
    display: inline-block
}

.bfilter-group a, .bfilter-group .bfilter {
    margin-right: 10px;
    margin-top: 10px;
    vertical-align: top;
    display: inline-block
}

.bfilter-group a .bfilter {
    margin: 0
}

a .bfilter {
    text-decoration: none;
    margin: 0
}

a .bfilter.filter-deletable {
    overflow: hidden;
    padding-right: 0
}

a .bfilter.filter-deletable:after {
    color: #444;
    font: 24px/81% Pictos-IF;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    content: "×";
    display: inline-block;
    vertical-align: top
}

.no-touch a .bfilter:hover, a:focus .bfilter {
    color: #fff;
    background-color: #666
}

.no-touch a .bfilter.filter-deletable:hover, a:focus .bfilter.filter-deletable {
    color: #333;
    background-color: #e3e3e3
}

.no-touch a .bfilter.filter-deletable:hover:after, a:focus .bfilter.filter-deletable:after {
    color: #fff;
    background-color: #666
}

.btable.zahlungsordner th:first-child, .btable.zahlungsordner td:first-child {
    padding-left: 10px;
    width: 42px;
    box-sizing: border-box
}

.tgroup .ficon.icon-b_bullet_warning:before {
    color: #ff8f00
}

.tgroup .ficon.icon-b_bullet_unknown:before {
    color: #ccc
}

.tgroup .ficon.icon-b_bullet_success:before {
    color: #009864
}

.tgroup .ficon.icon-b_bullet_error:before {
    color: red
}

.bstatus {
    position: relative;
    padding-left: 21px;
    display: inline-block;
    white-space: nowrap
}

.bstatus:before {
    font: 25px/81% Pictos-IF;
    width: 25px;
    height: 25px;
    color: #333;
    display: inline-block;
    position: absolute;
    margin-top: -2px;
    margin-left: -25px;
    border-radius: 50%
}

.bstatus.color-warning:before {
    color: #ff8f00
}

.bstatus.color-notice:before {
    color: #00acd3
}

.bstatus a {
    color: inherit
}

.bstatus.bline {
    white-space: normal
}

.bstatus.bline.with-symbol-bg {
    padding-left: 32px
}

.bstatus.bline.with-symbol-bg:before {
    margin-left: -32px;
    background-color: #e3e3e3
}

.bstatus.bline.with-symbol-bg.color-notice:before {
    background-color: #e2faff
}

.bstatus.bline.with-symbol-bg.color-warning:before {
    background-color: #fff4e5
}

@media (max-width: 1079px) {
    .bline .bcollect {
        margin-top: -5px
    }

    .bline .bcollect .title {
        margin-bottom: -3px
    }
}

@media screen and (max-width: 767px) {
    .bline .bcollect .title {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 110%
    }
}

.bwaiting-indicator {
    display: inline-block
}

.bwaiting-indicator > div {
    width: 40px;
    height: 40px;
    max-height: 40px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    background-color: #ccc;
    vertical-align: middle
}

.bwaiting-indicator > div:first-child {
    -webkit-animation: fx 1600ms ease infinite 1ms;
    animation: fx 1600ms ease infinite 1ms
}

.bwaiting-indicator > div:nth-child(2) {
    -webkit-animation: fx 1600ms ease infinite 301ms;
    animation: fx 1600ms ease infinite 301ms
}

.bwaiting-indicator > div:nth-child(3) {
    -webkit-animation: fx 1600ms ease infinite 601ms;
    animation: fx 1600ms ease infinite 601ms
}

.block > .bwaiting-indicator {
    text-align: center;
    width: 100%;
    padding-right: 10px;
    box-sizing: border-box
}

.block .bline + .bwaiting-indicator, .block .bwaiting-indicator + .bline {
    margin-top: 12px
}

.btable .bwaiting-indicator {
    height: 20px
}

.btable .bwaiting-indicator > div {
    width: 20px;
    height: 20px;
    max-height: 20px
}

.btable .bwaiting-indicator > div:nth-child(3) {
    margin-right: 0
}

.bwaiting-indicator-invisible {
    padding: 0;
    position: relative
}

.bwaiting-indicator-invisible > .bwaiting-indicator {
    padding-top: 10px;
    position: absolute;
    opacity: 0;
    display: none
}

.bwaiting-indicator-invisible + .block {
    border-top: 0
}

.bwaiting-indicator-invisible.show-bwaiting-indicator > .bwaiting-indicator {
    display: block;
    transition: opacity 1s;
    opacity: 1
}

.show-bwaiting-indicator ~ .hide-while-bwaiting {
    transition: opacity .5s;
    opacity: 0
}

@media (max-width: 767px) {
    .bwaiting-indicator > div {
        width: 32px;
        height: 32px;
        max-height: 32px;
        max-width: 32px
    }

    .btable .bwaiting-indicator > div {
        width: 16px;
        height: 16px;
        max-height: 16px;
        max-width: 16px
    }
}

@-webkit-keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        opacity: .75
    }
}

.webview .if6_main > .parsys > .if6_section:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.webview .if6_main > .parsys {
    margin-bottom: 0
}

.webview .if6_header {
    height: auto;
    background-color: #fff
}

.webview .if6_header.with-long-name {
    border-bottom: 0
}

.webview .logo .long-name {
    display: none
}

.webview .loginlogout {
    text-align: right
}

.webview .loginlogout form.header-logout {
    height: 30px;
    background-color: transparent;
    padding: 0
}

.webview .loginlogout form.header-logout div.logout:before {
    display: none
}

.webview .loginlogout form.header-logout p {
    display: none
}

.webview .loginlogout div.logout:after {
    color: red;
    display: inline-block;
    font: 15px/81% Pictos-IF;
    width: 15px;
    height: 15px;
    border: 1px solid red;
    border-radius: 50%;
    text-align: center;
    content: ">";
    margin-left: -20px
}

.webview .loginlogout div.logout input[type="submit"] {
    color: red;
    padding: 0 22px 0 0;
    font: 18px SparkasseWeb, Helvetica, Arial, sans-serif;
    height: 30px;
    position: relative;
    z-index: 1
}

.no-touch.webview .loginlogout div.logout:hover, .webview .loginlogout div.logout input:focus, .webview .loginlogout div.logout.focus {
    background-color: transparent
}

.no-touch.webview .loginlogout div.logout:hover:after, .webview .loginlogout div.logout.focus:after {
    background-color: red;
    color: #fff
}

.webview .if6_pagenav {
    display: none
}

.webview .if6_section .if6_inner {
    padding-top: 20px;
    padding-bottom: 0
}

@media (max-width: 1079px) {
    .webview .loginlogout {
        padding-right: 10px
    }

    .webview .loginlogout div.logout input[type="submit"] {
        font: 15px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .webview .if6_section .if6_inner {
        padding-top: 10px
    }
}

.webview .backbutton_visible .back-button a:before {
    color: #666;
    content: "\f704";
    display: inline-block;
    font: 35px/81% Pictos-IF;
    height: 35px;
    margin-left: 52px;
    margin-top: 7px;
    text-align: center;
    width: 35px
}

.webview .backbutton_visible .back-button a {
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, 0.4);
    border-radius: 0 50% 0 0;
    box-sizing: border-box;
    display: block;
    height: 100px;
    margin-bottom: -50px;
    margin-left: -50px;
    text-decoration: none;
    width: 100px
}

.webview .back-buttonleiste {
    display: none
}

.webview .backbutton_visible .back-buttonleiste {
    height: 39px;
    display: block
}

.webview .backbutton_visible .back-button {
    position: fixed;
    z-index: 2200;
    bottom: 0;
    left: 0
}

.webview .backbutton_visible.webview-micronav .back-buttonleiste {
    display: none
}

.webview .backbutton_visible.webview-micronav.show-bcontent-completed .back-buttonleiste {
    display: block
}

@media print {
    .if6_siteselect, .if6_header .loginlogout, .if6_header .search, .if6_langselect, .if6_service, .if6_footer, .if6_contactstage, .if6_sitemap, .if6_awardarea, .if6_breadcrumb, .if6_pagenav, .if6_iconbar, .servicetiles, .carousel_play {
        display: none
    }

    .if6_footer {
        padding-bottom: 0;
        background-color: #fff
    }

    .navigation_visible .if6_footer, .navigation_visible .if6_footer > .if6_inner > .if6_navigation {
        display: block
    }

    .contact_visible .if6_footer, .contact_visible .if6_footer > .if6_inner > .if6_contact {
        display: block
    }

    .if6_header {
        background-color: #fff;
        box-shadow: none
    }

    .logo a {
        display: none
    }

    .logo img.only-print {
        display: inline-block;
        height: 96px
    }

    .js .if6_openerstage .if6_inner {
        height: auto !important;
        max-width: 1200px
    }

    .if6_opener {
        left: 0 !important;
        height: auto !important
    }

    .js .if6_opener + .if6_opener {
        display: none
    }

    .if6_opener .opener_image {
        position: relative;
        overflow: hidden
    }

    .if6_opener .opener_inner {
        width: 100%;
        max-width: 100%;
        height: auto;
        padding-left: 0
    }

    .if6_opener .ty1 div.overlay {
        display: block;
        width: 100%;
        max-width: 100%
    }

    .templ-productpage .if6_opener .opener_image, .templ-themepage .if6_opener .opener_image, .templ-partnerpage .if6_opener .opener_image, .templ-sdproductpage .if6_opener .opener_image {
        border: 0
    }

    .templ-productpage .if6_outer.if6_openerstage, .templ-themepage .if6_outer.if6_openerstage, .templ-partnerpage .if6_outer.if6_openerstage, .templ-sdproductpage .if6_outer.if6_openerstage {
        background-color: #fff;
        background-image: none
    }

    .templ-productpage .if6_outer.if6_openerstage .if6_inner, .templ-themepage .if6_outer.if6_openerstage .if6_inner, .templ-partnerpage .if6_outer.if6_openerstage .if6_inner, .templ-sdproductpage .if6_outer.if6_openerstage .if6_inner {
        padding: 0
    }

    .templ-productpage .if6_opener .opener_inner, .templ-themepage .if6_opener .opener_inner, .templ-partnerpage .if6_opener .opener_inner, .templ-sdproductpage .if6_opener .opener_inner {
        padding-left: 0
    }

    .if6_homepagearea {
        background-color: #fff
    }

    .if6_homepagearea .if6_inner {
        padding-top: 0
    }

    .if6_homepagearea .if6_teaserarea {
        width: 100%
    }

    .if6_teaser {
        height: auto !important;
        width: 100%;
        border-right: 0;
        float: none;
        page-break-inside: avoid
    }

    .if6_section {
        background-color: #fff;
        overflow: visible
    }

    .if6_section + .if6_section {
        border-top-color: #e3e3e3
    }

    .if6_section .if6_inner {
        padding-left: 0;
        padding-right: 0
    }

    .if6_section:last-child .if6_inner {
        padding-bottom: 0
    }

    .js .if6_section .if6_inner > h6 {
        display: block
    }

    .if6_main > .parsys > .if6_section:last-child {
        border-bottom: 0;
        margin-bottom: 0
    }

    .cbox {
        border-color: #fff;
        height: auto !important;
        width: 100%;
        float: none;
        clear: left
    }

    .cbox div.textbutton a {
        position: static
    }

    body.if6 {
        height: auto;
        background-color: #fff
    }

    html {
        height: auto
    }

    .if6_outer {
        position: inherit
    }

    .if6_inner {
        margin: 0;
        overflow: visible;
        width: 99%
    }

    body.if6 > .if6_main > .parsys {
        background-color: #fff
    }

    body.lightbox_visible .if6_section, body.lightbox_visible .if6_openerstage {
        display: none
    }

    .if6_lightbox {
        position: static;
        height: auto;
        background-color: #fff;
        text-align: left;
        padding: 0
    }

    .if6_lightbox .if6_inner {
        outline: 0;
        position: static;
        transform: none;
        overflow: visible
    }

    .if6_lightbox .if6_inner > .close-icon {
        display: none
    }

    .if6_lightbox .cbox {
        width: 100%
    }

    .banking-container {
        background-color: #fff
    }

    .templ-bankingstartpage .if6_section > .if6_inner:after {
        display: none
    }

    .templ-bankingstartpage .cbox-small:last-child:after {
        display: none
    }

    .templ-bankingstartpage .cbox {
        box-shadow: none
    }
}

@media print and (max-width: 1079px) {
    .logo img.only-print {
        height: 60px
    }
}

.templ-printpage .if6_header .if6_inner {
    width: 960px;
    display: table
}

.templ-printwidepage .if6_header .if6_inner .logo {
    padding-left: 60px
}

.templ-printpage .if6_header, .templ-printwidepage .if6_header {
    background-color: #fff;
    box-shadow: none
}

.templ-printpage .logo a, .templ-printwidepage .logo a {
    display: none
}

.templ-printpage .logo img.only-print, .templ-printwidepage .logo img.only-print {
    display: inline-block;
    height: 96px
}

.templ-printpage .btableblock, .templ-printwidepage .btableblock {
    padding-left: 0;
    padding-right: 0
}

.templ-printpage .btableblock .btable, .templ-printwidepage .btableblock .btable {
    border: 1px solid #000
}

.templ-printpage .btableblock .btable th, .templ-printwidepage .btableblock .btable th, .templ-printpage .btableblock .btable td, .templ-printwidepage .btableblock .btable td {
    border: 1px solid #000;
    padding: 3px 5px
}

.templ-printpage .btable th, .templ-printwidepage .btable th {
    font-weight: bold
}

.templ-printpage .btable tr.tablerowodd, .templ-printwidepage .btable tr.tablerowodd {
    background-color: #fff
}

.templ-printpage .btable .tablefooter, .templ-printwidepage .btable .tablefooter {
    background-color: #fff;
    border-top: 1px solid #000;
    font-weight: bold
}

.templ-printpage .btableblock tr.tableheader, .templ-printwidepage .btableblock tr.tableheader {
    background-color: #fff;
    color: #000;
    border-top: 1px solid #000
}

.templ-printpage .btableblock tr.tablerowodd:last-child, .templ-printwidepage .btableblock tr.tablerowodd:last-child, .templ-printpage .btableblock tr.tablefooter:last-child, .templ-printwidepage .btableblock tr.tablefooter:last-child {
    border-bottom: 1px solid #000
}

.templ-printpage .btable .noborder td, .templ-printwidepage .btable .noborder td {
    border: 0
}

.templ-printpage .block + .block, .templ-printwidepage .block + .block {
    border-top: 1px solid #000
}

.templ-printpage .bline:first-child, .templ-printwidepage .bline:first-child {
    padding-top: 0
}

.templ-printpage .btableblock + .block, .templ-printwidepage .btableblock + .block {
    border-top: 0
}

.templ-printpage .buttonline + .footnote, .templ-printwidepage .buttonline + .footnote {
    background-color: #fff
}

.templ-printpage .if6_section, .templ-printwidepage .if6_section {
    background-color: #fff;
    overflow: visible
}

.templ-printpage .if6_section + .if6_section .if6_inner, .templ-printwidepage .if6_section + .if6_section .if6_inner, .templ-printpage .if6_section + .if6_section .buttonline, .templ-printwidepage .if6_section + .if6_section .buttonline {
    padding-top: 0
}

.templ-printpage .cbox, .templ-printwidepage .cbox {
    border-color: #fff;
    height: auto !important
}

.templ-printpage .cbox-banking, .templ-printwidepage .cbox-banking {
    color: #000
}

.templ-printpage label, .templ-printwidepage label, .templ-printpage .label, .templ-printwidepage .label {
    color: #000
}

.templ-printpage .buttonline .bgroup4, .templ-printwidepage .buttonline .bgroup4 {
    display: none
}

.js .templ-printpage .buttonline .bgroup4, .js .templ-printwidepage .buttonline .bgroup4 {
    display: inline
}

@media print {
    .js .templ-printpage .buttonline .bgroup4, .js .templ-printwidepage .buttonline .bgroup4 {
        display: none
    }
}

@media (max-width: 1079px) {
    .templ-printpage .logo img.only-print, .templ-printwidepage .logo img.only-print {
        height: 60px
    }

    .templ-printpage .if6_header .if6_inner, .templ-printwidepage .if6_header .if6_inner {
        width: 100%;
        display: table-row
    }
}

@media print and (max-width: 1079px) {
    .templ-printpage .cbox-banking, .templ-printwidepage .cbox-banking {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif
    }

    .if6.templ-printpage label, .if6.templ-printwidepage label, .if6.templ-printpage .label, .if6.templ-printwidepage .label {
        font: 12px SparkasseWeb, Helvetica, Arial, sans-serif
    }
}

@media screen and (max-width: 649px) {
    .templ-printpage .btable td + td, .templ-printwidepage .btable td + td {
        margin-top: -1px
    }
}

.ty2 .btable.toggle-table-row {
    position: relative
}

.ty2 .btable.toggle-table-row tr td {
    padding-bottom: 40px
}

@media (max-width: 1079px) {
    .ty2 .btable.toggle-table-row tr td {
        padding-bottom: 60px
    }
}

@media screen and (max-width: 767px) {
    .ty2 .btable.toggle-table-row tr td {
        padding-bottom: 10px;
        float: left;
        width: 100%
    }
}

.ty2 .btable.toggle-table-row tr td:last-child {
    display: table-cell;
    vertical-align: bottom;
    width: 0;
    text-align: left;
    padding-left: 0;
    padding-right: 0
}

.ty2 .btable.toggle-table-row tr td:last-child > div {
    position: absolute;
    width: auto;
    left: 0;
    right: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px
}

@media (max-width: 1079px) {
    .ty2 .btable.toggle-table-row tr td:last-child > div {
        margin-top: 10px
    }
}

@media screen and (max-width: 767px) {
    .ty2 .btable.toggle-table-row tr td:last-child {
        width: 100%
    }

    .ty2 .btable.toggle-table-row tr td:last-child > div {
        position: relative;
        left: auto;
        right: auto;
        padding: 0 10px
    }
}

.ty2 .btable.toggle-table-row tr.tablecampaign td:last-child > div, .ty2 .btable.toggle-table-row tr.tableheader td:last-child > div {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .ty2 .btable.toggle-table-row tr.tablecampaign td, .ty2 .btable.toggle-table-row tr.tableheader td {
        width: 100%
    }

    .ty2 .btable.toggle-table-row tr.tablecampaign td > div, .ty2 .btable.toggle-table-row tr.tableheader td > div {
        padding: 0
    }
}

.ty2 .btable.toggle-table-row.spacious tr td {
    padding-bottom: 45px
}

@media (max-width: 1079px) {
    .ty2 .btable.toggle-table-row.spacious tr td {
        padding-bottom: 70px
    }
}

.js .ty2 .btable.toggle-table-row tr td {
    padding-bottom: 10px
}

.js .ty2 .btable.toggle-table-row tr.tablecampaign td {
    padding-bottom: 0
}

.js .ty2 .btable.toggle-table-row tr.toggle-table-row-open td {
    padding-bottom: 40px
}

@media (max-width: 1079px) {
    .js .ty2 .btable.toggle-table-row tr.toggle-table-row-open td {
        padding-bottom: 65px
    }
}

@media screen and (max-width: 767px) {
    .js .ty2 .btable.toggle-table-row tr.toggle-table-row-open td {
        padding-bottom: 10px
    }
}

.js .ty2 .btable.toggle-table-row tr td:last-child {
    display: none
}

.js .ty2 .btable.toggle-table-row tr.toggle-table-row-open td:last-child {
    display: table-cell
}

.js .ty2 .btable.toggle-table-row tr.tablefooter td:last-child, .js .ty2 .btable.toggle-table-row tr.tableheader td:last-child, .js .ty2 .btable.toggle-table-row tr.tablecampaign td:last-child, .js .ty2 .btable.toggle-table-row tr.textbutton-column td:last-child {
    display: table-cell
}

.js .ty2 .btable.toggle-table-row.spacious tr td {
    padding-bottom: 15px
}

.js .ty2 .btable.toggle-table-row.spacious tr.tablecampaign td {
    padding-bottom: 0
}

.js .ty2 .btable.toggle-table-row.spacious tr.toggle-table-row-open td {
    padding-bottom: 45px
}

@media (max-width: 1079px) {
    .js .ty2 .btable.toggle-table-row.spacious tr.toggle-table-row-open td {
        padding-bottom: 70px
    }
}

@media screen and (max-width: 767px) {
    .js .ty2 .btable.toggle-table-row.spacious tr.toggle-table-row-open td {
        padding-bottom: 15px
    }
}

.ty2 .btable.toggle-table-group .tableheader td.right:last-child {
    text-align: right
}

.ty2 .btable.toggle-table-group tr.toggle-group-row {
    display: none
}

.no-touch .ty2 .btable.toggle-table-group .tableheader:hover {
    cursor: pointer
}

.js .ty2 .btable.toggle-table-group .tableheader.toggle-group .button-arrow-rightside:after {
    font: 20px/81% Pictos-IF;
    height: 20px;
    width: 20px;
    display: inline-block;
    color: #333;
    content: "d";
    margin-right: -5px
}

.js .ty2 .btable.toggle-table-group .tableheader.toggle-group-open .button-arrow-rightside:after {
    font: 20px/81% Pictos-IF;
    height: 20px;
    width: 20px;
    display: inline-block;
    color: #333;
    content: "u";
    margin-right: -5px
}

@media (min-width: 959px) {
    .btable .hidden-large {
        display: none !important
    }
}

@media (max-width: 1079px) and (min-width: 768px) {
    .btable .hidden-medium {
        display: none !important
    }
}

@media screen and (max-width: 767px) {
    .btable .hidden-small {
        display: none !important
    }
}

.nbf-frame .if6_contact > div {
    font: 17px/26px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656
}

.nbf-frame .if6_contact > div > div.contactiparsys {
    padding: 24px
}

.nbf-frame .if6_contact h2, .nbf-frame .if6_contact .h2, .nbf-frame .if6_contact h3, .nbf-frame .if6_contact .h3 {
    color: #000;
    font: bold 18px/24px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf-frame .if6_contact .c_button.standard {
    margin: 12px 0
}

.nbf-frame .if6_contact .c_button.special {
    margin: 18px 0
}

.nbf-frame .if6_contact .c_button.special:last-child {
    margin-bottom: 9px
}

.nbf-frame .if6_contact .c_button.special > a, .nbf-frame .if6_contact .c_button.special > span {
    font: bold 20px/25px SparkasseWeb, Helvetica, Arial, sans-serif
}

.nbf-frame .if6_contact .c_analystdata .image {
    margin-bottom: 18px
}

.nbf-frame .if6_contact .c_block {
    padding: 12px 0;
    border-top: 1px solid #f0f0f0
}

.nbf-frame .if6_contact .c_block:first-child {
    border: 0
}

.nbf-frame .if6_contact .c_block .c_block_heading {
    margin-top: 12px;
    margin-bottom: 12px
}

.nbf-frame .if6_contact .c_block .c_loginrequest {
    margin-left: -12px;
    margin-right: -12px;
    border-radius: 12px;
    padding: 12px
}

@media (max-width: 1079px) {
    .nbf-frame .if6_contact .c_block .c_loginrequest {
        margin-left: 0;
        margin-right: 0
    }
}

.nbf-frame .if6_contact .c_block .c_loginrequest .c_block_heading.h2 {
    margin-top: 0;
    margin-bottom: 6px
}

.nbf-frame .if6_contact .c_block table {
    font: 17px/26px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    margin: 6px 0
}

.nbf-frame .if6_contact .c_block table th, .nbf-frame .if6_contact .c_block table td {
    padding-top: 3px;
    padding-bottom: 3px
}

.nbf-frame .if6_contact .c_block table th {
    padding-right: 18px
}

.nbf-frame .if6_contact .c_block .c_button.icon *[class^="icon-"]:not(.chatlink):not(.videochatlink)::before, .nbf-frame .if6_contact .c_block .c_button.standard *[class^="icon-"]:not(.chatlink):not(.videochatlink)::before {
    color: #6e6e6e;
    width: 26px;
    height: 26px;
    margin-right: 10px
}

.nbf-frame .if6_contact .c_block .c_button.icon *[class^="icon-"]:not(.chatlink):not(.videochatlink):hover::before, .nbf-frame .if6_contact .c_block .c_button.standard *[class^="icon-"]:not(.chatlink):not(.videochatlink):hover::before, .nbf-frame .if6_contact .c_block .c_button.special *[class^="icon-"]:not(.chatlink):not(.videochatlink):focus::before {
    color: #444
}

.nbf-frame .if6_contact .c_block .c_button.standard *:hover, .nbf-frame .if6_contact .c_block .c_button.standard *:active, .nbf-frame .if6_contact .c_block .c_button.standard *:focus, .nbf-frame .if6_contact .c_block .c_button.special *:hover, .nbf-frame .if6_contact .c_block .c_button.special *:active, .nbf-frame .if6_contact .c_block .c_button.special *:focus {
    color: #000;
    text-decoration: underline
}

.nbf-frame .if6_contact .c_block .c_button.standard a.videochatlink::before {
    color: #b60000
}

.nbf-frame .if6_contact .c_block .c_button.standard a.chatlink::before {
    color: #b60000
}

.nbf-frame .if6_contact .c_button.special a.chatlink::before, .nbf-frame .if6_contact .c_button.special a.videochatlink::before {
    color: #b60000
}

.nbf-frame .if6_contact .c_button.icon a.chatlink::before, .nbf-frame .if6_contact .c_button.icon a.videochatlink::before {
    color: #b60000
}

.nbf-frame .if6_contact .c_block .c_button a.chatlink, .nbf-frame .if6_contact .c_block .c_button a.chatlink span, .nbf-frame .if6_contact .c_block .c_button a.videochatlink, .nbf-frame .if6_contact .c_block .c_button a.videochatlink span {
    color: #aeaeae
}

.nbf-frame .if6_contact .c_block .c_button a.chatlink:hover, .nbf-frame .if6_contact .c_block .c_button a.chatlink:focus, .nbf-frame .if6_contact .c_block .c_button a.videochatlink:hover, .nbf-frame .if6_contact .c_block .c_button a.videochatlink:focus, .nbf-frame .if6_contact .c_block .c_button a.chatlink:hover span, .nbf-frame .if6_contact .c_block .c_button a.chatlink:active span, .nbf-frame .if6_contact .c_block .c_button a.videochatlink:hover span, .nbf-frame .if6_contact .c_block .c_button a.videochatlink:focus span {
    color: #aeaeae;
    text-decoration: none
}

.nbf-frame.videochat_online .if6_contact .c_block .c_button.standard a.videochatlink::before, .no-touch .nbf-frame.videochat_online .if6_contact .c_block .c_button.standard a.videochatlink::before {
    color: #009864
}

.nbf-frame.videochat_online .if6_contact .c_button.special a.videochatlink::before, .no-touch .nbf-frame.videochat_online .if6_contact .c_button.special a.videochatlink::before, .nbf-frame.videochat_online .if6_contact .c_button.icon a.videochatlink::before, .no-touch .nbf-frame.videochat_online .if6_contact .c_button.icon a.videochatlink::before, .nbf-frame.videochat_online .if6_contact .c_button.special a.videochatlink:focus::before, .no-touch .nbf-frame.videochat_online .if6_contact .c_button.special a.videochatlink:focus::before {
    color: #009864
}

.nbf-frame.videochat_online .if6_contact .c_block .c_button a.videochatlink, .no-touch .nbf-frame.videochat_online .if6_contact .c_block .c_button a.videochatlink, .nbf-frame.videochat_online .if6_contact .c_block .c_button a.videochatlink span, .no-touch .nbf-frame.videochat_online .if6_contact .c_block .c_button a.videochatlink span {
    color: #6e6e6e
}

.nbf-frame.videochat_online .if6_contact .c_block .c_button a.videochatlink:hover, .no-touch .nbf-frame.videochat_online .if6_contact .c_block .c_button a.videochatlink:hover, .nbf-frame.videochat_online .if6_contact .c_block .c_button a.videochatlink:active, .no-touch .nbf-frame.videochat_online .if6_contact .c_block .c_button a.videochatlink:active {
    color: #000;
    text-decoration: underline
}

.nbf-frame.chat_online .if6_contact .c_block .c_button.standard a.chatlink::before, .no-touch .nbf-frame.chat_online .if6_contact .c_block .c_button.standard a.chatlink::before {
    color: #009864
}

.nbf-frame.chat_online .if6_contact .c_button.special a.chatlink::before, .no-touch .nbf-frame.chat_online .if6_contact .c_button.special a.chatlink::before, .nbf-frame.chat_online .if6_contact .c_button.icon a.chatlink::before, .no-touch .nbf-frame.chat_online .if6_contact .c_button.icon a.chatlink::before, .nbf-frame.chat_online .if6_contact .c_button.special a.chatlink:focus::before, .no-touch .nbf-frame.chat_online .if6_contact .c_button.special a.chatlink:focus::before {
    color: #009864
}

.nbf-frame.chat_online .if6_contact .c_block .c_button a.chatlink, .no-touch .nbf-frame.chat_online .if6_contact .c_block .c_button a.chatlink, .nbf-frame.chat_online .if6_contact .c_block .c_button a.chatlink span, .no-touch .nbf-frame.chat_online .if6_contact .c_block .c_button a.chatlink span {
    color: #6e6e6e
}

.nbf-frame.chat_online .if6_contact .c_block .c_button a.chatlink:hover, .no-touch .nbf-frame.chat_online .if6_contact .c_block .c_button a.chatlink:hover, .nbf-frame.chat_online .if6_contact .c_block .c_button a.chatlink:hover span, .no-touch .nbf-frame.chat_online .if6_contact .c_block .c_button a.chatlink:hover span, .nbf-frame.chat_online .if6_contact .c_block .c_button a.chatlink:active, .no-touch .nbf-frame.chat_online .if6_contact .c_block .c_button a.chatlink:active, .nbf-frame.chat_online .if6_contact .c_block .c_button a.chatlink:active span, .no-touch .nbf-frame.chat_online .if6_contact .c_block .c_button a.chatlink:active span {
    color: #000;
    text-decoration: underline
}

.no-touch .nbf-frame .c_button.special > a:hover, .no-touch .nbf-frame .c_button.standard > a:hover, .no-touch .nbf-frame .c_button.special > a:focus, .no-touch .nbf-frame .c_button.standard > a:focus, .no-touch .nbf-frame .c_button.special > a:hover:before, .no-touch .nbf-frame .c_button.standard > a:hover:before, .no-touch .nbf-frame .c_button.special > a:focus:before, .no-touch .nbf-frame .c_button.standard > a:focus:before {
    color: #000
}

.no-touch .nbf-frame .c_button.special > a:hover, .no-touch .nbf-frame .c_button.standard > a:hover, .no-touch .nbf-frame .c_button.special > a:focus, .no-touch .nbf-frame .c_button.standard > a:focus {
    text-decoration: underline
}

.no-touch .nbf-frame .if6_contact .c_button.icon a.chatlink:hover:before, .no-touch .nbf-frame .if6_contact .c_button.icon a.videochatlink:hover:before, .no-touch .nbf-frame .if6_contact .c_button.special > a:not(.icon-phone):hover:before, .no-touch .nbf-frame .if6_contact .c_button.special > a:not(.icon-phone):focus:before {
    color: #b60000
}

.no-touch .nbf-frame.chat_online .if6_contact .c_button.icon a.chatlink:hover:before, .no-touch .nbf-frame.chat_online .if6_contact .c_button.special > a:not(.icon-phone):hover:before, .no-touch .nbf-frame.chat_online .if6_contact .c_button.special > a:not(.icon-phone):focus:before {
    color: #009864
}

.no-touch .nbf-frame.videochat_online .if6_contact .c_button.icon a.videochatlink:hover:before, .no-touch .nbf-frame.videochat_online .if6_contact .c_button.special > a:not(.icon-phone):hover:before, .no-touch .nbf-frame.videochat_online .if6_contact .c_button.special > a:not(.icon-phone):focus:before {
    color: #009864
}

body.nbf.templ-printpage .nbf-box__action, body.nbf.templ-printwidepag .nbf-box__action, body.nbf.templ-printpage .campaign, body.nbf.templ-printwidepag .campaign, body.nbf.templ-printpage .block + .block:before, body.nbf.templ-printwidepag .block + .block:before, body.nbf.templ-printpage .buttonline + .block:before, body.nbf.templ-printwidepag .buttonline + .block:before, body.nbf.templ-printpage .block + .block:after, body.nbf.templ-printwidepag .block + .block:after, body.nbf.templ-printpage .buttonline + .block:after, body.nbf.templ-printwidepag .buttonline + .block:after {
    display: none
}

body.nbf.templ-printpage.nbf-size-standard .if6_section .if6_inner, body.nbf.templ-printwidepag.nbf-size-standard .if6_section .if6_inner, body.nbf.templ-printpage.nbf.nbf-size-process .if6_section .if6_inner, body.nbf.templ-printwidepag.nbf.nbf-size-process .if6_section .if6_inner {
    padding-top: 1px;
    padding-bottom: 0
}

@media (min-width: 1280px) {
    body.nbf.templ-printpage.nbf-size-standard .if6_section .if6_inner, body.nbf.templ-printwidepag.nbf-size-standard .if6_section .if6_inner, body.nbf.templ-printpage.nbf.nbf-size-process .if6_section .if6_inner, body.nbf.templ-printwidepag.nbf.nbf-size-process .if6_section .if6_inner {
        width: 960px
    }
}

body.nbf.templ-printpage .block, body.nbf.templ-printwidepag .block {
    border-top: 0
}

body.nbf.templ-printpage .block.nbf-gv, body.nbf.templ-printwidepag .block.nbf-gv {
    padding: 0
}

body.nbf.templ-printpage .placeholder-dashed, body.nbf.templ-printwidepag .placeholder-dashed {
    display: block;
    height: 48px;
    width: 48px;
    padding: 0;
    border: 1px dashed #aeaeae;
    border-radius: 50%
}

@media screen and (max-width: 995px) {
    body.nbf.templ-printpage .placeholder-dashed, body.nbf.templ-printwidepag .placeholder-dashed {
        height: 42px;
        width: 42px
    }
}

body.nbf.templ-printpage .block.nbf-gv-header, body.nbf.templ-printwidepag .block.nbf-gv-header {
    margin-left: 24px;
    margin-right: 24px;
    padding: 0 0 10px 0;
    margin-bottom: 24px
}

body.nbf.templ-printpage .block.nbf-gv-header h1.contentbereichHeadline, body.nbf.templ-printwidepag .block.nbf-gv-header h1.contentbereichHeadline {
    color: #000;
    font: bold 23px/30px SparkasseWeb, Helvetica, Arial, sans-serif;
    letter-spacing: -0.3px;
    padding: 0;
    margin-bottom: 9px
}

body.nbf.templ-printpage .footnote, body.nbf.templ-printwidepag .footnote {
    padding: 0 20px;
    margin-bottom: 24px;
    color: #292929
}

body.nbf.templ-printpage section[role="main"] .if6_inner > .parsys, body.nbf.templ-printwidepag section[role="main"] .if6_inner > .parsys {
    margin-right: 0
}

body.nbf.templ-printpage section[role="main"] .if6_inner > .parsys .cbox.cbox-banking.cbox-large.section, body.nbf.templ-printwidepag section[role="main"] .if6_inner > .parsys .cbox.cbox-banking.cbox-large.section {
    border: 0
}

body.nbf.templ-printpage .cbox.cbox-banking .block:last-child, body.nbf.templ-printwidepag .cbox.cbox-banking .block:last-child {
    padding: 6px 0 0 0;
    margin: 24px 24px 0 24px;
    border-top: 1px solid #bebebe;
    color: #565656
}

body.nbf.templ-printpage .bpulldown, body.nbf.templ-printwidepag .bpulldown {
    margin: 0 1px 0 0;
    display: inline-table;
    vertical-align: middle;
    pointer-events: none
}

body.nbf.templ-printpage .bpulldown > div:last-child, body.nbf.templ-printwidepag .bpulldown > div:last-child {
    margin: 0;
    position: relative;
    bottom: 0;
    height: auto
}

body.nbf.templ-printpage .bpulldown > div:last-child:before, body.nbf.templ-printwidepag .bpulldown > div:last-child:before, body.nbf.templ-printpage .bpulldown > div:last-child:after, body.nbf.templ-printwidepag .bpulldown > div:last-child:after {
    display: none
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .umsatz-group, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .umsatz-group {
    transition: none;
    pointer-events: none;
    box-shadow: none
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .umsatz-group:hover, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .umsatz-group:hover {
    transition: none;
    pointer-events: none;
    box-shadow: none
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-row .nbf-col.nbf-box__content, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-row .nbf-col.nbf-box__content {
    padding-left: 12px;
    padding-right: 12px
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box .nbf-col.nbf-box__image {
    padding-left: 0
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .bpulldown, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bpulldown {
    margin-top: 0
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .bpulldown .bcategory, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bpulldown .bcategory {
    position: relative;
    bottom: 0
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter {
    padding: 0 24px;
    top: 0;
    height: auto
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter::after, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter::after {
    content: "";
    display: table;
    clear: both
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt {
    height: auto
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt::after, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt::after {
    content: "";
    display: table;
    clear: both
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements {
    overflow: visible;
    margin: 0;
    padding: 0;
    position: relative
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory, body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
    top: -5px;
    line-height: 1
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory::after, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory::after, body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag::after, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag::after {
    display: none
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory span, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory span, body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag span, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag span {
    padding-left: 26px
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory span::before, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory span::before, body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag span::before, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag span::before {
    margin-left: -30px
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-row, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-row {
    margin-left: 0;
    margin-right: 0
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-row.nbf-row--indent, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-row.nbf-row--indent {
    padding-left: 60px
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-row.nbf-row--indent .nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-row.nbf-row--indent .nbf-box__amount.nbf-col--right {
    padding-right: 0
}

@media screen and (max-width: 995px) {
    body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-row, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-row {
        flex-wrap: wrap;
        flex-direction: column;
        flex-basis: 100%
    }

    body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-row .nbf-col {
        max-width: 100%;
        flex-basis: 100%
    }

    body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-row .nbf-col.wertstellung, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-row .nbf-col.wertstellung, body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-row .nbf-col.buchung, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-row .nbf-col.buchung {
        display: none
    }
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .image, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .image {
    min-width: 60px;
    max-width: 60px
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .buchungstext, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .buchungstext {
    min-width: 380px;
    max-width: 380px;
    padding-right: 40px;
    padding-left: 0
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .buchungstext .chopped, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .buchungstext .chopped {
    white-space: normal
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .buchung, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .buchung {
    min-width: 88px;
    max-width: 88px
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .wertstellung, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .wertstellung {
    min-width: 110px
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .buchung, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .buchung, body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .wertstellung, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .wertstellung {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #565656;
    text-transform: uppercase
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .wertstellung, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .wertstellung {
    padding-left: 12px
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .buchung, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .buchung {
    padding-left: 0
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group, body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group {
    transition: none;
    pointer-events: none;
    box-shadow: none
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group:hover, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group:hover, body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group:hover, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group:hover {
    transition: none;
    pointer-events: none;
    box-shadow: none
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .buchung, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .buchung, body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .buchung, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .buchung, body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .wertstellung, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .wertstellung, body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .wertstellung, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .wertstellung {
    position: relative;
    align-self: center;
    color: #292929
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .wertstellung::before, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .wertstellung::before, body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .wertstellung::before, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .wertstellung::before {
    content: "";
    width: 1px;
    height: 12px;
    background: #bebebe;
    left: -2px;
    position: absolute;
    top: calc(50% - 6px)
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box, body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box {
    background: transparent;
    padding-top: 24px;
    padding-bottom: 24px
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-col.nbf-box__image, body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-col.nbf-box__image {
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
    margin-right: 12px
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-col.nbf-box__image.finaccount.ixxl, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-col.nbf-box__image.finaccount.ixxl, body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-col.nbf-box__image.finaccount.ixxl, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-col.nbf-box__image.finaccount.ixxl {
    width: 48px;
    height: 48px
}

@media screen and (max-width: 995px) {
    body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-col.nbf-box__image.finaccount.ixxl, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-col.nbf-box__image.finaccount.ixxl, body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-col.nbf-box__image.finaccount.ixxl, body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-col.nbf-box__image.finaccount.ixxl {
        width: 42px;
        height: 42px;
        margin-bottom: 12px
    }
}

body.nbf.templ-printpage .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__content:not(.wertstellung), body.nbf.templ-printwidepag .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__content:not(.wertstellung) {
    padding-left: 0
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header {
    padding: 24px 0 24px 0
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header .nbf-row, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header .nbf-row, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header .nbf-row, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header .nbf-row, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-row, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-row, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row {
    margin: 0
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header .nbf-box__image.finaccount, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header .nbf-box__image.finaccount, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header .nbf-box__image.finaccount, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header .nbf-box__image.finaccount, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-box__image.finaccount, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-box__image.finaccount, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-box__image.finaccount, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-box__image.finaccount {
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header .nbf-box__image.finaccount .placeholder-dashed, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header .nbf-box__image.finaccount .placeholder-dashed, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header .nbf-box__image.finaccount .placeholder-dashed, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header .nbf-box__image.finaccount .placeholder-dashed, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-box__image.finaccount .placeholder-dashed, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-box__image.finaccount .placeholder-dashed, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-box__image.finaccount .placeholder-dashed, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-box__image.finaccount .placeholder-dashed {
    box-sizing: border-box;
    padding: 0
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header .nbf-balance span.balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header .nbf-balance span.balance-predecimal, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header .nbf-balance span.balance-predecimal, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header .nbf-balance span.balance-predecimal, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-balance span.balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-balance span.balance-predecimal, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-balance span.balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-balance span.balance-predecimal, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header .nbf-balance span.balance-decimal, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header .nbf-balance span.balance-decimal, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header .nbf-balance span.balance-decimal, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header .nbf-balance span.balance-decimal, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-balance span.balance-decimal, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-balance span.balance-decimal, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-balance span.balance-decimal, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-balance span.balance-decimal {
    padding: 0;
    background-color: transparent
}

body.nbf.templ-printpage .nbf-gv.umsatzliste #auftragskontoBlock .nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-gv.umsatzliste #auftragskontoBlock .nbf-box__amount.nbf-col--right, body.nbf.templ-printpage .nbf-finanzstatus #auftragskontoBlock .nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-finanzstatus #auftragskontoBlock .nbf-box__amount.nbf-col--right, body.nbf.templ-printpage .nbf-gv.umsatzdetails #auftragskontoBlock .nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails #auftragskontoBlock .nbf-box__amount.nbf-col--right, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box__amount.nbf-col--right {
    padding-right: 0
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .bpulldown > div:last-child, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bpulldown > div:last-child, body.nbf.templ-printpage .nbf-finanzstatus .bpulldown > div:last-child, body.nbf.templ-printwidepag .nbf-finanzstatus .bpulldown > div:last-child, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bpulldown > div:last-child, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bpulldown > div:last-child, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bpulldown > div:last-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bpulldown > div:last-child {
    position: relative;
    bottom: 0
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box__amount .nbf-balance span.balance-predecimal.plus, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box__amount .nbf-balance span.balance-predecimal.plus, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box__amount .nbf-balance span.balance-predecimal.plus, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box__amount .nbf-balance span.balance-predecimal.plus, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box__amount .nbf-balance span.balance-predecimal.plus, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box__amount .nbf-balance span.balance-predecimal.plus, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box__amount .nbf-balance span.balance-predecimal.plus, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box__amount .nbf-balance span.balance-predecimal.plus, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box__amount .nbf-balance span.balance-predecimal.minus, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box__amount .nbf-balance span.balance-predecimal.minus, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box__amount .nbf-balance span.balance-predecimal.minus, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box__amount .nbf-balance span.balance-predecimal.minus, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box__amount .nbf-balance span.balance-predecimal.minus, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box__amount .nbf-balance span.balance-predecimal.minus, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box__amount .nbf-balance span.balance-predecimal.minus, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box__amount .nbf-balance span.balance-predecimal.minus, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box__amount .nbf-balance span.balance-decimal.plus, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box__amount .nbf-balance span.balance-decimal.plus, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box__amount .nbf-balance span.balance-decimal.plus, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box__amount .nbf-balance span.balance-decimal.plus, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box__amount .nbf-balance span.balance-decimal.plus, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box__amount .nbf-balance span.balance-decimal.plus, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box__amount .nbf-balance span.balance-decimal.plus, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box__amount .nbf-balance span.balance-decimal.plus, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box__amount .nbf-balance span.balance-decimal.minus, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box__amount .nbf-balance span.balance-decimal.minus, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box__amount .nbf-balance span.balance-decimal.minus, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box__amount .nbf-balance span.balance-decimal.minus, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box__amount .nbf-balance span.balance-decimal.minus, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box__amount .nbf-balance span.balance-decimal.minus, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box__amount .nbf-balance span.balance-decimal.minus, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box__amount .nbf-balance span.balance-decimal.minus {
    background-color: transparent
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box.group-header, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box.group-header, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box.group-header, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box.group-header, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box.group-header, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box.group-header, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box.group-header, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box.group-header {
    border: 1px solid transparent;
    padding-bottom: 12px
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .no-umsatz, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .no-umsatz {
    justify-content: center
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header {
    margin: 0 24px
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-col.nbf-box__content, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-col.nbf-box__content {
    padding-left: 0
}

body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-col.nbf-box__amount.nbf-col--right {
    align-items: baseline
}

body.nbf.templ-printpage .nbf-gv.umsatzliste #auftragskontoBlock, body.nbf.templ-printwidepag .nbf-gv.umsatzliste #auftragskontoBlock {
    padding: 0
}

body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container {
    max-width: 100%;
    width: 100%
}

body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium {
    max-width: 100%;
    width: 100%;
    padding-right: 0
}

body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .with-border, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .with-border {
    box-shadow: none
}

body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .bpulldown .bcategory, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .bpulldown .bcategory, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .bpulldown .bcategory, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .bpulldown .bcategory {
    margin-top: 0;
    padding: 6px 8px
}

body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .bpulldown .bcategory + div, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .bpulldown .bcategory + div, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .bpulldown .bcategory + div, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .bpulldown .bcategory + div {
    display: none
}

body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount > .bpulldown, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount > .bpulldown, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .btag-group > .bpulldown, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .btag-group > .bpulldown {
    margin-top: 0
}

body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount > .bpulldown .bcategory:first-child, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount > .bpulldown .bcategory:first-child, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .btag-group > .bpulldown .bcategory:first-child, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .btag-group > .bpulldown .bcategory:first-child {
    margin-left: 0
}

body.nbf.templ-printpage .nbf-gv.umsatzdetails.nbf-has-upward-backbutton .nbf-box--header .nbf-row, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails.nbf-has-upward-backbutton .nbf-box--header .nbf-row {
    margin-left: -12px;
    margin-right: -12px
}

body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-box__subtitle.chopped, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-box__subtitle.chopped {
    max-width: 100%;
    max-height: 20px
}

body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box.nbf-box--header .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box.nbf-box--header .nbf-col.nbf-box__image {
    padding-right: 0
}

body.nbf.templ-printpage .nbfSuchergebnis .nbfUmsatzAnzahl, body.nbf.templ-printwidepag .nbfSuchergebnis .nbfUmsatzAnzahl {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif
}

body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .bline.btext-only:first-child .kontoHeadline, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .bline.btext-only:first-child .kontoHeadline {
    font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #292929;
    margin-bottom: 9px
}

body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box > div.bline:last-child, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box > div.bline:last-child {
    padding-right: 24px
}

@media screen and (max-width: 726px) {
    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box > div.bline:last-child, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box > div.bline:last-child {
        padding-right: 20px
    }
}

body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right {
    width: auto
}

body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right .nbf-balance .balance-decimal, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right .nbf-balance .balance-decimal {
    padding-right: 0
}

body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance {
    width: 360px;
    flex-wrap: nowrap
}

body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-label, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-label {
    text-align: left
}

body.nbf.templ-printpage .nbf-finanzstatus .block .nbf-container-box.nbf-link-only, body.nbf.templ-printwidepag .nbf-finanzstatus .block .nbf-container-box.nbf-link-only {
    border: 0;
    padding: 0 0 12px 0
}

body.nbf.templ-printpage .nbf-finanzstatus .block .nbf-container-box.nbf-link-only h3.kontoHeadline, body.nbf.templ-printwidepag .nbf-finanzstatus .block .nbf-container-box.nbf-link-only h3.kontoHeadline {
    font: 18px/24px SparkasseWebMedium, Helvetica, Arial, sans-serif;
    color: #292929;
    margin-bottom: 0
}

body.nbf.templ-printpage .nbf-finanzstatus .footer, body.nbf.templ-printwidepag .nbf-finanzstatus .footer {
    padding-right: 24px
}

@media screen and (max-width: 727px) {
    body.nbf.templ-printpage .nbf-finanzstatus .footer, body.nbf.templ-printwidepag .nbf-finanzstatus .footer {
        padding-right: 20px
    }
}

@media screen and (max-width: 767px) {
    body.nbf.templ-printpage .nbf-finanzstatus .footer .bline div.right, body.nbf.templ-printwidepag .nbf-finanzstatus .footer .bline div.right {
        text-align: left
    }
}

body.nbf.templ-printpage .nbf-finanzstatus .footer .bline > .nbf-balance, body.nbf.templ-printwidepag .nbf-finanzstatus .footer .bline > .nbf-balance {
    width: 360px;
    flex-wrap: nowrap
}

body.nbf.templ-printpage .nbf-finanzstatus .footer .bline > .nbf-balance .balance-label, body.nbf.templ-printwidepag .nbf-finanzstatus .footer .bline > .nbf-balance .balance-label {
    margin-bottom: 0;
    margin-left: 0
}

body.nbf.templ-printpage .nbf-finanzstatus .footer .bline > .nbf-balance .balance-predecimal, body.nbf.templ-printwidepag .nbf-finanzstatus .footer .bline > .nbf-balance .balance-predecimal, body.nbf.templ-printpage .nbf-finanzstatus .footer .bline > .nbf-balance .balance-decimal, body.nbf.templ-printwidepag .nbf-finanzstatus .footer .bline > .nbf-balance .balance-decimal {
    background: transparent;
    padding: 0
}

body.nbf.templ-printpage .nbf-finanzstatus .footnote .bline + .bline.btext-only, body.nbf.templ-printwidepag .nbf-finanzstatus .footnote .bline + .bline.btext-only {
    padding-top: 0
}

body.nbf.templ-printpage .nbf-finanzstatus .konto-group .nbf-row.nbf-row--colored.bmessage, body.nbf.templ-printwidepag .nbf-finanzstatus .konto-group .nbf-row.nbf-row--colored.bmessage {
    background-color: unset
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-vorlage-meldung::before, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-vorlage-meldung::before {
    color: #666;
    margin-right: 3px
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 24px
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-row .nbf-col {
    padding-left: 6px;
    padding-right: 6px
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box--header, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box--header {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box--header .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box--header .nbf-col.nbf-box__image {
    padding: 0;
    margin-right: 6px
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .bline, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .bline {
    margin: 12px 22px
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .bline > div, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .bline > div {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block {
    border-bottom: .5pt solid #e3e3e3
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block + .nbf-box.nbf-box--grey, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block + .nbf-box.nbf-box--grey {
    margin-top: -1px
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .block.success-msg, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .block.success-msg {
    margin-bottom: 24px
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .block.success-msg + #auftragskontoBlock, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .block.success-msg + #auftragskontoBlock {
    margin-left: 24px;
    margin-right: 24px
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .block.success-msg + .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box.nbf-box--header, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .block.success-msg + .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box.nbf-box--header {
    margin-left: 24px;
    margin-right: 24px
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box {
    padding: 12px 0
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row {
    margin: 0
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col {
    padding: 0
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col .block, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col .block, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col .block, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col .block {
    padding: 12px 20px;
    border-bottom: 1px solid #e3e3e3
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col .block:first-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col .block:first-child, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col .block:first-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col .block:first-child {
    padding-top: 0
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col .block:last-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col .block:last-child, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col .block:last-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col .block:last-child {
    padding-bottom: 0;
    border: 0;
    margin: 0
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .block.blockpart-container.with-nice-part-separator, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .block.blockpart-container.with-nice-part-separator {
    padding-left: 0;
    padding-right: 0
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .block.blockpart-container.with-nice-part-separator .blockpart-small.no-padding-top-bottom, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .block.blockpart-container.with-nice-part-separator .blockpart-small.no-padding-top-bottom {
    padding-left: 20px;
    padding-right: 20px
}

body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .block.blockpart-container.with-nice-part-separator .blockpart-small:first-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .block.blockpart-container.with-nice-part-separator .blockpart-small:first-child {
    padding-left: 0
}

body.nbf.templ-printpage .buttonline, body.nbf.templ-printwidepag .buttonline {
    padding: 0 24px
}

body.nbf.templ-printpage .buttonline .bgroup4, body.nbf.templ-printwidepag .buttonline .bgroup4 {
    display: flex;
    justify-content: flex-end;
    position: relative;
    top: -43px
}

@media screen and (max-width: 767px) {
    body.nbf.templ-printpage .buttonline .bgroup4, body.nbf.templ-printwidepag .buttonline .bgroup4 {
        justify-content: center;
        top: unset;
        padding-bottom: 24px;
        margin-top: 12px
    }
}

body.nbf.templ-printpage .buttonline .bgroup4 > a, body.nbf.templ-printwidepag .buttonline .bgroup4 > a {
    margin: 0 24px 0 0;
    padding: 0;
    display: flex;
    align-items: center
}

body.nbf.templ-printpage .buttonline .bgroup4 > a::before, body.nbf.templ-printwidepag .buttonline .bgroup4 > a::before {
    margin-right: 6px
}

body.nbf.templ-printpage .buttonline .bgroup4 > a.icon-if5_b_druckansicht_drucken::before, body.nbf.templ-printwidepag .buttonline .bgroup4 > a.icon-if5_b_druckansicht_drucken::before, body.nbf.templ-printpage .buttonline .bgroup4 > a.icon-if5_b_druckansicht_schliessen::before, body.nbf.templ-printwidepag .buttonline .bgroup4 > a.icon-if5_b_druckansicht_schliessen::before {
    border: 0;
    font-size: 22px;
    line-height: .8;
    width: 22px;
    height: 22px
}

body.nbf.templ-printpage .buttonline .bgroup4 > a:last-child, body.nbf.templ-printwidepag .buttonline .bgroup4 > a:last-child {
    margin-right: 0
}

@page {
    size: auto;
    margin: 1cm 2cm 1cm 2cm
}

@media print {
    body.nbf {
        box-sizing: border-box;
        font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #292929
    }

    body.nbf .if6_header {
        display: block !important;
        margin-bottom: 24px
    }

    body.nbf .if6_section .if6_inner {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important
    }

    body.nbf .nbf-gv.umsatzliste .umsatz-group .nbf-box, body.nbf .nbf-finanzstatus .nbf-box {
        break-inside: avoid
    }

    body.nbf .umsatz-group, body.nbf .box-group, body.nbf .konto-group, body.nbf .nbf-gv.umsatzdetails .blockpart-container .with-border, body.nbf .nbf-box.nbf-box--border {
        border-radius: 10pt;
        box-shadow: none
    }

    body.nbf.templ-printpage .if6_header, body.nbf.templ-printwidepag .if6_header, body.nbf.templ-printpage .if6_iconbar, body.nbf.templ-printwidepag .if6_iconbar, body.nbf.templ-printpage .if6_breadcrumb, body.nbf.templ-printwidepag .if6_breadcrumb, body.nbf.templ-printpage #acs-commons-env-indicator, body.nbf.templ-printwidepag #acs-commons-env-indicator, body.nbf.templ-printpage .campaign, body.nbf.templ-printwidepag .campaign, body.nbf.templ-printpage .buttonline .bgroup4, body.nbf.templ-printwidepag .buttonline .bgroup4 {
        display: none
    }

    body.nbf.templ-printpage .block + .block, body.nbf.templ-printwidepag .block + .block {
        border: 0
    }

    body.nbf.templ-printpage .block + .block::before, body.nbf.templ-printwidepag .block + .block::before, body.nbf.templ-printpage .block + .block::after, body.nbf.templ-printwidepag .block + .block::after {
        display: none !important
    }

    body.nbf.templ-printpage .if6_header .if6_inner, body.nbf.templ-printwidepag .if6_header .if6_inner {
        width: 760px
    }

    body.nbf.templ-printpage section[role="main"] .if6_inner, body.nbf.templ-printwidepag section[role="main"] .if6_inner {
        padding-top: 30px;
        width: 760px
    }

    body.nbf.templ-printpage section[role="main"] .if6_inner > .parsys, body.nbf.templ-printwidepag section[role="main"] .if6_inner > .parsys {
        margin-right: 0
    }

    body.nbf.templ-printpage section[role="main"] .if6_inner > .parsys .cbox.cbox-banking.cbox-large.section, body.nbf.templ-printwidepag section[role="main"] .if6_inner > .parsys .cbox.cbox-banking.cbox-large.section {
        border: 0
    }

    body.nbf.templ-printpage section[role="main"] .if6_inner > .parsys > *, body.nbf.templ-printwidepag section[role="main"] .if6_inner > .parsys > * {
        margin: 0;
        padding-right: 0;
        margin-bottom: 0
    }

    body.nbf.templ-printpage .cbox-banking, body.nbf.templ-printwidepag .cbox-banking {
        border-top: 0;
        font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
        color: #292929
    }

    body.nbf.templ-printpage .print .footnote, body.nbf.templ-printwidepag .print .footnote {
        padding: 0 12px 0 12px;
        margin-bottom: 12px;
        line-height: 12pt;
        color: #292929
    }

    body.nbf.templ-printpage .cbox.cbox-banking .block:last-child, body.nbf.templ-printwidepag .cbox.cbox-banking .block:last-child {
        padding: 3px 0 0 0;
        margin: 12px 12px 0 12px;
        border-top: 1pt solid #bebebe
    }

    body.nbf.templ-printpage .block.nbf-gv-header, body.nbf.templ-printwidepag .block.nbf-gv-header {
        padding: 0 12px;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 12px;
        border-bottom: 0
    }

    body.nbf.templ-printpage .block.nbf-gv-header h1.contentbereichHeadline, body.nbf.templ-printwidepag .block.nbf-gv-header h1.contentbereichHeadline {
        font-weight: bold;
        padding: 0;
        color: #292929
    }

    body.nbf.templ-printpage .no-umsatz > div, body.nbf.templ-printwidepag .no-umsatz > div {
        margin: 0 auto
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header {
        border-width: .5pt;
        padding: 12px 0;
        margin-left: 12px;
        margin-right: 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header .nbf-row, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header .nbf-row, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header .nbf-row, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header .nbf-row, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-row, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-row, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row {
        margin-right: 0;
        margin-left: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col {
        padding-right: 0;
        padding-left: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col.nbf-box__image {
        width: 30px;
        height: 30px;
        max-width: 30px;
        padding: 0;
        margin-right: 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col.nbf-box__image.finaccount > svg, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col.nbf-box__image.finaccount > svg, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col.nbf-box__image.finaccount > svg, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col.nbf-box__image.finaccount > svg, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col.nbf-box__image.finaccount > svg, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col.nbf-box__image.finaccount > svg, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col.nbf-box__image.finaccount > svg, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col.nbf-box__image.finaccount > svg {
        width: 30px;
        height: 30px;
        max-width: 30px;
        max-height: 30px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.plus, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.plus, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.plus, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.plus, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.plus, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.plus, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.plus, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.plus, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.minus, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.minus, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.minus, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.minus, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.minus, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.minus, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.minus, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col.nbf-box__amount span.balance-predecimal.minus {
        font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
        background-color: transparent
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.plus, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.plus, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.plus, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.plus, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.plus, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.plus, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.plus, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.plus, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.minus, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.minus, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.minus, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.minus, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.minus, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.minus, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.minus, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col.nbf-box__amount .balance-decimal.minus {
        font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
        background-color: transparent;
        padding-right: 0;
        margin: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-row .nbf-col.nbf-box__amount.nbf-col--right {
        padding-right: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.umsatzliste #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printpage .nbf-finanzstatus #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-finanzstatus #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printpage .nbf-gv.umsatzdetails #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__image {
        padding: 0;
        margin-right: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__content, body.nbf.templ-printwidepag .nbf-gv.umsatzliste #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__content, body.nbf.templ-printpage .nbf-finanzstatus #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__content, body.nbf.templ-printwidepag .nbf-finanzstatus #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__content, body.nbf.templ-printpage .nbf-gv.umsatzdetails #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__content, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__content, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__content, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box--header .nbf-row .nbf-col.nbf-box__content {
        padding-left: 6px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--border, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--border, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--border, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--border, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--border, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--border, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--border, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--border {
        border-width: .5pt
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box__content .nbf-box__title, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box__content .nbf-box__title, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box__content .nbf-box__title, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box__content .nbf-box__title, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box__content .nbf-box__title, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box__content .nbf-box__title, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box__content .nbf-box__title, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box__content .nbf-box__title {
        font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
        margin: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box__content .nbf-box__title + .nbf-box__additional, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box__content .nbf-box__title + .nbf-box__additional, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box__content .nbf-box__title + .nbf-box__additional, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box__content .nbf-box__title + .nbf-box__additional, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box__content .nbf-box__title + .nbf-box__additional, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box__content .nbf-box__title + .nbf-box__additional, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box__content .nbf-box__title + .nbf-box__additional, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box__content .nbf-box__title + .nbf-box__additional {
        padding-top: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box__content .nbf-box__subtitle, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box__content .nbf-box__subtitle, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box__content .nbf-box__subtitle, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box__content .nbf-box__subtitle, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box__content .nbf-box__subtitle, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box__content .nbf-box__subtitle, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box__content .nbf-box__subtitle, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box__content .nbf-box__subtitle {
        color: #565656;
        line-height: 1.2
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box__content .nbf-box__subtitle strong, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box__content .nbf-box__subtitle strong, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box__content .nbf-box__subtitle strong, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box__content .nbf-box__subtitle strong, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box__content .nbf-box__subtitle strong, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box__content .nbf-box__subtitle strong, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box__content .nbf-box__subtitle strong, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box__content .nbf-box__subtitle strong {
        font-weight: bold
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box__content .nbf-box__subtitle + .nbf-box__additional, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box__content .nbf-box__subtitle + .nbf-box__additional, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box__content .nbf-box__subtitle + .nbf-box__additional, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box__content .nbf-box__subtitle + .nbf-box__additional, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box__content .nbf-box__subtitle + .nbf-box__additional, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box__content .nbf-box__subtitle + .nbf-box__additional, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box__content .nbf-box__subtitle + .nbf-box__additional, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box__content .nbf-box__subtitle + .nbf-box__additional {
        padding-top: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box__content .nbf-box__additional, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box__content .nbf-box__additional, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box__content .nbf-box__additional, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box__content .nbf-box__additional, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box__content .nbf-box__additional, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box__content .nbf-box__additional, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box__content .nbf-box__additional, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box__content .nbf-box__additional {
        margin-top: 3px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-umsatzdrucken, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-umsatzdrucken, body.nbf.templ-printpage .nbf-finanzstatus .nbf-umsatzdrucken, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-umsatzdrucken, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-umsatzdrucken, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-umsatzdrucken, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-umsatzdrucken, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-umsatzdrucken {
        margin-bottom: 14px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-umsatzdrucken > div:first-child, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-umsatzdrucken > div:first-child, body.nbf.templ-printpage .nbf-finanzstatus .nbf-umsatzdrucken > div:first-child, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-umsatzdrucken > div:first-child, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-umsatzdrucken > div:first-child, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-umsatzdrucken > div:first-child, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-umsatzdrucken > div:first-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-umsatzdrucken > div:first-child {
        margin-top: 12px;
        padding: 0 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-umsatzdrucken .nbfUmsatzAnzahl, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-umsatzdrucken .nbfUmsatzAnzahl, body.nbf.templ-printpage .nbf-finanzstatus .nbf-umsatzdrucken .nbfUmsatzAnzahl, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-umsatzdrucken .nbfUmsatzAnzahl, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-umsatzdrucken .nbfUmsatzAnzahl, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-umsatzdrucken .nbfUmsatzAnzahl, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-umsatzdrucken .nbfUmsatzAnzahl, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-umsatzdrucken .nbfUmsatzAnzahl {
        font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
        font-weight: bold
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-umsatzdrucken .nbfUmsatzZeitraum, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-umsatzdrucken .nbfUmsatzZeitraum, body.nbf.templ-printpage .nbf-finanzstatus .nbf-umsatzdrucken .nbfUmsatzZeitraum, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-umsatzdrucken .nbfUmsatzZeitraum, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-umsatzdrucken .nbfUmsatzZeitraum, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-umsatzdrucken .nbfUmsatzZeitraum, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-umsatzdrucken .nbfUmsatzZeitraum, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-umsatzdrucken .nbfUmsatzZeitraum {
        font-weight: bold
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-balance .asset-attachment::before, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-balance .asset-attachment::before, body.nbf.templ-printpage .nbf-finanzstatus .nbf-balance .asset-attachment::before, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-balance .asset-attachment::before, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-balance .asset-attachment::before, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-balance .asset-attachment::before, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-balance .asset-attachment::before, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-balance .asset-attachment::before {
        margin-top: -4px;
        margin-left: -12px;
        height: 12px;
        width: 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-balance .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-balance .balance-predecimal, body.nbf.templ-printpage .nbf-finanzstatus .nbf-balance .balance-predecimal, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-balance .balance-predecimal, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-balance .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-balance .balance-predecimal, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-balance .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-balance .balance-predecimal, body.nbf.templ-printpage .nbf-gv.umsatzliste .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .balance-predecimal, body.nbf.templ-printpage .nbf-finanzstatus .balance-predecimal, body.nbf.templ-printwidepag .nbf-finanzstatus .balance-predecimal, body.nbf.templ-printpage .nbf-gv.umsatzdetails .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .balance-predecimal, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .balance-predecimal {
        background: transparent;
        padding-left: 18px;
        align-self: flex-end;
        padding-top: 0;
        padding-bottom: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-balance .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-balance .balance-decimal, body.nbf.templ-printpage .nbf-finanzstatus .nbf-balance .balance-decimal, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-balance .balance-decimal, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-balance .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-balance .balance-decimal, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-balance .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-balance .balance-decimal, body.nbf.templ-printpage .nbf-gv.umsatzliste .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .balance-decimal, body.nbf.templ-printpage .nbf-finanzstatus .balance-decimal, body.nbf.templ-printwidepag .nbf-finanzstatus .balance-decimal, body.nbf.templ-printpage .nbf-gv.umsatzdetails .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .balance-decimal, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .balance-decimal, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.plus, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.plus, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.plus, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.plus, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.plus, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.plus, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.plus, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.plus, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.minus, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.minus, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.minus, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.minus, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.minus, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.minus, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.minus, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-decimal.minus, body.nbf.templ-printpage .nbf-gv.umsatzliste .footer > .bline > .nbf-balance .balance-decimal.plus, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .footer > .bline > .nbf-balance .balance-decimal.plus, body.nbf.templ-printpage .nbf-finanzstatus .footer > .bline > .nbf-balance .balance-decimal.plus, body.nbf.templ-printwidepag .nbf-finanzstatus .footer > .bline > .nbf-balance .balance-decimal.plus, body.nbf.templ-printpage .nbf-gv.umsatzdetails .footer > .bline > .nbf-balance .balance-decimal.plus, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .footer > .bline > .nbf-balance .balance-decimal.plus, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .footer > .bline > .nbf-balance .balance-decimal.plus, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .footer > .bline > .nbf-balance .balance-decimal.plus, body.nbf.templ-printpage .nbf-gv.umsatzliste .footer > .bline > .nbf-balance .balance-decimal.minus, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .footer > .bline > .nbf-balance .balance-decimal.minus, body.nbf.templ-printpage .nbf-finanzstatus .footer > .bline > .nbf-balance .balance-decimal.minus, body.nbf.templ-printwidepag .nbf-finanzstatus .footer > .bline > .nbf-balance .balance-decimal.minus, body.nbf.templ-printpage .nbf-gv.umsatzdetails .footer > .bline > .nbf-balance .balance-decimal.minus, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .footer > .bline > .nbf-balance .balance-decimal.minus, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .footer > .bline > .nbf-balance .balance-decimal.minus, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .footer > .bline > .nbf-balance .balance-decimal.minus {
        line-height: 1;
        background: transparent;
        align-self: flex-end;
        padding-top: 0;
        padding-bottom: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-list-heading, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-list-heading, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-list-heading, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-list-heading, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-list-heading, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-list-heading, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-list-heading, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-list-heading {
        min-height: auto;
        font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
        padding-left: 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header {
        margin: 12px 0 0 0;
        padding: 6px 0;
        border: .5pt solid transparent
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group {
        margin-top: 6px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box {
        padding: 6px 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header {
        border: .5pt solid transparent
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row {
        margin: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.image, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.image, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.image, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.image, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.image, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.image, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.image, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.image {
        flex-grow: 0;
        min-width: 36px;
        max-width: 36px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext {
        flex-grow: 0;
        min-width: 550px;
        max-width: 550px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchung, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchung, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchung, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchung, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchung, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchung, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchung, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchung {
        flex-grow: 0;
        text-transform: uppercase;
        color: #565656;
        padding-right: 0;
        letter-spacing: 1px;
        min-width: 78px;
        max-width: 78px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.wertstellung, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.wertstellung, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.wertstellung, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.wertstellung, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.wertstellung, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.wertstellung, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.wertstellung, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.wertstellung {
        text-transform: uppercase;
        color: #565656;
        padding-left: 6px;
        letter-spacing: 1px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group {
        transition: none;
        pointer-events: none;
        box-shadow: none;
        border: .5pt solid #bebebe
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box {
        pointer-events: none;
        padding: 6px 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row {
        align-items: center;
        margin: 0 0 0 -12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent {
        position: relative;
        margin-left: 0;
        padding-left: 0;
        left: 24px;
        width: calc(100% - 24px)
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent:last-child, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent:last-child, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent:last-child, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent:last-child, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent:last-child, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent:last-child, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent:last-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row.nbf-row--indent:last-child, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent:last-child, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent:last-child, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent:last-child, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent:last-child, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent:last-child, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent:last-child, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent:last-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row.nbf-row--indent:last-child {
        margin-bottom: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col {
        position: relative;
        overflow: visible;
        color: #565656
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image {
        align-self: flex-start;
        max-width: 30px;
        min-width: 30px;
        padding: 0;
        margin: 12px 0 0 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image > svg {
        width: 30px;
        height: 30px;
        max-width: 30px;
        max-height: 30px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__image .placeholder-dashed {
        width: 30px;
        height: 30px;
        max-width: 30px;
        min-width: 30px;
        padding: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__title, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__title, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__title, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__title, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__title, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__title, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__title, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__title, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__title, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__title, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__title, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__title, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__title, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__title, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__title, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__title {
        font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext {
        min-width: 550px;
        max-width: 550px;
        padding-left: 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchung, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchung, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchung, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchung, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchung, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchung, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchung, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchung, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchung, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchung, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchung, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchung, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchung, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchung, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchung, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchung {
        flex-grow: 0;
        padding-right: 0;
        min-width: 78px;
        max-width: 78px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung {
        flex-grow: 0;
        max-width: 110px;
        min-width: 110px;
        padding-left: 6px;
        margin-right: 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung::before, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung::before, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung::before, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung::before, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung::before, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung::before, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung::before, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.wertstellung::before, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung::before, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung::before, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung::before, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung::before, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung::before, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung::before, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung::before, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.wertstellung::before {
        content: "";
        width: 1px;
        height: 8px;
        background: #bebebe;
        left: 0;
        position: absolute;
        top: calc(50% - 4px)
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right {
        margin-left: auto;
        flex-basis: auto;
        max-width: initial;
        align-items: baseline
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.nbf-box__amount.nbf-col--right .bwaiting-indicator > div {
        width: 12px;
        height: 12px;
        max-height: 12px;
        margin: 0 2px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .chopped, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .chopped, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .chopped, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .chopped, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .chopped, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .chopped, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .chopped, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .chopped, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .chopped, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .chopped, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .chopped, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .chopped, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .chopped, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .chopped, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .chopped, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .chopped {
        white-space: normal;
        text-overflow: unset
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box__subtitle, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box__subtitle, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box__subtitle, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box__subtitle, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box__subtitle, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box__subtitle, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box__subtitle, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box__subtitle, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box__subtitle, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box__subtitle, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box__subtitle, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box__subtitle, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box__subtitle, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box__subtitle, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box__subtitle, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box__subtitle {
        color: #565656
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-predecimal, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-predecimal, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-predecimal, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-predecimal, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-predecimal, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-predecimal, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-predecimal, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-predecimal, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-predecimal, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-predecimal, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-predecimal, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-predecimal, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-predecimal, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-predecimal, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-predecimal, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-predecimal, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-predecimal, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-predecimal, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-predecimal, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-predecimal, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-predecimal {
        background: transparent
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-decimal, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-decimal, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-decimal, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-decimal, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-balance .balance-decimal, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-decimal, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-decimal, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-decimal, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-decimal, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-balance .balance-decimal, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-decimal, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-decimal, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-decimal, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-decimal, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .balance-decimal, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-decimal, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-decimal, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-decimal, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-decimal, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-decimal, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .balance-decimal {
        background: transparent
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row {
        margin-left: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bpulldown, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bpulldown, body.nbf.templ-printpage .nbf-finanzstatus .bpulldown, body.nbf.templ-printwidepag .nbf-finanzstatus .bpulldown, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bpulldown, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bpulldown, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bpulldown, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bpulldown {
        margin: 0 3px 0 0;
        display: inline-table;
        vertical-align: middle;
        pointer-events: none
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bpulldown > div:last-child, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bpulldown > div:last-child, body.nbf.templ-printpage .nbf-finanzstatus .bpulldown > div:last-child, body.nbf.templ-printwidepag .nbf-finanzstatus .bpulldown > div:last-child, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bpulldown > div:last-child, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bpulldown > div:last-child, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bpulldown > div:last-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bpulldown > div:last-child {
        margin: 0;
        position: relative;
        bottom: 0;
        height: auto
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bpulldown > div:last-child:before, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bpulldown > div:last-child:before, body.nbf.templ-printpage .nbf-finanzstatus .bpulldown > div:last-child:before, body.nbf.templ-printwidepag .nbf-finanzstatus .bpulldown > div:last-child:before, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bpulldown > div:last-child:before, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bpulldown > div:last-child:before, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bpulldown > div:last-child:before, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bpulldown > div:last-child:before, body.nbf.templ-printpage .nbf-gv.umsatzliste .bpulldown > div:last-child:after, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bpulldown > div:last-child:after, body.nbf.templ-printpage .nbf-finanzstatus .bpulldown > div:last-child:after, body.nbf.templ-printwidepag .nbf-finanzstatus .bpulldown > div:last-child:after, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bpulldown > div:last-child:after, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bpulldown > div:last-child:after, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bpulldown > div:last-child:after, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bpulldown > div:last-child:after {
        display: none
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bpulldown .bcategory, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bpulldown .bcategory, body.nbf.templ-printpage .nbf-finanzstatus .bpulldown .bcategory, body.nbf.templ-printwidepag .nbf-finanzstatus .bpulldown .bcategory, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bpulldown .bcategory, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bpulldown .bcategory, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bpulldown .bcategory, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bpulldown .bcategory, body.nbf.templ-printpage .nbf-gv.umsatzliste .bpulldown .btag, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bpulldown .btag, body.nbf.templ-printpage .nbf-finanzstatus .bpulldown .btag, body.nbf.templ-printwidepag .nbf-finanzstatus .bpulldown .btag, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bpulldown .btag, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bpulldown .btag, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bpulldown .btag, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bpulldown .btag {
        color: #565656;
        padding: 3px 6px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bpulldown .bcategory span[class^="icon-pfm_"], body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bpulldown .bcategory span[class^="icon-pfm_"], body.nbf.templ-printpage .nbf-finanzstatus .bpulldown .bcategory span[class^="icon-pfm_"], body.nbf.templ-printwidepag .nbf-finanzstatus .bpulldown .bcategory span[class^="icon-pfm_"], body.nbf.templ-printpage .nbf-gv.umsatzdetails .bpulldown .bcategory span[class^="icon-pfm_"], body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bpulldown .bcategory span[class^="icon-pfm_"], body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bpulldown .bcategory span[class^="icon-pfm_"], body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bpulldown .bcategory span[class^="icon-pfm_"], body.nbf.templ-printpage .nbf-gv.umsatzliste .bpulldown .bcategory .title, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bpulldown .bcategory .title, body.nbf.templ-printpage .nbf-finanzstatus .bpulldown .bcategory .title, body.nbf.templ-printwidepag .nbf-finanzstatus .bpulldown .bcategory .title, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bpulldown .bcategory .title, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bpulldown .bcategory .title, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bpulldown .bcategory .title, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bpulldown .bcategory .title {
        padding-left: 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bpulldown .bcategory span[class^="icon-pfm_"]::before, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bpulldown .bcategory span[class^="icon-pfm_"]::before, body.nbf.templ-printpage .nbf-finanzstatus .bpulldown .bcategory span[class^="icon-pfm_"]::before, body.nbf.templ-printwidepag .nbf-finanzstatus .bpulldown .bcategory span[class^="icon-pfm_"]::before, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bpulldown .bcategory span[class^="icon-pfm_"]::before, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bpulldown .bcategory span[class^="icon-pfm_"]::before, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bpulldown .bcategory span[class^="icon-pfm_"]::before, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bpulldown .bcategory span[class^="icon-pfm_"]::before, body.nbf.templ-printpage .nbf-gv.umsatzliste .bpulldown .bcategory .title::before, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bpulldown .bcategory .title::before, body.nbf.templ-printpage .nbf-finanzstatus .bpulldown .bcategory .title::before, body.nbf.templ-printwidepag .nbf-finanzstatus .bpulldown .bcategory .title::before, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bpulldown .bcategory .title::before, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bpulldown .bcategory .title::before, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bpulldown .bcategory .title::before, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bpulldown .bcategory .title::before {
        width: 12px;
        height: 12px;
        margin: 0;
        left: 3px;
        top: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box--header .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box--header .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box--header .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box--header .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box--header .nbf-col.nbf-box__image .placeholder-dashed, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-box__image .placeholder-dashed, body.nbf.templ-printpage .nbf-finanzstatus .nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-box__image .placeholder-dashed, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box__image .placeholder-dashed, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-box__image .placeholder-dashed, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-box__image .placeholder-dashed {
        width: 30px;
        height: 30px;
        max-width: 30px;
        min-width: 30px;
        padding: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter, body.nbf.templ-printpage .nbf-finanzstatus .bline.nbf-umsatzsuchefilter, body.nbf.templ-printwidepag .nbf-finanzstatus .bline.nbf-umsatzsuchefilter, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter {
        padding: 0 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter > div:first-child, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter > div:first-child, body.nbf.templ-printpage .nbf-finanzstatus .bline.nbf-umsatzsuchefilter > div:first-child, body.nbf.templ-printwidepag .nbf-finanzstatus .bline.nbf-umsatzsuchefilter > div:first-child, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter > div:first-child, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter > div:first-child, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter > div:first-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter > div:first-child {
        width: 100%;
        margin: 0;
        height: auto
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .bterm, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .bterm, body.nbf.templ-printpage .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .bterm, body.nbf.templ-printwidepag .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .bterm, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .bterm, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .bterm, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .bterm, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .bterm {
        display: none
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .tag-deletable::after, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .tag-deletable::after, body.nbf.templ-printpage .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .tag-deletable::after, body.nbf.templ-printwidepag .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .tag-deletable::after, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .tag-deletable::after, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .tag-deletable::after, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .tag-deletable::after, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .tag-deletable::after {
        display: none
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt, body.nbf.templ-printpage .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt, body.nbf.templ-printwidepag .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt {
        font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements, body.nbf.templ-printpage .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements, body.nbf.templ-printwidepag .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements {
        position: relative;
        overflow: auto;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: baseline
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory, body.nbf.templ-printpage .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory, body.nbf.templ-printwidepag .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory, body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag, body.nbf.templ-printpage .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag, body.nbf.templ-printwidepag .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag {
        top: 0;
        color: #565656;
        padding: 3px 6px;
        margin-bottom: 3px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory::after, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory::after, body.nbf.templ-printpage .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory::after, body.nbf.templ-printwidepag .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory::after, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory::after, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory::after, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory::after, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory::after, body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag::after, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag::after, body.nbf.templ-printpage .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag::after, body.nbf.templ-printwidepag .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag::after, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag::after, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag::after, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag::after, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .btag::after {
        display: none
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title, body.nbf.templ-printpage .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title, body.nbf.templ-printwidepag .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title {
        padding-left: 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title::before, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title::before, body.nbf.templ-printpage .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title::before, body.nbf.templ-printwidepag .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title::before, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title::before, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title::before, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title::before, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements .bcategory .title::before {
        width: 12px;
        height: 12px;
        margin: 0;
        left: 3px;
        top: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div, body.nbf.templ-printpage .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div, body.nbf.templ-printwidepag .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div {
        margin-right: 6px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div:last-child, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div:last-child, body.nbf.templ-printpage .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div:last-child, body.nbf.templ-printwidepag .nbf-finanzstatus .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div:last-child, body.nbf.templ-printpage .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div:last-child, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div:last-child, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div:last-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .bline.nbf-umsatzsuchefilter .umsatz-sayt .binput-sayt-elements > div:last-child {
        margin-right: 0;
        top: 0
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .bline.btext-only:first-child, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .bline.btext-only:first-child {
        padding: 0 12px
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .bline.btext-only:first-child .kontoHeadline, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .bline.btext-only:first-child .kontoHeadline {
        font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 6px
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box {
        transition: none;
        pointer-events: none;
        padding: 6px 12px;
        margin: 0;
        border: 0;
        border-radius: 0;
        border: .5pt solid #bebebe;
        border-bottom-color: #e3e3e3;
        border-top: 0
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box:first-child, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box:first-child {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-top: .5pt solid #bebebe
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box:last-child, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box:last-child {
        border-bottom-color: #bebebe;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-box__image, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-box__image {
        max-width: 30px;
        padding: 0
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-box__image.finaccount, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-box__image.finaccount {
        align-self: flex-start
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-box__image.finaccount > svg, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-box__image.finaccount > svg {
        width: 30px;
        height: 30px;
        max-width: 30px;
        max-height: 30px
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-row {
        margin: 0
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-row .nbf-col {
        padding-right: 0
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-row .nbf-box__action, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-row .nbf-box__action {
        display: none
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-row.nbf-row--colored.bmessage, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-row.nbf-row--colored.bmessage {
        display: inline;
        background-color: unset;
        padding: 0
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-row.nbf-row--colored.bmessage > div, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .konto-group .nbf-box .nbf-row.nbf-row--colored.bmessage > div {
        margin-top: 6px;
        margin-left: 51px
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .konto-group + .bline.btext-only, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .konto-group + .bline.btext-only {
        display: block;
        padding: 12px 12px 12px 0;
        line-height: 1
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance {
        width: 360px
    }

    body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .right.nbf-balance .balance-label, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .right.nbf-balance .balance-label, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-label, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box > div.bline:last-child > .right > .nbf-balance .balance-label, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box .footer > .bline > .nbf-balance .balance-label, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box .footer > .bline > .nbf-balance .balance-label {
        align-self: flex-end
    }

    body.nbf.templ-printpage .nbf-finanzstatus .block .nbf-container-box.nbf-link-only, body.nbf.templ-printwidepag .nbf-finanzstatus .block .nbf-container-box.nbf-link-only {
        border: 0;
        padding: 0 0 12px 0;
        margin-left: 12px;
        margin-right: 12px
    }

    body.nbf.templ-printpage .nbf-finanzstatus .block .nbf-container-box.nbf-link-only h3.kontoHeadline, body.nbf.templ-printwidepag .nbf-finanzstatus .block .nbf-container-box.nbf-link-only h3.kontoHeadline {
        font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 0
    }

    body.nbf.templ-printpage .nbf-finanzstatus .footer, body.nbf.templ-printwidepag .nbf-finanzstatus .footer {
        padding: 10px 0 12px 0;
        line-height: 1;
        margin-bottom: 0
    }

    body.nbf.templ-printpage .nbf-finanzstatus .footer > .bline > .nbf-balance, body.nbf.templ-printwidepag .nbf-finanzstatus .footer > .bline > .nbf-balance {
        width: 360px
    }

    body.nbf.templ-printpage .nbf-finanzstatus .footer > .bline > .nbf-balance .balance-label, body.nbf.templ-printwidepag .nbf-finanzstatus .footer > .bline > .nbf-balance .balance-label {
        font-weight: bold;
        margin-left: -13px
    }

    body.nbf.templ-printpage .nbf-finanzstatus .footer > .bline > .nbf-balance .balance-decimal.plus, body.nbf.templ-printwidepag .nbf-finanzstatus .footer > .bline > .nbf-balance .balance-decimal.plus, body.nbf.templ-printpage .nbf-finanzstatus .footer > .bline > .nbf-balance .balance-decimal.minus, body.nbf.templ-printwidepag .nbf-finanzstatus .footer > .bline > .nbf-balance .balance-decimal.minus {
        padding-right: 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-box--header .nbf-box__subtitle.chopped, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-box--header .nbf-box__subtitle.chopped {
        max-height: unset
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container {
        margin-top: 24px;
        max-width: 100%
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .with-border, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .with-border {
        border-width: .5pt;
        box-shadow: none
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .with-border .bline div, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .with-border .bline div, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .with-border .bline .label, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .with-border .bline .label {
        line-height: 1;
        align-items: center
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .with-border .bline > div, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .with-border .bline > div {
        font-size: 17px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .with-border .bline .label, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .with-border .bline .label {
        font-size: 16px;
        align-self: flex-start;
        color: #565656;
        margin: 0;
        line-height: 1.2
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .with-border .bline div .dummy, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .with-border .bline div .dummy, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .with-border .bline div .iban, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .with-border .bline div .iban {
        font-size: 17px;
        line-height: 1.3
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .with-border .bline, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .with-border .bline {
        padding: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .with-border .bline > .bline, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .with-border .bline > .bline {
        padding: 6px 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .with-border .bline div:not(.label), body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .with-border .bline div:not(.label) {
        color: #292929
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .with-border .bline .bterm, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .with-border .bline .bterm {
        display: none
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .with-border .bline::after, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .with-border .bline::after {
        content: "";
        clear: both;
        display: table
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium {
        max-width: 100%;
        width: 100%
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium:first-child, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium:first-child {
        padding: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount {
        display: flex;
        align-items: center;
        margin: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount .nbf-box__image, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount .nbf-box__image {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        margin-right: 12px;
        align-self: center
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount .nbf-box__image svg, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount .nbf-box__image svg {
        margin: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount .nbf-box__image + div, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount .nbf-box__image + div {
        max-width: initial
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount .iban:last-child, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline .finaccount .iban:last-child {
        margin: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .bpulldown .bcategory, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .bpulldown .bcategory, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .bpulldown .bcategory, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .bpulldown .bcategory {
        padding: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount .bcategory, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount .bcategory, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount .bcategory, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount .bcategory, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .bcategory, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .bcategory, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .bcategory, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .bcategory {
        top: 0;
        margin-top: 0;
        padding: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount .bcategory span.title, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount .bcategory span.title, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount .bcategory span.title, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount .bcategory span.title, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .bcategory span.title, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .bcategory span.title, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .bcategory span.title, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .bcategory span.title {
        display: inline-block;
        padding: 3px 6px 4px 30px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount .bcategory span.title::before, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount .bcategory span.title::before, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount .bcategory span.title::before, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount .bcategory span.title::before, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .bcategory span.title::before, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .bcategory span.title::before, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .bcategory span.title::before, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .bcategory span.title::before {
        width: 12px;
        height: 12px;
        margin: 0;
        left: 4px;
        top: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount .btag-group, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount .btag-group, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount .btag-group, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount .btag-group {
        margin-top: -12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount > .bpulldown, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount > .bpulldown, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount > .bpulldown, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount > .bpulldown, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount .btag-group > .bpulldown, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount .btag-group > .bpulldown, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount .btag-group > .bpulldown, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount .btag-group > .bpulldown {
        margin-top: 6px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount > .bpulldown .btag, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount > .bpulldown .btag, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount > .bpulldown .btag, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount > .bpulldown .btag, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount .btag-group > .bpulldown .btag, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien.split-amount .btag-group > .bpulldown .btag, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount .btag-group > .bpulldown .btag, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte.split-amount .btag-group > .bpulldown .btag {
        margin-left: 0;
        padding: 4px 6px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .btag-group > .bpulldown, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .btag-group > .bpulldown, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .btag-group > .bpulldown, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .btag-group > .bpulldown {
        margin-top: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .btag-group > .bpulldown .label, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .btag-group > .bpulldown .label, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .btag-group > .bpulldown .label, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .btag-group > .bpulldown .label {
        padding-top: 6px;
        padding-bottom: 6px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .btag-group > .bpulldown .btag, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-kategorien .btag-group > .bpulldown .btag, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .btag-group > .bpulldown .btag, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .btag-group > .bpulldown .btag {
        margin-top: 0;
        margin-left: 0;
        padding: 4px 6px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .label, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .label, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .btag-group, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .btag-group {
        padding-top: 6px;
        padding-bottom: 6px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .label > .bpulldown, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .label > .bpulldown, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .btag-group > .bpulldown, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .btag-group > .bpulldown {
        margin-top: 6px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .label .btag, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .label .btag, body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .btag-group .btag, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.nbf-guided-tour-umsatdetails-schlagworte .btag-group .btag {
        margin-top: 0;
        margin-left: 0;
        padding: 4px 6px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .bpulldown, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .bpulldown {
        top: -3px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .bcategory *[class^="title icon-pfm_"], body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .bcategory *[class^="title icon-pfm_"] {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 14px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .bcategory *[class^="title icon-pfm_"]::before, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .bcategory *[class^="title icon-pfm_"]::before {
        margin-left: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .btag-group .bpulldown .btag, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .blockpart-container .blockpart-medium .bline.split-amount .btag-group .bpulldown .btag {
        padding-top: 6px;
        padding-bottom: 6px;
        margin-left: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzdetails.nbf-has-upward-backbutton .nbf-box--header .nbf-row, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails.nbf-has-upward-backbutton .nbf-box--header .nbf-row {
        margin-left: 0;
        margin-right: 0
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .block.success-msg, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .block.success-msg {
        margin-bottom: 0
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .block.success-msg::before, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .block.success-msg::before {
        display: inline-block;
        margin-bottom: 0;
        font-size: 46px
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .block.success-msg > .bline, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .block.success-msg > .bline {
        font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
        padding: 0;
        min-height: auto;
        margin-bottom: 24px;
        font-size: 26px;
        line-height: 1
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .block.success-msg > .bline br, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .block.success-msg > .bline br {
        display: none
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-vorlage-meldung, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-vorlage-meldung {
        margin-top: 3px
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-vorlage-meldung::before, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-vorlage-meldung::before {
        width: 12px;
        height: 12px
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock {
        padding: 0;
        margin-bottom: 24px
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box--header, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box--header {
        border-top: .5pt solid #e3e3e3;
        border-bottom: .5pt solid #e3e3e3
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .bline, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .bline {
        margin: 0 12px 3px 12px;
        line-height: 0
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .bline > div, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .bline > div {
        font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .block.success-msg + #auftragskontoBlock, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .block.success-msg + #auftragskontoBlock {
        margin-left: 0;
        margin-right: 0
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border {
        padding: 0
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block {
        padding: 3px 6px 3px 6px;
        border-bottom: .5pt solid #e3e3e3;
        box-sizing: border-box
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block:last-of-type, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block:last-of-type {
        border: 0;
        margin: 0
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block.blockpart-container.with-nice-part-separator .blockpart-half:last-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block.blockpart-container.with-nice-part-separator .blockpart-half:last-child {
        padding-left: 6px
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block + .nbf-box.nbf-box--grey, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block + .nbf-box.nbf-box--grey {
        margin-top: -1px;
        padding-top: 4px
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block + .nbf-box.nbf-box--grey .bline.btext-only, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block + .nbf-box.nbf-box--grey .bline.btext-only {
        font-size: 14px;
        line-height: 1
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block + .nbf-box.nbf-box--grey .bline.nbf-row.btext-only, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block + .nbf-box.nbf-box--grey .bline.nbf-row.btext-only {
        margin-bottom: 6px
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block + .nbf-box.nbf-box--grey .bline.nbf-row.btext-only .nbf-col, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block + .nbf-box.nbf-box--grey .bline.nbf-row.btext-only .nbf-col {
        padding: 3px 0 3px 6px;
        line-height: 8pt
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block + .nbf-box.nbf-box--grey .bline.nbf-row.btext-only .nbf-content--smaller, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block + .nbf-box.nbf-box--grey .bline.nbf-row.btext-only .nbf-content--smaller {
        display: block
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block + .nbf-box.nbf-box--grey .nbf-box__divider, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .block + .nbf-box.nbf-box--grey .nbf-box__divider {
        margin-top: 6px;
        margin-bottom: 6px
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .nbf-box--grey, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .nbf-box--grey {
        padding: 3px 6px 3px 6px
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .nbf-box--grey.nbf-box--smaller, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden #auftragskontoBlock + .nbf-box.nbf-box--border .nbf-box--grey.nbf-box--smaller {
        padding: 6px;
        background: white;
        border-bottom-left-radius: 10pt;
        border-bottom-right-radius: 10pt
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .block.success-msg + .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box.nbf-box--header, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .block.success-msg + .nbf-gv.nbf-geld-senden #auftragskontoBlock .nbf-box.nbf-box--header {
        margin-left: 8px;
        margin-right: 8px
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box {
        padding: 6px 0
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row {
        margin: 0
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col {
        padding: 0
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col .block, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col .block, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col .block, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col .block {
        padding: 6px 12px;
        border-bottom: .5pt solid #e3e3e3
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col .block:first-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col .block:first-child, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col .block:first-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col .block:first-child {
        padding-top: 0
    }

    body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col .block:last-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-guided-tour-ueberweisung-zusammenfassung .nbf-box .nbf-row .nbf-col .block:last-child, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col .block:last-child, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box .nbf-box .nbf-row .nbf-col .block:last-child {
        padding-bottom: 0;
        border: 0;
        margin: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste #auftragskontoBlock, body.nbf.templ-printwidepag .nbf-gv.umsatzliste #auftragskontoBlock {
        padding: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .umsatz-group .nbf-box, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .umsatz-group .nbf-box {
        padding: 12px
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .umsatz-group .nbf-box > .nbf-row, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .umsatz-group .nbf-box > .nbf-row {
        margin-left: 0;
        margin-right: 0
    }

    body.nbf.templ-printpage .nbf-gv.umsatzliste .umsatz-group .nbf-box > .nbf-row .nbf-col.nbf-box__content, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .umsatz-group .nbf-box > .nbf-row .nbf-col.nbf-box__content {
        padding-left: 0
    }

    body.nbf .nbf-gv.nbf-geld-senden .nbf-lastschriftwiderspruch #auftragskontoBlock .nbf-box .nbf-box__image {
        width: 30px;
        max-width: 30px
    }

    body.nbf .nbf-gv.nbf-geld-senden .nbf-lastschriftwiderspruch #auftragskontoBlock .nbf-box.nbf-box--header .nbf-col.nbf-box__content {
        padding-left: 6px
    }
}

@media print and screen and (max-width: 726px) {
    body.nbf.templ-printpage .nbf-box .nbf-row:after, body.nbf.templ-printwidepag .nbf-box .nbf-row:after {
        display: none
    }
}

@media print and screen and (max-width: 726px) {
    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box.group-header .nbf-row .nbf-col.buchungstext {
        min-width: 170px;
        max-width: 170px
    }
}

@media print and screen and (max-width: 726px) {
    body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .umsatz-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.umsatzliste .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-finanzstatus .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.umsatzdetails .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printpage .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext, body.nbf.templ-printwidepag .nbf-gv.nbf-geld-senden .nbf-container-box.nbf-guided-tour-umsaetze-umsatzliste .nbf-box-group .nbf-box .nbf-row .nbf-col.buchungstext {
        min-width: 170px;
        max-width: 170px
    }
}

body.nbf .nbf-gv fieldset {
    border: 0;
    margin: 0 0 24px 0;
    padding: 0
}

body.nbf .nbf-gv fieldset legend {
    margin-left: 0;
    margin-bottom: 12px
}

body.nbf .nbf-gv fieldset .bline {
    position: relative;
    margin-bottom: 6px
}

body.nbf .nbf-gv .group-horizontal {
    display: flex;
    flex-wrap: wrap
}

body.nbf .nbf-gv .group-horizontal .bline {
    position: relative
}

body.nbf .nbf-gv .group-horizontal:not(.nbf-echtzeitueberweisung) > * {
    margin-right: 42px
}

body.nbf .nbf-gv .group-horizontal:not(.nbf-echtzeitueberweisung) > *:last-child, body.nbf .nbf-gv .group-horizontal:not(.nbf-echtzeitueberweisung) > *:only-child {
    margin-right: 0
}

body.nbf .nbf-gv .group-horizontal {
    flex-direction: row
}

body.nbf .nbf-gv .group-horizontal .bline.has-nbf-checkbox {
    margin-bottom: 0
}

body.nbf .nbf-gv .has-nbf-checkbox, body.nbf .nbf-gv .has-nbf-radio, body.nbf .nbf-gv .bline.has-nbf-checkbox, body.nbf .nbf-gv .bline.has-nbf-radio {
    margin-bottom: 12px;
    position: relative;
    white-space: nowrap
}

body.nbf .nbf-gv .has-nbf-checkbox:last-child, body.nbf .nbf-gv .has-nbf-radio:last-child, body.nbf .nbf-gv .bline.has-nbf-checkbox:last-child, body.nbf .nbf-gv .bline.has-nbf-radio:last-child {
    margin-bottom: 0
}

body.nbf .nbf-gv .has-nbf-checkbox input[type=checkbox], body.nbf .nbf-gv .has-nbf-radio input[type=checkbox], body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox], body.nbf .nbf-gv .bline.has-nbf-radio input[type=checkbox], body.nbf .nbf-gv .has-nbf-checkbox input[type=radio], body.nbf .nbf-gv .has-nbf-radio input[type=radio], body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio], body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio] {
    opacity: 0;
    position: absolute
}

body.nbf .nbf-gv .has-nbf-checkbox input[type=checkbox] ~ label, body.nbf .nbf-gv .has-nbf-radio input[type=checkbox] ~ label, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox] ~ label, body.nbf .nbf-gv .bline.has-nbf-radio input[type=checkbox] ~ label, body.nbf .nbf-gv .has-nbf-checkbox input[type=radio] ~ label, body.nbf .nbf-gv .has-nbf-radio input[type=radio] ~ label, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio] ~ label, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio] ~ label {
    cursor: pointer;
    margin-left: 20px;
    user-select: none;
    padding: 0
}

body.nbf .nbf-gv .has-nbf-checkbox input[type=checkbox] + span.checkbox, body.nbf .nbf-gv .has-nbf-radio input[type=checkbox] + span.checkbox, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox] + span.checkbox, body.nbf .nbf-gv .bline.has-nbf-radio input[type=checkbox] + span.checkbox, body.nbf .nbf-gv .has-nbf-checkbox input[type=radio] + span.checkbox, body.nbf .nbf-gv .has-nbf-radio input[type=radio] + span.checkbox, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio] + span.checkbox, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio] + span.checkbox, body.nbf .nbf-gv .has-nbf-checkbox input[type=checkbox] + span.radio, body.nbf .nbf-gv .has-nbf-radio input[type=checkbox] + span.radio, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox] + span.radio, body.nbf .nbf-gv .bline.has-nbf-radio input[type=checkbox] + span.radio, body.nbf .nbf-gv .has-nbf-checkbox input[type=radio] + span.radio, body.nbf .nbf-gv .has-nbf-radio input[type=radio] + span.radio, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio] + span.radio, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio] + span.radio {
    margin: 0;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start
}

body.nbf .nbf-gv .has-nbf-checkbox input[type=checkbox] + span.checkbox::before, body.nbf .nbf-gv .has-nbf-radio input[type=checkbox] + span.checkbox::before, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox] + span.checkbox::before, body.nbf .nbf-gv .bline.has-nbf-radio input[type=checkbox] + span.checkbox::before, body.nbf .nbf-gv .has-nbf-checkbox input[type=radio] + span.checkbox::before, body.nbf .nbf-gv .has-nbf-radio input[type=radio] + span.checkbox::before, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio] + span.checkbox::before, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio] + span.checkbox::before, body.nbf .nbf-gv .has-nbf-checkbox input[type=checkbox] + span.radio::before, body.nbf .nbf-gv .has-nbf-radio input[type=checkbox] + span.radio::before, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox] + span.radio::before, body.nbf .nbf-gv .bline.has-nbf-radio input[type=checkbox] + span.radio::before, body.nbf .nbf-gv .has-nbf-checkbox input[type=radio] + span.radio::before, body.nbf .nbf-gv .has-nbf-radio input[type=radio] + span.radio::before, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio] + span.radio::before, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio] + span.radio::before, body.nbf .nbf-gv .has-nbf-checkbox input[type=checkbox] + span.checkbox::after, body.nbf .nbf-gv .has-nbf-radio input[type=checkbox] + span.checkbox::after, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox] + span.checkbox::after, body.nbf .nbf-gv .bline.has-nbf-radio input[type=checkbox] + span.checkbox::after, body.nbf .nbf-gv .has-nbf-checkbox input[type=radio] + span.checkbox::after, body.nbf .nbf-gv .has-nbf-radio input[type=radio] + span.checkbox::after, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio] + span.checkbox::after, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio] + span.checkbox::after, body.nbf .nbf-gv .has-nbf-checkbox input[type=checkbox] + span.radio::after, body.nbf .nbf-gv .has-nbf-radio input[type=checkbox] + span.radio::after, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox] + span.radio::after, body.nbf .nbf-gv .bline.has-nbf-radio input[type=checkbox] + span.radio::after, body.nbf .nbf-gv .has-nbf-checkbox input[type=radio] + span.radio::after, body.nbf .nbf-gv .has-nbf-radio input[type=radio] + span.radio::after, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio] + span.radio::after, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio] + span.radio::after {
    margin: 0;
    padding: 0;
    position: absolute
}

body.nbf .nbf-gv .has-nbf-checkbox input[type=checkbox]:focus + span.checkbox::before, body.nbf .nbf-gv .has-nbf-radio input[type=checkbox]:focus + span.checkbox::before, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox]:focus + span.checkbox::before, body.nbf .nbf-gv .bline.has-nbf-radio input[type=checkbox]:focus + span.checkbox::before, body.nbf .nbf-gv .has-nbf-checkbox input[type=radio]:focus + span.checkbox::before, body.nbf .nbf-gv .has-nbf-radio input[type=radio]:focus + span.checkbox::before, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio]:focus + span.checkbox::before, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio]:focus + span.checkbox::before, body.nbf .nbf-gv .has-nbf-checkbox input[type=checkbox]:checked:focus + span.checkbox::before, body.nbf .nbf-gv .has-nbf-radio input[type=checkbox]:checked:focus + span.checkbox::before, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox]:checked:focus + span.checkbox::before, body.nbf .nbf-gv .bline.has-nbf-radio input[type=checkbox]:checked:focus + span.checkbox::before, body.nbf .nbf-gv .has-nbf-checkbox input[type=radio]:checked:focus + span.checkbox::before, body.nbf .nbf-gv .has-nbf-radio input[type=radio]:checked:focus + span.checkbox::before, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio]:checked:focus + span.checkbox::before, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio]:checked:focus + span.checkbox::before, body.nbf .nbf-gv .has-nbf-checkbox input[type=checkbox]:focus + span.radio::before, body.nbf .nbf-gv .has-nbf-radio input[type=checkbox]:focus + span.radio::before, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox]:focus + span.radio::before, body.nbf .nbf-gv .bline.has-nbf-radio input[type=checkbox]:focus + span.radio::before, body.nbf .nbf-gv .has-nbf-checkbox input[type=radio]:focus + span.radio::before, body.nbf .nbf-gv .has-nbf-radio input[type=radio]:focus + span.radio::before, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio]:focus + span.radio::before, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio]:focus + span.radio::before, body.nbf .nbf-gv .has-nbf-checkbox input[type=checkbox]:checked:focus + span.radio::before, body.nbf .nbf-gv .has-nbf-radio input[type=checkbox]:checked:focus + span.radio::before, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox]:checked:focus + span.radio::before, body.nbf .nbf-gv .bline.has-nbf-radio input[type=checkbox]:checked:focus + span.radio::before, body.nbf .nbf-gv .has-nbf-checkbox input[type=radio]:checked:focus + span.radio::before, body.nbf .nbf-gv .has-nbf-radio input[type=radio]:checked:focus + span.radio::before, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio]:checked:focus + span.radio::before, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio]:checked:focus + span.radio::before {
    border: 2px solid #0047ff;
    box-shadow: 0 0 4px #0047ff
}

body.nbf .nbf-gv .has-nbf-checkbox input[type=checkbox]:checked + span.checkbox::before, body.nbf .nbf-gv .has-nbf-radio input[type=checkbox]:checked + span.checkbox::before, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox]:checked + span.checkbox::before, body.nbf .nbf-gv .bline.has-nbf-radio input[type=checkbox]:checked + span.checkbox::before {
    border-color: #565656;
    background-color: #565656
}

body.nbf .nbf-gv .has-nbf-checkbox input[type=checkbox]:checked + span.checkbox::after, body.nbf .nbf-gv .has-nbf-radio input[type=checkbox]:checked + span.checkbox::after, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox]:checked + span.checkbox::after, body.nbf .nbf-gv .bline.has-nbf-radio input[type=checkbox]:checked + span.checkbox::after {
    content: "v";
    font: 18px/81% Pictos-IF;
    color: #fff;
    width: 24px;
    height: 24px;
    line-height: 24px
}

body.nbf .nbf-gv .has-nbf-checkbox input[type=radio]:checked + span.radio::before, body.nbf .nbf-gv .has-nbf-radio input[type=radio]:checked + span.radio::before, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio]:checked + span.radio::before, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio]:checked + span.radio::before, body.nbf .nbf-gv .has-nbf-checkbox input[type=radio]:checked + span.radio.checked::before, body.nbf .nbf-gv .has-nbf-radio input[type=radio]:checked + span.radio.checked::before, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio]:checked + span.radio.checked::before, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio]:checked + span.radio.checked::before {
    border: 2px solid #666;
    border-radius: 50%
}

body.nbf .nbf-gv .has-nbf-checkbox input[type=radio]:checked + span.radio::after, body.nbf .nbf-gv .has-nbf-radio input[type=radio]:checked + span.radio::after, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio]:checked + span.radio::after, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio]:checked + span.radio::after, body.nbf .nbf-gv .has-nbf-checkbox input[type=radio]:checked + span.radio.checked::after, body.nbf .nbf-gv .has-nbf-radio input[type=radio]:checked + span.radio.checked::after, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio]:checked + span.radio.checked::after, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio]:checked + span.radio.checked::after {
    display: block;
    border: 5px solid #565656;
    border-radius: 50%
}

body.nbf .nbf-gv .has-nbf-checkbox input[type=radio]:disabled + span.radio, body.nbf .nbf-gv .has-nbf-radio input[type=radio]:disabled + span.radio, body.nbf .nbf-gv .bline.has-nbf-checkbox input[type=radio]:disabled + span.radio, body.nbf .nbf-gv .bline.has-nbf-radio input[type=radio]:disabled + span.radio {
    pointer-events: none;
    opacity: .3
}

body.nbf .nbf-gv .radio-cards {
    display: flex;
    transition: all .48s cubic-bezier(0.32, 0.24, 0.15, 1)
}

body.nbf .nbf-gv .radio-cards .radio-card {
    position: relative;
    flex: 1;
    display: flex;
    align-items: flex-start;
    border: 1px solid #949494;
    border-radius: 6px;
    padding: 18px;
    cursor: pointer;
    word-break: break-word
}

body.nbf .nbf-gv .radio-cards .radio-card.has-nbf-radio:last-child {
    margin-bottom: 12px
}

body.nbf .nbf-gv .radio-cards .radio-card::before, body.nbf .nbf-gv .radio-cards .radio-card .check-icon, body.nbf .nbf-gv .radio-cards .radio-card .border {
    display: none
}

body.nbf .nbf-gv .radio-cards .radio-card input[type=radio] ~ .radio::before {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border-color: #949494
}

body.nbf .nbf-gv .radio-cards .radio-card input[type=radio]:checked ~ .radio::before, body.nbf .nbf-gv .radio-cards .radio-card input[type=radio]:checked ~ span.radio::before {
    background: rgba(0, 152, 100, 0.05);
    width: 24px;
    height: 24px;
    border: 0
}

body.nbf .nbf-gv .radio-cards .radio-card input[type=radio]:checked ~ .radio::after, body.nbf .nbf-gv .radio-cards .radio-card input[type=radio]:checked ~ span.radio::after {
    transition: none;
    border: 2px solid rgba(0, 152, 100, 0.05);
    border-radius: 50%;
    font-family: Pictos-IF;
    font-size: 22px;
    line-height: .9;
    content: "v";
    width: 22px;
    height: 22px;
    color: #009864
}

body.nbf .nbf-gv .radio-cards .radio-card input[type=radio]:checked ~ .border {
    display: block;
    width: calc(100% - 4px);
    height: 3px;
    position: absolute;
    bottom: -1px;
    left: 2px;
    background-color: #009864
}

body.nbf .nbf-gv .radio-cards .radio-card input[type=radio]:focus ~ .radio::before {
    border: 0;
    box-shadow: none
}

body.nbf .nbf-gv .radio-cards .radio-card:focus-within, body.nbf .nbf-gv .radio-cards .radio-card.active, body.nbf .nbf-gv .radio-cards .radio-card:focus {
    outline: 0;
    border-color: #0047ff;
    box-shadow: 0 0 4px #0047ff;
    z-index: 3
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card input[type=radio]:focus + span.radio:hover::before, body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card input[type=radio]:checked:focus + span.radio.checked::before {
    border: 0;
    box-shadow: none
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card input[type=radio]:checked ~ span.radio.checked::after {
    border: 2px solid rgba(0, 152, 100, 0.05);
    box-shadow: none
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card span.radio.checked:after {
    border: 0
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card {
    transition: all .3s ease-in-out;
    box-sizing: border-box;
    min-height: 86px;
    min-width: calc(50% - 24px);
    white-space: normal;
    margin-right: 24px;
    margin-bottom: 24px
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card:nth-child(even), body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card.opened-datepicker, body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card:last-of-type {
    margin-right: 0
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card .radio {
    margin-top: 12px;
    min-width: 22px;
    pointer-events: none
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card .info-text {
    margin: -10px 23px 10px 60px;
    line-height: 1.3
}

@media (max-width: 1079px) {
    body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card .info-text {
        margin-top: 0
    }
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card .label-header-group {
    flex: 1;
    margin-left: 20px;
    padding: 0;
    max-width: calc(100% - 42px)
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card .label-header-group h4 {
    font: 17px/23px SparkasseWeb, Helvetica, Arial, sans-serif;
    color: #000;
    margin: 0
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card .label-header-group .info-text {
    margin: 6px 0 0 0
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card .calendar-icon {
    font-family: Pictos-IF;
    text-align: center;
    font-size: 40px;
    width: 30px;
    height: 24px;
    margin-left: auto;
    z-index: 1
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card .helpovly {
    margin-top: 12px;
    z-index: initial
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card .helpovly > a::after {
    width: 20px;
    height: 20px;
    font: 20px/81% Pictos-IF
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card .helpovly div.helpovly-content {
    margin: 0;
    left: -22px
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card .helpovly div.helpovly-content::before {
    margin-top: 12px
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card .helpovly div.helpovly-content::after {
    margin-top: 13px
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card .helpovly div.helpovly-content > div {
    margin-left: -200px;
    top: 8px
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card.disabled {
    border-color: rgba(148, 148, 148, 0.4);
    cursor: default
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card.disabled:focus, body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card.disabled:focus-within {
    box-shadow: none
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card.disabled .label-header-group span, body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card.disabled .label-header-group h4 {
    opacity: .3
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card.disabled .helpovly {
    pointer-events: none;
    opacity: .3
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung label[data-id="idAusfuehrungsLinie"] {
    padding-bottom: 0
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-input {
    position: relative;
    top: -12px;
    left: -40px;
    margin-bottom: -6px;
    flex-grow: 1;
    flex-shrink: 0;
    width: calc(100% + 36px)
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-input input[type=text] {
    border: 0;
    background: transparent;
    padding-left: 60px;
    padding-right: 45px
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-input input[type=text]:focus {
    border: 0;
    box-shadow: none
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-input label {
    margin-left: 42px
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-input .nbf-input-right-icon {
    right: 4px
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-input .bline .moved-icon.icon-calendar::before {
    font-size: 40px
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-input label.error ~ .blineunder {
    margin-top: -12px
}

body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-input label.error ~ .blineunder .msgerror {
    margin: 0 0 16px 0;
    padding: 0 18px;
    display: inherit
}

@media (max-width: 767px) {
    body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung {
        flex-direction: column
    }

    body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-nbf-radio.radio-card {
        min-width: 100%;
        max-width: 100%;
        margin-bottom: 12px
    }

    body.nbf .nbf-gv .radio-cards.nbf-echtzeitueberweisung .has-input .nbf-input-right-icon {
        right: 10px
    }
}

.no-touch .nbf .nbf-gv .has-nbf-checkbox input[type=checkbox] + span.checkbox:hover::before, .no-touch .nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox] + span.checkbox:hover::before, .no-touch .nbf .nbf-gv .has-nbf-checkbox input[type=checkbox] + span.checkbox.hovered::before, .no-touch .nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox] + span.checkbox.hovered::before {
    transition: all .3s;
    border-color: #e3e3e3;
    background-color: #e3e3e3
}

.no-touch .nbf .nbf-gv .has-nbf-checkbox input[type=checkbox] + span.checkbox:hover::after, .no-touch .nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox] + span.checkbox:hover::after, .no-touch .nbf .nbf-gv .has-nbf-checkbox input[type=checkbox] + span.checkbox.hovered::after, .no-touch .nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox] + span.checkbox.hovered::after {
    display: none
}

.no-touch .nbf .nbf-gv .has-nbf-checkbox input[type=checkbox]:checked + span.checkbox:hover::after, .no-touch .nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox]:checked + span.checkbox:hover::after, .no-touch .nbf .nbf-gv .has-nbf-checkbox input[type=checkbox]:checked + span.checkbox.hovered::after, .no-touch .nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox]:checked + span.checkbox.hovered::after {
    display: block;
    transition: all .3s;
    color: #292929
}

.no-touch .nbf .nbf-gv .has-nbf-checkbox input[type=checkbox]:focus + span.checkbox:hover::before, .no-touch .nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox]:focus + span.checkbox:hover::before, .no-touch .nbf .nbf-gv .has-nbf-checkbox input[type=checkbox]:focus + span.checkbox.hovered::before, .no-touch .nbf .nbf-gv .bline.has-nbf-checkbox input[type=checkbox]:focus + span.checkbox.hovered::before {
    border: 2px solid #0047ff;
    box-shadow: 0 0 4px #0047ff
}

.no-touch .nbf .nbf-gv .has-nbf-radio input[type=radio] + span.radio:hover::before, .no-touch .nbf .nbf-gv .bline.has-nbf-radio input[type=radio] + span.radio:hover::before, .no-touch .nbf .nbf-gv .has-nbf-radio input[type=radio] + span.radio.hovered::before, .no-touch .nbf .nbf-gv .bline.has-nbf-radio input[type=radio] + span.radio.hovered::before {
    transition: all .3s;
    border-color: #e3e3e3;
    background-color: #e3e3e3
}

.no-touch .nbf .nbf-gv .has-nbf-radio input[type=radio] + span.radio:hover::after, .no-touch .nbf .nbf-gv .bline.has-nbf-radio input[type=radio] + span.radio:hover::after, .no-touch .nbf .nbf-gv .has-nbf-radio input[type=radio] + span.radio.hovered::after, .no-touch .nbf .nbf-gv .bline.has-nbf-radio input[type=radio] + span.radio.hovered::after {
    display: none
}

.no-touch .nbf .nbf-gv .has-nbf-radio input[type=radio]:checked + span.radio:hover::after, .no-touch .nbf .nbf-gv .bline.has-nbf-radio input[type=radio]:checked + span.radio:hover::after, .no-touch .nbf .nbf-gv .has-nbf-radio input[type=radio]:checked + span.radio.hovered::after, .no-touch .nbf .nbf-gv .bline.has-nbf-radio input[type=radio]:checked + span.radio.hovered::after {
    display: block;
    transition: all .3s;
    border: 5px solid #565656;
    border-radius: 50%
}

.no-touch .nbf .nbf-gv .has-nbf-radio input[type=radio]:focus + span.radio:hover::before, .no-touch .nbf .nbf-gv .bline.has-nbf-radio input[type=radio]:focus + span.radio:hover::before, .no-touch .nbf .nbf-gv .has-nbf-radio input[type=radio]:focus + span.radio.hovered::before, .no-touch .nbf .nbf-gv .bline.has-nbf-radio input[type=radio]:focus + span.radio.hovered::before {
    border: 2px solid #0047ff;
    box-shadow: 0 0 4px #0047ff
}

.no-touch .nbf .nbf-gv .nbf-echtzeitueberweisung .has-nbf-radio.radio-card:not(.disabled):hover span.radio:not(.checked)::before {
    transition: all .3s;
    border-color: #e3e3e3;
    background-color: #e3e3e3
}

.no-touch .nbf .nbf-gv .nbf-echtzeitueberweisung .has-nbf-radio.radio-card:not(.disabled):hover span.radio:not(.checked)::after {
    display: none
}

.no-touch .nbf .nbf-gv .nbf-echtzeitueberweisung .has-nbf-radio.radio-card:not(.disabled):hover:not(:focus-within) {
    border: 1px solid black
}

@media (min-width: 851px) {
    body.nbf.calendar-open-echtzeitueberweisung .if6_main {
        padding-bottom: 135px
    }
}

@media (min-width: 1080px) {
    body.nbf.calendar-open-echtzeitueberweisung .if6_main {
        padding-bottom: 110px
    }
}

body.nbf.calendar-open-echtzeitueberweisung .calendar-container {
    padding: 1px;
    margin-left: -1px
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

:root {
    --brand: red;
    --primary-01: #e00;
    --primary-01-contrast: #fff;
    --secondary-01: #565656;
    --readable-01: #292929;
    --readable-02: #565656;
    --readable-03: #f5f5f5;
    --ui-01: #e3e3e3;
    --ui-01-contrast: #e3e3e3;
    --ui-02: #949494;
    --ui-03: #f5f5f5;
    --transparent: transparent;
    --ui-background-01: #fff;
    --ui-background-02: #fff;
    --currency-negative-01: #292929;
    --currency-positive-01: #356b00;
    --currency-positive-01-contrast: #356b00;
    --currency-positive-02: #e4eddb;
    --disabled-01: #bebebe;
    --disabled-02: #e3e3e3;
    --disabled-03: #e3e3e3;
    --focus-01: #0071d4;
    --focus-02: #dbeeff;
    --primary-01-active: #a00;
    --primary-01-hover: #d40000;
    --primary-01-focus: #d40000;
    --delete-01: #e00;
    --delete-01-hover: #d40000;
    --delete-01-active: #a00;
    --secondary-01-active: #292929;
    --secondary-01-hover: #444;
    --secondary-01-focus: #565656;
    --success-01: #356b00;
    --success-01-contrast: #356b00;
    --success-01-hover: #2b5500;
    --success-02: #e4eddb;
    --error-01: #b10000;
    --error-01-contrast: #b10000;
    --error-02: #f9dbdb;
    --warning-01: #d65811;
    --warning-01-contrast: #d65811;
    --warning-02: #fff3ed;
    --information-01: #292929;
    --information-01-contrast: #292929;
    --information-02: #f5f5f5;
    --attention-01: #005baa;
    --attention-01-contrast: #005baa;
    --attention-02: #dbeeff;
    --purple-01: #e6006c;
    --purple-02: #b62abf;
    --purple-03: #6d4b9a;
    --purple-04: #571c50;
    --ink-01: #019fc2;
    --ink-02: #0166c7;
    --ink-03: #637697;
    --ink-04: #223573;
    --ink-05: #00768f;
    --gold-01: #ad6200;
    --gold-02: #d78c00;
    --gold-03: #dcac00;
    --cherry-01: #d64000;
    --cherry-02: #a80000;
    --cherry-03: #750000;
    --lime-01: #005700;
    --lime-02: #008a00;
    --smoke-01: #303030;
    --smoke-02: #686868;
    --black-100: #000
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-currency.mkp-currency-m .balance-predecimal {
    padding: 4px 0 4px 16px;
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.mkp-currency.mkp-currency-m .balance-decimal {
    padding: 4px 16px 4px 0;
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.mkp-currency.mkp-currency-m span:only-child {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px;
    padding: 4px 16px
}

.mkp-currency.mkp-currency-s .balance-predecimal {
    padding: 4px 0 4px 16px;
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-currency.mkp-currency-s .balance-decimal {
    padding: 4px 16px 4px 0;
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-currency.mkp-currency-s span:only-child {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    padding: 4px 16px
}

.mkp-currency.mkp-currency-lg .balance-predecimal {
    padding: 8px 0 8px 16px;
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.mkp-currency.mkp-currency-lg .balance-decimal {
    padding: 8px 16px 8px 0;
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.mkp-currency.mkp-currency-lg span:only-child {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px;
    padding: 8px 16px
}

.mkp-currency span:only-child.minus, .mkp-currency .balance-predecimal.minus, .mkp-currency .balance-decimal.minus {
    color: var(--currency-negative-01)
}

.mkp-currency span:only-child.plus, .mkp-currency .balance-predecimal.plus, .mkp-currency .balance-decimal.plus {
    color: var(--currency-positive-01-contrast)
}

.mkp-currency.mkp-currency-pill .balance-decimal {
    border-radius: 0 48px 48px 0
}

.mkp-currency.mkp-currency-pill .balance-decimal.plus {
    background: var(--currency-positive-02);
    color: var(--currency-positive-01)
}

.mkp-currency.mkp-currency-pill .balance-decimal.minus {
    background: var(--information-02);
    color: var(--currency-negative-01)
}

.mkp-currency.mkp-currency-pill .balance-predecimal {
    border-radius: 48px 0 0 48px
}

.mkp-currency.mkp-currency-pill .balance-predecimal.plus {
    background: var(--currency-positive-02);
    color: var(--currency-positive-01)
}

.mkp-currency.mkp-currency-pill .balance-predecimal.minus {
    background: var(--information-02);
    color: var(--currency-negative-01)
}

.mkp-currency + .mkp-currency-underline {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    align-self: flex-end;
    margin-right: 16px;
    margin-top: 2px
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-card.mkp-key-line-container {
    padding: 0 20px;
    position: relative
}

.mkp-card.mkp-key-line-container .mkp-key-line {
    border-bottom: 1px solid var(--ui-01)
}

.mkp-card.mkp-key-line-container .mkp-key-line:last-child {
    border-bottom: 0
}

.mkp-card.mkp-key-line-container .mkp-button-tertiary-ghost {
    position: absolute;
    top: 18px;
    right: 20px
}

.mkp-key-line {
    padding: 18px 0
}

.mkp-key-line .mkp-key-label {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    display: block
}

.mkp-key-line .mkp-key-value {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    margin-top:;
    display: block
}

.mkp-key-line .bline {
    margin-bottom: 8px
}

.mkp-key-line .bline:only-child {
    margin-bottom: 0
}

.mkp-key-line.mkp-key-line-columns {
    display: flex
}

.mkp-key-line.mkp-key-line-columns .mkp-key-label {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    letter-spacing: normal;
    font-size: 16px;
    color: var(--readable-02);
    width: 160px;
    margin-right: 24px
}

.mkp-key-line.mkp-key-line-columns .mkp-key-value {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    color: var(--readable-01);
    margin-top: 0
}

.mkp-key-line.mkp-key-line-space-between {
    justify-content: space-between
}

.mkp-key-line.mkp-key-line-space-between .bline {
    margin-bottom: 0
}

@media screen and (max-width: 650px) {
    .mkp-key-line.mkp-key-line-columns {
        flex-direction: column
    }

    .mkp-key-line.mkp-key-line-columns .mkp-key-value {
        margin-top: 4px
    }
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-card {
    background: var(--ui-background-02);
    box-shadow: 0 2px 3px rgba(86, 86, 86, 0.1), 0 2px 8px rgba(86, 86, 86, 0.05);
    border: 1px solid var(--ui-01);
    border-radius: 8px;
    transition: transform 100ms ease-in
}

.mkp-card.mkp-card-clickable {
    position: relative
}

.mkp-card.mkp-card-clickable:hover {
    z-index: 9;
    transform: scale(1.008);
    box-shadow: 0 2px 8px rgba(86, 86, 86, 0.1), 0 4px 8px rgba(86, 86, 86, 0.16)
}

.mkp-card:focus, .mkp-card:focus-within {
    border-color: var(--focus-01);
    border-width: 2px;
    box-shadow: 0 2px 8px rgba(86, 86, 86, 0.1), 0 4px 8px rgba(86, 86, 86, 0.16)
}

.mkp-card.mkp-disabled-dark {
    cursor: default
}

.mkp-card.mkp-disabled-dark .mkp-identifier > *:not(.buttonline) {
    cursor: default;
    pointer-events: none
}

.mkp-card.mkp-disabled-dark.mkp-card-bigger.mkp-card-action .mkp-identifier .mkp-identifier-sticker-placeholder::before {
    font-size: 32px;
    line-height: 56px
}

.mkp-card.mkp-disabled-dark.mkp-card-bigger.mkp-card-action .mkp-identifier .mkp-identifier-sticker-placeholder::after {
    background-color: white
}

.mkp-card.mkp-disabled-dark .mkp-identifier > .buttonline {
    pointer-events: all;
    order: 3;
    flex: 1;
    width: 100%;
    padding: 8px 0 0 0
}

.mkp-card.mkp-disabled-dark .mkp-identifier > .buttonline input {
    margin: 0
}

.mkp-card .mkp-row {
    padding: 0 20px 0 20px;
    margin-top: 8px
}

.mkp-card .mkp-row:last-child {
    padding-bottom: 24px
}

.mkp-card .mkp-row:first-child {
    padding-top: 16px
}

.mkp-card .mkp-row.mkp-row-indent {
    padding-left: 84px
}

.mkp-card .mkp-row.mkp-row-itemwise {
    display: flex;
    flex-direction: column
}

.mkp-card .mkp-row.mkp-row-centered {
    justify-content: center;
    align-items: center;
    text-align: center
}

.mkp-card .mkp-row.mkp-row-full {
    width: 100%;
    display: block
}

.mkp-card .mkp-row .mkp-row-categories {
    position: relative
}

.mkp-card .mkp-row .mkp-row-currency {
    margin: 0 20px;
    align-self: flex-end
}

.mkp-card.mkp-card-thinner .mkp-row:last-child {
    padding-bottom: 16px
}

.mkp-card.mkp-card-thinner .mkp-row:first-child {
    padding-top: 8px
}

.mkp-card.mkp-card-account {
    border-radius: 0;
    box-shadow: none;
    border-right: 0;
    border-left: 0
}

.mkp-card.mkp-card-account:focus, .mkp-card.mkp-card-account:focus-within {
    border-left: 0;
    border-right: 0
}

.mkp-card.mkp-card-budget-notifiy {
    flex: 1
}

.mkp-card.mkp-card-budget-notifiy > .mkp-column > .header {
    align-self: center;
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-card.mkp-card-budget-notifiy .mkp-column.has-nbf-checkbox input[type=checkbox] ~ label {
    margin: 0 0 12px 0;
    align-self: center
}

.mkp-card.mkp-card-budget-notifiy .mkp-column.has-nbf-checkbox input[type=checkbox] + span.checkbox {
    order: 1;
    align-self: center
}

.mkp-card.mkp-card-budget-notifiy .mkp-column.has-nbf-checkbox span {
    align-self: center
}

.mkp-card-debit .mkp-row .mkp-row-currency {
    margin: 0 0 0 20px
}

.mkp-card-group.mkp-group-unify .mkp-card {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background: 0
}

.mkp-card-group.mkp-group-unify.mkp-group-clickable .mkp-card:hover {
    transform: none;
    box-shadow: none
}

.mkp-transaction .mkp-card.mkp-card-account {
    margin: 0 20px
}

.mkp-card-action {
    position: relative
}

.mkp-card-action .mkp-card-link {
    opacity: 0
}

.mkp-card-action .mkp-card-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media screen and (max-width: 650px) {
    .mkp-card .mkp-row {
        flex-wrap: wrap;
        justify-content: flex-end
    }

    .mkp-card .mkp-row.mkp-row-indent {
        padding-left: 60px;
        padding-right: 12px
    }

    .mkp-card .mkp-row .mkp-row-categories {
        flex-basis: 100%;
        width: 100%
    }

    .mkp-card .mkp-row .mkp-row-currency {
        margin-top: 8px
    }
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-card-group > li:not(.mkp-card-footer-sub-total) {
    padding-top: 16px
}

.mkp-card-group.mkp-identifier-list > li {
    padding-top: 24px
}

.mkp-card-group.mkp-identifier-list > li .mkp-identifier {
    padding: 0 20px
}

.mkp-card-group.mkp-group-unify {
    margin: 16px 0 32px 0
}

.mkp-card-group.mkp-group-unify > li {
    padding-top: 0;
    background: var(--ui-background-02);
    box-shadow: 0 2px 3px rgba(86, 86, 86, 0.1), 0 2px 8px rgba(86, 86, 86, 0.05);
    border-right: 1px solid var(--ui-01);
    border-left: 1px solid var(--ui-01);
    border-bottom: 1px solid var(--ui-01);
    position: relative
}

.mkp-card-group.mkp-group-unify > li:last-child {
    border-radius: 0 0 8px 8px;
    border-bottom: 1px solid var(--ui-01)
}

.mkp-card-group.mkp-group-unify > li:first-child {
    border-radius: 8px 8px 0 0;
    border-top: 1px solid var(--ui-01)
}

.mkp-card-group.mkp-group-unify > li:only-child {
    border-radius: 8px
}

.mkp-card-group.mkp-group-unify > li[class~='ll-visible']:last-of-type {
    border-radius: 0 0 8px 8px;
    border-bottom: 1px solid var(--ui-01)
}

.mkp-card-group.mkp-group-unify > li[class~='ll-visible']:only-child {
    border-radius: 8px
}

.mkp-card-group.mkp-group-unify.mkp-group-clickable > li {
    transition: transform 100ms ease-in
}

.mkp-card-group.mkp-group-unify.mkp-group-clickable > li:hover {
    z-index: 9;
    transform: scale(1.008);
    box-shadow: 0 2px 8px rgba(86, 86, 86, 0.1), 0 4px 8px rgba(86, 86, 86, 0.16)
}

.mkp-card-group.mkp-group-unify.mkp-group-clickable > li:focus, .mkp-card-group.mkp-group-unify.mkp-group-clickable > li:focus-within {
    border: 2px solid var(--focus-01);
    box-shadow: 0 2px 8px rgba(86, 86, 86, 0.1), 0 4px 8px rgba(86, 86, 86, 0.16)
}

.mkp-card-group.mkp-group-unify.mkp-first-card-not-hoverable > li:first-of-type {
    pointer-events: none
}

.mkp-card-group.mkp-form-group {
    padding: 0
}

.mkp-card-group.mkp-form-group .mkp-card {
    margin-left: 24px;
    margin-right: 24px;
    border: 0
}

.mkp-card-group.mkp-form-group > li {
    padding: 0
}

.mkp-card-group.mkp-form-group > li::before {
    display: none
}

.mkp-card-group.mkp-form-group > li .mkp-identifier {
    padding: 24px 0;
    border-top: 1px solid var(--ui-01)
}

.mkp-card-group.mkp-form-group > li .mkp-identifier .has-nbf-checkbox, .mkp-card-group.mkp-form-group > li .mkp-identifier .has-nbf-radio {
    margin-right: 16px
}

.mkp-card-group.mkp-form-group > li .mkp-identifier .mkp-identifier-sticker, .mkp-card-group.mkp-form-group > li .mkp-identifier .mkp-identifier-sticker-placeholder {
    align-self: center
}

.mkp-card-group.mkp-form-group > li:first-child .mkp-identifier {
    border-top: 0
}

.mkp-card-group.mkp-form-group > li label {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    cursor: pointer
}

.mkp-card-group.mkp-form-group > li .mkp-row.mkp-row-itemwise {
    margin: 0
}

.mkp-card-group.mkp-form-group > li .mkp-row.mkp-row-itemwise > div {
    display: flex
}

.mkp-card-group.mkp-card-budget-group-vertical, .mkp-card-group.mkp-card-budget-group-horizontal {
    box-sizing: border-box;
    display: flex;
    max-width: 100%;
    min-width: 100%;
    gap: 16px
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget {
    box-sizing: border-box;
    position: relative;
    padding: 16px;
    flex-grow: 1;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget.mkp-card-clickable, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget.mkp-card-clickable {
    cursor: pointer
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > *, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * {
    margin: 0;
    padding: 0;
    text-align: center
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > * .piechart, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .piechart {
    margin: 8px 0 16px 0
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > * .budget-title, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-title {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > * .budget-current, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-current {
    display: block;
    margin-top: 4px
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > * .budget-current .balance, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-current .balance {
    display: block;
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > * .budget-average, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-average {
    display: block;
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    margin-top: 2px
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > * .budget-average::before, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-average::before {
    display: none
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > * .budget-average .balance.with-icon.icon-b_average, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-average .balance.with-icon.icon-b_average {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > * .budget-average .balance.with-icon.icon-b_average::before, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-average .balance.with-icon.icon-b_average::before {
    content: "\2300";
    position: relative;
    font-family: Pictos-IF;
    margin: 0;
    padding: 0;
    width: 15px;
    height: 15px;
    font-weight: normal;
    font-size: 32px;
    line-height: .4
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > * .budget-month, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-month {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    margin-top: 24px
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > * .budget-booked a, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-booked a {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > * .budget-booked a::after, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-booked a::after {
    margin-left: 8px
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > * .budget-remaining, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-remaining {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline;
    line-height: 22px
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > * .ficon.icon-if5_i_bearb, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .ficon.icon-if5_i_bearb {
    width: auto;
    position: absolute;
    top: 8px;
    right: 8px
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > * .ficon.icon-if5_i_bearb::before, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .ficon.icon-if5_i_bearb::before {
    margin: 0;
    border: 0;
    position: absolute;
    right: 0
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > * .ficon.icon-if5_i_bearb input, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .ficon.icon-if5_i_bearb input {
    padding: 0;
    width: auto
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget > *:hover .budget-booked a, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > *:hover .budget-booked a {
    color: var(--readable-02);
    text-decoration: none
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget:last-child > *, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget:last-child > * {
    padding: 0
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget:last-child > * .bnew-element .ficon.icon-if5_symbol_plus, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget:last-child > * .bnew-element .ficon.icon-if5_symbol_plus {
    display: flex;
    flex-direction: column;
    align-items: center
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget:last-child > * .bnew-element .ficon.icon-if5_symbol_plus::before, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget:last-child > * .bnew-element .ficon.icon-if5_symbol_plus::before {
    margin: 0;
    content: "\F7FD";
    color: var(--success-01);
    background-color: #fff;
    border: 2px solid var(--success-01);
    width: 80px;
    height: 80px;
    font-size: 80px
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget:last-child > * .bnew-element .ficon.icon-if5_symbol_plus input, .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget:last-child > * .bnew-element .ficon.icon-if5_symbol_plus input {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    border: 0;
    padding: 0;
    margin-top: 16px
}

.mkp-card-group.mkp-card-budget-group-vertical {
    flex-direction: row;
    flex-wrap: wrap
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget {
    flex: 0 0 calc(33% - 8px);
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 1079px) {
    .mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget {
        flex: 0 0 calc(33% - 9px)
    }
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget:last-child {
    max-width: calc(33% - 8px)
}

@media screen and (max-width: 650px) {
    .mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget:last-child {
        max-width: 100%
    }
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget .budget-average .balance.with-icon.icon-b_average {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget .budget-average .balance.with-icon.icon-b_average::before {
    font-family: Pictos-IF;
    width: 18px;
    height: 18px;
    font-weight: normal;
    font-size: 36px;
    margin: -2px 10px 0 -10px;
    line-height: .4
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget .budget-booked > a, .mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget .budget-booked {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget .budget-booked > a:after, .mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget .budget-booked:after {
    display: none
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget .budget-booked > a:hover, .mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget .budget-booked:hover {
    color: var(--readable-02)
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget .budget-data .mkp-budget-group {
    display: flex;
    flex-direction: column
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget .budget-data .mkp-budget-group .budget-remaining {
    text-decoration: none
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget .budget-data .mkp-budget-group .budget-remaining.minus {
    color: var(--error-01)
}

.mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget .budget-data .mkp-budget-group .budget-remaining.minus:before {
    color: var(--error-01)
}

@media screen and (max-width: 650px) {
    .mkp-card-group.mkp-card-budget-group-vertical {
        flex-direction: column
    }

    .mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget, .mkp-card-group.mkp-card-budget-group-vertical .mkp-card.mkp-card-budget:last-child {
        flex-basis: 100%;
        width: 100%
    }
}

.mkp-card-group.mkp-card-budget-group-horizontal {
    flex-direction: column;
    flex-wrap: nowrap
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget {
    min-height: 176px;
    flex-shrink: 1;
    flex-direction: row
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * {
    text-align: left
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .piechart {
    margin: 0 24px 0 0
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-title {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-title span {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-current {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-current span {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-average {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-average a {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-average .balance.with-icon.icon-b_average {
    padding-left: 6px
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-average .balance.with-icon.icon-b_average::before {
    top: -2px;
    left: -10px
}

@media (max-width: 649px) {
    .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-average .balance.with-icon.icon-b_average::before {
        top: -3px
    }
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-data {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-data .budget-title {
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 12px
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-data .mkp-budget-group {
    width: auto;
    display: flex;
    flex-direction: column;
    text-align: left;
    padding-right: 16px
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-data .mkp-budget-group .budget-average {
    margin-top: 8px
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-data .mkp-budget-group .budget-average .balance {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-data .mkp-budget-group .budget-current {
    margin-top: 0
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-data .mkp-budget-group .budget-current .balance {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-data .mkp-budget-group .budget-remaining {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: none;
    cursor: default;
    line-height: 20px;
    margin-top: 0
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-data .mkp-budget-group .budget-booked {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline;
    line-height: 20px;
    margin-top: 8px
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-data .mkp-budget-group .budget-booked a:after {
    display: none
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-data .mkp-budget-group + .mkp-budget-group {
    padding-left: 16px;
    border-left: 1px solid var(--ui-01)
}

.mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > *:nth-of-type(2) {
    min-width: 280px
}

@media (max-width: 649px) {
    .mkp-card-group.mkp-card-budget-group-horizontal {
        min-height: auto
    }

    .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget {
        flex-direction: column
    }

    .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * {
        text-align: center
    }

    .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .piechart {
        margin: 8px 0 16px 0
    }

    .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-data {
        justify-content: center
    }

    .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-data .mkp-budget-group:last-child {
        padding-right: 0
    }

    .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-title {
        font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 18px;
        color: var(--readable-02);
        letter-spacing: normal;
        font-size: 16px
    }

    .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-average .balance.with-icon.icon-b_average {
        display: flex
    }

    .mkp-card-group.mkp-card-budget-group-horizontal .mkp-card.mkp-card-budget > * .budget-average .balance.with-icon.icon-b_average::before {
        display: block
    }
}

.mkp-card-group.mkp-card-budget-group-vertical tbody, .mkp-card-group.mkp-card-budget-group-horizontal tbody {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    max-width: 100%;
    min-width: 100%;
    gap: 16px
}

.mkp-card-group.mkp-card-budget-group-vertical tbody {
    flex-direction: row;
    flex-wrap: wrap
}

@media screen and (max-width: 650px) {
    .mkp-card-group.mkp-card-budget-group-vertical tbody {
        flex-direction: column
    }

    .mkp-card-group.mkp-card-budget-group-vertical tbody .mkp-card.mkp-card-budget, .mkp-card-group.mkp-card-budget-group-vertical tbody .mkp-card.mkp-card-budget:last-child {
        flex-basis: 100%;
        width: 100%
    }
}

.mkp-card-group.mkp-card-budget-group-horizontal tbody {
    flex-direction: column;
    flex-wrap: nowrap
}

.mkp-account-budgets-header {
    padding: 0 20px;
    position: relative;
    margin-bottom: 12px
}

.mkp-account-budgets-header .title {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-account-budgets-header .title .mkp-tooltip {
    margin-left: -3px
}

.mkp-account-budgets-header .title .mkp-tooltip .helpovly {
    z-index: 10 !important
}

.mkp-account-budgets-header > .data {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.mkp-account-budgets-header .ficon.icon-b_textbutton.ficon.icon-b_arrow {
    overflow: visible;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 1
}

.mkp-account-budgets-header .ficon.icon-b_textbutton.ficon.icon-b_arrow::after {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 21px;
    right: 18px;
    z-index: 0;
    font-size: 16px
}

.mkp-account-budgets-header .ficon.icon-b_textbutton.ficon.icon-b_arrow:before {
    position: absolute;
    right: 6px
}

.mkp-account-budgets-header .ficon.icon-b_textbutton.ficon.icon-b_arrow > input {
    top: 0;
    right: 0;
    text-indent: -9999px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1
}

@media screen and (max-width: 650px) {
    .mkp-card-group.mkp-form-group .mkp-card {
        margin-left: 12px;
        margin-right: 12px
    }
}

.no-touch .mkp-card-group.mkp-card-budget-group-vertical > * .mkp-card.mkp-card-budget.mkp-card-clickable, .no-touch .mkp-card-group.mkp-card-budget-group-horizontal > * .mkp-card.mkp-card-budget.mkp-card-clickable {
    cursor: pointer
}

.no-touch .mkp-card-group.mkp-card-budget-group-vertical > * .mkp-card.mkp-card-budget.mkp-card-clickable .ficon.icon-if5_i_bearb, .no-touch .mkp-card-group.mkp-card-budget-group-horizontal > * .mkp-card.mkp-card-budget.mkp-card-clickable .ficon.icon-if5_i_bearb {
    transition: opacity .3s ease-in-out;
    opacity: 0
}

.no-touch .mkp-card-group.mkp-card-budget-group-vertical > * .mkp-card.mkp-card-budget.mkp-card-clickable:hover > * .ficon.icon-if5_i_bearb, .no-touch .mkp-card-group.mkp-card-budget-group-horizontal > * .mkp-card.mkp-card-budget.mkp-card-clickable:hover > * .ficon.icon-if5_i_bearb {
    opacity: 1
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-card-list .mkp-list-headline, .mkp-card-list .mkp-list-subline, .mkp-card-list .mkp-list-headline-02 {
    margin: 0 0 0 20px;
    display: block
}

.mkp-card-list .mkp-list-headline {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.mkp-card-list .mkp-list-subline {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.mkp-card-list .mkp-list-headline + .mkp-list-subline {
    margin-top: 12px
}

.mkp-card-list .mkp-list-headline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-card-list.mkp-card-list-search {
    width: 100%;
    margin-top: 24px
}

.js .mkp-card-list.lazyload:not(.ll-initialized) {
    display: none
}

.js .mkp-card-list.lazyload .ll-invisible {
    display: none
}

.js .mkp-card-list.lazyload.ll-all-shown .mkp-card-list-buttonline {
    display: none
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-card-form {
    box-shadow: 0 2px 3px rgba(86, 86, 86, 0.1), 0 2px 8px rgba(86, 86, 86, 0.05);
    border: 1px solid var(--ui-01);
    border-radius: 8px
}

.mkp-card-form .mkp-row {
    margin: 24px 0;
    padding: 0 20px
}

.mkp-card-checkbox .mkp-row.mkp-row-indent {
    padding-left: 102px
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-card-group.mkp-notification-toast {
    width: 540px;
    position: fixed;
    top: 32px;
    right: 0;
    z-index: 2006;
    padding: 0
}

.mkp-card-group.mkp-notification-toast .mkp-card-notification {
    opacity: 0;
    height: 0;
    transition: right 300ms ease, opacity 300ms ease;
    right: -100%
}

.mkp-card-group.mkp-notification-toast .mkp-card-notification.mkp-notification-visible {
    opacity: 1;
    height: auto;
    right: 0
}

.mkp-card-group.mkp-notification-toast .mkp-card-notification .mkp-notification-toast {
    border-radius: 8px
}

.mkp-card-group.mkp-notification-toast .mkp-card-notification:focus, .mkp-card-group.mkp-notification-toast .mkp-card-notification:focus-within {
    border: 1px solid var(--ui-01);
    box-shadow: 0 2px 3px rgba(86, 86, 86, 0.1), 0 2px 8px rgba(86, 86, 86, 0.05)
}

.mkp-notification {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between
}

.mkp-notification .mkp-notification-icon:before {
    display: flex;
    font-family: Pictos-IF;
    font-size: 28px;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    line-height: 28px
}

.mkp-notification .mkp-notification-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.mkp-notification .mkp-notification-content h5 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-notification .mkp-notification-content p, .mkp-notification .mkp-notification-content span {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-notification .mkp-notification-content a {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.mkp-notification .mkp-notification-action .mkp-icon {
    position: relative
}

.mkp-notification.mkp-notification-in-container {
    margin-top: 12px;
    padding: 12px 24px;
    border-radius: 0 0 8px 8px
}

.mkp-notification.mkp-notification-in-container > .mkp-notification-action {
    align-self: center
}

.mkp-notification.mkp-notification-in-container > .mkp-notification-action a {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline;
    position: relative
}

.mkp-notification.mkp-notification-in-container > .mkp-notification-action a:focus {
    outline: 0;
    color: var(--focus-01)
}

.mkp-notification.mkp-notification-toast > .mkp-notification-icon {
    padding: 24px 12px 24px 12px;
    height: 28px
}

.mkp-notification.mkp-notification-toast > .mkp-notification-icon > * {
    width: 28px
}

.mkp-notification.mkp-notification-toast > .mkp-notification-content {
    background: var(--ui-background-01);
    padding: 24px
}

.mkp-notification.mkp-notification-toast > .mkp-notification-content h5 {
    margin: 0
}

.mkp-notification.mkp-notification-toast > .mkp-notification-content p {
    margin-top: 4px
}

.mkp-notification.mkp-notification-toast > .mkp-notification-content a {
    margin-top: 16px
}

.mkp-notification.mkp-notification-toast > .mkp-notification-action {
    padding: 24px 24px 0 0;
    background: var(--ui-background-01);
    align-self: top;
    border-radius: 0 8px 8px 0
}

.mkp-notification.mkp-notification-banner {
    padding: 12px 16px;
    border-radius: 8px
}

.mkp-notification.mkp-notification-banner > .mkp-notification-icon {
    margin-right: 12px;
    max-height: 28px
}

.mkp-notification.mkp-notification-banner > .mkp-notification-content {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    display: block
}

.mkp-notification.mkp-notification-banner > .mkp-notification-content > a {
    display: inline
}

.mkp-notification.mkp-notification-banner > .mkp-notification-content .mkp-notification-action {
    margin-top: 16px
}

.mkp-notification.mkp-notification-success {
    background: var(--success-02)
}

.mkp-notification.mkp-notification-success > .mkp-notification-icon:before {
    content: "\F7AE";
    background-color: var(--success-01);
    color: var(--success-02);
    border-radius: 50%;
    padding-bottom: 4px;
    box-sizing: border-box
}

.mkp-notification.mkp-notification-success > .mkp-notification-content, .mkp-notification.mkp-notification-success > .mkp-notification-content > span, .mkp-notification.mkp-notification-success > .mkp-notification-content > a {
    color: var(--success-01)
}

.mkp-notification.mkp-notification-success .mkp-notification-action > a {
    color: var(--success-01)
}

.mkp-notification.mkp-notification-attention {
    background: var(--attention-02)
}

.mkp-notification.mkp-notification-attention > .mkp-notification-icon:before {
    content: "\F7AE";
    color: var(--attention-01)
}

.mkp-notification.mkp-notification-attention > .mkp-notification-content, .mkp-notification.mkp-notification-attention > .mkp-notification-content > span, .mkp-notification.mkp-notification-attention > .mkp-notification-content > a {
    color: var(--attention-01)
}

.mkp-notification.mkp-notification-attention .mkp-notification-action > a {
    color: var(--attention-01)
}

.mkp-notification.mkp-notification-error {
    background: var(--error-02)
}

.mkp-notification.mkp-notification-error > .mkp-notification-icon:before {
    content: "\F812";
    background-color: var(--error-01);
    color: var(--error-02);
    border-radius: 50%;
    padding-bottom: 4px;
    box-sizing: border-box
}

.mkp-notification.mkp-notification-error > .mkp-notification-content, .mkp-notification.mkp-notification-error > .mkp-notification-content > span, .mkp-notification.mkp-notification-error > .mkp-notification-content > a {
    color: var(--error-01)
}

.mkp-notification.mkp-notification-error .mkp-notification-action > a {
    color: var(--error-01)
}

.mkp-notification.mkp-notification-warning {
    background: var(--warning-02)
}

.mkp-notification.mkp-notification-warning > .mkp-notification-icon:before {
    content: "\F7F8";
    color: var(--warning-01)
}

.mkp-notification.mkp-notification-warning > .mkp-notification-content, .mkp-notification.mkp-notification-warning > .mkp-notification-content > span, .mkp-notification.mkp-notification-warning > .mkp-notification-content > a {
    color: var(--warning-01)
}

.mkp-notification.mkp-notification-warning .mkp-notification-action > a {
    color: var(--warning-01)
}

.mkp-notification.mkp-notification-information {
    background: var(--information-02)
}

.mkp-notification.mkp-notification-information > .mkp-notification-icon:before {
    content: "\F803";
    color: var(--information-01);
    transform: rotate(180deg)
}

.mkp-notification.mkp-notification-information > .mkp-notification-content, .mkp-notification.mkp-notification-information > .mkp-notification-content > span, .mkp-notification.mkp-notification-information > .mkp-notification-content > a {
    color: var(--information-01)
}

.mkp-notification.mkp-notification-information .mkp-notification-action > a {
    color: var(--information-01)
}

.mkp-notification-header {
    margin: 0 auto;
    max-width: 385px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.mkp-notification-header span.mkp-icon {
    text-align: center;
    margin-bottom: 16px
}

.mkp-notification-header span.mkp-icon:before {
    font-size: 48px;
    width: 48px;
    height: 48px
}

.mkp-notification-header h2 > span, .mkp-notification-header h2 {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px;
    margin-bottom: 4px;
    text-align: center
}

.mkp-notification-header .mkp-text {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-notification-header .mkp-text.mkp-text-underline {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.mkp-notification-header .mkp-text.mkp-text-headline {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    margin-bottom: 4px
}

.mkp-notification-header .mkp-text.mkp-text-success {
    color: var(--success-01)
}

.mkp-notification-header .mkp-text.mkp-text-error {
    color: var(--error-01-contrast)
}

.mkp-notification-header div {
    text-align: center
}

.mkp-notification-header.mkp-notification-header-success span.mkp-icon:before {
    color: var(--success-01-contrast)
}

.mkp-notification-header.mkp-notification-header-error span.mkp-icon:before {
    color: var(--error-01-contrast)
}

.mkp-notification-header h2 + .mkp-text.mkp-text-success, .mkp-notification-header h2 + .mkp-text.mkp-text-error {
    margin-top: 16px
}

.mkp-notification-header .mkp-text.mkp-text-underline + .mkp-text.mkp-text-success, .mkp-notification-header .mkp-text.mkp-text-underline + .mkp-text.mkp-text-error {
    margin-top: 16px
}

.mkp-notification-header .mkp-text.mkp-text-success + .mkp-text.mkp-text-headline, .mkp-notification-header .mkp-text.mkp-text-error + .mkp-text.mkp-text-headline {
    margin-top: 24px;
    position: relative
}

.mkp-notification-header .mkp-text.mkp-text-success + .mkp-text.mkp-text-headline:before, .mkp-notification-header .mkp-text.mkp-text-error + .mkp-text.mkp-text-headline:before {
    content: "";
    height: 1px;
    width: 117px;
    display: block;
    position: absolute;
    top: -12px;
    background: var(--ui-03);
    left: 50%;
    margin-left: -58px
}

@media screen and (max-width: 650px) {
    .mkp-notification.mkp-notification-in-container {
        padding: 12px 16px;
        flex-wrap: wrap
    }

    .mkp-notification.mkp-notification-in-container .mkp-notification-content, .mkp-notification.mkp-notification-in-container .mkp-notification-action {
        flex-basis: 100%;
        width: 100%
    }

    .mkp-notification.mkp-notification-in-container .mkp-notification-content, .mkp-notification.mkp-notification-in-container .mkp-notification-content > span, .mkp-notification.mkp-notification-in-container .mkp-notification-action, .mkp-notification.mkp-notification-in-container .mkp-notification-action > a {
        font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 16px;
        color: var(--readable-02);
        letter-spacing: normal;
        font-size: 12px
    }

    .mkp-notification.mkp-notification-in-container .mkp-notification-action {
        margin-top: 4px
    }
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-identifier {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 24px 20px 0 20px;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box
}

.mkp-identifier .mkp-identifier-description {
    order: 2;
    flex: 1 1 calc(100% - 300px);
    padding-right: 24px
}

.mkp-identifier .mkp-identifier-description .mkp-identifier-link {
    text-decoration: none
}

.mkp-identifier .mkp-identifier-description .mkp-identifier-link:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mkp-identifier .mkp-identifier-sticker, .mkp-identifier .mkp-identifier-sticker-placeholder {
    order: 1;
    align-self: flex-start;
    width: 48px;
    height: 48px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 16px
}

.mkp-identifier .mkp-identifier-sticker.mkp-identifier-sticker-border, .mkp-identifier .mkp-identifier-sticker-placeholder.mkp-identifier-sticker-border {
    border-width: 2px;
    border-style: solid;
    display: flex;
    justify-content: center;
    align-items: center
}

.mkp-identifier .mkp-identifier-sticker.mkp-identifier-sticker-full, .mkp-identifier .mkp-identifier-sticker-placeholder.mkp-identifier-sticker-full {
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.mkp-identifier .mkp-identifier-sticker.mkp-identifier-sticker-green, .mkp-identifier .mkp-identifier-sticker-placeholder.mkp-identifier-sticker-green {
    border-color: var(--success-02)
}

.mkp-identifier .mkp-identifier-sticker.mkp-identifier-sticker-green .mkp-icon:before, .mkp-identifier .mkp-identifier-sticker-placeholder.mkp-identifier-sticker-green .mkp-icon:before {
    color: var(--success-01)
}

.mkp-identifier .mkp-identifier-sticker.mkp-identifier-sticker-grey, .mkp-identifier .mkp-identifier-sticker-placeholder.mkp-identifier-sticker-grey {
    background-color: var(--information-02)
}

.mkp-identifier .mkp-identifier-sticker.mkp-identifier-sticker-grey .mkp-icon:before, .mkp-identifier .mkp-identifier-sticker-placeholder.mkp-identifier-sticker-grey .mkp-icon:before {
    color: var(--information-01)
}

.mkp-identifier.mkp-identifier-sticker-full .mkp-identifier-sticker-placeholder {
    border: 0;
    position: relative
}

.mkp-identifier.mkp-identifier-sticker-full .mkp-identifier-sticker-placeholder:before {
    position: absolute;
    font-size: 40px;
    width: 48px;
    height: 48px;
    top: 0;
    left: 1px;
    line-height: 40px
}

.mkp-identifier.mkp-identifier-sticker-full .mkp-identifier-sticker-placeholder:after {
    content: "";
    width: 48px;
    height: 48px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    background: var(--ui-02)
}

.mkp-identifier.mkp-identifier-sticker-no-circle .mkp-identifier-sticker-placeholder {
    border: 0
}

.mkp-identifier.mkp-identifier-sticker-circle .mkp-identifier-sticker-placeholder {
    border: 0;
    position: relative
}

.mkp-identifier.mkp-identifier-sticker-circle .mkp-identifier-sticker-placeholder:before {
    position: absolute;
    font-size: 40px;
    width: 48px;
    height: 48px;
    top: 2px;
    left: 1px;
    line-height: 40px
}

.mkp-identifier.mkp-identifier-sticker-circle .mkp-identifier-sticker-placeholder:after {
    content: "";
    border: 2px solid var(--ui-01);
    width: 48px;
    height: 48px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    box-sizing: border-box
}

.mkp-identifier[class*="mkp-identifier-sticker-"] .mkp-identifier-sticker-placeholder:before {
    font-family: Pictos-IF;
    display: block;
    text-align: center
}

.mkp-identifier.mkp-identifier-sticker-blue .mkp-identifier-sticker-placeholder:before {
    color: var(--ink-02) !important
}

.mkp-identifier.mkp-identifier-sticker-blue .mkp-identifier-sticker-placeholder:after {
    opacity: 10%;
    background: var(--ink-02);
    border-color: var(--ink-02)
}

.mkp-identifier.mkp-identifier-sticker-blue.mkp-identifier-sticker-circle .mkp-identifier-sticker-placeholder:after {
    background: 0
}

.mkp-identifier.mkp-identifier-sticker-red .mkp-identifier-sticker-placeholder:before {
    color: var(--error-01) !important
}

.mkp-identifier.mkp-identifier-sticker-red .mkp-identifier-sticker-placeholder:after {
    opacity: 10%;
    background: var(--error-01);
    border-color: var(--error-01)
}

.mkp-identifier.mkp-identifier-sticker-red.mkp-identifier-sticker-circle .mkp-identifier-sticker-placeholder:after {
    background: 0
}

.mkp-identifier.mkp-identifier-sticker-grey .mkp-identifier-sticker-placeholder:before {
    color: var(--readable-01) !important
}

.mkp-identifier.mkp-identifier-sticker-grey .mkp-identifier-sticker-placeholder:after {
    opacity: 10%;
    background: var(--ui-02);
    border-color: var(--ui-02)
}

.mkp-identifier.mkp-identifier-sticker-grey.mkp-identifier-sticker-circle .mkp-identifier-sticker-placeholder:after {
    background: 0
}

.mkp-identifier.mkp-identifier-sticker-green .mkp-identifier-sticker-placeholder:before {
    color: var(--lime-02) !important
}

.mkp-identifier.mkp-identifier-sticker-green .mkp-identifier-sticker-placeholder:after {
    opacity: 10%;
    background: var(--lime-02);
    border-color: var(--lime-02)
}

.mkp-identifier.mkp-identifier-sticker-green.mkp-identifier-sticker-circle .mkp-identifier-sticker-placeholder:after {
    background: 0
}

.mkp-identifier .mkp-identifier-sticker-placeholder {
    border: 1px dashed var(--ui-02);
    box-sizing: border-box
}

.mkp-identifier .mkp-identifier-badge, .mkp-identifier .mkp-identifier-account-link {
    order: 3
}

.mkp-identifier .mkp-identifier-badge + .mkp-identifier-currency, .mkp-identifier .mkp-identifier-account-link + .mkp-identifier-currency {
    order: 4
}

.mkp-identifier .mkp-identifier-badge + .mkp-identifier-helper, .mkp-identifier .mkp-identifier-account-link + .mkp-identifier-helper {
    order: 5
}

.mkp-identifier .mkp-identifier-currency {
    order: 3;
    align-self: flex-start;
    min-height: 48px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: center
}

.mkp-identifier .mkp-identifier-currency.mkp-identifier-currency-same-width {
    min-width: 200px
}

.mkp-identifier .mkp-identifier-helper {
    order: 4;
    margin-left: 8px
}

.mkp-identifier .mkp-identifier-helper .helpovly > a:after {
    content: "\f851";
    color: var(--information-01);
    background: 0;
    border: 0;
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 100%
}

.mkp-identifier .mkp-identifier-action {
    order: 4;
    margin-left: 12px
}

.mkp-identifier .mkp-identifier-action .mkp-icon-arrow:before {
    content: '\F805';
    font-size: 24px;
    line-height: 24px;
    width: 24px;
    height: 24px;
    transform: rotate(90deg);
    color: var(--readable-01);
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

.mkp-identifier .mkp-identifier-account-link {
    flex: auto;
    min-height: 40px
}

.mkp-identifier .mkp-identifier-account-link a {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.mkp-identifier [class~='mkp-identifier-currency']:last-of-type {
    margin-right: 40px
}

[class~='mkp-identifier']:last-of-type {
    padding: 24px 20px
}

.mkp-card-thinner .mkp-identifier {
    padding: 16px 20px 0 20px
}

.mkp-card-thinner [class~='mkp-identifier']:last-of-type {
    padding: 16px 20px
}

.mkp-card:focus .mkp-identifier-description h3 > a, .mkp-card:focus-within .mkp-identifier-description h3 > a {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.mkp-card-bank-account .mkp-identifier .mkp-identifier-description h3, .mkp-card-debit .mkp-identifier .mkp-identifier-description h3, .mkp-card-account .mkp-identifier .mkp-identifier-description h3, .mkp-card-bank-account .mkp-identifier .mkp-identifier-description h3 > a, .mkp-card-debit .mkp-identifier .mkp-identifier-description h3 > a, .mkp-card-account .mkp-identifier .mkp-identifier-description h3 > a {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    letter-spacing: normal;
    font-size: 16px;
    color: var(--readable-01);
    font-weight: normal;
    outline: 0
}

.mkp-card-bank-account .mkp-identifier .mkp-identifier-description p, .mkp-card-debit .mkp-identifier .mkp-identifier-description p, .mkp-card-account .mkp-identifier .mkp-identifier-description p {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    letter-spacing: normal;
    font-size: 14px;
    color: var(--readable-02)
}

.mkp-card-bank-account .mkp-identifier .mkp-identifier-description p.mkp-identifier-multiline, .mkp-card-debit .mkp-identifier .mkp-identifier-description p.mkp-identifier-multiline, .mkp-card-account .mkp-identifier .mkp-identifier-description p.mkp-identifier-multiline {
    padding-bottom: 0
}

.mkp-card-bank-account .mkp-identifier .mkp-identifier-description p + p, .mkp-card-debit .mkp-identifier .mkp-identifier-description p + p, .mkp-card-account .mkp-identifier .mkp-identifier-description p + p {
    margin: 0
}

.mkp-card-bank-account .mkp-identifier .mkp-identifier-description p.mkp-text-bold, .mkp-card-debit .mkp-identifier .mkp-identifier-description p.mkp-text-bold, .mkp-card-account .mkp-identifier .mkp-identifier-description p.mkp-text-bold {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.mkp-card-bank-account .mkp-identifier .mkp-identifier-description > p.mkp-identifier-multiline, .mkp-card-debit .mkp-identifier .mkp-identifier-description > p.mkp-identifier-multiline, .mkp-card-account .mkp-identifier .mkp-identifier-description > p.mkp-identifier-multiline {
    padding-top: 4px
}

.mkp-card-bank-account .mkp-identifier .mkp-identifier-description > p.mkp-identifier-multiline ~ p.mkp-identifier-multiline, .mkp-card-debit .mkp-identifier .mkp-identifier-description > p.mkp-identifier-multiline ~ p.mkp-identifier-multiline, .mkp-card-account .mkp-identifier .mkp-identifier-description > p.mkp-identifier-multiline ~ p.mkp-identifier-multiline {
    padding-top: 0
}

.mkp-card-bank-account .mkp-identifier .mkp-identifier-helper {
    align-self: flex-start;
    min-height: 48px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mkp-card-category .mkp-identifier-description .mkp-identifier-title {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    letter-spacing: normal;
    font-size: 16px;
    color: var(--readable-01);
    font-weight: normal;
    outline: 0
}

.mkp-card-category .mkp-identifier-description .mkp-bar-outer {
    display: block;
    overflow: hidden;
    border-radius: 0 16px 16px 0;
    height: 8px;
    box-sizing: border-box;
    position: relative;
    margin-top: 4px
}

.mkp-card-category .mkp-identifier-description .mkp-bar-outer > span.mkp-bar-inner {
    display: block;
    border: 400px solid transparent;
    border-color: inherit;
    width: 100%;
    position: absolute;
    height: 0;
    border-top-width: 4px;
    border-bottom-width: 4px;
    box-sizing: border-box
}

.mkp-card-category .mkp-identifier-sticker:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center;
    font-size: 48px;
    line-height: 36px;
    height: 48px;
    width: 48px;
    color: inherit;
    display: block
}

.mkp-card-debit .mkp-identifier [class~='mkp-identifier-currency']:last-of-type {
    margin-right: 0
}

.mkp-card-account .mkp-identifier {
    padding: 24px 0
}

.mkp-card-account .mkp-identifier .mkp-identifier-description {
    padding-right: 16px
}

.mkp-card-account .mkp-identifier .mkp-identifier-description h3, .mkp-card-account .mkp-identifier .mkp-identifier-description h3 > a {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.mkp-card-account .mkp-identifier .mkp-identifier-account-link {
    border-left: 1px solid var(--ui-01);
    padding: 0 16px;
    display: flex;
    align-items: center
}

.mkp-card-account .mkp-identifier [class~='mkp-identifier-currency']:last-of-type {
    margin-right: 0;
    flex: auto
}

.mkp-card-account-link .mkp-identifier .mkp-identifier-description {
    flex: none
}

.mkp-card-action .mkp-identifier .mkp-identifier-title, .mkp-card-action .mkp-identifier .mkp-identifier-title > a {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    letter-spacing: normal;
    font-size: 16px;
    color: var(--readable-01);
    font-weight: normal;
    outline: 0;
    display: block
}

.mkp-card-action .mkp-identifier .mkp-identifier-description {
    max-width: calc(100% - 100px)
}

.mkp-card-action .mkp-identifier .mkp-identifier-description h3, .mkp-card-action .mkp-identifier .mkp-identifier-description h3 > a {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    letter-spacing: normal;
    font-size: 16px;
    color: var(--readable-01);
    font-weight: normal;
    outline: 0
}

.mkp-card-action .mkp-identifier .mkp-identifier-description p {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    letter-spacing: normal;
    font-size: 14px;
    color: var(--readable-02)
}

.mkp-card-action .mkp-identifier .mkp-identifier-multiline {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    letter-spacing: normal;
    font-size: 14px;
    display: block;
    color: var(--readable-02)
}

.mkp-card-action .mkp-identifier .mkp-identifier-multiline + .mkp-identifier-multiline {
    margin: 0
}

.mkp-card-action .mkp-identifier .mkp-identifier-multiline.mkp-text-bold {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.mkp-key-line .mkp-identifier {
    padding: 0
}

.mkp-key-line .mkp-identifier .mkp-identifier-sticker, .mkp-key-line .mkp-identifier .mkp-identifier-sticker-placeholder {
    width: 36px;
    height: 36px;
    margin-right: 12px;
    align-self: flex-start
}

.mkp-key-line .mkp-identifier .mkp-identifier-description {
    padding-right: 0;
    margin-right: 0
}

.mkp-key-line .mkp-identifier .mkp-identifier-description h3, .mkp-key-line .mkp-identifier .mkp-identifier-description h3 > a {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: normal
}

.mkp-key-line .mkp-identifier .mkp-identifier-description p {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-key-line .mkp-identifier .mkp-identifier-description p + p {
    margin-top: 0
}

.mkp-identifier-section {
    position: relative
}

.mkp-identifier-section .mkp-identifier {
    padding-top: 0
}

.mkp-identifier-section .mkp-identifier .mkp-identifier-description .mkp-identifier-title {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    letter-spacing: normal;
    font-size: 16px;
    color: var(--readable-01);
    font-weight: normal;
    outline: 0
}

.mkp-identifier-list {
    width: 100%
}

.mkp-identifier-list .mkp-identifier {
    display: flex;
    position: relative
}

.mkp-identifier-list .mkp-identifier .mkp-identifier-description > h3 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    display: block
}

.mkp-identifier-list .mkp-identifier .mkp-identifier-description .mkp-identifier-link {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    display: block
}

.mkp-identifier-list .mkp-identifier .mkp-identifier-description .mkp-identifier-link:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.mkp-identifier-list .mkp-identifier .mkp-identifier-description .mkp-identifier-link:hover {
    text-decoration: underline
}

.mkp-identifier-list .mkp-identifier .mkp-identifier-description .mkp-identifier-multiline, .mkp-identifier-list .mkp-identifier .mkp-identifier-description p {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    letter-spacing: normal;
    font-size: 14px;
    display: block;
    color: var(--readable-02)
}

.mkp-identifier-list .mkp-identifier .mkp-identifier-description .mkp-identifier-multiline + .mkp-identifier-multiline, .mkp-identifier-list .mkp-identifier .mkp-identifier-description p + .mkp-identifier-multiline {
    margin: 0
}

.mkp-identifier-list .mkp-identifier .mkp-identifier-description .mkp-identifier-multiline.mkp-text-bold, .mkp-identifier-list .mkp-identifier .mkp-identifier-description p.mkp-text-bold {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.mkp-card-bigger {
    min-height: 176px;
    align-items: center;
    display: flex
}

.mkp-card-bigger.mkp-card-action .mkp-identifier {
    justify-content: flex-start
}

.mkp-card-bigger.mkp-card-action .mkp-identifier .mkp-identifier-sticker-placeholder {
    width: 72px;
    height: 72px
}

.mkp-card-bigger.mkp-card-action .mkp-identifier .mkp-identifier-sticker-placeholder:before {
    width: 72px;
    height: 72px;
    font-size: 64px;
    line-height: 54px
}

.mkp-card-bigger.mkp-card-action .mkp-identifier .mkp-identifier-sticker-placeholder:after {
    width: 72px;
    height: 72px
}

.mkp-card-bigger.mkp-card-action .mkp-identifier .mkp-identifier-description {
    max-width: calc(100% - 120px)
}

.mkp-card-bigger.mkp-card-action .mkp-identifier .mkp-identifier-description p {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.mkp-card-bigger.mkp-card-action .mkp-identifier.mkp-identifier-sticker-warning .mkp-identifier-sticker-placeholder:before {
    font-size: 72px
}

.mkp-card-bigger.mkp-card-action .mkp-identifier.mkp-identifier-sticker-lock .mkp-identifier-sticker-placeholder:before {
    font-size: 40px;
    color: var(--readable-01)
}

.mkp-card-bigger.mkp-card-action .mkp-identifier.mkp-identifier-sticker-hashtag .mkp-identifier-sticker-placeholder:before {
    font-size: 42px;
    line-height: 68px
}

@media screen and (max-width: 650px) {
    .mkp-identifier {
        padding: 16px 12px 0 12px
    }

    .mkp-identifier .mkp-identifier-sticker, .mkp-identifier .mkp-identifier-sticker-placeholder {
        width: 36px;
        height: 36px
    }

    .mkp-identifier .mkp-identifier-currency {
        flex-basis: 100%;
        max-width: 100%;
        margin-top: 8px
    }

    .mkp-identifier [class~='mkp-identifier-currency']:last-of-type {
        margin-right: 0
    }

    .mkp-identifier .mkp-identifier-description {
        padding-right: 0
    }

    .mkp-identifier .mkp-identifier-description p {
        font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 16px;
        color: var(--readable-02);
        letter-spacing: normal;
        font-size: 12px
    }

    .mkp-identifier .mkp-identifier-currency {
        min-height: auto
    }

    .mkp-identifier .mkp-identifier-currency.mkp-identifier-currency-same-width {
        min-width: auto
    }

    .mkp-identifier .mkp-identifier-action {
        align-self: flex-end;
        margin-left: 0
    }

    .mkp-identifier .mkp-identifier-action .mkp-icon-arrow:before {
        font-size: 21px;
        line-height: 21px
    }

    .mkp-identifier .mkp-identifier-badge {
        font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 16px;
        color: var(--readable-02);
        letter-spacing: normal;
        font-size: 12px;
        margin-left: 46px;
        align-self: flex-end
    }

    [class~='mkp-identifier']:last-of-type {
        padding: 16px 12px
    }

    .mkp-card-thinner [class~='mkp-identifier']:last-of-type {
        padding: 12px
    }

    .mkp-card-clickable.mkp-card-bigger.mkp-card-action .mkp-identifier {
        justify-content: center;
        padding: 16px
    }

    .mkp-card-clickable.mkp-card-bigger.mkp-card-action .mkp-identifier .mkp-identifier-description {
        max-width: 100%;
        flex-basis: 100%;
        margin-top: 8px
    }

    .mkp-card.mkp-card-bank-account .mkp-identifier .mkp-identifier-description p {
        font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 16px;
        color: var(--readable-02);
        letter-spacing: normal;
        font-size: 12px
    }

    .mkp-card.mkp-card-account .mkp-identifier {
        padding: 16px 0
    }

    .mkp-card.mkp-card-account .mkp-identifier .mkp-identifier-sticker, .mkp-card.mkp-card-account .mkp-identifier .mkp-identifier-sticer-placeholder {
        width: 48px;
        height: 48px
    }

    .mkp-card.mkp-card-account .mkp-identifier .mkp-identifier-account-link {
        flex-basis: 100%;
        max-width: 100%;
        border-left: 0;
        min-height: auto;
        margin-top: 14px;
        padding: 0 0 0 64px
    }

    .mkp-card.mkp-card-account .mkp-identifier .mkp-identifier-description h3 {
        font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
        line-height: 20px;
        color: var(--readable-01);
        letter-spacing: normal;
        font-size: 16px
    }

    .mkp-card.mkp-card-account .mkp-identifier .mkp-identifier-description p {
        font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 16px;
        color: var(--readable-02);
        letter-spacing: normal;
        font-size: 12px
    }

    .mkp-card.mkp-card-account .mkp-identifier .mkp-identifier-currency {
        margin-top: 12px;
        max-width: calc(100% - 60px);
        flex-basis: calc(100% - 60px)
    }

    .mkp-card.mkp-card-account .mkp-identifier .mkp-identifier-currency .mkp-currency .balance-predecimal, .mkp-card.mkp-card-account .mkp-identifier .mkp-identifier-currency .mkp-currency .balance-decimal, .mkp-card.mkp-card-account .mkp-identifier .mkp-identifier-currency .mkp-currency span {
        font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
        line-height: 20px;
        color: var(--readable-01);
        letter-spacing: normal;
        font-size: 18px
    }

    .mkp-card.mkp-card-account .mkp-identifier .mkp-identifier-currency .mkp-currency .balance-predecimal.plus, .mkp-card.mkp-card-account .mkp-identifier .mkp-identifier-currency .mkp-currency .balance-decimal.plus, .mkp-card.mkp-card-account .mkp-identifier .mkp-identifier-currency .mkp-currency span.plus {
        color: var(--currency-positive-01)
    }

    .mkp-card.mkp-card-account .mkp-identifier .mkp-identifier-currency .mkp-currency .balance-predecimal.minus, .mkp-card.mkp-card-account .mkp-identifier .mkp-identifier-currency .mkp-currency .balance-decimal.minus, .mkp-card.mkp-card-account .mkp-identifier .mkp-identifier-currency .mkp-currency span.minus {
        color: var(--currency-negative-01)
    }

    .mkp-card-action .mkp-identifier .mkp-identifier-description {
        max-width: calc(100% - 60px)
    }

    .mkp-card.mkp-card-debit.mkp-card-thinner .mkp-identifier {
        padding: 12px 12px 0 12px
    }

    .mkp-card.mkp-card-debit.mkp-card-thinner .mkp-identifier .mkp-identifier-description h3 {
        font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
        line-height: 20px;
        color: var(--readable-01);
        letter-spacing: normal;
        font-size: 16px
    }

    .mkp-card.mkp-card-debit.mkp-card-thinner .mkp-identifier .mkp-identifier-description p {
        font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
        line-height: 16px;
        color: var(--readable-02);
        letter-spacing: normal;
        font-size: 12px
    }

    .mkp-card.mkp-card-debit.mkp-card-thinner .mkp-identifier .mkp-identifier-currency {
        margin-top: 8px
    }

    .mkp-card.mkp-card-debit.mkp-card-thinner .mkp-identifier .mkp-identifier-currency .mkp-currency .balance-predecimal, .mkp-card.mkp-card-debit.mkp-card-thinner .mkp-identifier .mkp-identifier-currency .mkp-currency .balance-decimal, .mkp-card.mkp-card-debit.mkp-card-thinner .mkp-identifier .mkp-identifier-currency .mkp-currency span {
        font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
        line-height: 16px;
        color: var(--readable-01);
        letter-spacing: normal;
        font-size: 16px
    }

    .mkp-card.mkp-card-debit.mkp-card-thinner .mkp-identifier .mkp-identifier-currency .mkp-currency .balance-predecimal.plus, .mkp-card.mkp-card-debit.mkp-card-thinner .mkp-identifier .mkp-identifier-currency .mkp-currency .balance-decimal.plus, .mkp-card.mkp-card-debit.mkp-card-thinner .mkp-identifier .mkp-identifier-currency .mkp-currency span.plus {
        color: var(--currency-positive-01)
    }

    .mkp-card.mkp-card-debit.mkp-card-thinner .mkp-identifier .mkp-identifier-currency .mkp-currency .balance-predecimal.minus, .mkp-card.mkp-card-debit.mkp-card-thinner .mkp-identifier .mkp-identifier-currency .mkp-currency .balance-decimal.minus, .mkp-card.mkp-card-debit.mkp-card-thinner .mkp-identifier .mkp-identifier-currency .mkp-currency span.minus {
        color: var(--currency-negative-01)
    }

    .mkp-card.mkp-card-debit.mkp-card-thinner [class~='mkp-identifier']:last-of-type {
        padding: 12px
    }

    .mkp-card .mkp-identifier .mkp-identifier-currency:last-of-type {
        flex-basis: 100%;
        max-width: 100%
    }

    .mkp-card.mkp-card-debit .mkp-identifier .mkp-identifier-sticker, .mkp-card.mkp-card-debit .mkp-identifier .mkp-identifier-sticker-placeholder {
        width: 48px;
        height: 48px
    }

    .mkp-card.mkp-card-debit .mkp-identifier .mkp-identifier-currency {
        flex-basis: calc(100% - 40px);
        max-width: calc(100% - 40px)
    }

    .mkp-card-account .mkp-identifier .mkp-identifier-description {
        padding-right: 0
    }

    .mkp-card-category .mkp-identifier-currency, .mkp-identifier-section .mkp-identifier-currency {
        margin-top: 8px
    }

    .mkp-card-category .mkp-identifier-currency .mkp-currency .balance-predecimal, .mkp-identifier-section .mkp-identifier-currency .mkp-currency .balance-predecimal, .mkp-card-category .mkp-identifier-currency .mkp-currency .balance-decimal, .mkp-identifier-section .mkp-identifier-currency .mkp-currency .balance-decimal, .mkp-card-category .mkp-identifier-currency .mkp-currency span, .mkp-identifier-section .mkp-identifier-currency .mkp-currency span {
        font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
        line-height: 16px;
        color: var(--readable-01);
        letter-spacing: normal;
        font-size: 16px
    }

    .mkp-card-category .mkp-identifier-currency .mkp-currency .balance-predecimal.plus, .mkp-identifier-section .mkp-identifier-currency .mkp-currency .balance-predecimal.plus, .mkp-card-category .mkp-identifier-currency .mkp-currency .balance-decimal.plus, .mkp-identifier-section .mkp-identifier-currency .mkp-currency .balance-decimal.plus, .mkp-card-category .mkp-identifier-currency .mkp-currency span.plus, .mkp-identifier-section .mkp-identifier-currency .mkp-currency span.plus {
        color: var(--currency-positive-01)
    }

    .mkp-card-category .mkp-identifier-currency .mkp-currency .balance-predecimal.minus, .mkp-identifier-section .mkp-identifier-currency .mkp-currency .balance-predecimal.minus, .mkp-card-category .mkp-identifier-currency .mkp-currency .balance-decimal.minus, .mkp-identifier-section .mkp-identifier-currency .mkp-currency .balance-decimal.minus, .mkp-card-category .mkp-identifier-currency .mkp-currency span.minus, .mkp-identifier-section .mkp-identifier-currency .mkp-currency span.minus {
        color: var(--currency-negative-01)
    }

    .mkp-card-category .mkp-identifier-sticker, .mkp-identifier-section .mkp-identifier-sticker {
        margin-right: 8px
    }

    .mkp-card-category .mkp-identifier-sticker:before, .mkp-identifier-section .mkp-identifier-sticker:before {
        font-size: 38px;
        line-height: 32px;
        width: 34px
    }

    .mkp-identifier.mkp-identifier-sticker-full .mkp-identifier-sticker-placeholder:before {
        width: 36px;
        height: 36px;
        font-size: 33px;
        line-height: 32px
    }

    .mkp-identifier.mkp-identifier-sticker-full .mkp-identifier-sticker-placeholder:after {
        width: 36px;
        height: 36px
    }
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-pill {
    padding: 4px 12px;
    border: 1px solid var(--ui-01-contrast);
    border-radius: 48px;
    line-height: 100%;
    background: var(--ui-background-01);
    text-decoration: none;
    display: block;
    position: relative
}

.mkp-pill .mkp-pill-icon {
    margin-right: 4px
}

.mkp-pill .mkp-pill-icon:before {
    width: 16px;
    font-size: 20px;
    color: var(--readable-02)
}

.mkp-pill .mkp-pill-text {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.mkp-pill:hover {
    border-color: var(--ui-02)
}

.mkp-pill.mkp-pill-full {
    border: 0;
    background: var(--information-02)
}

.mkp-pill.mkp-pill-full .mkp-pill-text {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.mkp-pill.mkp-pill-full:hover {
    border: 0
}

.mkp-pill.mkp-pill-full.mkp-pill-positive {
    background: var(--currency-positive-02)
}

.mkp-pill.mkp-pill-positive {
    color: var(--currency-positive-01)
}

.mkp-row-categories .mkp-pill {
    margin-right: 4px;
    display: inline-block;
    margin-top: 4px
}

ul.mkp-row-categories li {
    display: inline-block;
    margin-right: 4px
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

a.mkp-button.mkp-button-tertiary.mkp-button-tertiary-l {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

a.mkp-button.mkp-button-tertiary.mkp-button-tertiary-m {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

a.mkp-button.mkp-button-tertiary.mkp-button-tertiary-ghost {
    text-decoration: none
}

a.mkp-button.mkp-button-tertiary.mkp-button-tertiary-ghost:hover {
    text-decoration: underline
}

a.mkp-button.mkp-button-tertiary.mkp-button-tertiary-ghost:hover:before {
    background: 0;
    color: var(--readable-02)
}

a.mkp-button.mkp-button-tertiary:hover {
    color: var(--secondary-01-hover)
}

a.mkp-button.mkp-button-tertiary:focus {
    outline: 0;
    color: var(--focus-01)
}

a.mkp-button.mkp-button-tertiary:disabled {
    color: var(--disabled-02)
}

a.mkp-button.mkp-button-tertiary:active {
    color: var(--secondary-01-active)
}

a.mkp-button.mkp-button-link {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.mkp-card-list-buttonline {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.mkp-card-list-buttonline .show-more {
    border: 2px solid var(--secondary-01);
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    padding: 16px 32px;
    border-radius: 24px;
    background: var(--ui-background-01);
    text-decoration: none;
    display: block;
    margin-bottom: 24px
}

.mkp-card-list-buttonline .show-more:before {
    display: none
}

.mkp-card-list-buttonline .show-more:hover {
    background: var(--secondary-01-hover);
    color: var(--readable-03)
}

.mkp-card-list-buttonline .show-all {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline;
    margin-bottom: 16px;
    border: 0;
    padding: 0
}

.mkp-card-list-buttonline .show-all:before {
    display: none
}

.mkp-card-list-buttonline .show-all:hover {
    color: var(--secondary-01-hover)
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-expandable [role="button"], .mkp-expandable [type="button"] {
    text-decoration: none
}

.mkp-expandable .mkp-expandable-button {
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    background: transparent;
    text-align: left;
    margin: 0;
    padding: 20px 40px 20px 24px;
    position: relative;
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none
}

.mkp-expandable .mkp-expandable-button:focus {
    border: 0;
    outline: 0
}

.mkp-expandable .mkp-expandable-button::after {
    content: "";
    font: 24px/70% Pictos-IF;
    width: 20px;
    pointer-events: none;
    position: absolute;
    right: 24px;
    top: calc(50% - 10px)
}

.mkp-expandable .mkp-expandable-button .mkp-currency {
    margin-right: 20px
}

@media screen and (max-width: 650px) {
    .mkp-expandable .mkp-expandable-button .mkp-currency {
        margin-right: 0
    }
}

.mkp-expandable.is-visible .mkp-expandable-container {
    display: block
}

.mkp-expandable.is-visible .mkp-expandable-button::before {
    display: none
}

.mkp-expandable.is-visible .mkp-expandable-button::after {
    content: "\F805"
}

.mkp-expandable.is-visible .mkp-expandable-button .mkp-currency {
    transition: all .4s ease-in-out;
    opacity: 0
}

.mkp-expandable.is-hidden .mkp-expandable-container {
    display: none
}

.mkp-expandable.is-hidden .mkp-expandable-button::before {
    content: "";
    border-bottom: 1px solid var(--ui-01);
    width: calc(100% - 48px);
    position: absolute;
    bottom: -1px
}

.mkp-expandable.is-hidden .mkp-expandable-button::after {
    content: "\F807"
}

.mkp-expandable.is-hidden .mkp-expandable-button .mkp-currency {
    transition: all 1s ease-in-out;
    opacity: 1
}

.mkp-expandable .mkp-expandable-container {
    position: relative
}

.mkp-expandable .mkp-expandable-container::before {
    display: none
}

.mkp-expandable .mkp-expandable-container .mkp-card-group > li:first-child {
    padding-top: 0
}

.mkp-expandable .mkp-expandable-container .mkp-card-group.mkp-group-unify {
    margin: 0
}

.mkp-expandable[data-type="variant-expandable-card-bottom"] {
    border-top: 1px solid var(--ui-01)
}

.mkp-expandable[data-type="variant-expandable-card-bottom"].is-visible .mkp-expandable-container::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background: var(--ui-01);
    left: 24px;
    width: calc(100% - 48px)
}

.mkp-expandable[data-type="variant-expandable-card-bottom"].is-hidden .mkp-expandable-button::before {
    display: none
}

.mkp-expandable .mkp-card-group > li.mkp-card-footer-sub-total {
    margin-top: 28px
}

.mkp-card-footer-sum, .mkp-card-footer-sub-total {
    transition: all .4s ease-in-out;
    margin-top: 24px;
    padding: 0 16px;
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 650px) {
    .mkp-card-footer-sum, .mkp-card-footer-sub-total {
        padding: 0 12px
    }
}

.mkp-card-footer-sum .mkp-card-sum, .mkp-card-footer-sub-total .mkp-card-sum, .mkp-card-footer-sum .mkp-card-sub-total, .mkp-card-footer-sub-total .mkp-card-sub-total, .mkp-card-footer-sum .mkp-additional-amount, .mkp-card-footer-sub-total .mkp-additional-amount {
    flex: 1;
    display: flex;
    align-items: center
}

.mkp-card-footer-sum .mkp-card-sum > div, .mkp-card-footer-sub-total .mkp-card-sum > div, .mkp-card-footer-sum .mkp-card-sub-total > div, .mkp-card-footer-sub-total .mkp-card-sub-total > div, .mkp-card-footer-sum .mkp-additional-amount > div, .mkp-card-footer-sub-total .mkp-additional-amount > div {
    flex: 1 1 auto;
    text-align: right
}

.mkp-card-footer-sum .mkp-card-sum > div:first-child, .mkp-card-footer-sub-total .mkp-card-sum > div:first-child, .mkp-card-footer-sum .mkp-card-sub-total > div:first-child, .mkp-card-footer-sub-total .mkp-card-sub-total > div:first-child, .mkp-card-footer-sum .mkp-additional-amount > div:first-child, .mkp-card-footer-sub-total .mkp-additional-amount > div:first-child {
    min-width: 65%;
    padding-right: 8px;
    position: relative
}

@media screen and (max-width: 650px) {
    .mkp-card-footer-sum .mkp-card-sum > div:first-child, .mkp-card-footer-sub-total .mkp-card-sum > div:first-child, .mkp-card-footer-sum .mkp-card-sub-total > div:first-child, .mkp-card-footer-sub-total .mkp-card-sub-total > div:first-child, .mkp-card-footer-sum .mkp-additional-amount > div:first-child, .mkp-card-footer-sub-total .mkp-additional-amount > div:first-child {
        min-width: 50%
    }
}

.mkp-card-footer-sum .mkp-card-sum .mkp-currency, .mkp-card-footer-sub-total .mkp-card-sum .mkp-currency, .mkp-card-footer-sum .mkp-card-sub-total .mkp-currency, .mkp-card-footer-sub-total .mkp-card-sub-total .mkp-currency, .mkp-card-footer-sum .mkp-additional-amount .mkp-currency, .mkp-card-footer-sub-total .mkp-additional-amount .mkp-currency {
    margin-right: 44px
}

@media screen and (max-width: 650px) {
    .mkp-card-footer-sum .mkp-card-sum .mkp-currency, .mkp-card-footer-sub-total .mkp-card-sum .mkp-currency, .mkp-card-footer-sum .mkp-card-sub-total .mkp-currency, .mkp-card-footer-sub-total .mkp-card-sub-total .mkp-currency, .mkp-card-footer-sum .mkp-additional-amount .mkp-currency, .mkp-card-footer-sub-total .mkp-additional-amount .mkp-currency {
        margin-right: 0
    }
}

.mkp-card-footer-sum .mkp-card-sum .helpovly, .mkp-card-footer-sub-total .mkp-card-sum .helpovly, .mkp-card-footer-sum .mkp-card-sub-total .helpovly, .mkp-card-footer-sub-total .mkp-card-sub-total .helpovly, .mkp-card-footer-sum .mkp-additional-amount .helpovly, .mkp-card-footer-sub-total .mkp-additional-amount .helpovly {
    margin-left: 8px;
    z-index: initial;
    position: absolute;
    top: -3px
}

.mkp-card-footer-sum .mkp-card-sum .helpovly > a::after, .mkp-card-footer-sub-total .mkp-card-sum .helpovly > a::after, .mkp-card-footer-sum .mkp-card-sub-total .helpovly > a::after, .mkp-card-footer-sub-total .mkp-card-sub-total .helpovly > a::after, .mkp-card-footer-sum .mkp-additional-amount .helpovly > a::after, .mkp-card-footer-sub-total .mkp-additional-amount .helpovly > a::after {
    content: "\f851";
    width: 32px;
    height: 32px;
    border: 0;
    font-size: 32px;
    background: 0;
    position: absolute;
    left: -8px
}

.mkp-card-footer-sum .mkp-card-sum .helpovly > a:hover::after, .mkp-card-footer-sub-total .mkp-card-sum .helpovly > a:hover::after, .mkp-card-footer-sum .mkp-card-sub-total .helpovly > a:hover::after, .mkp-card-footer-sub-total .mkp-card-sub-total .helpovly > a:hover::after, .mkp-card-footer-sum .mkp-additional-amount .helpovly > a:hover::after, .mkp-card-footer-sub-total .mkp-additional-amount .helpovly > a:hover::after, .mkp-card-footer-sum .mkp-card-sum .helpovly > a:focus::after, .mkp-card-footer-sub-total .mkp-card-sum .helpovly > a:focus::after, .mkp-card-footer-sum .mkp-card-sub-total .helpovly > a:focus::after, .mkp-card-footer-sub-total .mkp-card-sub-total .helpovly > a:focus::after, .mkp-card-footer-sum .mkp-additional-amount .helpovly > a:focus::after, .mkp-card-footer-sub-total .mkp-additional-amount .helpovly > a:focus::after {
    background-color: #fff;
    content: "\F854";
    color: var(--readable-01)
}

.mkp-card-footer-sum .mkp-card-sum .helpovly div.helpovly-content, .mkp-card-footer-sub-total .mkp-card-sum .helpovly div.helpovly-content, .mkp-card-footer-sum .mkp-card-sub-total .helpovly div.helpovly-content, .mkp-card-footer-sub-total .mkp-card-sub-total .helpovly div.helpovly-content, .mkp-card-footer-sum .mkp-additional-amount .helpovly div.helpovly-content, .mkp-card-footer-sub-total .mkp-additional-amount .helpovly div.helpovly-content {
    margin-left: -6px;
    margin-top: 21px;
    z-index: 1
}

.mkp-card-footer-sum .mkp-card-sum .helpovly div.helpovly-content::after, .mkp-card-footer-sub-total .mkp-card-sum .helpovly div.helpovly-content::after, .mkp-card-footer-sum .mkp-card-sub-total .helpovly div.helpovly-content::after, .mkp-card-footer-sub-total .mkp-card-sub-total .helpovly div.helpovly-content::after, .mkp-card-footer-sum .mkp-additional-amount .helpovly div.helpovly-content::after, .mkp-card-footer-sub-total .mkp-additional-amount .helpovly div.helpovly-content::after, .mkp-card-footer-sum .mkp-card-sum .helpovly div.helpovly-content::before, .mkp-card-footer-sub-total .mkp-card-sum .helpovly div.helpovly-content::before, .mkp-card-footer-sum .mkp-card-sub-total .helpovly div.helpovly-content::before, .mkp-card-footer-sub-total .mkp-card-sub-total .helpovly div.helpovly-content::before, .mkp-card-footer-sum .mkp-additional-amount .helpovly div.helpovly-content::before, .mkp-card-footer-sub-total .mkp-additional-amount .helpovly div.helpovly-content::before {
    border-bottom: 8px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.mkp-card-footer-sum .mkp-card-sum .helpovly div.helpovly-content::before, .mkp-card-footer-sub-total .mkp-card-sum .helpovly div.helpovly-content::before, .mkp-card-footer-sum .mkp-card-sub-total .helpovly div.helpovly-content::before, .mkp-card-footer-sub-total .mkp-card-sub-total .helpovly div.helpovly-content::before, .mkp-card-footer-sum .mkp-additional-amount .helpovly div.helpovly-content::before, .mkp-card-footer-sub-total .mkp-additional-amount .helpovly div.helpovly-content::before {
    border-bottom: 8px solid rgba(0, 0, 0, 0.1);
    margin-top: 3px
}

.mkp-card-footer-sum .mkp-card-sum .helpovly div.helpovly-content > div > div, .mkp-card-footer-sub-total .mkp-card-sum .helpovly div.helpovly-content > div > div, .mkp-card-footer-sum .mkp-card-sub-total .helpovly div.helpovly-content > div > div, .mkp-card-footer-sub-total .mkp-card-sub-total .helpovly div.helpovly-content > div > div, .mkp-card-footer-sum .mkp-additional-amount .helpovly div.helpovly-content > div > div, .mkp-card-footer-sub-total .mkp-additional-amount .helpovly div.helpovly-content > div > div {
    border: 0;
    box-shadow: none;
    margin-top: 12px
}

.mkp-card-footer-sum .mkp-card-sum .helpovly div.helpovly-content > div > div > div, .mkp-card-footer-sub-total .mkp-card-sum .helpovly div.helpovly-content > div > div > div, .mkp-card-footer-sum .mkp-card-sub-total .helpovly div.helpovly-content > div > div > div, .mkp-card-footer-sub-total .mkp-card-sub-total .helpovly div.helpovly-content > div > div > div, .mkp-card-footer-sum .mkp-additional-amount .helpovly div.helpovly-content > div > div > div, .mkp-card-footer-sub-total .mkp-additional-amount .helpovly div.helpovly-content > div > div > div {
    box-shadow: 0 2px 8px rgba(86, 86, 86, 0.1), 0 4px 8px rgba(86, 86, 86, 0.16);
    border: 0
}

.mkp-card-footer-sum .mkp-card-sum > div:not(.mkp-currency), .mkp-card-footer-sub-total .mkp-card-sum > div:not(.mkp-currency) {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.mkp-card-footer-sum.mkp-card-footer-sum-debit .mkp-card-sum .mkp-currency, .mkp-card-footer-sub-total.mkp-card-footer-sum-debit .mkp-card-sum .mkp-currency, .mkp-card-footer-sum.mkp-card-footer-sum-debit .mkp-card-sub-total .mkp-currency, .mkp-card-footer-sub-total.mkp-card-footer-sum-debit .mkp-card-sub-total .mkp-currency, .mkp-card-footer-sum.mkp-card-footer-sum-debit .mkp-additional-amount .mkp-currency, .mkp-card-footer-sub-total.mkp-card-footer-sum-debit .mkp-additional-amount .mkp-currency {
    margin-right: 6px
}

.mkp-expandable-group {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.mkp-expandable-group > .is-visible:nth-last-child(2) + .mkp-card-footer-sum {
    margin-top: 16px
}

.mkp-expandable-group > .is-hidden:nth-last-child(2) + .mkp-card-footer-sum {
    margin-top: 24px
}

.mkp-expandable-group > .mkp-card-footer-sum > div ~ div, .mkp-expandable-group .mkp-card-footer-sub-total > div ~ div {
    margin-top: 8px
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-card-form .has-nbf-checkbox {
    line-height: 0
}

.no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox], .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox] {
    width: 24px;
    height: 24px
}

.no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox] + span.checkbox, .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox] + span.checkbox {
    width: 22px;
    height: 22px;
    border-color: var(--secondary-01)
}

.no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox] + span.checkbox:hover::before, .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox] + span.checkbox:hover::before, .no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox] + span.checkbox.hovered::before, .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox] + span.checkbox.hovered::before {
    border-color: var(--secondary-01-active);
    background-color: white
}

.no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:focus + span.checkbox::before, .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:focus + span.checkbox::before {
    border-color: var(--secondary-01);
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--focus-01)
}

.no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:focus + span.checkbox:hover::before, .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:focus + span.checkbox:hover::before, .no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:focus + span.checkbox.hovered::before, .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:focus + span.checkbox.hovered::before {
    border-color: var(--secondary-01-active)
}

.no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:checked + span.checkbox::before, .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:checked + span.checkbox::before {
    border-color: var(--secondary-01);
    background-color: var(--secondary-01)
}

.no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:checked + span.checkbox:hover::before, .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:checked + span.checkbox:hover::before, .no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:checked + span.checkbox.hovered::before, .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:checked + span.checkbox.hovered::before {
    background-color: var(--secondary-01-active);
    border-color: var(--secondary-01-active)
}

.no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:checked + span.checkbox::after, .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:checked + span.checkbox::after {
    color: white;
    width: 24px;
    height: 24px;
    line-height: 22px
}

.no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:checked:focus + span.checkbox::before, .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type=checkbox]:checked:focus + span.checkbox::before {
    background-color: var(--secondary-01-active);
    border-color: var(--secondary-01-active);
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--focus-01)
}

.no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[disabled] + span.checkbox, .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[disabled] + span.checkbox {
    pointer-events: none
}

.no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[disabled] + span.checkbox::after, .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[disabled] + span.checkbox::after {
    opacity: 1
}

.no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[disabled] + span.checkbox::before, .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[disabled] + span.checkbox::before {
    opacity: .3;
    border-color: var(--secondary-01-active);
    background-color: white
}

.no-touch .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[disabled] + span.checkbox + label, .nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[disabled] + span.checkbox + label {
    pointer-events: none;
    opacity: .4
}

.cbox ul.mkp-card-group, .cbox ul.mkp-row-categories, .cbox ul.mkp-expandable-group {
    padding-left: 0
}

.cbox ul.mkp-card-group > li::before, .cbox ul.mkp-row-categories > li::before, .cbox ul.mkp-expandable-group > li::before {
    display: none
}

.cbox-banking ul.mkp-card-group li + helpovly-content, .cbox ul.mkp-card-group li + li {
    margin-top: initial
}

.cbox-banking ul.mkp-card-group li.mkp-card-footer-amount, .cbox ul.mkp-card-group li.mkp-card-footer-amount {
    margin-top: 28px
}

.mkp-identifier-helper .helpovly, .mkp-tooltip .helpovly {
    width: 32px;
    height: 32px
}

.mkp-identifier-helper .helpovly > a, .mkp-tooltip .helpovly > a {
    width: 32px;
    height: 32px;
    display: block
}

.mkp-identifier-helper .helpovly > a.visible + div.helpovly-content, .mkp-tooltip .helpovly > a.visible + div.helpovly-content {
    display: flex !important;
    margin: 0
}

.mkp-identifier-helper .helpovly > a:hover:after, .mkp-tooltip .helpovly > a:hover:after, .mkp-identifier-helper .helpovly > a:focus:after, .mkp-tooltip .helpovly > a:focus:after {
    background-color: #fff !important;
    content: "\F854";
    color: var(--readable-01) !important
}

.mkp-identifier-helper .helpovly div.helpovly-content, .mkp-tooltip .helpovly div.helpovly-content {
    margin: 0
}

.mkp-identifier-helper .helpovly div.helpovly-content > div > div, .mkp-tooltip .helpovly div.helpovly-content > div > div {
    border-radius: 8px;
    border: 1px solid var(--ui-01);
    box-sizing: border-box;
    padding: 24px;
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px;
    box-shadow: 0 2px 8px rgba(86, 86, 86, 0.1), 0 4px 8px rgba(86, 86, 86, 0.16);
    background: var(--ui-background-01)
}

.mkp-identifier-helper .helpovly div.helpovly-content > div > div > div, .mkp-tooltip .helpovly div.helpovly-content > div > div > div {
    padding: 0
}

.mkp-card-list .button-arrow-rightside {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    padding: 20.5px 0;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    color: var(--readable-01);
    border-bottom: 1px solid var(--ui-01-contrast)
}

.mkp-card-list .button-arrow-rightside:hover:after {
    color: var(--readable-01)
}

.mkp-card-list .button-arrow-rightside:focus {
    outline: 0
}

.mkp-card-list .button-arrow-rightside::after {
    font: 24px/81% Pictos-IF;
    height: 24px;
    width: 24px;
    display: block;
    color: #949494;
    content: "\F807";
    position: absolute;
    right: 0;
    top: 19px
}

body.nbf .nbf-gv.mkp-forms .nbf-box.nbf-box--header {
    margin: 0 12px
}

body.nbf .nbf-gv.mkp-forms .block {
    padding: 20px
}

@media (max-width: 1079px) {
    body.nbf .nbf-gv.mkp-forms .block {
        padding: 12px 0
    }

    body.nbf .nbf-gv.mkp-forms .block.footnote {
        padding: 10px
    }

    body.nbf .nbf-gv.mkp-forms .block.no-separator + block {
        border: 1px solid red
    }
}

body.nbf .nbf-gv.mkp-forms .block.no-separator > .bline:first-child {
    margin-top: 0
}

body.nbf .nbf-gv.mkp-forms .bline::after {
    content: "";
    clear: both;
    display: table
}

body.nbf .nbf-gv.mkp-forms .bline .nbf-input-right-text {
    top: 48px;
    position: absolute;
    right: 6px
}

@media (max-width: 1079px) {
    body.nbf .nbf-gv.mkp-forms .bline .nbf-input-right-text {
        top: 42px;
        right: 0
    }
}

body.nbf .nbf-gv.mkp-forms .bline .select-wrap {
    margin-top: 0
}

body.nbf .nbf-gv.mkp-forms .bline.nbf-bselect-multiline, body.nbf .nbf-gv.mkp-forms .bline input:not([type="submit"]):not([type="checkbox"]) {
    margin-top: 12px;
    margin-bottom: 12px
}

body.nbf .nbf-gv.mkp-forms .bline.nbf-bselect-multiline > div label, body.nbf .nbf-gv.mkp-forms .bline input:not([type="submit"]):not([type="checkbox"]) > div label {
    top: 12px
}

body.nbf .nbf-gv.mkp-forms input.nbf-text-input + label, body.nbf .nbf-gv.mkp-forms input.nbf-date-input + label {
    top: 36px
}

@media (max-width: 1079px) {
    body.nbf .nbf-gv.mkp-forms input.nbf-text-input + label, body.nbf .nbf-gv.mkp-forms input.nbf-date-input + label {
        top: 34px
    }
}

@media (max-width: 1079px) {
    body.nbf .nbf-gv.mkp-forms input.nbf-text-input {
        padding-top: 20px;
        padding-bottom: 0
    }
}

body.nbf .mkp-transaction .block + .block::before, body.nbf .mkp-transaction .block + .block:after {
    display: none
}

body.nbf .mkp-transaction.mbf_kontoeinstellungen_verwaltung .block + .block {
    border-top: 0
}

body.nbf .mkp-transaction .ficon.focus:before, body.nbf .mkp-transaction .ficon:focus:before {
    background: inherit;
    color: inherit
}

body.nbf .mkp-transaction .footnote, body.nbf .mkp-transaction ~ .footnote {
    display: none
}

.nbf .mkp-transaction.nbf-gv .bline .nbf-text-input.format-password-show + label + .nbf-input-right-text {
    top: 33px
}

.nbf .mkp-transaction.nbf-gv .bline .nbf-text-input.format-password-show + label + .nbf-input-right-text .format-password-show .password-show:before, .nbf .mkp-transaction.nbf-gv .bline .nbf-text-input.format-password-show + label + .nbf-input-right-text .format-password-show .password-hide:before {
    font-family: Pictos-IF;
    display: inline-block;
    font-size: 30px;
    line-height: 17px
}

.nbf .mkp-transaction.nbf-gv .bline .nbf-text-input.format-password-show + label + .nbf-input-right-text .format-password-show .password-show:before {
    content: "\F865"
}

.nbf .mkp-transaction.nbf-gv .bline .nbf-text-input.format-password-show + label + .nbf-input-right-text .format-password-show .password-hide:before {
    content: "\F864"
}

.nbf .mkp-transaction.nbf-gv .bline .nbf-text-input.format-password-show.mkp-input-with-info + label + .nbf-input-right-text + .mkp-tooltip {
    position: relative;
    top: -4px;
    right: auto;
    left: 10px
}

.mkp-transaction .blockpart-container .bline div.mkp-identifier {
    display: flex;
    margin-right: 0
}

.mkp-transaction .actioniconLink.icon-if5_i_bearb:before {
    content: "\f80e";
    border: 0;
    font-size: 24px
}

.mkp-transaction .actioniconLink.icon-if5_i_bearb:before:hover {
    background-color: inherit;
    color: inherit
}

body.nbf .nbf-gv .mkp-card-form .bline.nbf-formelement-container {
    margin: 12px 0;
    padding: 0 20px
}

body.nbf .nbf-gv .mkp-card-form .bline.nbf-formelement-container:first-child {
    margin-top: 24px
}

body.nbf .nbf-gv .mkp-card-form .bline.nbf-formelement-container > label:only-child, body.nbf .nbf-gv .mkp-card-form .bline.nbf-formelement-container > div.label {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px;
    width: auto;
    text-align: left;
    margin-left: 0
}

body.nbf .nbf-gv .mkp-card-form .bline.nbf-formelement-container > label:only-child {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px;
    width: auto
}

body.nbf .nbf-gv .mkp-card-form .bline.nbf-formelement-container .nbf-slider {
    flex-basis: initial;
    max-width: initial;
    margin: 0
}

body.nbf .nbf-gv .mkp-card-form .bline.nbf-formelement-container .nbf-slider label {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px;
    width: auto
}

body.nbf .nbf-gv .mkp-card-form .bline.nbf-formelement-container + p, body.nbf .nbf-gv .mkp-card-form .bline.nbf-formelement-container + span.mkp-label-underline {
    margin: 18px 0;
    padding: 0 20px;
    display: block
}

body.nbf .nbf-gv .mkp-card-form .mkp-row {
    justify-content: center
}

body.nbf .nbf-gv .mkp-card-form .mkp-content-section .bline .select-wrap {
    margin-top: 0
}

body.nbf .nbf-gv .mkp-card-form .mkp-content-section .bline.nbf-bselect-multiline > div label {
    top: 12px
}

body.nbf .nbf-gv .mkp-card-form .mkp-content-section .ulist {
    margin: 12px 0
}

body.nbf .nbf-gv .mkp-card-form .mkp-content-section .bselect-list .active {
    border-radius: 8px
}

body.nbf .nbf-gv .mkp-card-form .mkp-content-section .bselect-list .active:focus {
    border: 2px solid var(--focus-01);
    box-shadow: none
}

body.nbf .nbf-gv .mkp-card-form .mkp-content-section .bselect-list .active:after {
    color: var(--readable-01)
}

body.nbf .nbf-gv .mkp-card-form .mkp-content-section .visible .bselect-list ul {
    border-bottom: 2px solid var(--focus-01);
    border-left: 2px solid var(--focus-01);
    border-right: 2px solid var(--focus-01);
    border-radius: 0 0 8px 8px
}

body.nbf .nbf-gv .mkp-card-form .mkp-content-section .visible [role="button"] {
    border-radius: 8px 8px 0 0;
    border-top: 2px solid var(--focus-01);
    border-left: 2px solid var(--focus-01);
    border-right: 2px solid var(--focus-01)
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form .select-wrap {
    margin-top: 0
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form .mkp-input-select-badge {
    display: block
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form .mkp-input-select-badge label, body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form .mkp-input-select-badge + label {
    top: 12px
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="button"], body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="button"].active, body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="listbox"], body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="listbox"].selected {
    min-height: initial
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="button"] > li > div, body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="button"].active > li > div, body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="listbox"] > li > div, body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="listbox"].selected > li > div {
    padding: 0 24px;
    min-height: initial
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="button"] .mkp-identifier, body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="button"].active .mkp-identifier, body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="listbox"] .mkp-identifier, body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="listbox"].selected .mkp-identifier {
    display: flex;
    margin: 12px 0;
    padding: 0
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="button"] .mkp-identifier-currency, body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="button"].active .mkp-identifier-currency, body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="listbox"] .mkp-identifier-currency, body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="listbox"].selected .mkp-identifier-currency {
    margin-right: 0
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="button"], body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="button"].active {
    padding: 0 20px;
    position: relative
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="button"]::after, body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="button"].active::after {
    right: 20px;
    top: 50%;
    color: initial
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="button"] .mkp-identifier:first-child, body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="button"].active .mkp-identifier:first-child {
    margin-top: 36px
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form [role="listbox"] {
    position: relative;
    max-height: initial
}

body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form > div label {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    left: 20px
}

body.nbf .nbf-gv .mkp-input-select-badge .bselect-list ul.select-modified li.preselected div .bselect-list li.preselected > div {
    background-color: none
}

body.nbf .nbf-gv input.nbf-text-input.mkp-without-label, body.nbf .nbf-gv input.nbf-date-input.mkp-without-label {
    padding: 14px 18px
}

body.nbf .nbf-gv .mkp-form-group .mkp-card .mkp-row.mkp-row-itemwise > div {
    margin-bottom: 12px
}

body.nbf .nbf-gv .mkp-form-group .mkp-card .mkp-row.mkp-row-itemwise > div label {
    align-self: center;
    margin-left: 12px
}

body.nbf .nbf-gv .mkp-form-group .mkp-card .mkp-row.mkp-row-itemwise > div:last-child {
    margin-bottom: 0
}

body.nbf input.mkp-hide-input {
    border: 0;
    padding: 0;
    color: var(--readable-01);
    border-radius: 0;
    pointer-events: none
}

body.nbf .nbf-gv.mkp-transaction .mkp-card .with-nice-part-separator {
    display: flex;
    justify-content: center;
    align-items: stretch
}

@media screen and (max-width: 767px) {
    body.nbf .nbf-gv.mkp-transaction .mkp-card .with-nice-part-separator {
        flex-direction: column
    }
}

body.nbf .nbf-gv.mkp-transaction .mkp-card .with-nice-part-separator > div:not(.prognose-countdown) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding: 24px 20px
}

@media screen and (max-width: 767px) {
    body.nbf .nbf-gv.mkp-transaction .mkp-card .with-nice-part-separator > div:not(.prognose-countdown) {
        padding: 24px 16px
    }

    body.nbf .nbf-gv.mkp-transaction .mkp-card .with-nice-part-separator > div:not(.prognose-countdown).hide-S {
        display: none
    }
}

body.nbf .nbf-gv.mkp-transaction .mkp-card .with-nice-part-separator > div:not(.prognose-countdown).blockpart-half .balance {
    margin-bottom: 16px
}

body.nbf .nbf-gv.mkp-transaction .mkp-card .with-nice-part-separator > div:not(.prognose-countdown).blockpart-half .balance:not(.mkp-currency-pill) {
    padding-top: 6px
}

body.nbf .nbf-gv.mkp-transaction .mkp-card .with-nice-part-separator > div + div:before {
    top: 28px;
    bottom: 28px
}

@media screen and (max-width: 767px) {
    body.nbf .nbf-gv.mkp-transaction .mkp-card .with-nice-part-separator > div + div:before {
        top: 0;
        bottom: 0;
        left: 24px;
        right: 24px
    }
}

body.nbf .nbf-gv.mkp-transaction .mkp-card .with-nice-part-separator .prognose-countdown {
    display: flex;
    gap: 24px;
    justify-content: center;
    align-items: center;
    padding: 24px 20px
}

body.nbf .nbf-gv.mkp-transaction .mkp-card .with-nice-part-separator .blockpart-half .bline.btext-only strong {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

body.nbf .nbf-gv.mkp-transaction .mkp-card .with-nice-part-separator .blockpart-half .mkp-currency-lg .balance-predecimal, body.nbf .nbf-gv.mkp-transaction .mkp-card .with-nice-part-separator .blockpart-half .mkp-currency-lg.mkp-currency-pill .balance-predecimal, body.nbf .nbf-gv.mkp-transaction .mkp-card .with-nice-part-separator .blockpart-half .mkp-currency-lg .balance-decimal, body.nbf .nbf-gv.mkp-transaction .mkp-card .with-nice-part-separator .blockpart-half .mkp-currency-lg.mkp-currency-pill .balance-decimal {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

body.nbf .nbf-gv.mkp-transaction .mkp-tabs-content .mkp-card-list .mkp-card-group.mkp-group-unify {
    margin-top: 0
}

body.nbf .mkp-card.mkp-card-category.mkp-card-thinner .mkp-identifier .mkp-identifier-description, body.nbf .mkp-identifier-section .mkp-identifier .mkp-identifier-description {
    flex: 1 1 calc(100% - 420px)
}

body.nbf .mkp-card-bigger.mkp-card .bwaiting-indicator > div {
    width: 20px;
    height: 20px;
    max-height: 20px;
    background-color: #c4c4c4
}

body.nbf .mkp-card-bigger.mkp-card .bwaiting-indicator + .mkp-text.mkp-headline {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    margin-top: 12px
}

body.nbf .mkp-card-bigger.mkp-card .blockpart-container.no-top-padding.no-separator {
    margin-top: 0
}

body.nbf .mkp-account-budgets-header + div > .mkp-card-budget-group-horizontal {
    margin-bottom: 32px
}

body.nbf .mkp-line-text-only.mkp-line-no-margin .mkp-tertiary-icon.mkp-tertiary.mkp-tertiary-icon-print a:before {
    content: "\0070";
    border: 0;
    font-size: 30px;
    line-height: 16px
}

body.nbf .mkp-line-text-only.mkp-line-no-margin .mkp-tertiary-icon.mkp-tertiary.mkp-tertiary-icon-refresh a:before {
    content: "\F702";
    border: 0;
    font-size: 30px;
    line-height: 15px
}

body.nbf .mkp-line-text-only.mkp-line-no-margin .mkp-tertiary-icon.mkp-tertiary a:hover:before {
    color: inherit;
    background-color: inherit
}

body.nbf .mkp-card-account.mkp-card .mkp-identifier .mkp-identifier-description {
    flex: 1 1 calc(100% - 350px)
}

body.nbf .mkp-card-account.mkp-card.mkp-card-account-link .mkp-identifier .mkp-identifier-description {
    flex: none
}

body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select {
    position: relative
}

body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select .primary-cta {
    top: 20px;
    z-index: 99
}

body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select .primary-cta .bpulldown > span.ficon {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    min-height: auto;
    padding: 12px 8px 0 8px;
    color: var(--readable-01)
}

body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select .primary-cta .bpulldown > span.ficon:before {
    content: "\F80E";
    font-family: Pictos-IF;
    display: inline-block;
    color: var(--readable-01);
    position: relative;
    top: auto;
    right: auto;
    margin-top: -4px;
    font-size: 24px;
    padding-right: 8px
}

body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select .primary-cta .bpulldown > span.ficon:after {
    content: "\F807";
    font-family: Pictos-IF;
    display: inline-block;
    color: var(--readable-01);
    padding-left: 8px;
    font-size: 20px
}

body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select .primary-cta .bpulldown:hover > span.ficon:before {
    background-color: inherit;
    color: var(--readable-02)
}

body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select .primary-cta .bpulldown > div:last-child {
    position: relative;
    margin-top: 0;
    margin-left: 0
}

body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select .primary-cta .bpulldown > div:last-child:before, body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select .primary-cta .bpulldown > div:last-child:after {
    display: none
}

body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select .primary-cta .bpulldown > div:last-child > div {
    position: relative;
    border: 0;
    border-top: 1px solid var(--ui-01)
}

body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select .primary-cta .bpulldown > div:last-child > div li {
    background-color: transparent;
    padding: 8px 12px
}

body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select .primary-cta .bpulldown > div:last-child > div li + li {
    border-top: 1px solid var(--ui-01)
}

body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select .primary-cta .bpulldown.pulldown_visible {
    background: var(--ui-background-02);
    box-shadow: 0 2px 3px rgba(86, 86, 86, 0.1), 0 2px 8px rgba(86, 86, 86, 0.05);
    border: 1px solid var(--ui-01);
    border-radius: 8px
}

body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select .primary-cta .bpulldown.pulldown_visible > span.ficon {
    padding: 11px 7px 0 7px
}

body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select .primary-cta .bpulldown.pulldown_visible > span.ficon:after {
    content: "\F805"
}

body.nbf .nbf-gv .block.nbf-gv-header.mkp-header-select .primary-cta .bpulldown.pulldown_visible > div:last-child {
    height: auto
}

body.nbf .mkp-form-group.mkp-card-group .mkp-card-account.mkp-card .mkp-identifier .mkp-identifier-description, body.nbf .mkp-form-group.mkp-card-group .mkp-card-bank-account.mkp-card .mkp-identifier .mkp-identifier-description {
    flex: 1 1 calc(100% - 350px)
}

body.nbf .mkp-form-group.mkp-card-group .mkp-card-account.mkp-card-account-link .mkp-identifier .mkp-identifier-description {
    flex: none
}

body.nbf .mkp-notification-banner {
    margin-bottom: 24px
}

body.nbf .mkp-card-list-buttonline {
    margin-top: 24px
}

body.nbf input.mkp-input-with-info ~ .mkp-tooltip {
    position: absolute;
    right: 12px;
    top: 18px
}

body.nbf input.mkp-input-with-info ~ .nbf-input-right-text + .mkp-tooltip {
    top: 4px
}

body.nbf .nbf-gv.mkp-forms.mkp-transaction input.mkp-input-with-info ~ .mkp-tooltip {
    top: 30px
}

body.nbf .nbf-gv.mkp-forms.mkp-transaction input.mkp-input-with-info ~ .nbf-input-right-text + .mkp-tooltip {
    top: 18px;
    right: 18px
}

body.nbf .mkp-key-line-container .mkp-key-line .bline.mkp-select-secret .select-wrap.visible .bselect-list ul[role="listbox"] {
    right: 24px;
    border: 2px solid var(--focus-01);
    border-radius: 6px;
    min-width: 200px
}

body.nbf .mkp-key-line-container .mkp-key-line .bline.mkp-select-secret .select-wrap.visible .bselect-list ul[role="listbox"] li div {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    padding: 8px 12px
}

body.nbf .mkp-tooltip .helpovly .helpovly-content::before {
    border-bottom-color: #0000001a
}

body.nbf .mkp-tooltip .helpovly > a:after {
    content: "\f851";
    color: var(--information-01);
    background: 0;
    border: 0;
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 100%
}

body.nbf .mkp-tooltip .helpovly > a:hover:after, body.nbf .mkp-tooltip .helpovly > a:focus:after {
    background-color: #fff !important;
    content: "\F854";
    color: var(--readable-01) !important
}

body.nbf .mkp-currency.with-icon:before {
    display: none
}

body.nbf .mkp-currency.with-icon .balance-predecimal, body.nbf .mkp-currency.with-icon .balance-decimal {
    font-weight: normal
}

body.nbf .mkp-currency.with-icon.icon-b_circa .balance-predecimal:before, body.nbf .mkp-currency.with-icon.icon-b_clock .balance-predecimal:before {
    content: "\f7ed";
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center;
    font-size: 40px;
    width: 40px;
    height: 40px;
    line-height: 32px
}

body.nbf .mkp-currency.with-icon.icon-b_clock .balance-predecimal:before {
    content: "\F71A"
}

body.nbf .nbf-gv .blockpart-container .blockpart-medium .mkp-key-value .bline {
    padding: 0;
    border: 0
}

body.nbf .nbf-gv .blockpart-container .blockpart-medium .mkp-key-value .bline .mkp-icon-text .mkp-icon {
    top: 0
}

body.nbf .nbf-gv .mkp-key-line .bline.has-nbf-checkbox input[type=checkbox] ~ label {
    margin-left: 8px
}

body.nbf .nbf-gv.mkp-transaction .mkp-identifier-list .mkp-identifier-sticker, body.nbf .nbf-gv.mkp-transaction .mkp-identifier-list .mkp-identifier-sticker-placeholder {
    margin-right: 16px
}

body.nbf .nbf-gv.mkp-transaction .nbf-text-input {
    border: 1px solid var(--ui-02);
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    border-radius: 8px
}

body.nbf .nbf-gv.mkp-transaction .nbf-text-input:disabled {
    border: 1px solid var(--disabled-01) !important
}

body.nbf .nbf-gv.mkp-transaction .nbf-text-input:disabled + label {
    color: var(--readable-02)
}

body.nbf .nbf-gv.mkp-transaction .nbf-text-input.mkp-input-with-negative {
    padding-left: 26px
}

body.nbf .nbf-gv.mkp-transaction .nbf-text-input.mkp-input-with-icon {
    padding-right: 48px
}

body.nbf .nbf-gv.mkp-transaction .nbf-text-input.mkp-input-with-icon + label + div.mkp-icon, body.nbf .nbf-gv.mkp-transaction .nbf-text-input.mkp-input-with-icon + label + div.blineunder + div.mkp-icon {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    margin-left: 0;
    height: 100%;
    max-height: 72px;
    width: 48px
}

body.nbf .nbf-gv.mkp-transaction .nbf-text-input.mkp-input-with-icon + label + div.mkp-icon:before, body.nbf .nbf-gv.mkp-transaction .nbf-text-input.mkp-input-with-icon + label + div.blineunder + div.mkp-icon:before {
    content: "\F800";
    color: var(--readable-01);
    font-size: 24px;
    width: 24px;
    height: 24px;
    border: 0;
    margin-top: 24px
}

body.nbf .nbf-gv.mkp-transaction .nbf-text-input.mkp-input-with-icon + label + div.mkp-icon:hover:before, body.nbf .nbf-gv.mkp-transaction .nbf-text-input.mkp-input-with-icon + label + div.blineunder + div.mkp-icon:hover:before {
    background: 0;
    color: var(--readable-01)
}

body.nbf .nbf-gv.mkp-transaction .nbf-text-input.mkp-input-with-icon + label + div.mkp-icon input[type='submit'], body.nbf .nbf-gv.mkp-transaction .nbf-text-input.mkp-input-with-icon + label + div.blineunder + div.mkp-icon input[type='submit'] {
    height: 100%;
    width: 48px
}

body.nbf .nbf-gv.mkp-transaction .mkp-text-input-negative {
    position: absolute;
    top: 31px;
    left: 20px
}

body.nbf .nbf-gv.mkp-transaction .mkp-splitnum {
    background: var(--information-02);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px;
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center
}

body.nbf .nbf-gv.mkp-transaction .mkp-splitnum + br.bterm {
    display: none
}

body.nbf .nbf-gv.mkp-transaction .btag-wrapper.reach-max-count + label {
    color: var(--disabled-01)
}

body.nbf .nbf-gv.mkp-transaction .bline.nbf-formelement-container .nbf-slider .checkbox {
    width: 32px;
    height: 16px
}

body.nbf .nbf-gv.mkp-transaction .bline.nbf-formelement-container .nbf-slider .checkbox:before {
    width: 12px;
    height: 12px;
    left: 2px;
    top: 2px
}

body.nbf .nbf-gv.mkp-transaction .btag-wrapper.format-tag-input {
    width: 100%;
    border: 0
}

body.nbf .nbf-gv.mkp-transaction .btag-wrapper.format-tag-input + label {
    position: absolute;
    top: 12px;
    left: 20px
}

body.nbf .nbf-gv.mkp-transaction .btag-wrapper.format-tag-input .btag-reach-limiter-info {
    height: 72px;
    box-sizing: border-box;
    padding: 32px 20px 18px 20px;
    border: 1px solid var(--disabled-01);
    color: var(--disabled-01);
    border-radius: 8px
}

body.nbf .nbf-gv.mkp-transaction .btag-wrapper.format-tag-input .btag-group {
    padding: 0 20px
}

body.nbf .nbf-gv.mkp-transaction .btag-wrapper.format-tag-input .btag-group > * {
    margin-top: 16px
}

body.nbf .nbf-gv.mkp-transaction .btag-wrapper.format-tag-input + label + .ficon.moved-icon {
    display: none
}

body.nbf .nbf-gv.mkp-transaction .btag-wrapper.format-tag-input .btag {
    background: var(--ui-background-02);
    border: 1px solid var(--ui-01);
    border-radius: 96px;
    padding-left: 12px;
    padding-right: 32px;
    box-sizing: border-box;
    position: relative
}

body.nbf .nbf-gv.mkp-transaction .btag-wrapper.format-tag-input .btag:after {
    content: "\F811";
    right: 0;
    top: 0;
    height: 24px;
    width: 28px;
    position: absolute;
    font-size: 16px;
    text-align: center;
    line-height: 22px;
    border-radius: 0 96px 96px 0
}

body.nbf .nbf-gv.mkp-transaction .btag-wrapper.format-tag-input .btag:hover:after {
    background: var(--ui-01);
    color: var(--readable-02)
}

body.nbf .nbf-gv.mkp-transaction .btag-wrapper.format-tag-input .btag span {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

body.nbf .nbf-gv.mkp-transaction .bline.nbf-formelement-container .nbf-slider input:checked + .checkbox:before {
    transform: translateX(16px)
}

body.nbf .nbf-gv.mkp-transaction .bline.nbf-formelement-container .nbf-slider label {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

body.nbf .nbf-gv.mkp-transaction .mkp-header {
    margin-bottom: 32px
}

body.nbf .nbf-gv.mkp-transaction .mkp-header h2 {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px;
    margin-left: 20px
}

body.nbf .nbf-gv.mkp-transaction .mkp-header.mkp-header-centered {
    text-align: center;
    margin-left: 0
}

body.nbf .nbf-gv.mkp-transaction > .mkp-card.mkp-card-account {
    margin-bottom: 32px
}

body.nbf .nbf-gv.mkp-transaction .bline div {
    margin-right: 0
}

body.nbf .nbf-gv.mkp-transaction .bline div.nbf-input-right-text {
    margin-right: 20px
}

body.nbf .nbf-gv.mkp-transaction .bline.mkp-container-full > div:first-child {
    flex-basis: 100%;
    max-width: 100%
}

body.nbf .nbf-gv.mkp-transaction input:not([type="submit"]):not([type="checkbox"]):focus {
    border: 2px solid var(--focus-01);
    box-shadow: none
}

body.nbf .nbf-gv.mkp-transaction .mkp-section-separator {
    margin-bottom: 24px
}

body.nbf .nbf-gv.mkp-transaction .mkp-section-separator .bline {
    margin-bottom: 24px
}

body.nbf .nbf-gv.mkp-transaction .mkp-section-separator .bline.nbf-formelement-container {
    margin-top: 0
}

body.nbf .nbf-gv.mkp-transaction .mkp-section-separator .bline.nbf-formelement-container .nbf-slider {
    margin-bottom: 0
}

body.nbf .nbf-gv.mkp-transaction .mkp-section-separator .bline br.bterm {
    display: none
}

body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge .bcategory span {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    margin-left: 0
}

body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge .bcategory span:before {
    width: 24px;
    height: 24px;
    margin-top: 0;
    font-size: 24px
}

body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge [role="button"] {
    border-radius: 8px
}

body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge [role="button"].active:focus {
    border: 2px solid var(--focus-01);
    box-shadow: none
}

body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge [role="button"].active .bcategory {
    display: flex;
    margin: 16px 0;
    padding: 0
}

body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge [role="button"] .bcategory:first-child {
    margin-top: 30px
}

body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge [role="button"] span.default {
    margin: 30px 0 14px 0
}

body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge .visible .bselect-list ul {
    border: 2px solid var(--focus-01);
    border-radius: 0 0 8px 8px;
    border-top: 0
}

body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge .visible .bselect-list ul li > div {
    padding: 12px 20px;
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge .visible .bselect-list ul li:hover, body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge .visible .bselect-list ul li.preselected > div {
    background: var(--ui-03);
    color: var(--readable-01)
}

body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge .visible .bselect-list ul li.selected > div:after {
    content: "\F80F";
    border: 0;
    color: #00724b
}

body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge .visible .bselect-list ul li:first-child {
    border-top: 1px solid var(--ui-03)
}

body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge .visible .bselect-list ul li + li {
    border-top: 1px solid var(--ui-03)
}

body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge .visible [role="button"] {
    border-radius: 8px 8px 0 0;
    border-top: 2px solid var(--focus-01);
    border-left: 2px solid var(--focus-01);
    border-right: 2px solid var(--focus-01)
}

body.nbf .mkp-account-budgets-header .mkp-tooltip .helpovly {
    width: 20px;
    height: 20px;
    z-index: 1
}

body.nbf .mkp-account-budgets-header .mkp-tooltip .helpovly > a {
    width: 20px;
    height: 20px
}

body.nbf .mkp-account-budgets-header .mkp-tooltip .helpovly > a.visible + div.helpovly-content {
    margin-left: 5px;
    z-index: 10
}

body.nbf .mkp-account-budgets-header .mkp-tooltip .helpovly > a::after {
    line-height: 15px;
    width: 20px;
    height: 20px
}

body.nbf .mkp-account-budgets-header .title {
    font-weight: normal;
    padding-left: 0
}

body.nbf .mkp-account-budgets-header .title h2 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    display: inline-block;
    margin: 0;
    padding: 0
}

body.nbf .mkp-account-budgets-header .title h2 span {
    font-weight: normal
}

body.nbf .mkp-account-budgets-header .title .mkp-tooltip {
    display: inline-block
}

body.nbf .mkp-account-budgets-header .data {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    padding-right: 16px
}

body.nbf .mkp-account-budgets-header .ficon.icon-b_arrow:before {
    border: 0
}

body.nbf .mkp-account-budgets-header .ficon.icon-b_textbutton:after {
    border: 0;
    content: "\f80c";
    margin-left: 0;
    color: var(--readable-01);
    font-size: 26px;
    width: 24px
}

body.nbf .mkp-account-budgets-header .ficon.icon-b_textbutton.focus:after {
    background: 0
}

body.nbf .mkp-account-budgets-header div.ficon:after {
    position: relative
}

body.nbf .mkp-account-budgets-header div.ficon input {
    top: 0;
    right: 0
}

body.nbf .mkp-account-budgets-header div.ficon:hover:after {
    background: 0;
    color: var(--readable-02)
}

body.nbf .mkp-card-budget .budget-kontowecker::after {
    display: none
}

body.nbf .mkp-card-budget .budget-kontowecker .helpovly {
    position: absolute;
    top: 12px;
    left: 8px;
    z-index: 9
}

body.nbf .mkp-card-budget .budget-kontowecker .helpovly > a::after {
    content: "\f7f7";
    border: 0;
    width: 28px;
    height: 28px;
    font-size: 28px;
    background: 0;
    color: #666
}

body.nbf .mkp-card-budget .budget-kontowecker .helpovly > a:hover::after, body.nbf .mkp-card-budget .budget-kontowecker .helpovly > a:focus::after {
    background: #666;
    color: white
}

body.nbf .mkp-card-budget .budget-kontowecker .helpovly div.helpovly-content {
    margin-top: -4px;
    margin-left: 2px
}

body.nbf .mkp-card-budget .budget-kontowecker .helpovly div.helpovly-content > div {
    width: 200px
}

body.nbf .mkp-card-budget .budget-kontowecker .helpovly div.helpovly-content > div > div {
    max-width: 350px
}

body.nbf .mkp-card-budget .budget-kontowecker .helpovly div.helpovly-content > div > div > div p:first-child {
    white-space: nowrap;
    margin-bottom: 4px
}

body.nbf .nbf-gv.mkp-transaction .mkp-card + .mkp-account-budgets-header, body.nbf .nbf-gv.mkp-transaction .btableblock + .mkp-account-budgets-header {
    margin-top: 32px
}

body.nbf .nbf-gv.mkp-transaction.mkp-lightbox .mkp-form-group.mkp-card-group .mkp-card-bank-account.mkp-card .mkp-identifier .mkp-identifier-description {
    flex: 1 1 calc(100% - 380px)
}

body.nbf .nbf-gv.mkp-transaction.mkp-lightbox .mkp-card-group.mkp-form-group.mkp-group-unify > li .mkp-identifier {
    border-top: 0
}

body.nbf .nbf-gv.mkp-transaction.mkp-lightbox .mkp-card-group.mkp-form-group.mkp-group-unify > li .mkp-identifier .has-nbf-radio {
    margin-bottom: 0
}

body.nbf .nbf-gv.mkp-transaction .actioniconLink:focus:before {
    color: inherit;
    background-color: inherit
}

body.nbf .nbf-gv.mkp-transaction .blockpart-container .blockpart-medium .with-border .bline {
    align-items: center
}

body.nbf .nbf-gv.mkp-transaction .blockpart-container .blockpart-medium .with-border .bline .label {
    align-self: flex-start
}

body.nbf .nbf-gv.mkp-transaction .blockpart-container .blockpart-medium .with-border .bline .mkp-key-line .mkp-identifier .mkp-identifier-sticker {
    margin-right: 8px
}

body.nbf .nbf-gv.mkp-transaction .mkp-card.mkp-card-account + .blockpart-container .blockpart-medium, body.nbf .nbf-gv.mkp-transaction .mkp-card.mkp-card-account + .blockpart-container .blockpart-small {
    padding-top: 0
}

body.nbf .nbf-gv.mkp-transaction .nbf-gv-header .contentbereichHeadline {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

body.nbf .nbf-gv.mkp-transaction .mkp-row.mkp-row-full .bline.saldo-linechart {
    margin-right: 0
}

body.nbf .nbf-gv.mkp-transaction .mkp-identifier-helper .helpovly, body.nbf .nbf-gv.mkp-transaction .mkp-tooltip .helpovly {
    z-index: auto
}

body.nbf .nbf-gv.mkp-transaction .mkp-identifier-helper .helpovly div.helpovly-content > div > div, body.nbf .nbf-gv.mkp-transaction .mkp-tooltip .helpovly div.helpovly-content > div > div {
    border: 1px solid var(--ui-01)
}

body.nbf .nbf-gv.mkp-transaction .mkp-identifier-helper .helpovly div.helpovly-content > div > div > div, body.nbf .nbf-gv.mkp-transaction .mkp-tooltip .helpovly div.helpovly-content > div > div > div {
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

body.nbf .nbf-gv.mkp-transaction .mkp-key-line-container .bline .ficon {
    margin: 4px 0 0 0;
    width: 23px;
    height: 23px
}

body.nbf .nbf-gv.mkp-transaction .mkp-key-line-container .bline .ficon.mkp-icon-plus.mkp-icon-with-border {
    width: 28px;
    height: 28px;
    margin: -4px 0 0 0
}

body.nbf .nbf-gv.mkp-transaction .mkp-key-line-container .bline .ficon.mkp-icon-plus.mkp-icon-with-border:hover:before {
    background: inherit;
    color: inherit
}

body.nbf .nbf-gv.mkp-transaction .mkp-key-line-container .bline .ficon.icon-b_questionmark:before {
    content: "\F851";
    top: 4px;
    font-size: 31px;
    border: 0
}

body.nbf .nbf-gv.mkp-transaction .mkp-key-line-container .bline .ficon.icon-b_questionmark:hover:before {
    content: "\F854";
    background: inherit;
    color: inherit
}

body.nbf .nbf-gv.mkp-transaction .binput-sayt.format-tag-input.nbf-text-input.input-sayt-btag {
    width: 100%;
    margin: 0;
    top: 64px;
    border: 0;
    position: absolute
}

body.nbf .nbf-gv.mkp-transaction .binput-sayt.format-tag-input.nbf-text-input.input-sayt-btag > ul {
    border: 2px solid var(--focus-01);
    border-top: 1px solid var(--ui-02);
    border-radius: 0 0 8px 8px
}

body.nbf .nbf-gv.mkp-transaction .binput-sayt.format-tag-input.nbf-text-input.input-sayt-btag > ul li.saytentry > div {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px;
    padding: 12px 18px
}

body.nbf .nbf-gv.mkp-transaction .binput-sayt.format-tag-input.nbf-text-input.input-sayt-btag > ul li.saytentry > div:before {
    content: "#";
    display: inline-block
}

body.nbf .nbf-gv.mkp-transaction .binput-sayt.format-tag-input.nbf-text-input.input-sayt-btag > ul li + li {
    border: 0
}

body.nbf .nbf-gv.mkp-transaction .buttonline.mainbuttonline .bgroup1 > div:first-child:before, body.nbf .nbf-gv.mkp-transaction .buttonline.mainbuttonline .bgroup1 > div:first-child:after {
    display: none
}

body.nbf .nbf-gv.mkp-transaction .buttonline.mainbuttonline .bgroup1.mkp-only-secondary-button div.ficon input {
    border: 2px solid var(--secondary-01);
    border-radius: 24px;
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    letter-spacing: normal;
    font-size: 16px;
    background: var(--ui-background-01);
    color: var(--readable-02)
}

body.nbf .nbf-gv.mkp-transaction .buttonline.mainbuttonline .bgroup1.mkp-only-secondary-button div.ficon input:hover {
    background: var(--secondary-01-hover);
    border: 2px solid var(--secondary-01-hover);
    color: var(--readable-03)
}

body.nbf .nbf-gv.mkp-transaction .buttonline.mainbuttonline .bgroup1.mkp-only-secondary-button div.ficon input:focus {
    border: 2px solid var(--ui-background-01);
    background: var(--secondary-01-hover);
    color: var(--readable-03)
}

body.nbf .nbf-gv.mkp-transaction .mkp-text-with-link a {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline;
    font-size: inherit;
    line-height: inherit
}

body.nbf .nbf-gv.mkp-transaction .mkp-text-with-link a:hover {
    text-decoration: none
}

body.nbf .nbf-gv.mkp-transaction .bline.has-nbf-checkbox label, body.nbf .nbf-gv.mkp-transaction .bline.has-nbf-radio label, body.nbf .nbf-gv.mkp-transaction .bline.has-nbf-checkbox .label, body.nbf .nbf-gv.mkp-transaction .bline.has-nbf-radio .label {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    width: 95%;
    white-space: break-spaces;
    text-align: left;
    margin-top: 3px
}

body.nbf .nbf-gv.mkp-transaction .bline.has-nbf-checkbox input[type="checkbox"].error + span:before, body.nbf .nbf-gv.mkp-transaction .bline.has-nbf-radio input[type="checkbox"].error + span:before {
    border: 2px solid var(--error-01)
}

body.nbf .nbf-gv.mkp-transaction .bline.has-nbf-checkbox input[type="checkbox"].error + span + label, body.nbf .nbf-gv.mkp-transaction .bline.has-nbf-radio input[type="checkbox"].error + span + label {
    color: var(--error-01)
}

body.nbf .nbf-gv.mkp-transaction .bline.has-nbf-checkbox label, body.nbf .nbf-gv.mkp-transaction .bline.has-nbf-checkbox .label {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

body.nbf .nbf-gv.mkp-transaction .mkp-card-list.mkp-card-form + .mkp-card-list.mkp-card-form {
    margin-top: 24px
}

body.nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type="checkbox"].error + span:before, body.nbf .nbf-gv.mkp-transaction .has-nbf-radio input[type="checkbox"].error + span:before {
    border: 2px solid var(--error-01)
}

body.nbf .nbf-gv.mkp-transaction .has-nbf-checkbox input[type="checkbox"].error + span + label, body.nbf .nbf-gv.mkp-transaction .has-nbf-radio input[type="checkbox"].error + span + label {
    color: var(--error-01)
}

body.nbf .nbf-gv.mkp-transaction .mkp-error-text {
    color: var(--error-01);
    margin-left: 24px;
    padding-bottom: 16px;
    display: block
}

body.nbf .nbf-gv.mkp-transaction .mkp-error-text:before {
    content: "\F803";
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center;
    font-size: 24px;
    width: 24px;
    height: 24px;
    padding-right: 12px
}

body.nbf .nbf-gv.mkp-transaction .mkp-key-line-container > h2:first-child {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px;
    padding-top: 24px
}

body.nbf .nbf-gv.mkp-transaction .mkp-key-line-container > .bline > strong {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    display: inline-block;
    padding: 12px 0 8px 0
}

body.nbf .nbf-gv.mkp-transaction .mkp-key-line-container > a.actioniconLink:first-child {
    position: absolute;
    right: 20px;
    top: 20px
}

body.nbf .nbf-gv.mkp-transaction .mkp-key-line-container .bline.has-nbf-checkbox, body.nbf .nbf-gv.mkp-transaction .mkp-key-line-container .bline.has-nbf-radio {
    margin-bottom: 0
}

body.nbf .nbf-gv.mkp-transaction > .bline > br.bterm {
    display: none
}

body.nbf .nbf-gv.mkp-transaction .bline > .nbf-input-right-text {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

body.nbf .nbf-gv.mkp-transaction .linklist {
    margin-left: 34px;
    padding-left: 0;
    margin-top: 8px
}

body.nbf .nbf-gv.mkp-transaction .linklist li {
    padding-left: 0;
    margin-bottom: 4px
}

body.nbf .nbf-gv.mkp-transaction .linklist li a {
    text-decoration: underline
}

body.nbf .nbf-gv.mkp-transaction .linklist li a:hover {
    text-decoration: none
}

body.nbf .nbf-gv.mkp-transaction .linklist li a:before {
    display: none
}

body.nbf .nbf-gv.mkp-transaction .linklist li:last-child {
    margin-bottom: 0
}

body.nbf .nbf-gv.mkp-transaction .mkp-icon-text {
    position: relative;
    padding-left: 20px;
    text-decoration: none
}

body.nbf .nbf-gv.mkp-transaction .mkp-icon-text .mkp-icon {
    position: absolute;
    top: -6px;
    left: -8px
}

body.nbf .nbf-gv.mkp-transaction .mkp-icon-text .mkp-icon:before {
    color: var(--readable-01)
}

body.nbf .nbf-gv.mkp-transaction .mkp-icon-text .mkp-text {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    letter-spacing: normal;
    font-size: 16px;
    color: var(--readable-01)
}

body.nbf .nbf-gv.mkp-transaction div.mkp-icon-text .mkp-icon {
    top: -1px
}

body.nbf .nbf-gv.mkp-transaction .mkp-icon:before {
    font-size: 32px;
    width: 28px;
    height: 28px;
    display: inline-block
}

body.nbf .nbf-gv.mkp-transaction .mkp-icon.mkp-icon-file:before {
    content: "\F713"
}

body.nbf .nbf-gv.mkp-transaction .mkp-icon.mkp-icon-file-check:before {
    content: "\F858"
}

body.nbf .nbf-gv.mkp-transaction .mkp-icon.mkp-icon-upload:before {
    content: "\f7ce"
}

body.nbf .nbf-gv.mkp-transaction .mkp-icon.mkp-icon-card:before {
    content: "\F7EF"
}

body.nbf .nbf-gv.mkp-transaction .mkp-icon.mkp-icon-plus:before {
    content: "\2b"
}

body.nbf .nbf-gv.mkp-transaction .mkp-icon.mkp-icon-minus:before {
    content: "\2212"
}

body.nbf .nbf-gv.mkp-transaction .mkp-icon.mkp-icon-check-circle:before {
    content: "\F7FC"
}

body.nbf .nbf-gv.mkp-transaction .mkp-icon.mkp-icon-warning-circle:before {
    content: "\F7FB"
}

body.nbf .nbf-gv.mkp-transaction .mkp-icon.mkp-icon-equal:before {
    content: "\F603";
    transform: rotate(90deg);
    margin-right: -2px;
    margin-top: -4px
}

body.nbf .nbf-gv.mkp-transaction .mkp-notification-header {
    margin-bottom: 24px
}

body.nbf .nbf-gv.mkp-transaction .mkp-notification-header span.mkp-icon:before {
    font-size: 48px;
    width: 48px;
    height: 48px;
    line-height: 40px
}

body.nbf .nbf-gv.mkp-transaction .mkp-pill-icon.mkp-icon:before {
    font-size: 20px;
    width: 16px;
    height: 16px
}

body.nbf .nbf-gv.mkp-transaction .mkp-select-secret [role="button"] {
    border: 0;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    min-width: 160px
}

body.nbf .nbf-gv.mkp-transaction .mkp-select-secret [role="button"] span.default {
    padding: 0 32px 0 0;
    text-align: right;
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

body.nbf .nbf-gv.mkp-transaction .mkp-select-secret [role="listbox"] {
    position: absolute !important;
    border-radius: 8px;
    top: 0
}

body.nbf .nbf-gv.mkp-transaction .mkp-select-secret > div > div.select-wrap {
    padding-top: 2px
}

body.nbf .nbf-gv.mkp-transaction .mkp-input-and-icon {
    display: flex
}

body.nbf .nbf-gv.mkp-transaction .mkp-input-and-icon > div {
    width: auto
}

body.nbf .nbf-gv.mkp-transaction .mkp-input-and-icon > div.ficon.mkp-icon:before {
    border: 2px solid var(--readable-02);
    color: var(--readable-02);
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding-bottom: 6px
}

body.nbf .nbf-gv.mkp-transaction .mkp-input-and-icon > div input {
    width: 28px
}

body.nbf .nbf-gv.mkp-transaction .mkp-text-with-separator {
    padding-left: 16px;
    position: relative;
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    color: var(--readable-02)
}

body.nbf .nbf-gv.mkp-transaction .mkp-text-with-separator:before {
    content: "";
    width: 4px;
    height: 4px;
    display: inline-block;
    position: absolute;
    background-color: var(--readable-02);
    border-radius: 50%;
    left: 5px;
    bottom: 6px
}

body.nbf .nbf-gv.mkp-transaction.mkp-forms .nbf-text-input.mkp-input-with-icon + label + div.mkp-icon, body.nbf .nbf-gv.mkp-transaction.mkp-forms .nbf-text-input.mkp-input-with-icon + label + div.blineunder + div.mkp-icon {
    top: 12px
}

body.nbf .nbf-gv.mkp-transaction.mkp-forms .nbf-text-input.mkp-input-with-icon + label + div.mkp-icon.focus:before, body.nbf .nbf-gv.mkp-transaction.mkp-forms .nbf-text-input.mkp-input-with-icon + label + div.blineunder + div.mkp-icon.focus:before {
    color: var(--focus-01);
    background-color: inherit
}

body.nbf .nbf-gv.mkp-transaction.mkp-forms .nbf-text-input.mkp-input-with-icon + label + div.mkp-icon input[type='submit'], body.nbf .nbf-gv.mkp-transaction.mkp-forms .nbf-text-input.mkp-input-with-icon + label + div.blineunder + div.mkp-icon input[type='submit'] {
    max-height: 72px;
    box-sizing: border-box
}

body.nbf .nbf-gv.mkp-transaction.mkp-forms .nbf-text-input.mkp-input-with-icon + label + div.mkp-icon input[type='submit']:focus-visible, body.nbf .nbf-gv.mkp-transaction.mkp-forms .nbf-text-input.mkp-input-with-icon + label + div.blineunder + div.mkp-icon input[type='submit']:focus-visible {
    outline: 0
}

body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only {
    padding: 0 20px;
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    margin-bottom: 32px
}

body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only.headline {
    margin-bottom: 24px
}

body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only.headline h2 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only .mkp-text {
    display: block
}

body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only.mkp-line-no-margin {
    margin-bottom: 0
}

body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only.mkp-line-small-margin {
    margin-bottom: 16px
}

body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only.mkp-line-margin-horizontal {
    margin-top: 16px;
    margin-bottom: 32px
}

body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only.mkp-line-small-margin-both {
    margin-bottom: 16px;
    margin-top: 16px
}

body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only > h3, body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only > h3 > span {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only .ulist {
    margin-top: 8px
}

body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only .ulist:only-child {
    margin-top: 0
}

body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only h3 + .mkp-text, body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only h2 + .mkp-text {
    margin-top: 12px
}

body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only h3 + .bline.has-nbf-checkbox, body.nbf .nbf-gv.mkp-transaction .mkp-line-text-only h2 + .bline.has-nbf-checkbox {
    margin-top: 12px
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date {
    width: 36%;
    margin-right: 12px;
    position: relative
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date label {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    position: absolute;
    left: 24px;
    top: 12px;
    z-index: 15
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select {
    width: 100%
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select > .select-time {
    width: 100%
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select div[role="button"] {
    border-radius: 24px;
    height: 48px;
    min-height: unset;
    padding: 11px 48px 12px 0;
    border: 1px solid var(--ui-02)
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select div[role="button"] > span {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select div[role="button"] > span > span {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select div[role="button"]:focus {
    border: 2px solid var(--focus-01);
    box-shadow: none;
    padding: 10px 48px 12px 0
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select div[role="button"]:after {
    color: var(--readable-02)
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select ul[role="listbox"] {
    border: 2px solid var(--focus-01);
    border-radius: 0 0 24px 24px
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select.visible div[role="button"] {
    border: 2px solid var(--focus-01);
    border-radius: 24px 24px 0 0;
    padding-top: 10px;
    box-shadow: none
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select.visible div[role="button"] > span {
    margin-left: -1px
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select.visible ul[role="listbox"] {
    box-shadow: none;
    border-top: 0
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select.visible ul[role="listbox"] li > div {
    padding: 12px 20px;
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select.visible ul[role="listbox"] li:hover, body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select.visible ul[role="listbox"] li.preselected > div {
    background: var(--ui-03);
    color: var(--readable-01)
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select.visible ul[role="listbox"] li.selected > div:after {
    content: "\F80F";
    border: 0;
    color: #00724b
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select.visible ul[role="listbox"] li:first-child {
    border-top: 1px solid var(--ui-03)
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-date .mkp-input-select.visible ul[role="listbox"] li + li {
    border-top: 1px solid var(--ui-03)
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-search {
    width: 64%;
    position: relative
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-search .nbf-text-input {
    max-height: 48px;
    min-height: unset;
    border-radius: 24px;
    padding: 12px 48px 12px 20px;
    border: 1px solid var(--ui-02)
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-search input::placeholder {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-search input:focus {
    border: 2px solid var(--focus-01);
    box-shadow: none
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-search .ficon {
    position: absolute;
    right: 20px;
    top: 10px;
    margin-right: 0
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-search .ficon.mkp-icon-glass:before, body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-search .ficon.icon-if5_symbol_lupe:before {
    content: "\F800";
    border: 0;
    font-size: 24px;
    width: 24px;
    height: 24px
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter .mkp-input-search .ficon:hover:before {
    background: #fff;
    color: #666
}

body.nbf .nbf-gv.mkp-transaction .mkp-search-filter > div:only-child {
    width: 100%;
    margin-right: 0
}

body.nbf .nbf-gv.mkp-transaction.pfm-finanzplaner-detail .mkp-search-filter {
    width: calc(100% + 30px);
    margin-left: -20px
}

body.nbf .nbf-gv.mkp-lightbox {
    padding: 32px 24px;
    box-sizing: border-box
}

.mkp-identifier.mkp-identifier-sticker-file .mkp-identifier-sticker-placeholder:before {
    content: "\F713"
}

.mkp-identifier.mkp-identifier-sticker-card .mkp-identifier-sticker-placeholder:before {
    content: "\F7EF"
}

.mkp-identifier.mkp-identifier-sticker-bell .mkp-identifier-sticker-placeholder:before {
    content: "\F7F7"
}

.mkp-identifier.mkp-identifier-sticker-lock .mkp-identifier-sticker-placeholder:before {
    content: "\F869"
}

.mkp-identifier.mkp-identifier-sticker-warning .mkp-identifier-sticker-placeholder:before {
    content: "\F7FB"
}

.mkp-identifier.mkp-identifier-sticker-hashtag .mkp-identifier-sticker-placeholder:before {
    content: "#";
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.mkp-identifier.mkp-identifier-sticker-kontowecker .mkp-identifier-sticker-placeholder:before {
    content: "\F76C"
}

.mkp-identifier.mkp-identifier-sticker-finanzplaner .mkp-identifier-sticker-placeholder:before {
    content: "\F731"
}

.mkp-identifier.mkp-identifier-sticker-plus .mkp-identifier-sticker-placeholder:before {
    top: -2px;
    content: "\F816"
}

.no-touch .mkp-account-budgets-header .ficon.icon-b_textbutton:hover:after {
    background: 0
}

@media screen and (max-width: 650px) {
    body.nbf .mkp-form-group.mkp-card-group .mkp-card-account.mkp-card-account-link .mkp-identifier .mkp-identifier-description {
        flex: 1 1 calc(100% - 90px)
    }

    .mkp-key-line-container .mkp-key-line .bline ul.linklist a {
        white-space: normal
    }

    body.nbf .nbf-gv .mkp-form-group .mkp-card .mkp-row.mkp-row-itemwise > div.has-nbf-checkbox {
        white-space: normal
    }

    body.nbf .mkp-card.mkp-card-category.mkp-card-thinner .mkp-identifier .mkp-identifier-description, body.nbf .mkp-identifier-section .mkp-identifier .mkp-identifier-description {
        flex: 1 1 calc(100% - 60px)
    }

    body.nbf .mkp-card.mkp-card-category.mkp-card-thinner .mkp-identifier .mkp-identifier-currency {
        flex: 1 1 calc(100% - 40px)
    }

    body.nbf .mkp-card.mkp-card-category.mkp-card-thinner .mkp-identifier .mkp-identifier-currency.mkp-identifier-currency-same-width, body.nbf .mkp-identifier-section .mkp-identifier .mkp-identifier-currency.mkp-identifier-currency-same-width {
        flex: 1 1 calc(100% - 160px)
    }

    body.nbf .nbf-gv.mkp-transaction .btag-wrapper.format-tag-input + label {
        top: 20px
    }

    body.nbf .nbf-gv.mkp-transaction .bselect-list .active {
        max-height: 60px;
        min-height: 60px
    }

    body.nbf .nbf-gv.mkp-transaction .select-bcategory .bselect-list li .bcategory {
        padding: 0
    }

    body.nbf .nbf-gv.mkp-transaction .mkp-text-input-negative {
        top: 42px
    }

    body.nbf .nbf-gv.mkp-forms input.nbf-date-input + label, body.nbf .nbf-gv.mkp-forms input.nbf-text-input + label {
        top: 28px
    }

    body.nbf .nbf-gv.mkp-forms input.nbf-text-input.nbf-fixed-input-label + label {
        top: 32px
    }

    body.nbf .nbf-gv.mkp-forms .bline.nbf-bselect-multiline > div label, body.nbf .nbf-gv.mkp-forms .bline input:not([type="submit"]):not([type="checkbox"]) > div label {
        top: 8px
    }

    body.nbf .nbf-gv .bline > div.bselect-multiline .bselect-list .active, body.nbf .nbf-gv .bline.nbf-bselect-multiline > div .bselect-list .active {
        padding-top: 25px
    }

    body.nbf .nbf-gv.mkp-transaction.mkp-forms .nbf-text-input.mkp-input-with-icon + label + div.mkp-icon {
        max-height: 60px
    }

    body.nbf .nbf-gv.mkp-transaction.mkp-forms .nbf-text-input.mkp-input-with-icon + label + div.mkp-icon:before {
        margin-top: 17px
    }

    body.nbf .nbf-gv.mkp-transaction .nbf-bselect-multiline.mkp-form .select-bcategory.mkp-input-select-badge [role="button"] span.default {
        margin: 26px 0 5px 0
    }

    body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form .mkp-input-select-badge label, body.nbf .nbf-gv .bline.nbf-bselect-multiline.mkp-form .mkp-input-select-badge + label {
        top: 10px
    }

    .nbf .mkp-transaction.nbf-gv .bline .nbf-text-input.format-password-show + label + .nbf-input-right-text {
        top: 28px
    }

    body.nbf .mkp-card-account.mkp-card.mkp-card-account-link .mkp-identifier .mkp-identifier-description {
        flex: 1 1 calc(100% - 70px)
    }
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box
}

.mkp-row.mkp-row-section {
    margin-bottom: 32px
}

.mkp-column {
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

.mkp-gap-SMALL-20 {
    justify-content: flex-start;
    gap: 16px
}

.mkp-content-section {
    padding: 24px 20px
}

.mkp-content-section .mkp-row {
    padding: 0;
    margin-top: 8px
}

.mkp-content-section .mkp-row:last-child {
    padding: 0
}

.mkp-disabled {
    pointer-events: none;
    opacity: .4
}

.mkp-disabled-dark {
    background-color: var(--information-02)
}

.mkp-seperator {
    width: 100%;
    height: 1px;
    background: var(--ui-01)
}

.mkp-card-layout-margin {
    margin-bottom: 32px
}

.mkp-layout-margin {
    margin: 0 20px
}

.mkp-line-small-margin {
    margin-bottom: 16px
}

.mkp-line-small-margin-both {
    margin-bottom: 16px;
    margin-top: 16px
}

.mkp-section-separator {
    border-bottom: 1px dashed var(--ui-01)
}

.mkp-line-margin-horizontal {
    margin-top: 16px;
    margin-bottom: 32px
}

.mkp-padding-top-0 {
    padding-top: 0 !important
}

.mkp-padding-right-0 {
    padding-right: 0 !important
}

.mkp-padding-bottom-0 {
    padding-bottom: 0 !important
}

.mkp-padding-left-0 {
    padding-left: 0 !important
}

.mkp-margn-top-0 {
    margin-top: 0 !important
}

.mkp-margin-right-0 {
    margin-right: 0 !important
}

.mkp-margin-bottom-0 {
    margin-bottom: 0 !important
}

.mkp-margin-left-0 {
    margin-left: 0 !important
}

.mkp-error.mkp-card, .mkp-error.mkp-card-form, .mkp-error.mkp-card-group .mkp-card {
    border-color: var(--error-01)
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-forms label > em, .mkp-forms .label > em {
    display: none
}

.mkp-transaction div label > em, .mkp-transaction div .label > em {
    display: none
}

.mkp-without-label {
    padding: 14px 18px
}

.mkp-card-form [role="button"], .mkp-card-form [type="button"] {
    cursor: pointer
}

.mkp-select.nbf-bselect-multiline > div label, .mkp-select.nbf-bselect-multiline > .label {
    left: 21px !important
}

.mkp-select.nbf-bselect-multiline > div label em, .mkp-select.nbf-bselect-multiline > .label em {
    display: none
}

.mkp-select .select-wrap .bselect-list div[role="button"] {
    border-radius: 8px;
    padding-left: 21px !important
}

.mkp-select .select-wrap .bselect-list div[role="button"]:focus {
    border: 2px solid var(--focus-01);
    box-shadow: none;
    padding-left: 20px !important;
    padding-top: 29px !important
}

.mkp-select .select-wrap .bselect-list div[role="button"]:after {
    color: var(--readable-02)
}

.mkp-select .select-wrap .bselect-list:hover div[role="button"] {
    border: 1px solid var(--readable-01);
    padding-left: 21px !important;
    padding-top: 30px !important
}

.mkp-select .select-wrap.visible .bselect-list div[role="button"] {
    border: 2px solid var(--focus-01);
    box-shadow: none;
    border-radius: 8px 8px 0 0
}

.mkp-select .select-wrap.visible .bselect-list div[role="button"]:after {
    transform: rotate(180deg);
    top: 30%
}

.mkp-select .select-wrap.visible .bselect-list div[role="button"].active {
    padding-left: 20px !important;
    padding-top: 29px !important
}

.mkp-select .select-wrap.visible .bselect-list ul[role="listbox"] {
    border: 2px solid var(--focus-01);
    box-shadow: none;
    border-top: 0;
    border-radius: 0 0 8px 8px
}

.mkp-select .select-wrap.visible .bselect-list ul[role="listbox"] li > div {
    padding: 12px 20px;
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-select .select-wrap.visible .bselect-list ul[role="listbox"] li:hover, .mkp-select .select-wrap.visible .bselect-list ul[role="listbox"] li.preselected > div {
    background: var(--ui-03);
    color: var(--readable-01)
}

.mkp-select .select-wrap.visible .bselect-list ul[role="listbox"] li.selected > div:after {
    content: "\F80F";
    border: 0;
    color: #00724b
}

.mkp-select .select-wrap.visible .bselect-list ul[role="listbox"] li:first-child {
    border-top: 1px solid var(--ui-03)
}

.mkp-select .select-wrap.visible .bselect-list ul[role="listbox"] li + li {
    border-top: 1px solid var(--ui-03)
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-input-select-badge .mkp-identifier {
    margin: 12px 0
}

.mkp-input-select-badge .mkp-identifier .mkp-identifier-currency, .mkp-input-select-badge .mkp-identifier .mkp-identifier-sticker, .mkp-input-select-badge .mkp-identifier .mkp-identifier-description {
    order: initial
}

.mkp-input-select-badge .mkp-identifier .mkp-identifier-currency {
    order: 1;
    align-self: center;
    min-height: 36px;
    padding-right: 16px;
    border-right: 1px solid var(--ui-01)
}

.mkp-input-select-badge .mkp-identifier .mkp-identifier-currency .mkp-currency > span {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-input-select-badge .mkp-identifier .mkp-identifier-sticker {
    order: 2;
    width: 36px;
    height: 36px;
    align-self: center;
    margin-left: 16px;
    margin-right: 8px
}

.mkp-input-select-badge .mkp-identifier .mkp-identifier-description {
    order: 3;
    margin-left: 8px;
    margin-right: 16px;
    padding: 0
}

.mkp-input-select-badge .mkp-identifier .mkp-identifier-description h3, .mkp-input-select-badge .mkp-identifier .mkp-identifier-description p {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: normal
}

.mkp-category-clothing {
    color: var(--purple-02)
}

.mkp-category-purchases {
    color: var(--purple-03)
}

.mkp-category-food {
    color: var(--purple-01)
}

.mkp-category-sport {
    color: var(--purple-04)
}

.mkp-category-telecomunication {
    color: var(--ink-01)
}

.mkp-category-mobility {
    color: var(--ink-02)
}

.mkp-category-education {
    color: var(--ink-03)
}

.mkp-category-taxes {
    color: var(--ink-04)
}

.mkp-category-saving {
    color: var(--gold-01)
}

.mkp-category-protection {
    color: var(--gold-02)
}

.mkp-category-cash {
    color: var(--gold-03)
}

.mkp-category-entertainment {
    color: var(--cherry-01)
}

.mkp-category-travel {
    color: var(--ink-05)
}

.mkp-category-health {
    color: var(--cherry-02)
}

.mkp-category-income {
    color: var(--lime-01)
}

.mkp-category-garden {
    color: var(--lime-02)
}

.mkp-category-miscelaneous {
    color: var(--smoke-01)
}

.mkp-category-uncategorized {
    color: var(--smoke-02)
}

.mkp-category-allissues {
    color: var(--black-100)
}

.mkp-category-notrelevant {
    color: var(--cherry-03)
}

.mkp-icon:before {
    font-family: Pictos-IF;
    display: inline-block;
    text-align: center
}

li[class*="mkp-category"]:hover .mkp-icon:before, div[class*="mkp-category"]:hover .mkp-icon:before {
    color: inherit
}

.headline-01 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-01-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 36px
}

.headline-02 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-02-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.headline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-03-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.headline-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-04-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.headline-05 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-05-light {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.headline-06 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px
}

.multiline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-01-bold {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.multiline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--information-01);
    letter-spacing: normal;
    font-size: 14px
}

.input-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-default-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 18px
}

.label-default-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-default-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px
}

.label-bold-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700
}

.label-bold-03-mobile {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 700
}

.label-default-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-bold-04 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 700
}

.label-button-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px
}

.label-button-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px
}

.label-button-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px
}

.label-underline-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 20px;
    text-decoration: underline
}

.label-underline-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-underline-03 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-button-underline-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.label-button-underline-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.label-error-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--error-01-contrast);
    letter-spacing: normal;
    font-size: 12px
}

.link-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px;
    text-decoration: underline
}

.link-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 14px;
    text-decoration: underline
}

.tan-01 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.tan-02 {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 40px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 48px
}

.currency-account-01 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 24px
}

.currency-account-02 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 20px
}

.currency-account-03 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 18px
}

.currency-account-04 {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    line-height: 16px;
    color: var(--readable-01);
    letter-spacing: normal;
    font-size: 16px
}

.mkp-tabs {
    position: relative;
    margin-top: 16px
}

.mkp-tabs > input, .mkp-tabs .mkp-tabs-content > div, .mkp-tabs > span.radio {
    display: none
}

.mkp-tabs .mkp-tab-input-wrapper {
    display: none
}

.mkp-tabs .mkp-tab-1:checked ~ .mkp-tabs-content .mkp-tab-1, .mkp-tabs .mkp-tab-2:checked ~ .mkp-tabs-content .mkp-tab-2, .mkp-tabs .mkp-tab-3:checked ~ .mkp-tabs-content .mkp-tab-3 {
    display: block
}

.mkp-tabs .mkp-tab-1:checked ~ .mkp-tabs-navigation label.mkp-tab-1:after, .mkp-tabs .mkp-tab-2:checked ~ .mkp-tabs-navigation label.mkp-tab-2:after, .mkp-tabs .mkp-tab-3:checked ~ .mkp-tabs-navigation label.mkp-tab-3:after {
    content: '';
    height: 4px;
    background-color: var(--secondary-01-active);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.mkp-tabs .mkp-tabs-navigation {
    display: flex;
    max-width: 684px;
    margin: 0 auto
}

.mkp-tabs .mkp-tabs-navigation > label {
    width: 33.333%;
    position: relative;
    display: flex
}

.mkp-tabs .mkp-tabs-navigation > label:hover {
    cursor: pointer
}

.mkp-tabs .mkp-tabs-navigation > label:nth-child(2) > .mkp-tabs-label-content {
    width: 100%;
    border-left: 1px solid var(--ui-01);
    border-right: 1px solid var(--ui-01)
}

.mkp-tabs .mkp-tabs-navigation > label:last-child {
    justify-content: flex-end
}

.mkp-tabs .mkp-tabs-navigation > label:last-child > .mkp-tabs-label-content {
    border-right: 0
}

.mkp-tabs .mkp-tabs-navigation > label .mkp-tabs-label-content {
    margin-bottom: 32px
}

.mkp-tabs .mkp-tabs-navigation > label .mkp-tabs-title {
    font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: var(--readable-02);
    letter-spacing: normal;
    font-size: 14px;
    padding-top: 16px;
    display: block;
    text-align: center
}

.mkp-tabs .mkp-tabs-navigation > label .mkp-tabs-title.mkp-tabs-title-bold {
    font-weight: 600
}

.mkp-tabs .mkp-tabs-navigation > label .mkp-currency > div {
    display: flex;
    justify-content: center
}

.mkp-tabs .mkp-tabs-arrow-left, .mkp-tabs .mkp-tabs-arrow-right, .mkp-tabs .mkp-tabs-indicator {
    display: none
}

@media (max-width: 649px) {
    .mkp-tabs {
        width: 100%;
        text-align: center
    }

    .mkp-tabs .mkp-tabs-navigation {
        position: relative;
        display: flex;
        flex-direction: row;
        max-width: initial;
        width: 100%;
        overflow-x: scroll;
        scroll-behavior: smooth
    }

    .mkp-tabs .mkp-tabs-navigation > label {
        min-width: 100%;
        justify-content: center
    }

    .mkp-tabs .mkp-tabs-navigation > label:last-child {
        justify-content: center
    }

    .mkp-tabs .mkp-tabs-navigation > label:nth-child(2) .mkp-tabs-label-content {
        border: 0
    }

    .mkp-tabs .mkp-tabs-navigation > label .mkp-tabs-label-content {
        display: flex;
        flex-direction: column;
        margin-bottom: 32px
    }

    .mkp-tabs .mkp-tabs-navigation > label .mkp-tabs-title {
        margin-bottom: 12px
    }

    .mkp-tabs .mkp-tabs-navigation > label .mkp-currency {
        order: 2
    }

    .mkp-tabs .mkp-tabs-content {
        text-align: left
    }

    .mkp-tabs .mkp-tabs-arrow-left, .mkp-tabs .mkp-tabs-arrow-right {
        width: 24px;
        height: 24px;
        position: absolute;
        top: 56px;
        cursor: pointer
    }

    .mkp-tabs .mkp-tabs-arrow-left:hover, .mkp-tabs .mkp-tabs-arrow-right:hover {
        color: var(--secondary-01-active)
    }

    .mkp-tabs .mkp-tabs-arrow-left::after, .mkp-tabs .mkp-tabs-arrow-right::after {
        content: "\f81a";
        font: 36px/50% Pictos-IF;
        width: 24px;
        height: 24px
    }

    .mkp-tabs .mkp-tabs-arrow-left.disabled, .mkp-tabs .mkp-tabs-arrow-right.disabled {
        pointer-events: none;
        opacity: .4
    }

    .mkp-tabs .mkp-tabs-arrow-left {
        left: 0;
        transform: rotate(-180deg)
    }

    .mkp-tabs .mkp-tabs-arrow-left::after {
        position: absolute;
        left: -12px
    }

    .mkp-tabs .mkp-tabs-arrow-right {
        right: 0
    }

    .mkp-tabs .mkp-tabs-arrow-right::after {
        position: absolute;
        right: 12px
    }

    .mkp-tabs .mkp-tabs-indicators {
        width: 100%;
        display: flex;
        gap: 8px;
        justify-content: center;
        align-items: center
    }

    .mkp-tabs .mkp-tabs-indicators .mkp-tabs-indicator {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--ui-01);
        cursor: pointer
    }

    .mkp-tabs .mkp-tabs-indicators .mkp-tabs-indicator.active, .mkp-tabs .mkp-tabs-indicators .mkp-tabs-indicator:focus, .mkp-tabs .mkp-tabs-indicators .mkp-tabs-indicator:hover {
        background-color: var(--secondary-01-active)
    }

    .mkp-tabs .mkp-tabs-indicators .mkp-tabs-indicator.active, .mkp-tabs .mkp-tabs-indicators .mkp-tabs-indicator:focus {
        pointer-events: none
    }

    .js .mkp-tabs .mkp-tabs-arrow-left, .js .mkp-tabs .mkp-tabs-arrow-right, .js .mkp-tabs .mkp-tabs-indicator {
        display: block
    }

    .js .mkp-tabs .mkp-tabs-navigation {
        overflow: hidden
    }

    .js .mkp-tabs .mkp-tabs-navigation > label {
        pointer-events: none
    }

    .js .mkp-tabs .mkp-tabs-navigation > label::after {
        display: none
    }
}


.footer-container {
    background-color: #666;
}

#direktZu {
    padding-bottom: 30px;
    flex-wrap: wrap;
}

.link-list-footer__container {
    display: flex;
    padding-top: 10px;
}

.sfp-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    position: relative;
    width: 960px;
    padding-left: 10px;
    padding-right: 10px;
}

#disclaimerContainer.footer--sde {
    background-color: red;
}

#disclaimerContainer {
    color: #fff;
}

#direktZu .link-list {
    width: 100%;
    max-width: 25%;
}

footer .link-list {
    padding: 10px;
}

#direktZu .link-list__headline {
    font-size: 14px;
    line-height: 1.1;
}

.link-list__headline {
    margin-top: 7.7px;
    margin-bottom: 7.7px;
    color: white;
}

#direktZu .link-list__list {
    margin-top: 0;
}

.link-list__list {
    list-style: none;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
    width: 100%;
}


ul {
    display: inline-block;
}

.link-list-footer__container .link-list__item {
    margin: 10px 10px 10px 0;
}

#direktZu .link-list a {
    font-size: 14px;
    line-height: 1.1;

    text-decoration: none;
}

#disclaimerContainer .link-list {
    padding: 10px;
}


#disclaimerContainer .link-list a {
    text-decoration: none;
}

.link-list ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

.if6 ul {
    list-style: none;

    text-align: left;
}

#disclaimerContainer .link-list__item {
    display: inline-block;
    margin-right: 30px;
}

.link-list ul li {
    padding-left: 0;
}

.logo img.only-M {
    height: 30px !important;
    padding-left: 25px !important;
}

@media only screen and (max-width: 813px) {
    .logo img.only-M {
        height: 30px;
        padding-left: 25px;
    }

    #direktZu .link-list {
        width: 100%;
        max-width: 100%;
    }
}


.service_center .service_center_spinner {
    margin-top: 45px;
    margin-bottom: 45px;
    text-align: center
}

@keyframes spin {

0
{
    transform: rotate(0)
}
100
%
{
    transform: rotate(360deg)
}
}
.service_center .service_center_spinner .spin {
    animation: spin 1s infinite linear;
    transform-origin: 16px 16px
}

.service_center .service_center_spinner svg {
    display: inline-block;
    vertical-align: middle;
    transform: scale(1.85)
}

@media (max-width: 999px) {
    .service_center .service_center_spinner {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .service_center .service_center_spinner svg {
        transform: scale(0.75)
    }
}

.service_center .service_center_filter_wrapper {
    background-color: #fff;
    padding: 20px 20px 0 20px;
    margin-bottom: 10px
}

.service_center .service_center_filter_wrapper .service_center_filter_title {
    font-size: 22px;
    line-height: 22px;
    color: #000;
    margin-bottom: 20px;
    display: block
}

.service_center .service_center_filter_wrapper .service_center_filter_error {
    float: left;
    font-size: 18px;
    color: red;
    margin-bottom: 5px;
    display: none
}

.service_center .service_center_filter_wrapper .service_center_filter_filters {
    display: inline-block;
    width: 100%
}

.service_center .service_center_filter_wrapper .service_center_filter_filters form input[type="text"] {
    float: left;
    width: 250px;
    margin-right: 5px
}

.service_center .service_center_filter_wrapper .service_center_filter_filters form input[type="text"]::-ms-clear, .service_center .service_center_filter_wrapper .service_center_filter_filters form input[type="text"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

.service_center .service_center_filter_wrapper .service_center_filter_filters form input[type="text"]::-webkit-search-decoration, .service_center .service_center_filter_wrapper .service_center_filter_filters form input[type="text"]::-webkit-search-cancel-button, .service_center .service_center_filter_wrapper .service_center_filter_filters form input[type="text"]::-webkit-search-results-button, .service_center .service_center_filter_wrapper .service_center_filter_filters form input[type="text"]::-webkit-search-results-decoration {
    display: none
}

.service_center .service_center_filter_wrapper .service_center_filter_filters .service_center_types {
    display: inline-block;
    float: left;
    margin-top: 3px
}

.service_center .service_center_filter_wrapper .service_center_filter_filters .service_center_types label {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    cursor: pointer;
    padding-left: 22px
}

.service_center .service_center_filter_wrapper .service_center_filter_filters .service_center_types label span {
    margin-right: 0;
    top: 5px;
    position: relative
}

.service_center .service_center_filter_wrapper .service_center_filter_filters .service_center_types label input[type="radio"] {
    display: none
}

.service_center .service_center_filter_wrapper .service_center_filter_filters .service_center_filter_buttons {
    display: inline-block;
    width: 100%;
    margin-top: 5px
}

.service_center .service_center_filter_wrapper .service_center_filter_filters .service_center_filter_buttons .service_center_filter_link {
    color: #777;
    cursor: pointer;
    margin-left: 15px;
    float: right
}

.service_center .service_center_filter_wrapper .service_center_filter_filters .service_center_filter_buttons .service_center_filter_link:after {
    display: inline-block;
    text-align: center;
    content: "d";
    float: right;
    border: 1px solid #777;
    border-radius: 50%;
    font: 18px/81% Pictos-IF;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    margin-top: 2px
}

.service_center .service_center_filter_wrapper .service_center_filter_filters .service_center_filter_buttons .service_center_filter_link:hover:after {
    color: #fff;
    background-color: #777
}

.service_center .service_center_filter_wrapper .service_center_filter_filters .service_center_filter_buttons .service_center_filter_link.service_center_filter_link_close:after {
    content: "u"
}

@media only screen and (max-width: 600px) {
    .service_center .service_center_filter_wrapper {
        padding: 10px 10px 5px 10px
    }

    .service_center .service_center_filter_wrapper .service_center_filter_title {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 10px
    }

    .service_center .service_center_filter_wrapper .service_center_filter_filters label {
        margin-left: 0;
        margin-right: 10px
    }

    .service_center .service_center_filter_wrapper .service_center_filter_filters form {
        width: 100%
    }

    .service_center .service_center_filter_wrapper .service_center_filter_filters form input[type="text"] {
        width: 100%
    }

    .service_center .service_center_filter_wrapper .service_center_filter_filters .service_center_filter_link {
        display: none
    }
}

.service_center_category {
    background-color: #fff;
    display: block
}

.service_center_category .service_center_category_title {
    border-bottom: 10px solid #f0f0f0;
    font-size: 22px;
    padding: 17px 7px 17px 20px;
    line-height: 22px;
    cursor: pointer
}

.service_center_category .service_center_category_title:after {
    font: 40px/50% Pictos-IF;
    display: inline-block;
    text-align: center;
    content: "d";
    float: right
}

.service_center_category .service_center_category_title:hover {
    color: red
}

.service_center_category .service_center_category_title.service_center_category_title_active {
    color: red
}

.service_center_category .service_center_category_title.service_center_category_title_active:after {
    content: "u"
}

.service_center_category .service_center_themas_parsys {
    display: none;
    border-bottom: 10px solid #f0f0f0
}

.service_center_categories_parsys_editmode .service_center_category .service_center_themas_parsys {
    display: block
}

.service_center_categories_parsys_editmode .service_center_category .service_center_category_title {
    color: red
}

.service_center_categories_parsys_editmode .service_center_category .service_center_category_title:after {
    content: "u"
}

.service_center_categories_parsys_editmode .service_center_category .service_center_themas_parsys {
    display: block
}

@media only screen and (max-width: 600px) {
    .service_center_category .service_center_category_title {
        font-size: 18px;
        padding: 10px 7px 10px 13px;
        line-height: 18px;
        border-bottom: 4px solid #f0f0f0
    }

    .service_center_category .service_center_category_title:after {
        font: 30px/50% Pictos-IF
    }
}

.activeicon, .activeicon:before {
    color: red !important;
    outline: 0 !important;
}

ospm_busyview {
    position: relative;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    width: 200px;
    height: 160px;
}

.ospm_hidden_busyview .ospm_busyview {
    visibility: hidden;
}

.ospm_busyview.ospm_busyview_with_label {
    width: 352px;
    height: 240px;
}

.ospm_busyview.ospm_busyview_with_sublabel {
    width: 352px;
    height: 264px;
}

.ospm_busyview.ospm_busyview_with_image {
    width: 576px;
    height: 360px;
}

.ospm_busyview_content {
    position: relative;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -moz-box;
    -moz-box-align: center;
    -moz-box-pack: center;
    display: flex;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
}

.ospm_busyview, .ospm_busyview.ospm_busyview_with_image .ospm_busyview_content, .ospm_busyview_image_wrapper {
    border-radius: 4px;
}

.ospm_busyview_image_wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 576px;
    height: 360px;
}

.ospm_busyview:not(.ospm_busyview_with_image) .ospm_busyview_image_wrapper {
    display: none;
}

.ospm_busyview_image {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.ospm_busyview_with_full_width_image .ospm_busyview_image {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.ospm_busyview_with_full_height_image .ospm_busyview_image, .ospm_busyview_label_wrapper {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.ospm_busyview_label_wrapper {
    position: absolute;
    left: 0;
    top: 159px;
    width: 100%;
    max-width: 100%;
    padding: 0 24px;
}

.ospm_busyview.ospm_busyview_with_label.ospm_busyview_with_image .ospm_busyview_label_wrapper, .ospm_busyview.ospm_busyview_with_sublabel.ospm_busyview_with_image .ospm_busyview_label_wrapper {
    top: auto;
    bottom: 0;
    left: 0;
    height: 64px;
    z-index: 1;
    padding: 0 129px 0 16px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.ospm_busyview_label {
    font-size: 17px;
    line-height: 24px;
    text-align: center;
}

.ospm_busyview:not(.ospm_busyview_with_label) .ospm_busyview_label {
    display: none;
}

.ospm_busyview_sublabel {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: 100%;
}

.ospm_busyview:not(.ospm_busyview_with_sublabel) .ospm_busyview_sublabel {
    display: none;
}

.ospm_busyview.ospm_busyview_with_image .ospm_busyview_label_wrapper .ospm_busyview_label, .ospm_busyview.ospm_busyview_with_image .ospm_busyview_label_wrapper .ospm_busyview_sublabel {
    text-align: left;
}

.ospm_busyview.ospm_busyview_with_image .ospm_busyview_label_wrapper .ospm_busyview_label {
    position: relative;
    bottom: -1px;
}

.ospm_busyview.ospm_busyview_with_image .ospm_busyview_label_wrapper .ospm_busyview_sublabel {
    position: relative;
    top: -1px;
}

.ospm_busyview:not(.ospm_busyview_with_image) .ospm_busyview_loading_wrapper {
    position: absolute;
    top: 48px;
    left: 68px;
    display: inline-block;
    height: 64px;
    width: 64px;
}

.ospm_busyview:not(.ospm_busyview_with_image).ospm_busyview_with_label .ospm_busyview_loading_wrapper, .ospm_busyview:not(.ospm_busyview_with_image).ospm_busyview_with_sublabel .ospm_busyview_loading_wrapper {
    top: 64px;
    left: 144px;
}

.ospm_busyview.ospm_busyview_with_image .ospm_busyview_loading_wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 64px;
    z-index: 2;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-bottom-right-radius: 4px;
}

.ospm_if .ospm_busyview.ospm_busyview_with_image .ospm_busyview_loading_wrapper, .cordova .ospm_busyview.ospm_busyview_with_image .ospm_busyview_loading_wrapper {
    left: 470px;
}

.ospm_busyview_loading {
    display: inline-block;
    position: relative;
    width: 54px;
    line-height: 24px;
    font-size: 17px;
    bottom: -1px;
}

body:not(.ospm_theme_contrast_height) .ospm_busyview:not(.ospm_busyview_with_image) .ospm_busyview_loading {
    display: none;
}

@-webkit-keyframes ospm_busyview_rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes ospm_busyview_rotation {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}

@keyframes ospm_busyview_rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.ospm_icon_busyview {
    display: inline-block;
    height: 64px;
    width: 64px;
}

.ospm_icon_busyview {
    -webkit-animation: ospm_busyview_rotation .8s infinite linear;
    -moz-animation: ospm_busyview_rotation .8s infinite linear;
    animation: ospm_busyview_rotation .8s infinite linear;
}

.ospm_busyview.ospm_busyview_with_image .ospm_icon_busyview {
    width: 24px;
    height: 24px;
    position: relative;
    right: -8px;
}

.ospm_theme_contrast_height .ospm_busyview {
    border: solid 1px black;
    box-sizing: content-box;
}

.ospm_theme_contrast_height .ospm_icon_busyview {
    display: none;
}

.ospm_window_fullscreen_busyview_wrapper:not(.ospm_hidden_busyview).ospm_if {
    background-color: rgba(0, 0, 0, 0.6);
}

.ospm_window_fullscreen_wrapper, .ospm_window_fullscreen_wrapper2, .ospm_window_fullscreen_wrapper3, .ospm_window_fullscreen_busyview_wrapper, .ospm_window_fullscreen_wrapper_clear {
    z-index: 2850 !important;
}

.ospm_horizontal_flex_container {
    display: flex;
    width: 100%;
}

.ospm_window_fullscreen_wrapper, .ospm_window_fullscreen_wrapper2, .ospm_window_fullscreen_wrapper3, .ospm_window_fullscreen_busyview_wrapper, .ospm_window_fullscreen_wrapper_clear {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 255;
    word-wrap: break-word;
}

.ospm_busyview_content {
    position: relative;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -moz-box;
    -moz-box-align: center;
    -moz-box-pack: center;
    display: flex;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
}

.ospm_busyview:not(.ospm_busyview_with_image) .ospm_busyview_loading_wrapper {
    position: absolute;
    top: 48px;
    left: 68px;
    display: inline-block;
    height: 64px;
    width: 64px;
}

.ospm_icon_busyview {
    background-image: url(../images/loader-if%402x_1.png);
}

.ospm_busyview_label_wrapper {
    position: absolute;
    left: 0;
    top: 159px;
    width: 100%;
    max-width: 100%;
    padding: 0 24px;
}

.ospm_busyview_image_wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 576px;
    height: 360px;
}

.ospm_window_fullscreen_wrapper_container {
    height: 100%;
    -webkit-align-items: center;
    -moz-box-align: center;
    -moz-box-pack: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.ospm_dialogview {
    margin: 10px auto;
}

.ospm_window_fullscreen_wrapper_container {
    height: auto !important;
    display: block !important;
}

.flex.justify-between.flex-1.sm\:hidden {
    display: none;
}

.rounded-md a, .rounded-r-md svg, .rounded-l-md svg {
    max-width: 32px;
    display: inline-block;
    vertical-align: middle;
}

.hidden p {
    display: none;
}