/*!
 * Portal Hausbankmodell (generiert)
 *
 * @version $Id$
 * @copyright 2025 Axilaris GmbH
 * @preserve
 */

/*! @version Id$ */
@font-face { font-family: SparkasseHeadWeb; src: url("/css/hausbankmodell/schriften/sparbd-webfont.woff") format("woff"), url("/css/hausbankmodell/schriften/sparbd-webfont.ttf") format("truetype"); }

@font-face { font-family: SparkasseWebLight; src: url("/css/hausbankmodell/schriften/sparlt-webfont.woff") format("woff"), url("/css/hausbankmodell/schriften/sparlt-webfont.ttf") format("truetype"); }

@font-face { font-family: SparkasseWeb; src: url("/css/hausbankmodell/schriften/sparrg-webfont.woff") format("woff"), url("/css/hausbankmodell/schriften/sparrg-webfont.ttf") format("truetype"); }

@font-face { font-family: Sparkasse_ltitalic; src: url("/css/hausbankmodell/schriften/sparltit-webfont.woff2") format("woff2"), url("/css/hausbankmodell/schriften/sparltit-webfont.woff") format("woff"), url("/css/hausbankmodell/schriften/sparltit-webfont.ttf") format("truetype"); }

@font-face { font-family: Pictos-IF; src: url("/css/hausbankmodell/schriften/pictos_if.woff") format("woff"), url("/css/hausbankmodell/schriften/pictos_if.ttf") format("truetype"); }

#tooltip { font-size: .875rem; text-align: center; text-shadow: 0 1px rgba(0, 0, 0, 0.5); line-height: 1.5; color: #fff; background: #333; background: linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)); border-radius: 5px; border-top: 1px solid #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); position: absolute; z-index: 100; padding: 15px; max-width: 300px; }

#tooltip::after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #333; border-top-color: rgba(0, 0, 0, 0.7); content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; }

#tooltip.top::after { border-top-color: transparent; border-bottom: 10px solid #333; border-bottom-color: rgba(0, 0, 0, 0.6); top: -20px; bottom: auto; }

#tooltip.left::after { left: 10px; margin: 0; }

#tooltip.right::after { right: 10px; left: auto; margin: 0; }

.nav-header { display: block; padding: 3px 15px; font-size: .8em; font-weight: 700; line-height: 20px; color: #999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; }

.dropdown-submenu { position: relative; }

.dropdown-submenu > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #ccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; }

.dropdown-submenu > .dropdown-menu.drop-left { left: -100%; }

.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; }

.dropdown-submenu:hover .dropdown-menu { display: inline; }

.dropdown-context .nav-header { cursor: default; }

.dropdown-context:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }

.dropdown-context:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; }

.dropdown-context .dropdown-submenu:hover .dropdown-menu { display: none; }

.dropdown-context .dropdown-submenu:hover > .dropdown-menu { display: block; }

.dropdown-context-up:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; top: auto; bottom: -7px; z-index: 9999; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-bottom: none; border-left: 7px solid transparent; }

.dropdown-context-up:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; top: auto; bottom: -7px; z-index: 9999; border-right: 6px solid transparent; border-top: 6px solid #fff; border-left: 6px solid transparent; border-bottom: none; }

.dropdown-context-left:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; left: auto; right: 9px; }

.dropdown-context-left:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; left: auto; right: 9px; }

.dropdown-context-sub:before { display: none; }

.dropdown-context-sub:after { display: none; }

.compressed-context span { padding-left: 14px; padding-top: 0; padding-bottom: 0; font-size: 13px; }

.compressed-context a { padding-left: 14px; padding-top: 0; padding-bottom: 0; font-size: 13px; }

.compressed-context .divider { margin: 5px 1px; }

.compressed-context .nav-header { padding: 1px 13px; }

.dynamic-menu-src { display: none; }

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.container:before { content: " "; display: table; }

.container:after { content: " "; display: table; clear: both; }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.container-fluid:before { content: " "; display: table; }

.container-fluid:after { content: " "; display: table; clear: both; }

.row { margin-left: -13px; margin-right: -15px; margin-top: 10px; }

.row:before { content: " "; display: table; }

.row:after { content: " "; display: table; clear: both; }

.col-xs-1 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 8.33333%; }

.col-sm-1 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-md-1 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-lg-1 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-2 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 16.66667%; }

.col-sm-2 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-md-2 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-lg-2 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-3 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 25%; }

.col-sm-3 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-md-3 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-lg-3 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-4 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 33.33333%; }

.col-sm-4 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-md-4 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-lg-4 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-5 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 41.66667%; }

.col-sm-5 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-md-5 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-lg-5 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-6 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 50%; }

.col-sm-6 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-md-6 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-lg-6 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-7 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 58.33333%; }

.col-sm-7 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-md-7 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-lg-7 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-8 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 66.66667%; }

.col-sm-8 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-md-8 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-lg-8 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 75%; }

.col-sm-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-md-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-lg-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-10 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 83.33333%; }

.col-sm-10 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-md-10 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-lg-10 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-11 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 91.66667%; }

.col-sm-11 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-md-11 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-lg-11 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 100%; }

.col-sm-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-md-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-pull-0 { right: auto; }

.col-xs-pull-1 { right: 8.33333%; }

.col-xs-pull-2 { right: 16.66667%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-4 { right: 33.33333%; }

.col-xs-pull-5 { right: 41.66667%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-7 { right: 58.33333%; }

.col-xs-pull-8 { right: 66.66667%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-10 { right: 83.33333%; }

.col-xs-pull-11 { right: 91.66667%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-push-0 { left: auto; }

.col-xs-push-1 { left: 8.33333%; }

.col-xs-push-2 { left: 16.66667%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-4 { left: 33.33333%; }

.col-xs-push-5 { left: 41.66667%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-7 { left: 58.33333%; }

.col-xs-push-8 { left: 66.66667%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-10 { left: 83.33333%; }

.col-xs-push-11 { left: 91.66667%; }

.col-xs-push-12 { left: 100%; }

.col-xs-offset-0 { margin-left: 0; }

.col-xs-offset-1 { margin-left: 8.33333%; }

.col-xs-offset-2 { margin-left: 16.66667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.33333%; }

.col-xs-offset-5 { margin-left: 41.66667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.33333%; }

.col-xs-offset-8 { margin-left: 66.66667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.33333%; }

.col-xs-offset-11 { margin-left: 91.66667%; }

.col-xs-offset-12 { margin-left: 100%; }

.btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 16px; line-height: 1.42857; border-radius: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

.btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; color: #333; text-decoration: none; }

.btn:active { outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn:active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn:active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn:hover { color: #333; text-decoration: none; }

.btn.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; color: #333; text-decoration: none; }

.btn.active { outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn.disabled { cursor: not-allowed; pointer-events: none; opacity: .65; filter: alpha(opacity=65); box-shadow: none; }

.btn[disabled] { cursor: not-allowed; pointer-events: none; opacity: .65; filter: alpha(opacity=65); box-shadow: none; }

fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: .65; filter: alpha(opacity=65); box-shadow: none; }

fieldset[disabled] .btn-default { background-color: #fff; border-color: #ccc; }

fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc; }

fieldset[disabled] .btn-default:focus { background-color: #fff; border-color: #ccc; }

fieldset[disabled] .btn-default:active { background-color: #fff; border-color: #ccc; }

fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; }

fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; }

fieldset[disabled] .btn-primary { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-primary:hover { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-primary:focus { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-primary:active { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-primary.focus { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-primary.active { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-success { background-color: #9c3; border-color: #8ab82e; }

fieldset[disabled] .btn-success:hover { background-color: #9c3; border-color: #8ab82e; }

fieldset[disabled] .btn-success:focus { background-color: #9c3; border-color: #8ab82e; }

fieldset[disabled] .btn-success:active { background-color: #9c3; border-color: #8ab82e; }

fieldset[disabled] .btn-success.focus { background-color: #9c3; border-color: #8ab82e; }

fieldset[disabled] .btn-success.active { background-color: #9c3; border-color: #8ab82e; }

fieldset[disabled] .btn-info { background-color: #999; border-color: #8c8c8c; }

fieldset[disabled] .btn-info:hover { background-color: #999; border-color: #8c8c8c; }

fieldset[disabled] .btn-info:focus { background-color: #999; border-color: #8c8c8c; }

fieldset[disabled] .btn-info:active { background-color: #999; border-color: #8c8c8c; }

fieldset[disabled] .btn-info.focus { background-color: #999; border-color: #8c8c8c; }

fieldset[disabled] .btn-info.active { background-color: #999; border-color: #8c8c8c; }

fieldset[disabled] .btn-warning { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-warning:hover { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-warning:focus { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-warning:active { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-warning.focus { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-warning.active { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-danger { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-danger:hover { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-danger:focus { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-danger:active { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-danger.focus { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-danger.active { background-color: #f00; border-color: #e60000; }

fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; }

fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none; }

fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; }

.btn-default { color: #333; background-color: #fff; border-color: #ccc; }

.btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; }

.btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #adadad; }

.btn-default:active { color: #333; background-color: #e6e6e6; border-color: #adadad; background-image: none; }

.btn-default .badge { color: #fff; background-color: #333; }

.btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #adadad; }

.btn-default.active { color: #333; background-color: #e6e6e6; border-color: #adadad; background-image: none; }

.open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad; background-image: none; }

.open > .btn-primary.dropdown-toggle { color: #fff; background-color: #c00; border-color: #a80000; background-image: none; }

.open > .btn-success.dropdown-toggle { color: #fff; background-color: #7aa329; border-color: #658722; background-image: none; }

.open > .btn-info.dropdown-toggle { color: #fff; background-color: gray; border-color: #6e6e6e; background-image: none; }

.open > .btn-warning.dropdown-toggle { color: #fff; background-color: #c00; border-color: #a80000; background-image: none; }

.open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c00; border-color: #a80000; background-image: none; }

.open > .dropdown-menu { display: block; }

.open > a { outline: 0; }

.btn-default.disabled { background-color: #fff; border-color: #ccc; }

.btn-default.disabled:hover { background-color: #fff; border-color: #ccc; }

.btn-default.disabled:focus { background-color: #fff; border-color: #ccc; }

.btn-default.disabled:active { background-color: #fff; border-color: #ccc; }

.btn-default.disabled.focus { background-color: #fff; border-color: #ccc; }

.btn-default.disabled.active { background-color: #fff; border-color: #ccc; }

.btn-default[disabled] { background-color: #fff; border-color: #ccc; }

.btn-default[disabled]:hover { background-color: #fff; border-color: #ccc; }

.btn-default[disabled]:focus { background-color: #fff; border-color: #ccc; }

.btn-default[disabled]:active { background-color: #fff; border-color: #ccc; }

.btn-default[disabled].focus { background-color: #fff; border-color: #ccc; }

.btn-default[disabled].active { background-color: #fff; border-color: #ccc; }

.btn-primary { color: #fff; background-color: #f00; border-color: #e60000; }

.btn-primary:hover { color: #fff; background-color: #c00; border-color: #a80000; }

.btn-primary:focus { color: #fff; background-color: #c00; border-color: #a80000; }

.btn-primary:active { color: #fff; background-color: #c00; border-color: #a80000; background-image: none; }

.btn-primary .badge { color: #f00; background-color: #fff; }

.btn-primary.focus { color: #fff; background-color: #c00; border-color: #a80000; }

.btn-primary.active { color: #fff; background-color: #c00; border-color: #a80000; background-image: none; }

.btn-primary.disabled { background-color: #f00; border-color: #e60000; }

.btn-primary.disabled:hover { background-color: #f00; border-color: #e60000; }

.btn-primary.disabled:focus { background-color: #f00; border-color: #e60000; }

.btn-primary.disabled:active { background-color: #f00; border-color: #e60000; }

.btn-primary.disabled.focus { background-color: #f00; border-color: #e60000; }

.btn-primary.disabled.active { background-color: #f00; border-color: #e60000; }

.btn-primary[disabled] { background-color: #f00; border-color: #e60000; }

.btn-primary[disabled]:hover { background-color: #f00; border-color: #e60000; }

.btn-primary[disabled]:focus { background-color: #f00; border-color: #e60000; }

.btn-primary[disabled]:active { background-color: #f00; border-color: #e60000; }

.btn-primary[disabled].focus { background-color: #f00; border-color: #e60000; }

.btn-primary[disabled].active { background-color: #f00; border-color: #e60000; }

.btn-success { color: #fff; background-color: #9c3; border-color: #8ab82e; }

.btn-success:hover { color: #fff; background-color: #7aa329; border-color: #658722; }

.btn-success:focus { color: #fff; background-color: #7aa329; border-color: #658722; }

.btn-success:active { color: #fff; background-color: #7aa329; border-color: #658722; background-image: none; }

.btn-success .badge { color: #9c3; background-color: #fff; }

.btn-success.focus { color: #fff; background-color: #7aa329; border-color: #658722; }

.btn-success.active { color: #fff; background-color: #7aa329; border-color: #658722; background-image: none; }

.btn-success.disabled { background-color: #9c3; border-color: #8ab82e; }

.btn-success.disabled:hover { background-color: #9c3; border-color: #8ab82e; }

.btn-success.disabled:focus { background-color: #9c3; border-color: #8ab82e; }

.btn-success.disabled:active { background-color: #9c3; border-color: #8ab82e; }

.btn-success.disabled.focus { background-color: #9c3; border-color: #8ab82e; }

.btn-success.disabled.active { background-color: #9c3; border-color: #8ab82e; }

.btn-success[disabled] { background-color: #9c3; border-color: #8ab82e; }

.btn-success[disabled]:hover { background-color: #9c3; border-color: #8ab82e; }

.btn-success[disabled]:focus { background-color: #9c3; border-color: #8ab82e; }

.btn-success[disabled]:active { background-color: #9c3; border-color: #8ab82e; }

.btn-success[disabled].focus { background-color: #9c3; border-color: #8ab82e; }

.btn-success[disabled].active { background-color: #9c3; border-color: #8ab82e; }

.btn-info { color: #fff; background-color: #999; border-color: #8c8c8c; }

.btn-info:hover { color: #fff; background-color: gray; border-color: #6e6e6e; }

.btn-info:focus { color: #fff; background-color: gray; border-color: #6e6e6e; }

.btn-info:active { color: #fff; background-color: gray; border-color: #6e6e6e; background-image: none; }

.btn-info .badge { color: #999; background-color: #fff; }

.btn-info.focus { color: #fff; background-color: gray; border-color: #6e6e6e; }

.btn-info.active { color: #fff; background-color: gray; border-color: #6e6e6e; background-image: none; }

.btn-info.disabled { background-color: #999; border-color: #8c8c8c; }

.btn-info.disabled:hover { background-color: #999; border-color: #8c8c8c; }

.btn-info.disabled:focus { background-color: #999; border-color: #8c8c8c; }

.btn-info.disabled:active { background-color: #999; border-color: #8c8c8c; }

.btn-info.disabled.focus { background-color: #999; border-color: #8c8c8c; }

.btn-info.disabled.active { background-color: #999; border-color: #8c8c8c; }

.btn-info[disabled] { background-color: #999; border-color: #8c8c8c; }

.btn-info[disabled]:hover { background-color: #999; border-color: #8c8c8c; }

.btn-info[disabled]:focus { background-color: #999; border-color: #8c8c8c; }

.btn-info[disabled]:active { background-color: #999; border-color: #8c8c8c; }

.btn-info[disabled].focus { background-color: #999; border-color: #8c8c8c; }

.btn-info[disabled].active { background-color: #999; border-color: #8c8c8c; }

.btn-warning { color: #fff; background-color: #f00; border-color: #e60000; }

.btn-warning:hover { color: #fff; background-color: #c00; border-color: #a80000; }

.btn-warning:focus { color: #fff; background-color: #c00; border-color: #a80000; }

.btn-warning:active { color: #fff; background-color: #c00; border-color: #a80000; background-image: none; }

.btn-warning .badge { color: #f00; background-color: #fff; }

.btn-warning.focus { color: #fff; background-color: #c00; border-color: #a80000; }

.btn-warning.active { color: #fff; background-color: #c00; border-color: #a80000; background-image: none; }

.btn-warning.disabled { background-color: #f00; border-color: #e60000; }

.btn-warning.disabled:hover { background-color: #f00; border-color: #e60000; }

.btn-warning.disabled:focus { background-color: #f00; border-color: #e60000; }

.btn-warning.disabled:active { background-color: #f00; border-color: #e60000; }

.btn-warning.disabled.focus { background-color: #f00; border-color: #e60000; }

.btn-warning.disabled.active { background-color: #f00; border-color: #e60000; }

.btn-warning[disabled] { background-color: #f00; border-color: #e60000; }

.btn-warning[disabled]:hover { background-color: #f00; border-color: #e60000; }

.btn-warning[disabled]:focus { background-color: #f00; border-color: #e60000; }

.btn-warning[disabled]:active { background-color: #f00; border-color: #e60000; }

.btn-warning[disabled].focus { background-color: #f00; border-color: #e60000; }

.btn-warning[disabled].active { background-color: #f00; border-color: #e60000; }

.btn-danger { color: #fff; background-color: #f00; border-color: #e60000; }

.btn-danger:hover { color: #fff; background-color: #c00; border-color: #a80000; }

.btn-danger:focus { color: #fff; background-color: #c00; border-color: #a80000; }

.btn-danger:active { color: #fff; background-color: #c00; border-color: #a80000; background-image: none; }

.btn-danger .badge { color: #f00; background-color: #fff; }

.btn-danger.focus { color: #fff; background-color: #c00; border-color: #a80000; }

.btn-danger.active { color: #fff; background-color: #c00; border-color: #a80000; background-image: none; }

.btn-danger.disabled { background-color: #f00; border-color: #e60000; }

.btn-danger.disabled:hover { background-color: #f00; border-color: #e60000; }

.btn-danger.disabled:focus { background-color: #f00; border-color: #e60000; }

.btn-danger.disabled:active { background-color: #f00; border-color: #e60000; }

.btn-danger.disabled.focus { background-color: #f00; border-color: #e60000; }

.btn-danger.disabled.active { background-color: #f00; border-color: #e60000; }

.btn-danger[disabled] { background-color: #f00; border-color: #e60000; }

.btn-danger[disabled]:hover { background-color: #f00; border-color: #e60000; }

.btn-danger[disabled]:focus { background-color: #f00; border-color: #e60000; }

.btn-danger[disabled]:active { background-color: #f00; border-color: #e60000; }

.btn-danger[disabled].focus { background-color: #f00; border-color: #e60000; }

.btn-danger[disabled].active { background-color: #f00; border-color: #e60000; }

.btn-link { color: #f00; font-weight: 400; border-radius: 0; background-color: transparent; box-shadow: none; border-color: transparent; }

.btn-link:active { background-color: transparent; box-shadow: none; border-color: transparent; }

.btn-link:hover { border-color: transparent; color: #b30000; text-decoration: underline; background-color: transparent; }

.btn-link:focus { border-color: transparent; color: #b30000; text-decoration: underline; background-color: transparent; }

.btn-link.active { background-color: transparent; box-shadow: none; }

.btn-link[disabled] { background-color: transparent; box-shadow: none; }

.btn-link[disabled]:hover { color: #777; text-decoration: none; }

.btn-link[disabled]:focus { color: #777; text-decoration: none; }

.btn-lg { padding: 10px 16px; font-size: 20px; line-height: 1.33333; border-radius: 0; }

.btn-sm { padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 0; }

.btn-xs { padding: 1px 5px; font-size: 14px; line-height: 1.5; border-radius: 0; }

.btn-block { display: block; width: 100%; }

.btn-block + .btn-block { margin-top: 5px; }

input[type=submit].btn-block { width: 100%; }

input[type=reset].btn-block { width: 100%; }

input[type=button].btn-block { width: 100%; }

.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.dropup { position: relative; }

.dropup .caret { border-top: 0; border-bottom: 4px solid; content: ""; }

.dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }

.dropdown { position: relative; }

.dropdown-toggle:focus { outline: 0; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 16px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; display: none; }

.dropdown-menu .divider { height: 1px; margin: 10px 0; overflow: hidden; background-color: #e5e5e5; }

.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857; color: #333; white-space: nowrap; }

.dropdown-menu > li > a:hover { text-decoration: none; color: #262626; background-color: #f5f5f5; }

.dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; }

.dropdown-menu > .active > a { color: #fff; text-decoration: none; outline: 0; background-color: #f00; }

.dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; outline: 0; background-color: #f00; }

.dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #f00; }

.dropdown-menu > .disabled > a { color: #777; }

.dropdown-menu > .disabled > a:hover { color: #777; text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; }

.dropdown-menu > .disabled > a:focus { color: #777; text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; }

.dropdown-menu.pull-right { right: 0; left: auto; }

.dropdown-menu-right { left: auto; right: 0; }

.dropdown-menu-left { left: 0; right: auto; }

.dropdown-header { display: block; padding: 3px 20px; font-size: 14px; line-height: 1.42857; color: #777; white-space: nowrap; }

.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; }

.pull-right { float: right !important; float: right; }

.pull-right > .dropdown-menu { right: 0; left: auto; }

.navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; }

.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }

.tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-family: SparkasseWeb,Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); font-family: SparkasseWeb,Helvetica,Arial,sans-serif; font-size: 14px; }

.tooltip.in { opacity: .9; filter: alpha(opacity=90); }

.tooltip.top { margin-top: -3px; padding: 5px 0; }

.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.right { margin-left: 3px; padding: 0 5px; }

.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; }

.tooltip.bottom { margin-top: 3px; padding: 5px 0; }

.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.tooltip.left { margin-left: -3px; padding: 0 5px; }

.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; }

.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 0; }

.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: SparkasseWeb,Helvetica,Arial,sans-serif; font-size: 16px; font-weight: 400; line-height: 1.42857; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; }

.popover > .arrow { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 11px; }

.popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 10px; content: ""; }

.popover.top { margin-top: -10px; }

.popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; }

.popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; }

.popover.right { margin-left: 10px; }

.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); }

.popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; }

.popover.bottom { margin-top: 10px; }

.popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; }

.popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; }

.popover.left { margin-left: -10px; }

.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); }

.popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; }

.popover-title { margin: 0; padding: 8px 14px; font-size: 16px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: -1px -1px 0 0; }

.popover-content { padding: 9px 14px; }

.clearfix:before { content: " "; display: table; }

.clearfix:after { content: " "; display: table; clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-left { float: left !important; float: left; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none !important; visibility: hidden !important; }

.affix { position: fixed; }

@-ms-viewport { width: auto; }

.visible-xs { display: none !important; }

.visible-sm { display: none !important; }

.visible-md { display: none !important; }

.visible-lg { display: none !important; }

.visible-xs-block { display: none !important; }

.visible-xs-inline { display: none !important; }

.visible-xs-inline-block { display: none !important; }

.visible-sm-block { display: none !important; }

.visible-sm-inline { display: none !important; }

.visible-sm-inline-block { display: none !important; }

.visible-md-block { display: none !important; }

.visible-md-inline { display: none !important; }

.visible-md-inline-block { display: none !important; }

.visible-lg-block { display: none !important; }

.visible-lg-inline { display: none !important; }

.visible-lg-inline-block { display: none !important; }

.visible-print { display: none !important; }

.visible-print-block { display: none !important; }

.visible-print-inline { display: none !important; }

.visible-print-inline-block { display: none !important; }

.select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; font-size: 1em; }

.select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear { position: relative; }

.select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-search--inline { float: left; }

.select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }

.select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }

.select2-results { display: block; }

.select2-results__options { list-style: none; margin: 0; padding: 0; }

.select2-results__option { padding: 6px; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-results__option[aria-selected] { cursor: pointer; }

.select2-container--open .select2-dropdown { left: 0; }

.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-search--dropdown { display: block; padding: 4px; }

.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide { display: none; }

.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }

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

.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; background-color: #fff; border: 1px solid #aaa; border-radius: 4px; border: 2px solid #666; border-radius: 5px; padding: 4px 4px 2px; line-height: 21px; box-shadow: none !important; height: auto; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; color: #444; line-height: 28px; line-height: 26px; padding-left: 0; }

.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; cursor: pointer; float: right; font-weight: 700; }

.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; height: 100%; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; border-color: #888 transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; border-color: #666 transparent transparent; border-width: 8px 7px 0; left: 0; margin-left: 0; margin-top: -3px; }

.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; color: #999; margin-top: 5px; float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; margin-top: 5px; margin-right: 10px; cursor: pointer; float: right; font-weight: 700; margin-top: 5px; margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 2px; color: #999; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; color: #333; }

.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; max-height: 200px; overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] { padding: 0; padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] { color: #999; color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; margin-left: -1em; padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; margin-left: -2em; padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; margin-left: -3em; padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; margin-left: -4em; padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; margin-left: -5em; padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; background-color: #5897fb; color: white; }

.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; cursor: default; display: block; padding: 6px; }

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; float: left; }

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; left: 1px; right: auto; }

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; float: right; margin-left: 5px; margin-right: auto; }

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder { float: right; float: right; }

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline { float: right; float: right; }

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; margin-left: 2px; margin-right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; display: none; }

.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888; border-width: 0 4px 5px; border-color: transparent transparent #888; border-width: 0 4px 5px; border-color: transparent transparent #666; border-width: 0 7px 8px; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; border: solid black 1px; outline: 0; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single { border-top-left-radius: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: linear-gradient(to bottom, white 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0); }

.select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; }

.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; }

.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; }

.select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above { border-bottom: none; }

.select2-container--classic .select2-dropdown--below { border-top: none; }

.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] { padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; }

.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 4px 0 0 4px; left: 1px; right: auto; }

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; }

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888; border-width: 0 4px 5px; }

.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: linear-gradient(to bottom, white 0, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: linear-gradient(to bottom, #eee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-dropdown.select2-dropdown--below { border: 2px solid #666; border-radius: 0 0 5px 5px; border-top: none; line-height: 21px; box-shadow: none !important; }

.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }

.fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-fw { width: 1.28571em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; }

.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: .14286em; text-align: center; }

.fa-li.fa-lg { left: -1.85714em; }

.fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em; }

.fa.pull-left { margin-right: .3em; }

.fa.pull-right { margin-left: .3em; }

.fa-spin { animation: fa-spin 2s infinite linear; }

.fa-pulse { animation: fa-spin 1s infinite steps(8); }

.fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); }

.fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg); }

.fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(270deg); }

.fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: scale(-1, 1); }

.fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: scale(1, -1); }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x { position: absolute; left: 0; width: 100%; text-align: center; line-height: inherit; }

.fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; font-size: 2em; }

.fa-inverse { color: #fff; }

.clear { font-size: 0; }

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

i.icon { line-height: 1; display: inline-block; text-align: left; }

i.icon svg { display: inline-block; height: 1em; width: 1em; fill: currentColor; }

i.icon svg .svg-fill-gray { fill: transparent; }

i.icon.ic-inaktiv svg { fill: gray; }

i.icon.ic-wichtig svg { fill: #f00; }

i.icon-leer { width: 1.6em; height: 1.6em; display: inline-block; vertical-align: bottom; line-height: 1; margin: .1em; }

i.icon-ls { display: inline-block; width: 90px; height: 78px; position: absolute; right: 0; overflow: hidden; }

i.icon-ls svg { display: inline-block; width: 100%; fill: white; color: #a3a3a3; position: absolute; bottom: -8px; height: 70%; right: -20px; }

i.icon.ic-mitkreis { border: 1px solid currentcolor; border-radius: 100%; height: 1.6em; width: 1.6em; padding: .2em 0 0 .25em; margin: .1em; }

i.icon.ic-mitkreis:hover { background-color: currentcolor; }

i.icon.ic-mitkreis:hover svg { fill: white; color: white; }

i.icon.ic-mitkreis.ic-weiss:hover { background-color: currentcolor; }

i.icon.ic-mitkreis.ic-weiss:hover svg { fill: #666; color: #666; }

i.icon.ic-mitkreis.ic-wichtig { border-color: #f00; }

i.icon.ic-mitkreis.ic-wichtig:hover { background-color: #f00; }

i.icon.ic-mitkreis.ic-wichtig:hover svg { fill: white; color: white; }

i.icon.ic-mitkreis.fa-lg { border: .08em solid currentcolor; }

i.icon.ic-mitkreis.fa-2x { border: .06em solid currentcolor; }

i.icon.ic-mitkreis.fa-3x { border: .05em solid currentcolor; }

i.icon.ic-mitkreis.ic-inaktiv { pointer-events: none; cursor: inherit; border-color: gray; color: gray; }

i.icon.ic-mitkreis.ic-inaktiv svg { fill: gray; }

i.icon.ic-mitkreis.ic-inaktiv:hover svg { fill: white; color: white; }

i.icon.ic-mitkreis.ic-keinhover { pointer-events: none; cursor: inherit; }

i.icon.ic-mitkreis.ic-invers { background-color: currentcolor; }

i.icon.ic-mitkreis.ic-invers svg { fill: white; color: white; }

i.icon.ic-mitkreis.ic-invers:hover { background-color: transparent; }

i.icon.ic-mitkreis.ic-invers:hover svg { fill: currentcolor; color: currentcolor; }

a.icon:hover .icon.ic-mitkreis { background-color: currentcolor; }

a.icon:hover .icon.ic-mitkreis svg { fill: white; color: white; }

a.icon:hover .icon.ic-mitkreis.ic-weiss { background-color: currentcolor; }

a.icon:hover .icon.ic-mitkreis.ic-weiss svg { fill: #666; color: #666; }

a.icon:hover .icon.ic-mitkreis.ic-inaktiv svg { fill: white; color: white; }

a.icon:hover .icon.ic-mitkreis.ic-invers { background-color: transparent; }

a.icon:hover .icon.ic-mitkreis.ic-invers svg { fill: currentcolor; color: currentcolor; }

a.icon:hover .icon.ic-mitkreis.ic-wichtig { background-color: #f00; }

a.icon:hover .icon.ic-mitkreis.ic-wichtig svg { fill: white; color: white; }

span.icon:hover .icon.ic-mitkreis { background-color: currentcolor; }

span.icon:hover .icon.ic-mitkreis svg { fill: white; color: white; }

span.icon:hover .icon.ic-mitkreis.ic-weiss { background-color: currentcolor; }

span.icon:hover .icon.ic-mitkreis.ic-weiss svg { fill: #666; color: #666; }

span.icon:hover .icon.ic-mitkreis.ic-inaktiv svg { fill: white; color: white; }

span.icon:hover .icon.ic-mitkreis.ic-invers { background-color: transparent; }

span.icon:hover .icon.ic-mitkreis.ic-invers svg { fill: currentcolor; color: currentcolor; }

span.icon:hover .icon.ic-mitkreis.ic-wichtig { background-color: #f00; }

span.icon:hover .icon.ic-mitkreis.ic-wichtig svg { fill: white; color: white; }

button.icon { width: auto; font-size: 1em; text-transform: none; padding: 0; margin: 0; border: 0 none; color: #333; background-color: transparent; cursor: pointer; }

button.icon:hover .icon.ic-mitkreis { background-color: currentcolor; }

button.icon:hover .icon.ic-mitkreis svg { fill: white; color: white; }

button.icon:hover .icon.ic-mitkreis.ic-weiss { background-color: currentcolor; }

button.icon:hover .icon.ic-mitkreis.ic-weiss svg { fill: #666; color: #666; }

button.icon:hover .icon.ic-mitkreis.ic-inaktiv svg { fill: white; color: white; }

button.icon:hover .icon.ic-mitkreis.ic-invers { background-color: transparent; }

button.icon:hover .icon.ic-mitkreis.ic-invers svg { fill: currentcolor; color: currentcolor; }

button.icon:hover .icon.ic-mitkreis.ic-wichtig { background-color: #f00; }

button.icon:hover .icon.ic-mitkreis.ic-wichtig svg { fill: white; color: white; }

i.icon.ic-logo_s svg { width: .75em; }

i.icon.ic-logo_lbs svg { width: 3.1746em; }

i.icon.ic-logo_deka svg { width: 2.7451em; margin-bottom: -.15em; }

i.icon.ic-logo_cleverclick svg { width: 4.16667em; }

i.icon.icon.ic-logo_sbroker svg { width: 4.11765em; margin-bottom: -.15em; }

table { width: calc(100% - 20px); font-size: 1em; margin: 0 10px 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: white; }

table tr.ueberschrift th { text-align: left; color: #fff; background-color: #999; border-right: none; border-bottom: 1px solid #fff; vertical-align: middle; }

table tr.ueberschrift th i.icon { border-color: white; color: white; }

table tr.ueberschrift th i.icon svg { fill: white; color: white; }

table tr.ueberschrift th i.icon.ic-mitkreis:hover { background-color: white; }

table tr.ueberschrift th i.icon.ic-mitkreis:hover svg { fill: #666; color: #666; }

table tr.ueberschrift th a { margin: 0 5px 0 -5px; }

table tr.gesamtsumme th { text-align: left; color: #fff; background-color: #999; border-right: none; border-bottom: 1px solid #fff; vertical-align: middle; }

table tr.gesamtsumme th i.icon { border-color: white; color: white; }

table tr.gesamtsumme th i.icon svg { fill: white; color: white; }

table tr.gesamtsumme th i.icon.ic-mitkreis:hover { background-color: white; }

table tr.gesamtsumme th i.icon.ic-mitkreis:hover svg { fill: #666; color: #666; }

table td.icons { border-right: none !important; text-align: right; vertical-align: middle; }

table td.icons > div { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: end; justify-content: flex-end; width: 100%; }

table td.icons a { float: inherit; }

table td.icons span { float: inherit; }

table td.icons span.sp_context { cursor: pointer; }

table th { vertical-align: top; padding: 10px 15px; border-right: 1px solid #eee; text-align: center; }

table td { vertical-align: top; padding: 10px 15px; border-right: 1px solid #eee; }

table td span.betrag { white-space: nowrap; display: -ms-inline-flexbox; display: inline-flex; }

table td span.betrag span { font-family: SparkasseHeadWeb,Helvetica,Arial,sans-serif; }

table td span.betrag span.gross { font-size: 2.3em; line-height: 29px; margin-right: 3px; }

table td span.betrag span.nks { float: right; width: 30px; text-align: left; line-height: 15px; nowrap: initial !important; white-space: normal; }

table td span.betrag.rot { color: #f00; }

table td span.betrag.gruen { color: #9c3; }

table td span.icons { clear: both; float: right; margin-top: 5px; }

table td a.details { text-decoration: underline; }

table td a.link { display: block; font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; color: #f00; }

table td p:last-child { margin-bottom: 0 !important; }

table td ul.liste li { list-style: none; margin-top: 10px; }

table th.li { border-bottom: 1px solid #eee; }

table th.re { border-bottom: 1px solid #eee; }

table tr.sortierung th { padding-bottom: 10px !important; }

table tr.sortierung th a.sortierkriterium { text-decoration: underline; }

table tr { background-color: #eee; border-right: 1px solid #fff; border-top: 1px solid #fff; }

table tr th { background-color: #fff; }

table tr td { background-color: #eee; border-right: 1px solid #fff; border-top: 1px solid #fff; }

table tr.alt { background-color: #fff; border-right: 1px solid #eee; border-top: 1px solid #eee; }

table tr.alt td { background-color: #fff; border-right: 1px solid #eee; border-top: 1px solid #eee; }

table th.last { border-right: none !important; }

table td.last { border-right: none !important; }

table th.formular { padding-left: 0; border-top: 1px solid #eee; }

table th.formular div.schaltflaeche { float: left; margin-right: 30px; margin-bottom: 11px; }

table th.formular div.schaltflaeche a { width: 262px; font-size: 1.2em !important; font-family: SparkasseWeb,Helvetica,Arial,Sans-Serif; text-align: center; text-transform: none; text-decoration: none; color: #fff; padding: 10px; margin: 0 !important; margin-bottom: -5px !important; border: none; background-color: #f00; cursor: pointer; display: table; font-weight: 400 !important; }

table td.betrag { vertical-align: middle; }

table td.betrag .info_voll i { font-size: 2.2rem; height: 2rem; display: block; }

table .i2 { width: 70px; }

th.gruppe i.icon { border-color: white; color: white; }

th.gruppe i.icon svg { fill: white; color: white; }

th.gruppe i.icon.ic-mitkreis:hover { background-color: white; }

th.gruppe i.icon.ic-mitkreis:hover svg { fill: #666; color: #666; }

#banking i.icon-logout { color: red; }

#banking i.icon-login { color: #719524; }

html { box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: 100%; font-family: SparkasseWeb,Helvetica,Arial,sans-serif; font-size: 1rem; color: #333; }

* { box-sizing: inherit; }

*:before { box-sizing: inherit; }

*:after { box-sizing: inherit; }

body { margin: 0; padding: 0; width: 100%; height: 100%; font-family: SparkasseWeb,Helvetica,Arial,sans-serif; font-size: 1rem; color: #333; }

body:after { content: 'mq-name'; display: none; }

p { padding: 0; margin: 0 0 10px; }

form { margin: 0; padding: 0; }

ul { margin: 0; padding: 0; }

div { margin: 0; padding: 0; }

a { margin: 0; padding: 0; color: #333; text-decoration: none; }

a img { border: none; }

button { font-family: SparkasseWeb,Helvetica,Arial,sans-serif; font-size: 1rem; color: #333; box-shadow: none !important; }

article#pushobj { background-color: #eee; }

article#pushobj main section div div.formular_mit_mindnav { float: left !important; width: 615px; margin-right: 10px; }

article#pushobj main section div div.transaktion_auftrag.sp2 { float: left !important; width: 615px; margin-right: 10px; }

main { width: auto; background-color: #d6d6d6; min-height: 287px; }

main::after { clear: both; content: " "; display: table; }

.eingabe form { width: 100%; }

.eingabe .formular_abschluss div.bestaetigung ul.dokumente { margin-top: 10px; }

input { border-radius: 0; font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; font-size: 1em; color: #333; padding: 3px 5px; margin-right: 5px; border: 1px solid #ccc; background-color: white; box-shadow: 0 0 15px 1px #efefef inset; color: #666; border: 2px solid #666; border-radius: 5px; padding: 5px; line-height: 21px; box-shadow: none !important; }

input:focus { box-shadow: 0 0 15px 1px #efefef inset; }

select { border-radius: 0; font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; font-size: 1em; color: #333; padding: 3px 5px; margin-right: 5px; border: 1px solid #ccc; background-color: white; box-shadow: 0 0 15px 1px #efefef inset; padding-right: 1px; color: #666; border: 2px solid #666; border-radius: 5px; padding: 5px; line-height: 21px; box-shadow: none !important; }

select:focus { box-shadow: 0 0 15px 1px #efefef inset; }

textarea { border-radius: 0; font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; font-size: 1em; color: #333; padding: 3px 5px; margin-right: 5px; border: 1px solid #ccc; background-color: white; box-shadow: 0 0 15px 1px #efefef inset; color: #666; border: 2px solid #666; border-radius: 5px; padding: 5px; line-height: 21px; box-shadow: none !important; }

textarea:focus { box-shadow: 0 0 15px 1px #efefef inset; }

a.wichtig { color: #f00; }

span.achtung { color: #f00; }

h1 { max-width: 652px; margin: 0 !important; font-size: 1.2em; }

h1 span { display: table; width: 200px !important; height: 200px; font-family: SparkasseWeb,Helvetica,Arial,Sans-Serif; font-size: 1.5em; line-height: 150%; text-align: center; margin: 20px 80px !important; padding: 60px 0 0; color: #fff; background-color: #f00; border-radius: 50%; z-index: 10; }

h2 { max-width: 652px; }

h3 { max-width: 652px; }

h4 { max-width: 652px; }

h5 { max-width: 652px; }

h6 { max-width: 652px; }

.box { color: #333; margin-right: 10px; margin-bottom: 10px; }

.box h3 { font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; font-size: 1.3em; color: #555; margin: 0 0 15px; }

.box p { line-height: 1.5em; margin-bottom: 15px; }

.box ul.aufzaehlung { list-style-type: square; margin-left: 15px; margin-bottom: 10px; }

.box ul.aufzaehlung li { margin-bottom: 5px; }

.transaktion_auftrag > h3 { font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; font-size: 1.3em; color: #999; margin: 0; margin: 6px 9px; }

.transaktion_auftrag iframe { width: 100%; }

.transaktion_auftrag iframe.gross { height: 700px !important; }

.transaktion_auftrag .beschreibung { display: table; width: 100%; background-color: #eee; }

.transaktion_auftrag .beschreibung h3 { font-size: 1.2em; font-weight: 400; margin: 5px; }

.transaktion_auftrag .beschreibung h3 i { font-size: .9em; }

.transaktion_auftrag .login-verifikation .eingabe > div { margin-bottom: 0; padding-top: 0; }

.transaktion_auftrag .login-verifikation fieldset .zeile { margin-top: 15px; }

.transaktion_auftrag .eingabe { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; }

.transaktion_auftrag .eingabe span.input_funktion_schaltflaeche { margin-left: -26px; cursor: pointer; }

.transaktion_auftrag .eingabe span.input_funktion_schaltflaeche i svg { margin-bottom: -3px; }

.transaktion_auftrag .eingabe span.input_funktion_schaltflaeche.zeitraum { margin-left: -29px; }

.transaktion_auftrag .eingabe span.input_funktion_schaltflaeche.betrag { margin-right: 10px; }

.transaktion_auftrag .eingabe span { margin-left: 0; }

.transaktion_auftrag .eingabe div.zeile span.eingabe { font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; font-size: 1.1em !important; word-break: break-all; display: inline-block; }

.transaktion_auftrag .pruefung { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; }

.transaktion_auftrag .pruefung span { font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; font-size: 1.1em !important; word-break: break-all; display: inline-block; }

.transaktion_auftrag .umbruch span { word-break: normal; }

.transaktion_auftrag fieldset { width: 91%; width: calc(100% - 30px); }

.transaktion_auftrag fieldset.sp1 { width: 287px !important; float: left !important; }

.transaktion_auftrag fieldset.sp2 { width: 588px !important; float: left !important; }

.transaktion_auftrag p { margin: 10px; }

.transaktion_auftrag .feldgruppe .zeile.wahl .links.checkbox { float: left; width: 30px; }

.transaktion_auftrag .feldgruppe .zeile.wahl .links.checkbox ~ .rechts { float: left; width: calc(100% - 30px); margin-top: -15px; }

.transaktion_auftrag .feldgruppe .no_float .zeile.wahl .links.checkbox ~ .rechts { float: none; }

.transaktion_auftrag .feldgruppe .flaticon-haken { color: #00b900; }

hr { border: 0; border-top: 1px solid #999; }

.horizontale-linie { border: 0; border-top: 1px solid #333; line-height: 1px; margin: 1em 0; }

section { margin-bottom: 4px; }

section > div { position: relative; margin: 0 auto; max-width: 980px; z-index: 2; }

section > div article { clear: left; margin: 0 auto; }

fieldset { display: table; padding: 0; margin: 0; border: none; }

fieldset table { margin-left: 0; }

fieldset div.fehlertext { color: #f00; margin: 10px 10px 0; }

fieldset div.fehlertext a { color: #f00 !important; text-decoration: underline !important; }

input.fehler { box-shadow: 0 0 15px 1px #efefef inset; }

select.fehler { box-shadow: 0 0 15px 1px #efefef inset; }

textarea.fehler { box-shadow: 0 0 15px 1px #efefef inset; }

input[type=checkbox] { padding: 0 !important; box-shadow: none !important; }

input[type=submit] { box-shadow: none !important; }

input[type=image] { box-shadow: none !important; }

input[type=file] { box-shadow: none !important; border: none !important; }

input[type=button] { box-shadow: none !important; }

.formular .zeile button { width: auto; font-size: 1em; text-transform: none; padding: 0; border: 0 none; color: #333; background-color: transparent; cursor: pointer; margin: 0 0 0 -5px; }

.formular .ergebnis_vorschlag { position: absolute; padding: 0 !important; background-color: #fff; border: 1px solid #ccc; box-shadow: 0 0 10px -6px; z-index: 99; max-height: 150px; border-top: none; }

.formular .ergebnis_vorschlag div { display: table; width: 100%; box-shadow: 0 0 15px 1px #efefef inset; padding: 2px 5px; border-top: 1px solid #ccc; cursor: pointer; }

.formular .ergebnis_vorschlag div:first-child { border-top: none; }

.formular .ergebnis_vorschlag div span { display: table; }

.formular .ergebnis_vorschlag div span.klein { font-size: .9em; }

.formular .ergebnis_vorschlag div.aktiv { background-color: #f0f0f0; }

.formular h3 { font-size: 1.2em; font-weight: 400; clear: both; padding: 0 0 2px; margin: 10px 0 25px; width: calc(100% - 20px); }

.formular h3 .feldgruppe_status { position: absolute; margin: -2px 0 0 -32px; font-size: .9em; }

.formular h3 .feldgruppe_status .icon-eingabe { color: currentcolor; }

.formular h3 .feldgruppe_status .icon-ok { color: darkgreen; }

.formular h3 .feldgruppe_status .icon-fehler { color: red; }

.formular h3 .feldgruppe_status .ic-mitkreis:hover { background-color: transparent; }

.formular h3 .feldgruppe_status .ic-mitkreis:hover svg { fill: currentcolor; color: currentcolor; }

.formular legend { font-size: 1.2em; font-weight: 400; clear: both; margin: 10px 0 25px; width: calc(100% - 20px); padding: 0 0 2px 10px; }

.formular legend .feldgruppe_status { position: absolute; margin: -2px 0 0 -32px; font-size: .9em; }

.formular legend .feldgruppe_status .icon-eingabe { color: currentcolor; }

.formular legend .feldgruppe_status .icon-ok { color: darkgreen; }

.formular legend .feldgruppe_status .icon-fehler { color: red; }

.formular legend .feldgruppe_status .ic-mitkreis:hover { background-color: transparent; }

.formular legend .feldgruppe_status .ic-mitkreis:hover svg { fill: currentcolor; color: currentcolor; }

.formular legend span.flat-checkbox { margin-top: 10px; margin-left: -30px; }

.formular legend span.flat-radio { margin-top: 10px; margin-left: -30px; }

.formular legend label { font-size: .8em; cursor: pointer; }

.formular legend label.flat-checkbox { margin-top: -3px; }

.formular legend label.flat-radio { margin-top: -8px; }

.formular div.zeile { width: 100%; display: table; margin-bottom: 15px; }

.formular fieldset { display: table; margin: 0 10px; border: none; }

.formular label { display: table; margin-bottom: 5px; }

.formular span.bde_markierung { background-color: #999; color: #fff; margin: 0 2px; padding: 0 2px; }

.formular .rechts div.zeile { width: 40px; margin: -5px 0 0; }

.formular .rechts div.zeile:first-child { margin-top: 0; }

.formular .rechts label { display: inline-block; max-width: 89%; padding: 10px 0 0 10px; cursor: pointer; }

.formular .rechts input { margin: 3px 5px 0 7px !important; }

.formular .rechts input.zeitraum_picker { margin-left: 0 !important; }

.formular .rechts span.flat-checkbox + input { margin: 7px 5px 0 7px !important; }

.formular .rechts span.flat-radio + input { margin: 7px 5px 0 7px !important; }

.formular .rechts span.flat-checkbox + select { margin: 7px 5px 0 7px !important; }

.formular .rechts span.flat-radio + select { margin: 7px 5px 0 7px !important; }

.formular .rechts span.flat-checkbox { margin-left: 20px !important; }

.formular .rechts span.flat-checkbox:first-child { margin-left: 0 !important; }

.formular .rechts span.flat-radio { margin-left: 20px !important; }

.formular .rechts span.flat-radio:first-child { margin-left: 0 !important; }

.formular .weiche_links label { display: inline-block; max-width: 89%; padding: 10px 0 0 10px; cursor: pointer; }

.formular .weiche_rechts label { display: inline-block; max-width: 89%; padding: 10px 0 0 10px; cursor: pointer; }

.formular .wahl .rechts input { margin-top: 12px !important; }

.formular span.info { margin-left: -22px !important; cursor: help; }

.formular span.info img { float: left; top: 0.4em; position: relative; left: 16em; }

.formular .links.label + span.info { margin-top: 12px !important; }

.formular div.wahlliste span.info { margin-top: 13px !important; }

.formular div.wahl div.rechts span.info { margin-left: -55px !important; padding-top: 14px; }

.formular div.wahl div.rechts label { padding-top: 15px; }

.formular div.wahl div.rechts label.inline { display: inline !important; width: auto !important; }

.formular div.rechts.ergaenzung { font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; color: #bbb; margin-top: -15px; }

.formular div.zeile.wahl div.links { width: auto !important; }

.formular div.zeile.wahlliste { margin-top: -20px; }

.formular div.fehlertext + div.zeile.wahlliste { margin-top: -7px !important; }

.formular button.button_entfernen { margin-left: 10px; margin-top: -4px; }

.formular span.abstand { display: table-cell; width: 35px; }

.formular .rechts.beitragskarten div { float: left; margin-right: 20px; }

.formular .rechts.beitragskarten div a { display: inline-table; margin-top: 10px; }

.formular .rechts.beitragskarten div > label { display: block; margin-left: 30px; padding: 0; }

.formular div.fehlertext { color: #f00; margin: 0 0 2px; }

.formular div.schaltflaeche input { width: 262px; font-size: 1.2em !important; font-family: SparkasseWeb,Helvetica,Arial,Sans-Serif; text-align: center; text-transform: none; text-decoration: none; color: #fff; padding: 10px; margin: 0 !important; margin-bottom: -5px !important; border: none; background-color: #f00; cursor: pointer; border-radius: 0; background-color: transparent; width: 100%; }

.formular div.schaltflaeche button { width: 262px; font-size: 1.2em !important; font-family: SparkasseWeb,Helvetica,Arial,Sans-Serif; text-align: center; text-transform: none; text-decoration: none; color: #fff; padding: 10px; margin: 0 !important; margin-bottom: -5px !important; border: none; background-color: #f00; cursor: pointer; }

.formular div.schaltflaeche:not(.zurueck) { text-align: right; min-width: 262px; float: right; background-color: #f00; height: 44px; border-radius: 5px; }

.formular div.schaltflaeche:not(.zurueck) input { padding-right: 47px; z-index: 1; position: relative; }

.formular div.schaltflaeche:not(.zurueck)::after { content: ">"; font: 25px/81% Pictos-IF; width: 25px; height: 25px; border: 1px solid #fff; border-radius: 50%; color: #fff; display: inline-block; position: relative; margin-left: 10px; margin-right: 10px; top: -30px; }

.formular div.schaltflaeche:not(.zurueck):hover::after { background-color: white; color: red; }

.formular div.schaltflaeche.zurueck input { background-color: #999; }

.formular div.schaltflaeche.zurueck button { background-color: #999; }

.formular div.schaltflaeche.lang input { width: 450px; }

.formular .motiv { float: left; width: 170px; margin-right: 10px; height: 140px; }

.formular .motiv label { padding-left: 27px; cursor: pointer; }

.formular .wrap_vorschlag { position: relative; display: inline-block; width: 100%; }

.formular div.pflichtfelder_hinweis input { border-radius: 0; background-color: transparent; width: 100%; }

.formular div.pflichtfelder_hinweis:not(.zurueck) { text-align: right; }

.formular div.pflichtfelder_hinweis:not(.zurueck) input { padding-right: 47px; z-index: 1; position: relative; }

.formular div.btn-pd { background-color: red; padding: 9px 47px 9px 10px; margin-bottom: -5px; border-bottom: 5px solid red; }

.formular div.btn-pd a { width: auto !important; }

.formular_aktualisieren div.schaltflaeche button { width: auto; font-size: 1em; text-transform: none; padding: 0; margin: 0; border: 0 none; color: #333; background-color: transparent; cursor: pointer; }

div.tabellenfunktionen { display: table; width: 100%; padding: 10px; }

div.tabellenfunktionen button { width: auto; font-size: 1em; text-transform: none; padding: 0; margin: 0; border: 0 none; color: #333; background-color: transparent; cursor: pointer; }

div.tabellenfunktionen form { width: auto !important; }

div.tabellenfunktionen div { float: right; margin-left: 30px; }

div.tabellenfunktionen div > select { float: left; }

div.tabellenfunktionen div > input { float: left; }

div.tabellenfunktionen div > span { float: left; }

div.tabellenfunktionen div > img { float: left; }

div.tabellenfunktionen div > button { float: left; }

div.tabellenfunktionen div > i { float: left; }

div.tabellenfunktionen div span { margin-top: 5px; }

div.tabellenfunktionen div input.submit { margin-top: 5px; }

div.tabellenfunktionen div a img { margin-top: 5px; }

div.tabellenfunktionen div span.links { margin-left: 5px; }

div.tabellenfunktionen div span.rechts { margin-right: 5px; }

div.tabellenfunktionen div input.tabsuche { width: 200px; }

div.tabellenfunktionen div a.erweitern { display: table; font-weight: 400; margin-top: 1px; }

div.tabellenfunktionen div a.komprimieren { display: table; font-weight: 400; margin-top: 1px; }

div.tabellenfunktionen div.tabelle_aufzuklappen { margin-left: 5px !important; }

div#banking button { width: auto; font-size: 1em; text-transform: none; padding: 0; margin: 0; border: 0 none; color: #333; background-color: transparent; cursor: pointer; }

form#ident_suche button { width: auto; font-size: 1em; text-transform: none; padding: 0; margin: 0; border: 0 none; color: #333; background-color: transparent; cursor: pointer; }

div.erweiterung_inhalt button { width: auto; font-size: 1em; text-transform: none; padding: 0; margin: 0; border: 0 none; color: #333; background-color: transparent; cursor: pointer; }

button.button_hinzufuegen { width: auto; font-size: 1em; text-transform: none; padding: 0; margin: 0; border: 0 none; color: #333; background-color: transparent; cursor: pointer; }

button.button_entfernen { width: auto; font-size: 1em; text-transform: none; padding: 0; margin: 0; border: 0 none; color: #333; background-color: transparent; cursor: pointer; }

.klickbar { cursor: pointer; }

.li { text-align: left !important; }

.mi { text-align: center !important; }

.re { text-align: right !important; }

.ob { vertical-align: top !important; }

.ze { vertical-align: middle !important; }

.un { vertical-align: bottom !important; }

.fl { float: left !important; }

.fr { float: right !important; }

.rot { color: #f00; }

.gruen { color: #9c3; }

.langtext { word-break: break-all !important; }

.unsichtbar { display: none !important; }

.nowrap { white-space: nowrap; }

.inline-list { list-style-type: none; padding: 0; margin: 0; overflow: hidden; }

.inline-list > li { display: block; float: left; }

.box.externer_inhalt { background-color: #fff; padding: 4px !important; }

.box.externer_inhalt iframe { width: 100%; }

.box.externer_inhalt iframe.gross { height: 700px !important; }

.box.sp3 { clear: left; margin-right: 4px; }

.box.externer_inhalt.vollintegration { overflow: visible !important; }

.transaktion_auftrag.vollintegration { overflow: visible !important; }

.box.externer_inhalt.sp3 iframe { height: 60em; }

.transaktion_auftrag.sp3 iframe { height: 60em; }

.box.externer_inhalt.hoch iframe { height: 1800px !important; }

.transaktion_auftrag.hoch iframe { height: 1800px !important; }

.context { position: absolute; padding: 0 !important; background-color: #fff; border: 1px solid #ccc; box-shadow: 0 0 10px -6px; z-index: 99; }

.context div { display: table; width: 100%; box-shadow: 0 0 15px 1px #efefef inset; }

.flex-stretch { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; }

i.flaticon { transition-duration: .35s; transition-property: text-shadow, color; }

i.flaticon_or { transition-duration: .35s; transition-property: text-shadow, color; }

i.portalicon { transition-duration: .35s; transition-property: text-shadow, color; }

i.fa { transition-duration: .35s; transition-property: text-shadow, color; }

wbr:after { content: "\00200B"; }

a.store { display: inline-block; margin: 17px; }

div.slideshow-slick > .slick-prev:before { color: #333; }

div.slideshow-slick .slick-next:before { color: #333; }

div.slideshow-slick div.slick-slide { position: relative; text-align: center; }

div.slideshow-slick div.slick-slide img { display: inline-block; }

.b_viertel { display: block; text-align: left; box-sizing: border-box; margin: 2px !important; float: left; width: 78px !important; }

.b_halb { display: block; text-align: left; box-sizing: border-box; margin: 2px !important; float: left; width: 160px !important; }

.b_standard { display: block; text-align: left; box-sizing: border-box; margin: 2px !important; float: left; width: 324px !important; }

.b_doppelt { display: block; text-align: left; box-sizing: border-box; margin: 2px !important; float: left; width: 652px !important; }

.b_dreifach { display: block; text-align: left; box-sizing: border-box; margin: 2px !important; width: 980px !important; }

.b_viertel.rechts { margin-right: 0; }

.b_halb.rechts { margin-right: 0; }

.b_standard.rechts { margin-right: 0; }

.b_doppelt.rechts { margin-right: 0; }

.b_dreifach.rechts { margin-right: 0; }

.b_standard.signatur { margin-right: 0; }

.b_doppelt.signatur { margin-right: 0; }

.b_dreifach.signatur { margin-right: 0; }

div.buehne_inhalt .b_dreifach { float: left; }

.b_halb_weit { width: 164px !important; }

.b_standard_weit { width: 328px !important; display: block; float: left; }

.b_doppelt_weit { width: 656px !important; display: block; float: left; }

.b_dreifach_weit { width: 984px !important; }

.h_viertel { height: 78px !important; }

.h_halb { height: 160px !important; }

.h_dreiviertel { height: 242px !important; }

.h_standard { height: 324px !important; }

.h_doppelt { height: 1308px !important; }

.h_dreifach { height: 2948px !important; }

.outline-outward { display: inline-block; position: relative; transform: translateZ(0); box-shadow: 0 0 1px transparent; }

.outline-outward:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: 0; right: 0; bottom: 0; left: 0; transition-duration: .3s; transition-property: top,right,bottom,left; }

.outline-outward:hover:before { top: -8px; right: -8px; bottom: -8px; left: -8px; }

.outline-outward:focus:before { top: -8px; right: -8px; bottom: -8px; left: -8px; }

.outline-outward:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; }

#menu2 { position: absolute; left: 0; top: 0; display: table-cell; }

#pushobj { min-height: 100%; position: relative; }

#pushobj #pushobj_darker { background: rgba(255, 255, 255, 0.7); transition: opacity .3s ease; content: ""; height: 0; opacity: 0; position: absolute; right: 0; top: 0; width: 0; z-index: 11; }

#pushobj #pushobj_darker.darker-visible { height: 100%; opacity: 1; width: 100%; }

div.tabellenfunktionen.alle div { float: left; margin-right: 30px; }

div.tabellenfunktionen.unten { margin-top: -10px; }

ul.bildliste { display: table-cell; }

ul.bildliste li { float: left; list-style: none; margin: 0 10px 10px 0; }

ul.bildliste li img { width: 100px; margin-bottom: 5px; }

table.uebersicht_kontenliste td { border-top: none !important; }

article.gross div.formular_mit_mindnav { display: block; text-align: left; display: block; text-align: left; display: block; text-align: left; }

article.gross div.formular_mit_mindnav div.transaktion_agkonto { display: block; float: left; text-align: left; margin-right: 4px; margin-bottom: 4px; display: block; float: left; text-align: left; margin-right: 4px; margin-bottom: 4px; min-height: 160px !important; display: block; float: left; text-align: left; margin-right: 4px; margin-bottom: 4px; }

article.gross div.formular_mit_mindnav div.transaktion_agkonto .prepaid_code { font-size: 1.5em; }

article.gross div.formular_mit_mindnav div.transaktion_abfrage { display: block; float: left; text-align: left; margin-right: 4px; margin-bottom: 4px; display: block; float: left; text-align: left; margin-right: 4px; margin-bottom: 4px; min-height: 160px !important; display: block; float: left; text-align: left; margin-right: 4px; margin-bottom: 4px; }

article.gross div.formular_mit_mindnav div.transaktion_abfrage .prepaid_code { font-size: 1.5em; }

article.gross .transaktion_auftrag { display: block; float: left; text-align: left; margin-right: 4px; margin-bottom: 4px; display: block; float: left; text-align: left; margin-right: 4px; margin-bottom: 4px; display: block; float: left; text-align: left; margin-right: 4px; margin-bottom: 4px; }

article.gross .transaktion_auftrag .formular_abschluss { display: block; text-align: left; display: block; text-align: left; display: block; text-align: left; }

article.gross .transaktion_auftrag .feldgruppe { display: block; float: left; text-align: left; margin-right: 4px; margin-bottom: 4px; display: block; float: left; text-align: left; margin-right: 4px; margin-bottom: 4px; display: block; float: left; text-align: left; margin-right: 4px; margin-bottom: 4px; }

article.gross .transaktion_auftrag div.eingabe form .formular_abschluss { display: inline-table !important; }

article.gross .transaktion_auftrag .konditionen { margin-top: 15px; }

article.gross .transaktion_auftrag .call-to-action-wichtig { padding: 10px 10px 0 0; }

article.gross div.formular_mit_mindnav + div { clear: both; }

article.gross > p { display: table; width: 980px; padding: 6px 10px; margin-bottom: 4px; background-color: #fff; }

article.gross div.transaktion_auftrag { width: 980px; }

article.gross div.transaktion_auftrag div.formular_abschluss { width: 980px !important; margin: 0; padding-top: 15px; border-left: 4px solid #fff; border-right: 4px solid #fff; background-color: #eee; }

article.gross div.transaktion_auftrag div.feldgruppe.sp1 { width: 324px !important; }

article.gross div.transaktion_auftrag div.feldgruppe.sp2 { width: 652px !important; }

article.gross div.transaktion_auftrag div.feldgruppe.sp3 { width: 980px !important; }

article.gross div.transaktion_auftrag div.feldgruppe.ohne_legend { padding-top: 10px !important; }

article.gross div.transaktion_auftrag div.eingabe div.feldgruppe.bestaetigung { width: 638px !important; }

article.gross div.transaktion_auftrag div.eingabe div.feldgruppe.bestaetigung.sp3 { width: 980px !important; }

article.gross div.transaktion_auftrag div.pruefung div.feldgruppe.bestaetigung { border-bottom: 4px solid #fff; padding-bottom: 5px; }

article.gross div.transaktion_auftrag div.pruefung div.feldgruppe.bestaetigung .formular_hinweise { margin-left: 10px; }

article.gross div.transaktion_auftrag div.pruefung div.feldgruppe.bestaetigung.sp3 { width: 100% !important; margin-bottom: 15px; }

article.gross div.transaktion_auftrag div.feldgruppe.signatur { width: 640px !important; }

article.gross div.transaktion_auftrag div.feldgruppe.signatur input[type=submit] { float: right; }

article.gross div.transaktion_auftrag .pruefung .feldgruppe.bestaetigung { width: 100% !important; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 4px solid #fff; }

article.gross .formular_mit_mindnav { width: 656px !important; display: block; float: left; }

article.gross .formular_mit_mindnav .transaktion_agkonto { width: 652px !important; }

article.gross .formular_mit_mindnav .transaktion_agkonto .formular div.zeile:last-child { margin-bottom: 5px; }

article.gross .formular_mit_mindnav .transaktion_abfrage { width: 652px !important; }

article.gross .formular_mit_mindnav .transaktion_abfrage .formular div.zeile:last-child { margin-bottom: 5px; }

article.gross em { background-color: #ccc; }

section.buehne { background-color: #eee; transition-duration: 1s; transition-property: opacity; }

section.buehne .warten { color: black; position: absolute; width: 100%; height: 100%; font-size: 4em; background-color: rgba(255, 255, 255, 0.6); padding-top: 30px; text-align: center; z-index: 2; color: black; position: absolute; width: 100%; height: 100%; font-size: 4em; background-color: rgba(255, 255, 255, 0.6); padding-top: 30px; text-align: center; z-index: 2; color: black; position: absolute; width: 100%; height: 100%; font-size: 4em; background-color: rgba(255, 255, 255, 0.6); padding-top: 30px; text-align: center; z-index: 2; }

section.buehne div.buehne_opener { width: 652px; color: #fff; border: 4px solid #fff; background-color: #666; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: justify; justify-content: space-between; }

section.buehne div.buehne_opener p.empfehlung a { width: 262px; font-size: 1.2em !important; font-family: SparkasseWeb,Helvetica,Arial,Sans-Serif; text-align: center; text-transform: none; text-decoration: none; color: #fff; padding: 10px; margin: 0 !important; margin-bottom: -5px !important; border: none; background-color: #f00; cursor: pointer; margin-top: 10px !important; }

section.buehne div.buehne_opener ul.vorteile { margin: 20px 13px; list-style-type: none; }

section.buehne div.buehne_opener ul.vorteile li { color: #fff; padding-left: 30px; margin-bottom: 15px; }

section.buehne div.buehne_opener ul.vorteile li strong { font-weight: 700; display: block; }

section.buehne div.buehne_opener ul.vorteile li::before { content: "\2713"; position: absolute; font-size: 1.4em; margin: -9px 10px 0 -30px; }

section.buehne div.buehne_opener > p { margin: 20px 13px; }

section.buehne div.buehne_opener a { text-decoration: underline; color: #fff; }

section.buehne div.buehne_opener .warten { color: white; background-color: rgba(153, 153, 153, 0.6); }

section.buehne img { width: 100%; }

section.buehne article.gross { min-height: 287px; position: relative; padding-top: 25px; }

section.buehne div.buehne_piktogramm { position: absolute; right: 0; top: 25px; width: 160px; height: 160px; background-color: white; }

section.buehne div.buehne_piktogramm .piktogramm { font-size: 110px; margin-top: 5px; margin-left: 30px; }

section.buehne div.buehne_piktogramm .titel { display: -ms-flexbox; display: flex; position: absolute; right: 0; bottom: 0; max-width: 100%; height: 54px; text-align: right; font-size: 1em; font-weight: 400; color: #f00; overflow: hidden; margin: 0; padding: 0 10px 10px 0; }

section.buehne div.buehne_piktogramm .titel span { -ms-flex-item-align: end; align-self: flex-end; }

section.buehne div.buehne_inhalt { clear: left; }

section.buehne div.buehne_inhalt p { display: table; width: 652px; padding: 6px 10px; background-color: #fff; line-height: 1.2rem; }

section.buehne div.buehne_inhalt p + h1 { margin-top: 50px !important; }

section.buehne ul.buehne_nav { display: table; width: 652px; list-style-type: none; margin-top: 10px; padding: 7px 10px 3px 15px; background-color: #fff; }

section.buehne ul.buehne_nav li { float: left; margin-right: 20px; }

section.buehne ul.buehne_nav li a { font-size: .9em; }

section.buehne ul.buehne_nav li .wichtig { color: #f00; }

section.buehne div.buehne_opener.weit { width: 980px; }

section.buehne div.buehne_erweiterung { width: 652px; margin-top: -35px; margin-bottom: 39px; }

section.buehne div.buehne_erweiterung div.erweiterung_eingaben { float: left; width: 488px; z-index: 1; position: relative; }

section.buehne div.buehne_erweiterung div.erweiterung_eingaben span { cursor: pointer; font-size: .8em; color: #fff; margin-left: 18px; display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 25px); }

section.buehne div.buehne_erweiterung div.erweiterung_inhalt { float: right; width: 164px; text-align: right; position: relative; }

section.buehne div.buehne_erweiterung div.erweiterung_inhalt .buttongruppe { display: table; width: auto; float: right; text-align: left; margin-top: -25px; }

section.buehne div.buehne_erweiterung div.erweiterung_inhalt span { cursor: pointer; font-size: .8em; color: #fff; margin-right: 14px; }

section.buehne div.buehne_erweiterung div.erweiterung_inhalt button { cursor: pointer; font-size: .8em; color: #fff; margin-right: 14px; }

section.buehne .box a { text-decoration: underline; }

section.buehne .call-to-action-inline { color: red; font-weight: 700; margin-top: 5px; display: none; text-align: right; cursor: pointer; }

section.buehne .call-to-action-inline i { font-size: 80%; }

section.buehne .call-to-action-inline a { text-decoration: none; }

.header_spacer { height: 136px; }

.header_spacer.no_navi { height: 96px; }

header { background-color: #f00; min-height: 136px; height: auto; text-align: center; vertical-align: middle; position: fixed; top: 0; width: 100%; z-index: 9; box-shadow: 5px 0 5px rgba(0, 0, 0, 0.3); transition: transform 200ms linear; }

header div.if6_loginlogout { width: 420px; display: inline-block; background-color: rgba(0, 0, 0, 0.1); border-radius: 5px; color: #fff; height: 36px; font: 14px SparkasseWeb,Helvetica,Arial,sans-serif; padding: 0 12px; margin-top: 10px; }

header div.if6_loginlogout p { font-weight: 700; float: left; line-height: 36px; }

header div.if6_loginlogout .logout { float: right; font-family: SparkasseWeb,Helvetica,Arial,sans-serif; padding-right: 5px; }

header div.if6_loginlogout .logout:hover { background-color: rgba(0, 0, 0, 0.25); }

header div.if6_loginlogout .logout form button { color: #fff; height: 36px; background-color: transparent; border: none; }

header > div #identifikation { margin-left: 0; }

header > div.schatten { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

header .ausklappbox { position: relative; }

header .ausklappbox > div { padding-top: 1em; padding-bottom: 1em; }

header .ausklappbox ul.kontakt-liste { text-align: left; list-style-type: none; width: 80%; margin: auto; }

header .ausklappbox ul.kontakt-liste li { line-height: 2.5; }

header .ausklappbox ul.mobile-login-zusatzlinks { text-align: left; list-style-type: none; }

header .ausklappbox ul.mobile-login-zusatzlinks li { line-height: 2.5; }

header .ausklappbox form label { display: none; }

header .ausklappbox form input { float: left; }

header div#identifikation_druck { display: none; }

header #banking { position: relative; }

header #banking form label { display: none; }

header #banking form input { float: left; }

header .icon-banklogo { color: white; font-size: 3em; float: left; margin-top: 20px; margin-right: 7px; }

header .header-headline { color: white; float: left; text-align: left; }

header .header-headline > span { display: inline-block; }

header .header-headline .zeile { font-size: 18px; padding-top: 5px; margin-top: 40px; line-height: 1.5em; font-family: SparkasseWebLight,Helvetica,Arial,sans-serif; letter-spacing: 1px; }

header .header-headline .zeile1 { font-size: 11px; }

header .header-headline .zeile2 { font-size: 18px; padding-top: 12px; }

header .anonym form#quick_login { display: table; width: 100% !important; }

header .anonym form#quick_login div#wahl_sicherungsmittel { position: absolute; left: 5px; top: 6px; z-index: 1; }

header .anonym form#quick_login div#wahl_sicherungsmittel ul { width: 54px; }

header .anonym form#quick_login div#wahl_sicherungsmittel ul li { width: inherit; background-color: #ccc; padding: 1px 4px; list-style: none; font-size: .7em; z-index: 2; cursor: pointer; }

header .anonym form#quick_login div#wahl_sicherungsmittel ul li:not(.init) { float: left; display: none; background: #ddd; padding-top: 3px; padding-bottom: 3px; }

header .anonym form#quick_login div#wahl_sicherungsmittel ul li:not(.init):hover { background: #ccc; }

header .anonym form#quick_login div#wahl_sicherungsmittel ul li.selected:not(.init) { background: #ccc; }

header .anonym form#quick_login div#wahl_sicherungsmittel ul li.init { cursor: pointer; }

header .anonym form#quick_login div#wahl_sicherungsmittel .icon { position: absolute; right: .2em; font-size: .5em; margin-top: .3em; cursor: pointer; }

header .anonym form#quick_login div#wahl_login_pintan input[type=text] { width: 205px; }

header .anonym form#quick_login div#wahl_login_pintan input[type=password] { width: 60px; }

header .anonym form#quick_login div#wahl_login_hbci input[type=text] { width: 268px; }

header .anonym form#quick_login.multiverfahren a#submit { z-index: 1; }

header .anonym form#quick_login.multiverfahren div#wahl_login_pintan input[type=text] { padding-left: 65px; }

header .anonym form#quick_login.multiverfahren div#wahl_login_hbci input[type=text] { width: 270px; padding-left: 65px; }

header .angemeldet { margin-top: -10px; }

header .angemeldet > div span { display: table-cell; width: 240px; height: 22px; float: left; margin: 0; padding: 0; overflow: hidden; }

header .angemeldet > div span + span { font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; font-size: .8em; height: 18px; }

header div#metanav ul { float: right !important; }

header div#metanav ul li { float: left; list-style: none; position: relative; }

header div#metanav ul li a div { display: block; position: relative; width: 78px !important; height: 78px !important; box-sizing: border-box; margin: 0 4px 4px 0 !important; color: #000; background-color: #ccc; transition-duration: .75s; transition-property: background-color; transition-timing-function: ease-out; }

header div#metanav ul li a div:hover { background-color: #eee; }

header div#metanav ul li a div p { font-size: .9em; padding: 3px 0 0 6px; }

header div#metanav ul li:last-child a div { margin-right: 0 !important; }

header div#metanav ul li.aktiv a div { color: #fff; background-color: #ff2525; }

header div#metanav ul li.aktiv a div:hover { background-color: #f00; }

header div#metanav ul li.aktiv a div .icon-ls svg { color: #c20000; }

header.no_navi { min-height: 96px; }

header.headroom--pinned { display: block; transform: translateY(0); }

header.headroom--unpinned { display: none; transform: translateY(-96px); }

header.headroom--unpinned.no_navi { transform: translateY(-96px); }

header.headroom--top { transform: translateY(0); }

header.headroom--not-top { transform: translateY(-96px); }

header.headroom--not-top.no_navi { transform: translateY(-96px); }

header.headroom--not-top.slideDown { transform: translateY(0); }

header.headroom--0-pos { border-bottom: 0; box-shadow: none; }

header.headroom--not-top.slideUp { border-bottom: 0; box-shadow: none; }

header.schatten { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

img.banklogo_individuell { height: 70px; }

#navigation { width: 100%; background-color: #fff; height: 40px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1); margin-left: 0; transition: margin-left .5s ease .2s; position: fixed; }

#navigation ul { list-style-type: none; width: 980px; display: inline-block; }

#navigation ul li { color: red; height: 40px; float: left; }

#navigation ul li a { color: red; font-weight: 700; padding: 10px 30px 10px 10px; display: inline-block; height: 40px; }

#navigation ul li span { color: red; font-weight: 700; padding: 10px 30px 10px 10px; display: inline-block; height: 40px; text-decoration: underline; }

#navigation ul li.aktiv:hover { background-color: red; }

#navigation ul li.aktiv:hover a { color: white; }

#navigation ul li.aktiv:hover span { color: white; }

hr.auftragsdaten { display: none; }

hr.schaltflaechen { display: none; }

.formular_abschluss h3 { font-size: 1.2em; font-weight: 400; clear: both; padding: 0 0 2px; margin: 10px 0 25px; width: calc(100% - 20px); }

.formular_abschluss h3 .feldgruppe_status { position: absolute; margin: -2px 0 0 -32px; font-size: .9em; }

.formular_abschluss h3 .feldgruppe_status .icon-eingabe { color: currentcolor; }

.formular_abschluss h3 .feldgruppe_status .icon-ok { color: darkgreen; }

.formular_abschluss h3 .feldgruppe_status .icon-fehler { color: red; }

.formular_abschluss h3 .feldgruppe_status .ic-mitkreis:hover { background-color: transparent; }

.formular_abschluss h3 .feldgruppe_status .ic-mitkreis:hover svg { fill: currentcolor; color: currentcolor; }

.formular_abschluss legend { font-size: 1.2em; font-weight: 400; clear: both; padding: 0 0 2px; margin: 10px 0 25px; width: calc(100% - 20px); font-size: 1em !important; padding-left: 30px !important; margin-top: 0 !important; }

.formular_abschluss legend .feldgruppe_status { position: absolute; margin: -2px 0 0 -32px; font-size: .9em; }

.formular_abschluss legend .feldgruppe_status .icon-eingabe { color: currentcolor; }

.formular_abschluss legend .feldgruppe_status .icon-ok { color: darkgreen; }

.formular_abschluss legend .feldgruppe_status .icon-fehler { color: red; }

.formular_abschluss legend .feldgruppe_status .ic-mitkreis:hover { background-color: transparent; }

.formular_abschluss legend .feldgruppe_status .ic-mitkreis:hover svg { fill: currentcolor; color: currentcolor; }

.formular_abschluss legend i::before { display: none !important; }

.formular_abschluss fieldset { display: table; float: left; margin: 0 10px; border: none; }

.formular_abschluss div.weiter { display: table !important; float: right !important; }

.formular_abschluss div.weiter fieldset { margin: 0; }

.formular_abschluss div.zeile { display: table; margin-bottom: 15px; }

.formular_abschluss label { display: table; margin-bottom: 5px; }

.formular_abschluss .rechts div.zeile { width: 240px; margin: -5px 0 0; }

.formular_abschluss span.info { position: relative; left: 325px; margin-left: -16px !important; cursor: help; }

.formular_abschluss .feldgruppe fieldset > div.zeile.wahl { margin-top: 0; }

.formular_abschluss div.schaltflaeche input { width: 262px; font-size: 1.2em !important; font-family: SparkasseWeb,Helvetica,Arial,Sans-Serif; text-align: center; text-transform: none; text-decoration: none; color: #fff; padding: 10px; margin: 0 !important; margin-bottom: -5px !important; border: none; background-color: #f00; cursor: pointer; border-radius: 0; background-color: transparent; width: 100%; }

.formular_abschluss div.schaltflaeche a { width: 262px; font-size: 1.2em !important; font-family: SparkasseWeb,Helvetica,Arial,Sans-Serif; text-align: center; text-transform: none; text-decoration: none; color: #fff; padding: 10px; margin: 0 !important; margin-bottom: -5px !important; border: none; background-color: #f00; cursor: pointer; display: table; font-weight: 400 !important; }

.formular_abschluss div.schaltflaeche:not(.zurueck) { text-align: right; min-width: 262px; float: right; background-color: #f00; height: 44px; }

.formular_abschluss div.schaltflaeche:not(.zurueck) input { padding-right: 47px; z-index: 1; position: relative; }

.formular_abschluss div.schaltflaeche:not(.zurueck)::after { content: ">"; font: 25px/81% Pictos-IF; width: 25px; height: 25px; border: 1px solid #fff; border-radius: 50%; color: #fff; display: inline-block; position: relative; margin-left: 10px; margin-right: 10px; top: -27px; }

.formular_abschluss div.schaltflaeche:not(.zurueck):hover::after { background-color: white; color: red; }

.formular_abschluss div.aktionen { text-align: right !important; }

.formular_abschluss div.aktionen a div.schaltflaeche { width: 262px; font-size: 1.2em !important; font-family: SparkasseWeb,Helvetica,Arial,Sans-Serif; text-align: center; text-transform: none; text-decoration: none; color: #fff; padding: 10px; margin: 0 !important; margin-bottom: -5px !important; border: none; background-color: #f00; cursor: pointer; background-color: #999; }

.formular_abschluss div.aktionen span div.schaltflaeche { width: 262px; font-size: 1.2em !important; font-family: SparkasseWeb,Helvetica,Arial,Sans-Serif; text-align: center; text-transform: none; text-decoration: none; color: #fff; padding: 10px; margin: 0 !important; margin-bottom: -5px !important; border: none; background-color: #f00; cursor: pointer; font-size: 1.1em !important; background-color: #999; }

.formular_abschluss div.aktionen ul { display: inline-table; list-style-type: none; margin-right: 23px; }

.formular_abschluss div.aktionen ul li { float: left; margin-left: 30px; margin-bottom: 15px; }

.formular_abschluss div.schaltflaeche.zurueck input { background-color: #999; }

.formular_abschluss div.schaltflaeche.zurueck a { background-color: #999; }

.formular_abschluss div.schaltflaeche.zurueck button { background-color: #999; }

.formular_abschluss div.schaltflaeche.lang input { width: 450px; }

.formular_abschluss div.schaltflaeche.lang a { width: 450px; }

.formular_abschluss .feldgruppe.weiter { clear: both; margin-left: 0 !important; }

.formular_abschluss div.bestaetigung ul.dokumente { list-style-type: none; margin-left: 35px; }

.formular_abschluss div.bestaetigung ul.dokumente a { display: block; font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; color: #f00; text-decoration: none; margin-bottom: .2em; }

.formular_abschluss div.bestaetigung a ul li { display: block; font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; color: #f00; text-decoration: none; margin-bottom: .2em; }

.formular_abschluss div.bestaetigung.ohne_checkbox ul.dokumente { margin-left: 0; }

.formular_abschluss div.signatur { display: table !important; float: right !important; }

.formular_abschluss p a { text-decoration: underline; }

.formular_abschluss fieldset.aktionen { text-align: right !important; text-align: left !important; padding: 0; margin-bottom: -10px; }

.formular_abschluss fieldset.aktionen ul { display: inline-table; list-style-type: none; margin-right: 23px; }

.formular_abschluss fieldset.aktionen ul li { float: left; margin-left: 30px; margin-bottom: 15px; }

.formular_abschluss div.ziffern label { display: none; }

.formular_abschluss div.ziffern div { float: left; font-size: 1.3em; margin: 0 5px 5px 0; padding: 5px 4px 0; background-color: #fff; cursor: pointer; }

.formular_abschluss div#ziffern_auswahl { float: left; width: 175px; height: 27px; border: 1px solid #fff; background-color: #fff; font-size: 1.5em; margin: .1em .5em 0 0; }

.formular_abschluss div#ziffern_auswahl > div { float: left; margin: 0 .1em; }

.formular_abschluss span.ziffern_funktion { cursor: pointer; }

.formular_abschluss div.chiptan_comfort div#chiptan_comfort_grafik { float: left; margin: 0 10px 10px 40px; }

.formular_abschluss div.chiptan_comfort div#chiptan_comfort_anzeige { position: relative; z-index: 2; margin: auto; }

.formular_abschluss div.chiptan_comfort div#chiptan_comfort_anzeige img { position: absolute; top: 0; left: 0; }

.formular_abschluss div.chiptan_comfort div#chiptan_comfort_anzeige #chiptan_comfort_wrap { position: absolute; }

.formular_abschluss div.pflichtfelder_hinweis input { border-radius: 0; background-color: transparent; width: 100%; }

.formular_abschluss div.pflichtfelder_hinweis:not(.zurueck) { text-align: right; }

.formular_abschluss div.pflichtfelder_hinweis:not(.zurueck) input { padding-right: 47px; z-index: 1; position: relative; }

.formular_abschluss div.btn-pd { background-color: red; padding: 9px 47px 9px 10px; margin-bottom: -5px; border-bottom: 5px solid red; }

.formular_abschluss div.btn-pd a { width: auto !important; }

.formular.feldgruppe { width: 100%; }

.formular.feldgruppe p { margin-left: 40px; margin-right: 10px; }

.formular.feldgruppe fieldset p { margin-left: 0; }

.formular.feldgruppe a.link { font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; text-decoration: underline; }

.formular.feldgruppe ol { margin: 0 0 10px -20px; }

.buehne_opener label.auto { display: inline-block; }

.buehne_opener span.flat-checkbox.auto { margin-top: 3px; padding-left: 30px; }

.buehne_opener .formular .rechts div.zeile { width: auto; }

.buehne_opener .formular_abschluss .rechts div.zeile { width: auto; }

.buehne_opener p.empfehlung { clear: both; }

.buehne_opener p.empfehlung input { width: 262px; font-size: 1.2em !important; font-family: SparkasseWeb,Helvetica,Arial,Sans-Serif; text-align: center; text-transform: none; text-decoration: none; color: #fff; padding: 10px; margin: 0 !important; margin-bottom: -5px !important; border: none; background-color: #f00; cursor: pointer; display: inline-table; width: 230px; margin: 10px 10px 10px 0 !important; }

.buehne_opener p.empfehlung a { display: inline-table; width: 230px; margin: 10px 10px 10px 0 !important; }

.buehne_opener .l33 { width: 250px !important; }

.buehne_opener .l40 { width: 250px !important; }

.buehne_opener .feldgruppe .zeile.wahl .links.checkbox { float: left; width: 30px; margin-left: -10px; }

.buehne_opener .feldgruppe .zeile.wahl .links.checkbox ~ .rechts { float: left; width: calc(100% - 30px); margin-top: -15px; width: auto; }

.buehne_opener .feldgruppe .zeile.wahl .rechts label { padding: 18px 0 0 10px; }

.buehne_opener .feldgruppe .no_float .zeile.wahl .links.checkbox ~ .rechts { float: none; }

.buehne_opener .feldgruppe .flaticon-haken { color: #00b900; }

.buehne_opener .feldgruppe .zeile .rechts label { padding: 5px 0 5px 10px; }

.buehne_opener .rechner_eingabe.filialsuche .zeile.wahl .links.checkbox ~ .rechts { width: calc(100% - 30px); margin-top: -13px; }

.formular.sp2 .rechts div.zeile { width: 575px; }

.formular.sp2 fieldset.sp1 .rechts div.zeile { width: 240px; }

.formular.sp3 .rechts div.zeile { width: 910px; }

.formular.sp3 fieldset.sp1 .rechts div.zeile { width: 240px; }

.feldgruppe fieldset div.zeile.wahl { margin-top: 10px; }

.feldgruppe fieldset div.zeile.wahl + div.zeile.wahl { margin-top: -10px !important; }

.feldgruppe > h3 > i.flaticon-haken { color: green; }

.transaktion_agkonto { display: inline-table; }

.transaktion_agkonto a div.schaltflaeche { width: 262px; font-size: 1.2em !important; font-family: SparkasseWeb,Helvetica,Arial,Sans-Serif; text-align: center; text-transform: none; text-decoration: none; color: #fff; padding: 10px; margin: 0 !important; margin-bottom: -5px !important; border: none; background-color: #f00; cursor: pointer; margin-bottom: 10px !important; }

.transaktion_agkonto a div.schaltflaeche.zurueck { background-color: #999; }

.transaktion_agkonto span.input_funktion_schaltflaeche { margin-left: -26px; cursor: pointer; }

.transaktion_agkonto span.input_funktion_schaltflaeche i svg { margin-bottom: -3px; }

.transaktion_agkonto span.input_funktion_schaltflaeche.zeitraum { margin-left: -29px; }

.transaktion_agkonto span.input_funktion_schaltflaeche.betrag { margin-right: 10px; }

.transaktion_agkonto .formular { color: #333; background-color: #fff; }

.transaktion_agkonto .zeile.wahl .links.checkbox { float: left; width: 30px; }

.transaktion_agkonto .zeile.wahl .links.checkbox ~ .rechts { float: left; width: calc(100% - 30px); margin-top: -15px; }

.transaktion_agkonto .no_float .zeile.wahl .links.checkbox ~ .rechts { float: none; }

.transaktion_agkonto .flaticon-haken { color: #00b900; }

.transaktion_agkonto div.formular { display: inline-table; width: 100%; height: 160px !important; padding-top: 4px; }

.transaktion_agkonto div.formular_aktualisieren { display: block; float: right; position: relative; }

.transaktion_agkonto div.formular_aktualisieren div.schaltflaeche { margin: -38px 10px 0 0; }

.transaktion_agkonto select { width: 100%; }

.transaktion_agkonto fieldset { width: calc(100% - 30px); }

.transaktion_abfrage { color: #333; background-color: #fff; display: inline-table; }

.transaktion_abfrage a div.schaltflaeche { width: 262px; font-size: 1.2em !important; font-family: SparkasseWeb,Helvetica,Arial,Sans-Serif; text-align: center; text-transform: none; text-decoration: none; color: #fff; padding: 10px; margin: 0 !important; margin-bottom: -5px !important; border: none; background-color: #f00; cursor: pointer; margin-bottom: 10px !important; }

.transaktion_abfrage a div.schaltflaeche.zurueck { background-color: #999; }

.transaktion_abfrage span.input_funktion_schaltflaeche { margin-left: -26px; cursor: pointer; }

.transaktion_abfrage span.input_funktion_schaltflaeche i svg { margin-bottom: -3px; }

.transaktion_abfrage span.input_funktion_schaltflaeche.zeitraum { margin-left: -29px; }

.transaktion_abfrage span.input_funktion_schaltflaeche.betrag { margin-right: 10px; }

.transaktion_abfrage .formular { color: #333; background-color: #fff; }

.transaktion_abfrage h3 { margin-bottom: 0; }

.transaktion_abfrage .zeile.wahl .links.checkbox { float: left; width: 30px; }

.transaktion_abfrage .zeile.wahl .links.checkbox ~ .rechts { float: left; width: calc(100% - 30px); margin-top: -15px; }

.transaktion_abfrage .no_float .zeile.wahl .links.checkbox ~ .rechts { float: none; }

.transaktion_abfrage .flaticon-haken { color: #00b900; }

.transaktion_abfrage div.formular { display: inline-table; width: 100%; height: 160px !important; padding-top: 4px; }

.transaktion_abfrage div.formular_aktualisieren { display: block; float: right; position: relative; }

.transaktion_abfrage div.formular_aktualisieren div.schaltflaeche { margin: -38px 10px 0 0; }

.transaktion_abfrage select { width: 100%; }

.transaktion_abfrage fieldset { width: calc(100% - 30px); }

.transaktion_abfrage .formular.b_standard { border-left: 1px dotted gray; }

.transaktion_abfrage .formular.b_standard:first-child { border-left: 0; }

.pruefung .formular_abschluss { display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.pruefung .formular_abschluss legend { padding-left: 0 !important; margin-left: 0 !important; }

.pruefung .formular_abschluss .zurueck legend { display: inline-table; padding-left: 40px !important; width: calc(100% - 15px); }

.pruefung .formular_abschluss .zurueck ul.dokumente { margin-left: 0 !important; }

.pruefung .formular_abschluss .bestaetigung legend { display: inline-table; padding-left: 40px !important; width: calc(100% - 15px); }

.pruefung .formular_abschluss .bestaetigung ul.dokumente { margin-left: 0 !important; }

.pruefung .formular_abschluss .signatur legend { display: inline-table; padding-left: 40px !important; width: calc(100% - 15px); }

.pruefung .formular_abschluss .signatur ul.dokumente { margin-left: 0 !important; }

.pruefung .formular_abschluss .formular.feldgruppe.zurueck { display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column; flex-direction: column; }

.pruefung .formular_abschluss .formular.feldgruppe.zurueck legend { display: block !important; -ms-flex-positive: 1; flex-grow: 1; }

.pruefung .formular_abschluss .formular.feldgruppe.signatur { display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column; flex-direction: column; }

.pruefung .formular_abschluss .formular.feldgruppe.signatur legend { display: block !important; -ms-flex-positive: 1; flex-grow: 1; }

.l3 { width: 2.5em !important; }

select.l3 { width: 3.05em !important; }

.l5 { width: 3em !important; }

select.l5 { width: 3.55em !important; }

.l7 { width: 3.5em !important; }

select.l7 { width: 4.55em !important; }

.l9 { width: 4.6em !important; }

select.l9 { width: 5.15em !important; }

.l10 { width: 75px !important; }

.l10.input_funktion { width: 100px !important; }

.l13 { width: 7em !important; }

select.l13 { width: 7.55em !important; }

.l19 { width: 130px !important; }

.l19.input_funktion { width: 155px !important; }

.l20 { width: 140px !important; }

.l23 { width: 12em !important; }

select.l23 { width: 12.55em !important; }

.l24 { width: 14em !important; }

select.l24 { width: 14.55em !important; }

.l25 { width: 166px !important; width: calc(100% - 95px) !important; }

.l25.input_funktion { width: 166px !important; width: calc(100% - 95px) !important; }

.l28 { width: 19em !important; }

select.l28 { width: 19.55em !important; }

.l30 { width: 250px !important; }

.l30.input_funktion { width: 230px !important; }

.l33 { width: 250px !important; width: calc(100% - 15px) !important; }

.l33.input_funktion { width: 250px !important; width: calc(100% - 15px) !important; }

.l40 { width: 350px !important; }

.sp1 .l40 { width: 250px !important; width: calc(100% - 15px) !important; }

.l46 { width: 24em !important; }

select.l46 { width: 24.55em !important; }

.l58 { width: 30em !important; width: calc(100% - 15px) !important; }

select.l58 { width: 30.55em !important; width: calc(100% - 15px) !important; }

.l78 { width: 580px !important; width: calc(100% - 15px) !important; }

input[type=file].l78 { width: 548px !important; width: calc(100% - 15px) !important; }

select.l78 { width: 592px !important; width: calc(100% - 15px) !important; }

.l98 { width: 50em !important; width: calc(100% - 15px) !important; }

select.l98 { width: 50.55em !important; width: calc(100% - 15px) !important; }

.input_funktion { padding-right: 25px; }

.konditionen td span.flat-radio { margin-top: 5px; }

.formular_reload.icon { color: lightgray; position: absolute; }

.pflichtfelder_hinweis { margin-top: 20px; font-style: italic; color: #000; }

.formular.last div.schaltflaeche:not(.zurueck)::after { position: relative; top: -27px; }

.formular_abschluss.last div.schaltflaeche:not(.zurueck)::after { position: relative; top: -27px; }

div.auftraggeberkonto { color: #666; border: 2px solid #666; border-radius: 5px; padding: 5px; line-height: 21px; box-shadow: none !important; }

div.finanzplanung_auswahl_box { color: #666; border: 2px solid #666; border-radius: 5px; padding: 5px; line-height: 21px; box-shadow: none !important; }

div.transaktion_auftrag div.eingabe { margin: 0; }

div.transaktion_auftrag div.eingabe > fieldset { background-color: #fff; width: 100%; }

div.transaktion_auftrag div.eingabe span.input_funktion_schaltflaeche { margin-left: -35px; }

div.transaktion_auftrag div.fehlertext { margin-left: 10px; margin-bottom: 10px; }

div.transaktion_auftrag div.feldgruppe { border-left: none !important; background-color: white; margin-bottom: 10px; }

div.transaktion_auftrag div.feldgruppe div.fehlertext { margin-left: 220px; margin-top: 15px; }

div.transaktion_auftrag div.feldgruppe .bestaetigung div.fehlertext { margin-left: 0; }

div.transaktion_auftrag div.feldgruppe div.zeile label { margin-right: 20px; text-align: right; display: inline-block; vertical-align: top; }

div.transaktion_auftrag div.feldgruppe div.zeile label:not(.flat-label):not(.wichtig) { width: 200px !important; }

div.transaktion_auftrag div.feldgruppe div.zeile .links.label { margin-right: 20px; text-align: right; display: inline-block; vertical-align: top; }

div.transaktion_auftrag div.feldgruppe div.zeile .links.label:not(.flat-label):not(.wichtig) { width: 200px !important; }

div.transaktion_auftrag div.feldgruppe div.zeile label.flat-label { margin: 0 0 5px; }

div.transaktion_auftrag div.feldgruppe div.zeile .links.label.flat-label { margin: 0 0 5px; }

div.transaktion_auftrag div.feldgruppe div.zeile div.rechts { float: left; width: 100%; }

div.transaktion_auftrag div.feldgruppe div.zeile div.rechts label { width: auto !important; text-align: left; }

div.transaktion_auftrag div.feldgruppe div.zeile div.rechts div.zeile { width: 100%; }

div.transaktion_auftrag div.feldgruppe div.zeile div.rechts.ergaenzung { margin-left: 50px; }

div.transaktion_auftrag div.feldgruppe div.zeile input[type=text] { margin-right: 10px; margin-top: -7px; vertical-align: top; }

div.transaktion_auftrag div.feldgruppe div.zeile input[type=text]:not(#betrag):not(#termin):not(#blz) { width: 305px; display: inline-block; float: none; }

div.transaktion_auftrag div.feldgruppe div.zeile input[type=password] { margin-right: 10px; margin-top: -7px; vertical-align: top; }

div.transaktion_auftrag div.feldgruppe div.zeile input[type=password]:not(#betrag):not(#termin):not(#blz) { width: 305px; display: inline-block; float: none; }

div.transaktion_auftrag div.feldgruppe div.zeile textarea { margin-right: 10px; margin-top: -7px; vertical-align: top; }

div.transaktion_auftrag div.feldgruppe div.zeile textarea:not(#betrag):not(#termin):not(#blz) { width: 305px; display: inline-block; float: none; }

div.transaktion_auftrag div.feldgruppe div.zeile select { margin-right: 10px; margin-top: -7px; vertical-align: top; }

div.transaktion_auftrag div.feldgruppe div.zeile select:not(#betrag):not(#termin):not(#blz) { width: 305px; display: inline-block; float: none; }

div.transaktion_auftrag div.feldgruppe div.zeile .links.label ~ div.rechts { margin-right: 10px; margin-top: -7px; vertical-align: top; }

div.transaktion_auftrag div.feldgruppe div.zeile .links.label ~ div.rechts:not(#betrag):not(#termin):not(#blz) { width: 305px; display: inline-block; float: none; }

div.transaktion_auftrag div.feldgruppe div.zeile span.select2 { margin-right: 10px; margin-top: -7px; vertical-align: top; }

div.transaktion_auftrag div.feldgruppe div.zeile span.select2:not(#betrag):not(#termin):not(#blz) { width: 305px; display: inline-block; float: none; }

div.transaktion_auftrag div.feldgruppe div.zeile input[type=text]#termin { width: 8em !important; }

div.transaktion_auftrag div.feldgruppe div.zeile input[type=password]#termin { width: 8em !important; }

div.transaktion_auftrag div.feldgruppe div.zeile textarea#termin { width: 8em !important; }

div.transaktion_auftrag div.feldgruppe div.zeile select#termin { width: 8em !important; }

div.transaktion_auftrag div.feldgruppe div.zeile .links.label ~ div.rechts#termin { width: 8em !important; }

div.transaktion_auftrag div.feldgruppe div.zeile span.select2#termin { width: 8em !important; }

div.transaktion_auftrag div.feldgruppe div.zeile .kalender.icon:not(.icon-hab) { position: relative; top: 9px; }

div.transaktion_auftrag div.feldgruppe div.zeile .wrap_vorschlag { width: auto; }

div.transaktion_auftrag div.feldgruppe div.zeile#nojs_weiter input { margin-right: 10px; margin-top: -7px; vertical-align: top; }

div.transaktion_auftrag div.feldgruppe div.zeile#nojs_weiter input:not(#betrag):not(#termin):not(#blz) { width: 305px; display: inline-block; float: none; }

div.transaktion_auftrag div.feldgruppe div.zeile#nojs_weiter input#termin { width: 8em !important; }

div.transaktion_auftrag div.feldgruppe div.zeile.wahl .links.checkbox ~ .rechts { margin-top: -15px; }

div.transaktion_auftrag div.pruefung div.feldgruppe div.zeile ul.dokumente { margin-left: 20px; }

div.transaktion_auftrag div.formular_abschluss { width: 100%; background-color: #fff; }

div.transaktion_auftrag div.formular_abschluss div.feldgruppe.weiter { padding-top: 10px; }

div.transaktion_auftrag div.formular_abschluss fieldset { padding-right: 21px; width: 100%; }

div.transaktion_auftrag .eingabe > div { margin-bottom: 10px; padding-top: 10px; width: 100%; }

div.transaktion_auftrag .eingabe > div .formular_mit_mindnav { width: auto !important; }

div.transaktion_auftrag .pruefung > div { margin-bottom: 10px; padding-top: 10px; width: 100%; }

div.transaktion_auftrag .pruefung > div .formular_mit_mindnav { width: auto !important; }

div.transaktion_auftrag .bestaetigung > div { margin-bottom: 10px; padding-top: 10px; width: 100%; }

div.transaktion_auftrag .bestaetigung > div .formular_mit_mindnav { width: auto !important; }

div.transaktion div.eingabe { margin: 0; }

div.transaktion div.eingabe > fieldset { background-color: #fff; width: 100%; }

div.transaktion div.eingabe span.input_funktion_schaltflaeche { margin-left: -35px; }

div.transaktion div.fehlertext { margin-left: 10px; margin-bottom: 10px; }

div.transaktion div.feldgruppe div.fehlertext { margin-left: 220px; margin-top: 15px; }

div.transaktion div.feldgruppe .bestaetigung div.fehlertext { margin-left: 0; }

div.transaktion div.feldgruppe div.zeile label { margin-right: 20px; text-align: right; display: inline-block; vertical-align: top; }

div.transaktion div.feldgruppe div.zeile label:not(.flat-label):not(.wichtig) { width: 200px !important; }

div.transaktion div.feldgruppe div.zeile .links.label { margin-right: 20px; text-align: right; display: inline-block; vertical-align: top; }

div.transaktion div.feldgruppe div.zeile .links.label:not(.flat-label):not(.wichtig) { width: 200px !important; }

div.transaktion div.feldgruppe div.zeile label.flat-label { margin: 0 0 5px; }

div.transaktion div.feldgruppe div.zeile .links.label.flat-label { margin: 0 0 5px; }

div.transaktion div.feldgruppe div.zeile div.rechts { float: left; width: 100%; }

div.transaktion div.feldgruppe div.zeile div.rechts label { width: auto !important; text-align: left; }

div.transaktion div.feldgruppe div.zeile div.rechts div.zeile { width: 100%; }

div.transaktion div.feldgruppe div.zeile div.rechts.ergaenzung { margin-left: 50px; }

div.transaktion div.feldgruppe div.zeile input[type=text] { margin-right: 10px; margin-top: -7px; vertical-align: top; }

div.transaktion div.feldgruppe div.zeile input[type=text]:not(#betrag):not(#termin):not(#blz) { width: 305px; display: inline-block; float: none; }

div.transaktion div.feldgruppe div.zeile input[type=password] { margin-right: 10px; margin-top: -7px; vertical-align: top; }

div.transaktion div.feldgruppe div.zeile input[type=password]:not(#betrag):not(#termin):not(#blz) { width: 305px; display: inline-block; float: none; }

div.transaktion div.feldgruppe div.zeile textarea { margin-right: 10px; margin-top: -7px; vertical-align: top; }

div.transaktion div.feldgruppe div.zeile textarea:not(#betrag):not(#termin):not(#blz) { width: 305px; display: inline-block; float: none; }

div.transaktion div.feldgruppe div.zeile select { margin-right: 10px; margin-top: -7px; vertical-align: top; }

div.transaktion div.feldgruppe div.zeile select:not(#betrag):not(#termin):not(#blz) { width: 305px; display: inline-block; float: none; }

div.transaktion div.feldgruppe div.zeile .links.label ~ div.rechts { margin-right: 10px; margin-top: -7px; vertical-align: top; }

div.transaktion div.feldgruppe div.zeile .links.label ~ div.rechts:not(#betrag):not(#termin):not(#blz) { width: 305px; display: inline-block; float: none; }

div.transaktion div.feldgruppe div.zeile span.select2 { margin-right: 10px; margin-top: -7px; vertical-align: top; }

div.transaktion div.feldgruppe div.zeile span.select2:not(#betrag):not(#termin):not(#blz) { width: 305px; display: inline-block; float: none; }

div.transaktion div.feldgruppe div.zeile input[type=text]#termin { width: 8em !important; }

div.transaktion div.feldgruppe div.zeile input[type=password]#termin { width: 8em !important; }

div.transaktion div.feldgruppe div.zeile textarea#termin { width: 8em !important; }

div.transaktion div.feldgruppe div.zeile select#termin { width: 8em !important; }

div.transaktion div.feldgruppe div.zeile .links.label ~ div.rechts#termin { width: 8em !important; }

div.transaktion div.feldgruppe div.zeile span.select2#termin { width: 8em !important; }

div.transaktion div.feldgruppe div.zeile .kalender.icon:not(.icon-hab) { position: relative; top: 9px; }

div.transaktion div.feldgruppe div.zeile .wrap_vorschlag { width: auto; }

div.transaktion div.feldgruppe div.zeile#nojs_weiter input { margin-right: 10px; margin-top: -7px; vertical-align: top; }

div.transaktion div.feldgruppe div.zeile#nojs_weiter input:not(#betrag):not(#termin):not(#blz) { width: 305px; display: inline-block; float: none; }

div.transaktion div.feldgruppe div.zeile#nojs_weiter input#termin { width: 8em !important; }

div.transaktion div.feldgruppe div.zeile.wahl .links.checkbox ~ .rechts { margin-top: -15px; }

div.transaktion div.pruefung div.feldgruppe div.zeile ul.dokumente { margin-left: 20px; }

div.transaktion div.formular_abschluss { width: 100%; background-color: #fff; }

div.transaktion div.formular_abschluss div.feldgruppe.weiter { padding-top: 10px; }

div.transaktion div.formular_abschluss fieldset { padding-right: 21px; width: 100%; }

div.eingabe .feldgruppe .kalenderwoche span.select2 { margin-left: 15px; }

div.formular div.schaltflaeche.zurueck.rechtsbuendig { float: right; }

.if-select-wrap { cursor: pointer; display: inline-block; position: relative; }

.if-select-wrap select { -ie-appearance: none; -o-appearance: none; -webkit-appearance: none; appearance: none; background-color: transparent; cursor: pointer; position: relative; z-index: 1; }

.if-select-wrap span.if-select { cursor: pointer; right: -3px; top: -3px; }

.if-select-wrap span.if-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: -6px; right: 20px; }

.row.bootstrap .schaltflaeche { margin-bottom: 10px; margin-top: 10px; }

.row.bootstrap .schaltflaeche input[type=submit] { margin-bottom: 0 !important; }

.daterangepicker .ranges li { color: #333; }

.daterangepicker .ranges li:hover { background-color: #999; border-color: #999; }

.daterangepicker .ranges li.active { background-color: #666; border-color: #666; }

.daterangepicker .ranges .range_inputs > button { margin-right: 4px; float: left; }

.daterangepicker .ranges .range_inputs > button:last-child { margin-right: 0; float: right; }

.daterangepicker .ranges .range_inputs > button.btn-sm { padding: 5px; }

.daterangepicker .calendar th { line-height: 1.5; }

.daterangepicker .calendar td { line-height: 1.5; }

.daterangepicker .calendar td.in-range { background-color: #999; border-color: #999; }

.daterangepicker .calendar td.in-range:hover { background-color: #eee; color: #333; }

.daterangepicker .calendar td.active { background-color: #f00; border-color: #f00; }

.daterangepicker .calendar td.active:hover { background-color: #f00; border-color: #f00; }

.calendar th { display: table-cell !important; }

.calendar td { display: table-cell !important; }

span.flat-checkbox { display: inline-block; vertical-align: top; margin-top: 10px; padding-left: 20px; }

span.flat-checkbox .flat-label { display: inline-block; position: relative; padding-left: 5px; cursor: pointer; }

span.flat-checkbox .flat-label::before { content: ""; display: inline-block; position: absolute; width: 22px; height: 22px; left: 0; top: 0; margin-left: -20px; border: 1px solid #999; background-color: #fff; transition: border .15s ease-in-out,color .15s ease-in-out; }

span.flat-checkbox .flat-label:hover::before { border: 2px solid #666; }

span.flat-checkbox .flat-label::after { display: inline-block; position: absolute; width: 22px; height: 22px; left: 0; top: 0; margin-left: -20px; padding-right: 3px; padding-top: 0; font: 20px/1.2em Arial; color: white; background-color: #666; text-align: right; }

span.flat-checkbox input[type=checkbox] { opacity: 0; margin-left: -20px; position: absolute; line-height: normal; }

span.flat-checkbox input[type=checkbox]:focus + .flat-label::before { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

span.flat-checkbox input[type=checkbox]:checked + .flat-label::after { content: "\2713"; }

span.flat-checkbox input[type=checkbox]:disabled + .flat-label { opacity: .65; }

span.flat-checkbox input[type=checkbox]:disabled + .flat-label::before { background-color: #eee; cursor: not-allowed; }

span.flat-checkbox.flat-checkbox-circle .flat-label::before { border-radius: 50%; }

span.flat-checkbox.flat-checkbox-inline { margin-top: 0; }

.wahl span.flat-checkbox { margin-top: 0; }

.wahl span.flat-radio { margin-top: 5px; }

span.flat-radio { display: inline-block; vertical-align: top; margin-top: 15px; padding-left: 20px; }

span.flat-radio .flat-label { display: inline-block; position: relative; padding-left: 5px; cursor: pointer; }

span.flat-radio .flat-label::before { content: ""; display: inline-block; position: absolute; width: 22px; height: 22px; left: 0; top: -5px; margin-left: -20px; border: 1px solid #999; border-radius: 50%; background-color: #fff; transition: border .15s ease-in-out; }

span.flat-radio .flat-label:hover::before { border: 2px solid #666; }

span.flat-radio .flat-label::after { display: inline-block; position: absolute; content: " "; width: 16px; height: 16px; left: 3px; top: -2px; margin-left: -20px; border-radius: 50%; background-color: #666; transform: scale(0, 0); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

span.flat-radio input[type=radio] { opacity: 0; margin-left: -20px; position: absolute; line-height: normal; }

span.flat-radio input[type=radio]:focus + .flat-label::before { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

span.flat-radio input[type=radio]:checked + .flat-label::after { transform: scale(1, 1); }

span.flat-radio input[type=radio]:disabled + .flat-label { opacity: .65; }

span.flat-radio input[type=radio]:disabled + .flat-label::before { cursor: not-allowed; }

span.flat-radio.flat-radio-inline { margin-top: 0; }

section.buehne.blank { margin-bottom: -475px; }

section.buehne.blank article.gross { padding-bottom: 479px !important; }

section.buehne.blank article.buehne_seitlich { width: 1600px !important; margin-top: -293px; padding: 0 0 0 1298px !important; background-size: auto; z-index: 1; background-position: right top; background-repeat: no-repeat; }

section.buehne.blank article.buehne_seitlich div { display: table-cell; height: 287px; vertical-align: bottom; padding-bottom: 25px; }

section.buehne.blank article.buehne_seitlich h5 { margin: 0; }

section.buehne.blank article.buehne_seitlich h5 span { display: table; width: auto !important; font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; font-size: 1.2em !important; font-weight: 400; margin: 0 0 5px; padding: 2px 10px 4px; color: #fff; background-color: #666; }

section.buehne.blank article.buehne_seitlich p { display: table; width: auto !important; font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; font-size: 1.2em !important; font-weight: 400; padding: 2px 10px 4px; margin: 12px 0 5px; color: #666; background-color: #fff; }

.produkt-titel-xs { background: white; padding: 5px 10px 0 15px; }

.produkt-titel-xs.buehne-nav-sichtbar { margin-bottom: -10px; margin-top: 10px; }

ul.postbox { padding-left: 30px; margin-bottom: 10px; list-style-type: none; }

ul.postbox li { margin-bottom: 10px; }

ul.postbox li:last-child { margin-bottom: 0; }

ul.postbox li a { color: #666; margin-left: -33px; }

aside.transaktion_passend ul li { float: left; list-style: none; }

aside.transaktion_passend ul li a div { position: relative; display: block; text-align: left; margin-right: 4px; margin-bottom: 4px; width: 160px; height: 78px; color: #000; background-color: #ccc; background-repeat: no-repeat; transition-duration: .75s; transition-property: background-color; transition-timing-function: ease-out; }

aside.transaktion_passend ul li a div:hover { background-color: #eee; }

aside.transaktion_passend ul li a div:hover i.icon-ls svg .svg-fill-gray { transition-duration: .75s; transition-property: fill; transition-timing-function: ease-out; fill: lightgray !important; }

aside.transaktion_passend ul li a div span { float: left; font-size: .9em; margin: 4px 0 0 6px; }

aside.transaktion_passend ul li a div span.hinweis { width: 20px; height: 20px; font-family: SparkasseHeadWeb,Helvetica,Arial,sans-serif; text-align: center; color: #fff; border: 1px solid white; border-radius: 50%; background-color: #f00; }

aside.transaktion_passend ul li a div span.lang.hinweis { width: 30px; border: 1px solid white; border-radius: 50%; background-color: #f00; }

aside.transaktion_passend ul li span div { position: relative; display: block; text-align: left; margin-right: 4px; margin-bottom: 4px; width: 160px; height: 78px; color: #000; background-color: #ccc; background-repeat: no-repeat; transition-duration: .75s; transition-property: background-color; transition-timing-function: ease-out; cursor: pointer; }

aside.transaktion_passend ul li span div:hover { background-color: #eee; }

aside.transaktion_passend ul li span div:hover i.icon-ls svg .svg-fill-gray { transition-duration: .75s; transition-property: fill; transition-timing-function: ease-out; fill: lightgray !important; }

aside.transaktion_passend ul li span div span { float: left; font-size: .9em; margin: 4px 0 0 6px; }

aside.transaktion_passend ul li span div span.hinweis { width: 20px; height: 20px; font-family: SparkasseHeadWeb,Helvetica,Arial,sans-serif; text-align: center; color: #fff; border: 1px solid white; border-radius: 50%; background-color: #f00; }

aside.transaktion_passend ul li span div span.lang.hinweis { width: 30px; border: 1px solid white; border-radius: 50%; background-color: #f00; }

aside.transaktion_passend.begleitung { width: 328px; float: right; margin-bottom: -164px; }

.box.aktion { min-height: 155px; padding-left: 328px; }

.box.aktion div.illu { float: left; width: 304px; height: 125px; text-align: center; margin-left: -314px; background-color: #ccc; }

.box.aktion div.illu img { height: 125px; }

.box.aktion h5 { font-size: 1.2em; font-weight: 400; color: #f00; margin: 0 0 10px; }

.box.aktion ul { display: table; list-style-type: none; margin-top: 10px; background-color: #fff; }

.box.aktion ul li { float: left; margin-right: 20px; }

.box.aktion ul li a { font-size: .9em; }

.box.aktion ul li .wichtig { color: #f00; }

.buehne_opener.formular .feldgruppe .zeile.wahl .links.checkbox ~ .rechts { width: calc(100% - 30px); }

.transaktion_bestand { clear: both; width: 980px; margin-bottom: 4px; padding: 10px; }

.transaktion_bestand.bestaetigung { padding-left: 40px; }

.transaktion_bestand.bestaetigung h3 { font-family: SparkasseWebLight,Helvetica,Arial,Sans-Serif; font-size: 1.3em; color: #999; margin: 0 0 15px; }

.transaktion_bestand.bestaetigung ul { list-style-type: none; margin-bottom: 15px; }

.transaktion_bestand.bestaetigung ul li { margin-bottom: 10px; }

.transaktion_bestand.bestaetigung ul li:last-child { margin-bottom: 0; }

.transaktion_bestand.bestaetigung a { text-decoration: underline; }

.transaktion_bestand.bestaetigung a.aktion { color: #666; text-decoration: none; margin-left: -33px; }

.transaktion_bestand.bestaetigung span { display: inline-table; font-size: .8em; font-weight: 700; height: 17px; min-width: 17px; margin-left: 3px; margin-top: -12px; padding: 0 4px; text-align: center; vertical-align: middle; color: #fff; background-color: #f00; border-radius: 50%; }

.transaktion_bestand.linkliste ul { display: table-cell; }

.transaktion_bestand.linkliste ul li { float: left; width: 324px; }

.transaktion_agkonto.bestandsabfrage div.formular fieldset div.zeile { margin-bottom: 5px; }

.transaktion_agkonto.bestandsabfrage div.formular fieldset div.zeile.wahlliste { margin-top: -5px !important; }

.transaktion_agkonto.bestandsabfrage div.formular fieldset label { display: none; }

.transaktion_agkonto.bestandsabfrage div.formular fieldset div.links.label { display: none; }

.transaktion_agkonto.bestandsabfrage div.formular fieldset div.wahl label { display: inherit; }

.transaktion_agkonto.bestandsabfrage div.formular fieldset div.wahl div.links.label { display: inherit; }

.transaktion_agkonto.bestandsabfrage div.formular fieldset div.wahlliste label { display: inherit; display: inline-table; }

.transaktion_agkonto.bestandsabfrage div.formular fieldset div.wahlliste .rechts div.zeile { width: 100% !important; }

.bestandsabfrage.transaktion_abfrage div.formular fieldset div.zeile { margin-bottom: 5px; }

.bestandsabfrage.transaktion_abfrage div.formular fieldset div.zeile.wahlliste { margin-top: -5px !important; }

.bestandsabfrage.transaktion_abfrage div.formular fieldset label { display: none; }

.bestandsabfrage.transaktion_abfrage div.formular fieldset div.links.label { display: none; }

.bestandsabfrage.transaktion_abfrage div.formular fieldset div.wahl label { display: inherit; }

.bestandsabfrage.transaktion_abfrage div.formular fieldset div.wahl div.links.label { display: inherit; }

.bestandsabfrage.transaktion_abfrage div.formular fieldset div.wahlliste label { display: inherit; display: inline-table; }

.bestandsabfrage.transaktion_abfrage div.formular fieldset div.wahlliste .rechts div.zeile { width: 100% !important; }

span.iban_kennzeichnung { color: #999; }

#ereignis_geldeingang3_iban { margin-left: 35px !important; }

#ereignis_geldausgang2_iban { margin-left: 35px !important; }

#ereignis_kontosaldo1 { margin-left: 12px !important; }

div.transaktion_bestand div.feldgruppe { border-left: none !important; background-color: white; margin-bottom: 10px; }

div.transaktion_bestand .eingabe > div { margin-bottom: 10px; padding-top: 10px; width: 100%; }

div.transaktion_bestand .eingabe > div .formular_mit_mindnav { width: auto !important; }

div.transaktion_bestand .pruefung > div { margin-bottom: 10px; padding-top: 10px; width: 100%; }

div.transaktion_bestand .pruefung > div .formular_mit_mindnav { width: auto !important; }

div.transaktion_bestand .bestaetigung > div { margin-bottom: 10px; padding-top: 10px; width: 100%; }

div.transaktion_bestand .bestaetigung > div .formular_mit_mindnav { width: auto !important; }

aside.widget { display: table; float: left; width: 324px; height: 48px; margin-right: 4px; margin-bottom: 4px; border-left: 3px solid transparent; border-top: 3px solid transparent; border-right: 3px solid transparent; }

aside.widget div:first-child { display: table; width: 100%; padding: 5px 10px; }

aside.widget div div { float: left; font-size: 1.2em; font-weight: 400; margin: 0; color: #fff; display: table-cell; float: right; height: 35px; font-size: .8em; text-align: right; vertical-align: middle; line-height: 1.2; }

aside.widget div div.symbol { float: right; font-size: 2em; height: 35px; color: #fff; margin-left: 5px; }

aside.widget h3 { float: left; font-size: 1.2em; font-weight: 400; color: #fff; margin: 3px 0 0; }

aside.widget h3 span { display: table-cell; float: right; font-size: .6em; font-weight: 700; height: 17px; min-width: 17px; margin-left: 3px; margin-top: -2px; padding: 2px 4px; text-align: center; vertical-align: middle; background-color: #f00; border-radius: 50%; line-height: 15px; }

aside.widget.aktiv { margin-bottom: -4px; padding-bottom: 8px; border-left: 3px solid #fff; border-top: 3px solid #fff; border-right: 3px solid #fff; background-color: #fff; }

aside.widget.aktiv h3 { color: #333; }

aside.widget.aktiv h3 span { display: none; }

aside.widget.aktiv div div { color: #333; }

aside.widget.aktiv div div span { display: none; }

aside.hellgruen { background-color: #a3a91b; }

aside.orange { background-color: #dd9c37; }

aside.blau { background-color: #2a4c59; }

aside.lila { background-color: #b21149; }

aside.braun { background-color: #57362b; }

aside.petrol { background-color: #25665b; }

aside.bordeaux { background-color: #450202; }

article aside.widget + aside.widget + aside.widget { margin-right: 0 !important; }

.betrag a { float: right; }

.call-to-action-wichtig { text-align: right; }

.call-to-action-wichtig a { color: #f00; margin-left: 20px; text-decoration: none !important; white-space: nowrap; }

.call-to-action-wichtig a.sub { color: #666; }

.buehnenbundle_eintrag .produkt-titel-xs { display: none !important; }

.buehnenwechsler_thema .produkt-titel-xs { display: none !important; }

.bleed-wrapper { position: relative; width: calc(100vw - 40px); left: calc(-50vw + 50% + 20px); float: left; background-color: #eee; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.eilmeldung-wrapper { position: relative; width: calc(100vw - 40px); left: calc(-50vw + 50% + 20px); float: left; background-color: #eee; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

#berater-kontaktbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; float: left; text-align: left; padding: 5px 0; width: 980px; margin: auto; font-size: 90%; min-height: 27px; }

#berater-kontaktbox .berater-umschalter { margin-right: 8px; width: 15px; margin-left: -25px; min-height: 100%; position: relative; cursor: pointer; }

#berater-kontaktbox .berater-umschalter #js-berater-zuklappen { position: absolute; left: 0; bottom: 5px; }

#berater-kontaktbox .berater-visual { -ms-flex-positive: 1; flex-grow: 1; min-width: 250px; }

#berater-kontaktbox .berater-visual img { height: 90px; min-height: 90px; max-height: 90px; margin-right: 20px; }

#berater-kontaktbox .berater-visual .name { margin-top: 20px; }

#berater-kontaktbox .berater-kontakt { -ms-flex-positive: 1; flex-grow: 1; min-width: 250px; -ms-flex-item-align: end; align-self: flex-end; }

#berater-kontaktbox .berater-kontakt .telefonnummer { margin: 0 5px; }

#berater-kontaktbox .berater-kontakt .termin-vereinbaren { margin: 0 5px; }

#berater-kontaktbox .berater-direktnachricht { -ms-flex-positive: 1; flex-grow: 1; min-width: 250px; -ms-flex-item-align: end; align-self: flex-end; }

#berater-kontaktbox .berater-direktnachricht textarea { width: 100% !important; min-height: 60px; max-width: 330px; }

#berater-kontaktbox .berater-direktnachricht .nachricht-senden { margin-top: 12px; }

#berater-kontaktbox .berater-visual.klein { cursor: pointer; }

#eilmeldung-box { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; float: left; text-align: left; padding: 5px 0; width: 980px; margin: auto; font-size: 90%; }

#eilmeldung-box .eilmeldung-umschalter { margin-right: 8px; width: 15px; margin-left: -25px; min-height: 100%; position: relative; cursor: pointer; }

#eilmeldung-box .eilmeldung-umschalter #js-eilmeldung-zuklappen { position: absolute; left: 0; bottom: 5px; }

#eilmeldung-box .eilmeldung-visual { -ms-flex-positive: 1; flex-grow: 1; max-width: calc(100% - 30px); }

#eilmeldung-box .eilmeldung-nachricht { -ms-flex-positive: 1; flex-grow: 1; max-width: calc(100% - 30px); -ms-flex-item-align: end; align-self: flex-end; }

#eilmeldung-box .eilmeldung-visual.klein { cursor: pointer; }

.eilmeldung-wrapper.mit_hintergrund { background-color: darkred; color: white; }

.eilmeldung-wrapper.mit_hintergrund a { color: white; }

.eilmeldung-wrapper.ohne_hintergrund { background-color: white; color: darkred; }

.MultiBox { position: absolute; z-index: 9999; max-width: calc(100% - 20px) !important; }

.MultiBox .MultiBox-Loading { content: "..."; }

.MultiBox .MultiBox-Content { background-color: #fff; position: relative; width: 100%; height: 100%; overflow: hidden; padding: 10px; }

.MultiBox .MultiBox-Content #MultiBoxContentContainer { width: auto !important; }

.MultiBox .MultiBox-Content.auftragsliste_box { overflow: auto; }

.MultiBox .MultiBox-Close { position: absolute; top: -5px; right: -5px; width: 24px; height: 24px; cursor: pointer; border-radius: 12px; border: 2px solid red; background-color: #fff; }

.MultiBox .MultiBox-Close::before { content: "\00d7"; color: red; font-size: 40px; line-height: 20px; position: relative; top: 1px; left: 3px; font-size: 150%; }

#OverlayContainer { position: fixed; z-index: 8888; }

#OverlayContainerGalerie { position: fixed; z-index: 8888; }

footer { background-color: #666; border-bottom: 40px solid transparent; z-index: 2; position: relative; clear: both; }

footer .verbundpartnerkennzeichnung { position: relative; width: 984px !important; clear: left; margin: 0 auto; color: #fff; padding: 20px 10px 10px; display: table; color: #333; padding: 15px; border-right: 4px solid #eee; }

footer .verbundpartnerkennzeichnung a { color: #fff; }

footer .verbundpartnerkennzeichnung img { float: left; margin-right: 30px; }

footer .verbundpartnerkennzeichnung p { display: table !important; }

footer .verbundpartnerkennzeichnung div.call-to-action-wichtig { margin-top: -45px; }

footer .themen { position: relative; width: 984px !important; clear: left; margin: 0 auto; color: #fff; padding: 20px 10px 10px; }

footer .themen a { color: #fff; }

footer .themen p { float: left; }

#themen_container { clear: both; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; font-size: .8em; margin-bottom: 10px; }

#themen_container div { width: 160px; margin-top: 10px; padding-right: 4px; }

#themen_container h4 { margin: 0 0 10px; }

#themen_container ul { list-style-type: none; }

#themen_container ul li { margin-bottom: 7px; }

#themen_schalter { float: left; cursor: pointer; margin-bottom: 5px; }

#themen_fix { float: right; margin-bottom: 1em; }

#themen_fix ul { float: right; list-style-type: none; }

#themen_fix ul li { float: left; margin-left: 1.5rem; }

#themen_fix ul.socialmedia { margin-top: .1em; margin-left: 1rem; }

#themen_fix ul.socialmedia li { float: left; font-size: 1.2em; margin-left: .7rem; }

.xs-visible { display: none !important; }

@media (min-width: 768px) { .container { width: 652px; }
  .col-sm-1 { float: left; width: 8.33333%; }
  .col-sm-2 { float: left; width: 16.66667%; }
  .col-sm-3 { float: left; width: 25%; }
  .col-sm-4 { float: left; width: 33.33333%; }
  .col-sm-5 { float: left; width: 41.66667%; }
  .col-sm-6 { float: left; width: 50%; }
  .col-sm-7 { float: left; width: 58.33333%; }
  .col-sm-8 { float: left; width: 66.66667%; }
  .col-sm-9 { float: left; width: 75%; }
  .col-sm-10 { float: left; width: 83.33333%; }
  .col-sm-11 { float: left; width: 91.66667%; }
  .col-sm-12 { float: left; width: 100%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-pull-1 { right: 8.33333%; }
  .col-sm-pull-2 { right: 16.66667%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-4 { right: 33.33333%; }
  .col-sm-pull-5 { right: 41.66667%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-7 { right: 58.33333%; }
  .col-sm-pull-8 { right: 66.66667%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-10 { right: 83.33333%; }
  .col-sm-pull-11 { right: 91.66667%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-push-1 { left: 8.33333%; }
  .col-sm-push-2 { left: 16.66667%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-4 { left: 33.33333%; }
  .col-sm-push-5 { left: 41.66667%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-7 { left: 58.33333%; }
  .col-sm-push-8 { left: 66.66667%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-10 { left: 83.33333%; }
  .col-sm-push-11 { left: 91.66667%; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-offset-0 { margin-left: 0; }
  .col-sm-offset-1 { margin-left: 8.33333%; }
  .col-sm-offset-2 { margin-left: 16.66667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.33333%; }
  .col-sm-offset-5 { margin-left: 41.66667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.33333%; }
  .col-sm-offset-8 { margin-left: 66.66667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.33333%; }
  .col-sm-offset-11 { margin-left: 91.66667%; }
  .col-sm-offset-12 { margin-left: 100%; }
  .navbar-right .dropdown-menu { right: 0; left: auto; }
  .navbar-right .dropdown-menu-left { left: 0; right: auto; } }

@media (min-width: 915px) { .container { width: 980px; }
  .col-md-1 { float: left; width: 8.33333%; }
  .col-md-2 { float: left; width: 16.66667%; }
  .col-md-3 { float: left; width: 25%; }
  .col-md-4 { float: left; width: 33.33333%; }
  .col-md-5 { float: left; width: 41.66667%; }
  .col-md-6 { float: left; width: 50%; }
  .col-md-7 { float: left; width: 58.33333%; }
  .col-md-8 { float: left; width: 66.66667%; }
  .col-md-9 { float: left; width: 75%; }
  .col-md-10 { float: left; width: 83.33333%; }
  .col-md-11 { float: left; width: 91.66667%; }
  .col-md-12 { float: left; width: 100%; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 8.33333%; }
  .col-md-pull-2 { right: 16.66667%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-4 { right: 33.33333%; }
  .col-md-pull-5 { right: 41.66667%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-7 { right: 58.33333%; }
  .col-md-pull-8 { right: 66.66667%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-10 { right: 83.33333%; }
  .col-md-pull-11 { right: 91.66667%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 8.33333%; }
  .col-md-push-2 { left: 16.66667%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-4 { left: 33.33333%; }
  .col-md-push-5 { left: 41.66667%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-7 { left: 58.33333%; }
  .col-md-push-8 { left: 66.66667%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-10 { left: 83.33333%; }
  .col-md-push-11 { left: 91.66667%; }
  .col-md-push-12 { left: 100%; }
  .col-md-offset-0 { margin-left: 0; }
  .col-md-offset-1 { margin-left: 8.33333%; }
  .col-md-offset-2 { margin-left: 16.66667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.33333%; }
  .col-md-offset-5 { margin-left: 41.66667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.33333%; }
  .col-md-offset-8 { margin-left: 66.66667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.33333%; }
  .col-md-offset-11 { margin-left: 91.66667%; }
  .col-md-offset-12 { margin-left: 100%; } }

@media (min-width: 980px) { .container { width: 980px; }
  .col-lg-1 { float: left; width: 8.33333%; }
  .col-lg-2 { float: left; width: 16.66667%; }
  .col-lg-3 { float: left; width: 25%; }
  .col-lg-4 { float: left; width: 33.33333%; }
  .col-lg-5 { float: left; width: 41.66667%; }
  .col-lg-6 { float: left; width: 50%; }
  .col-lg-7 { float: left; width: 58.33333%; }
  .col-lg-8 { float: left; width: 66.66667%; }
  .col-lg-9 { float: left; width: 75%; }
  .col-lg-10 { float: left; width: 83.33333%; }
  .col-lg-11 { float: left; width: 91.66667%; }
  .col-lg-12 { float: left; width: 100%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-pull-1 { right: 8.33333%; }
  .col-lg-pull-2 { right: 16.66667%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-4 { right: 33.33333%; }
  .col-lg-pull-5 { right: 41.66667%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-7 { right: 58.33333%; }
  .col-lg-pull-8 { right: 66.66667%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-10 { right: 83.33333%; }
  .col-lg-pull-11 { right: 91.66667%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-push-1 { left: 8.33333%; }
  .col-lg-push-2 { left: 16.66667%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-4 { left: 33.33333%; }
  .col-lg-push-5 { left: 41.66667%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-7 { left: 58.33333%; }
  .col-lg-push-8 { left: 66.66667%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-10 { left: 83.33333%; }
  .col-lg-push-11 { left: 91.66667%; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-offset-0 { margin-left: 0; }
  .col-lg-offset-1 { margin-left: 8.33333%; }
  .col-lg-offset-2 { margin-left: 16.66667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.33333%; }
  .col-lg-offset-5 { margin-left: 41.66667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.33333%; }
  .col-lg-offset-8 { margin-left: 66.66667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.33333%; }
  .col-lg-offset-11 { margin-left: 91.66667%; }
  .col-lg-offset-12 { margin-left: 100%; }
  .visible-lg { display: block !important; }
  table.visible-lg { display: table; }
  tr.visible-lg { display: table-row !important; }
  th.visible-lg { display: table-cell !important; }
  td.visible-lg { display: table-cell !important; }
  .visible-lg-block { display: block !important; }
  .visible-lg-inline { display: inline !important; }
  .visible-lg-inline-block { display: inline-block !important; }
  .hidden-lg { display: none !important; } }

@media (max-width: 767px) { .visible-xs { display: block !important; }
  table.visible-xs { display: table; }
  tr.visible-xs { display: table-row !important; }
  th.visible-xs { display: table-cell !important; }
  td.visible-xs { display: table-cell !important; }
  .visible-xs-block { display: block !important; }
  .visible-xs-inline { display: inline !important; }
  .visible-xs-inline-block { display: inline-block !important; }
  .hidden-xs { display: none !important; } }

@media (min-width: 768px) and (max-width: 914px) { .visible-sm { display: block !important; }
  table.visible-sm { display: table; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm { display: table-cell !important; }
  td.visible-sm { display: table-cell !important; }
  .visible-sm-block { display: block !important; }
  .visible-sm-inline { display: inline !important; }
  .visible-sm-inline-block { display: inline-block !important; }
  .hidden-sm { display: none !important; } }

@media (min-width: 915px) and (max-width: 979px) { .visible-md { display: block !important; }
  table.visible-md { display: table; }
  tr.visible-md { display: table-row !important; }
  th.visible-md { display: table-cell !important; }
  td.visible-md { display: table-cell !important; }
  .visible-md-block { display: block !important; }
  .visible-md-inline { display: inline !important; }
  .visible-md-inline-block { display: inline-block !important; }
  .hidden-md { display: none !important; } }

@media print { .visible-print { display: block !important; }
  table.visible-print { display: table; }
  tr.visible-print { display: table-row !important; }
  th.visible-print { display: table-cell !important; }
  td.visible-print { display: table-cell !important; }
  .visible-print-block { display: block !important; }
  .visible-print-inline { display: inline !important; }
  .visible-print-inline-block { display: inline-block !important; }
  .hidden-print { display: none !important; }
  .nichtdrucken { display: none; }
  .noprint { display: none; }
  div#seite { border: 3px; background: none !important; width: auto; padding: 0 !important; }
  * html div#seite { padding-left: 0 !important; }
  * html div.box_offen { float: none !important; overflow: visible !important; border: 1px solid #bbb !important; }
  * html table.geruest td.sp2 .inner { width: auto !important; }
  #identifikation { display: none !important; }
  #seite_zurueck { display: none !important; }
  #einstellungen { display: none !important; }
  #navigationsspalte { display: none !important; }
  #anmeldung { display: none !important; }
  #seitenanfang { display: none !important; }
  #fuss { display: none !important; }
  .kontakt_r { display: none !important; }
  .mindnavigation { display: none !important; }
  .formulare { display: none !important; }
  .checkschritt { display: none !important; }
  .schaltflaeche { display: none !important; }
  .icon { display: none !important; }
  .sp_context { display: none !important; }
  .tabellenfunktionen { display: none !important; }
  div.tabelle td.auswahl input { display: none !important; display: none !important; }
  div.tabelle td.icons a { display: none !important; }
  div.tabelle .gruppe a { display: none !important; }
  div.tabelle table { float: none !important; overflow: visible !important; }
  div.tabelle table th { border-bottom: 1px solid #bbb !important; border-right: 1px solid #bbb !important; }
  div.tabelle table td { border-bottom: 1px solid #bbb !important; border-right: 1px solid #bbb !important; }
  div.tabelle td.last { border-right: none !important; }
  div.tabelle tr.sortierung th { padding-bottom: .4em !important; }
  div.tabelle tr.sortierung th a.sortierkriterium { text-decoration: none !important; }
  .thema { display: none !important; }
  .illustration { display: none !important; }
  .druck_unsichtbar { display: none !important; }
  #metanavigation { visibility: hidden; width: 0 !important; height: 0 !important; }
  #OverlayContainer { visibility: hidden; width: 0 !important; height: 0 !important; }
  div#inhaltsspalte { float: none !important; }
  div#buehne { float: none !important; }
  div#inhalt { float: none !important; }
  div#begleitungen { float: none !important; }
  div.box { float: none !important; overflow: visible !important; border: 1px solid #bbb !important; }
  table.geruest td.sp1 { border: 1px solid #bbb !important; }
  table.geruest td.sp2 { border: 1px solid #bbb !important; }
  table.geruest td.sp3 { border: 1px solid #bbb !important; }
  div#identifikation_druck img { float: left !important; margin-bottom: 2em !important; }
  h1 { float: none; color: #fff !important; }
  h2 { float: none; color: #fff !important; }
  div.unsichtbar { display: none !important; }
  .sp4_rand { width: auto !important; }
  .sp3_rand { width: auto !important; }
  .ueberschrift box outer sp3 { width: auto !important; }
  .sp2 .inner { width: auto !important; }
  .sp2 .formular_abschluss { width: auto !important; }
  .header_spacer { display: none; }
  .header_spacer_zusatz { display: none; }
  header { display: none; }
  footer { display: none; }
  .schnellzugriff { display: none; }
  .navigationsbereiche { display: none; }
  nav { display: none; }
  aside.widget { display: none; }
  aside.transaktion_passend { display: none; }
  aside.fortschritt { display: none; }
  .buehne_seitlich { display: none; }
  #pushobj { margin-left: 0; }
  div.auftraggeberkonto { border: 0; box-shadow: none; }
  div.boersenplatz { border: 0; box-shadow: none; }
  .debug_box_kontainer { display: none; } }

@media only screen and (max-width: 980px) { table td.icons a i.icon { font-size: 1.4em; }
  table td.icons span i.icon { font-size: 1.4em; }
  article.gross { width: 98% !important; }
  body:after { content: 'mq-tablet-hi'; }
  .b_dreifach_weit { width: 100% !important; }
  header div#header { width: 100% !important; }
  header > div { width: 100% !important; }
  #navigation ul { padding-left: 24px; }
  .transaktion_auftrag .eingabe span.input_funktion_schaltflaeche.vorlage { margin-left: -40px; }
  .buehne_opener fieldset { width: calc(100% - 24px); }
  aside.widget { width: 32.5%; width: calc(100% / 3 - 4px); }
  aside.widget div div { display: none; }
  aside.widget div div.wichtig { display: inline; }
  aside.widget.aktiv { padding-bottom: 12px; }
  article aside.widget + aside.widget + aside.widget { width: calc(100% / 3); }
  .bleed-wrapper { width: 100%; left: calc(-50vw + 50%); padding: 0 4px; }
  .eilmeldung-wrapper { width: 100%; left: calc(-50vw + 50%); padding: 0 4px; }
  #berater-kontaktbox { font-size: 90%; width: 100%; }
  #berater-kontaktbox .berater-visual { min-width: 150px; margin-left: 5px; margin-left: 60px; }
  #berater-kontaktbox .berater-kontakt { min-width: 150px; }
  #berater-kontaktbox .berater-direktnachricht { min-width: 150px; }
  #berater-kontaktbox .berater-umschalter { margin-left: 0; }
  #eilmeldung-box { font-size: 90%; width: 100%; }
  #eilmeldung-box .eilmeldung-umschalter { margin-left: 0; margin-left: 0; }
  #eilmeldung-box .eilmeldung-visual { margin-left: 5px; } }

@media only screen and (max-width: 980px) and (max-width: 915px) { table td.icons a i.icon { font-size: 1.3em; }
  table td.icons span i.icon { font-size: 1.3em; }
  i.icon-leer { display: none; }
  article.gross { width: 100% !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.sp1 { width: 48.5% !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.sp2 { width: 100% !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.sp3 { width: 100% !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg1 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg3 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg5 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg7 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg9 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg11 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg13 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg15 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg17 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg19 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg21 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg23 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg25 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg27 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg29 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg31 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg33 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg35 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg37 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg39 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.formular_abschluss { width: 97%; width: calc(100% - 4px) !important; }
  article.gross div.transaktion_auftrag div.formular_abschluss div.feldgruppe.sp2 { width: 48.5% !important; }
  h1 span { font-size: 1.2em !important; }
  body:after { content: 'mq-tablet-lo'; }
  .b_dreifach { width: 100% !important; }
  .b_dreifach_weit { width: 100% !important; }
  header { min-height: 91px; height: auto; }
  header div#header #banking > div { margin-right: 0; }
  header div#header div#metanav { display: none !important; }
  header > div #banking > div { margin-right: 0; }
  header > div div#metanav { display: none !important; }
  header > div:first-child { padding-top: 5px; padding-bottom: 5px; }
  header > div:not(#navigation) { height: 51px; }
  header div.if6_loginlogout { margin-top: 5px; }
  header .ausklappbox form input { float: none; }
  header .ausklappbox ul.mobile-zusatzlinks { margin-left: 0; margin-top: 10px; }
  header .ausklappbox ul.mobile-zusatzlinks li { width: 80%; margin: auto; }
  header .ausklappbox .anonym form#quick_login { width: 80% !important; margin: auto; }
  header .ausklappbox .anonym form#quick_login div#wahl_login_pintan input[type=password] { width: 100%; }
  header .ausklappbox .anonym form#quick_login button { font-size: 1.2em !important; padding: 10px; margin-bottom: 20px; width: 100%; }
  header .ausklappbox .anonym form#quick_login.multiverfahren div#wahl_login_pintan input[type=text] { padding-left: 7px; width: 100%; }
  header .icon-banklogo { font-size: 32px; margin-top: 4px; }
  header .header-headline .zeile { padding-top: 11px; }
  header div#banking #login { display: none; }
  header.no_navi { min-height: 51px; }
  header.headroom--unpinned { transform: translateY(-51px); }
  header.headroom--unpinned.no_navi { transform: translateY(-51px); }
  header.headroom--not-top { transform: translateY(-51px); }
  header.headroom--not-top.no_navi { transform: translateY(-51px); }
  .header_spacer { height: 91px; }
  .header_spacer.no_navi { height: 51px; }
  #banking { margin: 0 !important; position: absolute !important; top: 20px; right: 10px; width: 100px; }
  .mobile-zusatzknoepfe { margin-top: -15px; margin-left: -85px; padding-right: 12px; width: 200px; font-size: 20px; }
  .mobile-zusatzknoepfe > a { padding: 0; width: 45px; display: block; float: right; text-align: center; }
  .mobile-zusatzknoepfe > a small { font-size: 9px; }
  #quick_login input { width: 80%; margin: auto auto 15px; }
  #quick_login button { background-color: red; color: white; width: 80%; margin: auto; border: none; padding: 5px; font-size: 15px; }
  .buehne_opener .l40 { width: calc(100% - 15px) !important; }
  .buehne_opener .l33 { width: calc(100% - 15px) !important; }
  .l40.input_funktion { width: calc(100% - 36px) !important; }
  .js-zeitraumwahl_nojs .zeile { width: 117% !important; margin-left: -32px; }
  .formular div.zeile .flat-radio { display: inline-block !important; }
  .formular div.zeile .flat-radio label { display: inline-block !important; }
  .formular div.zeile #zeitraum_variante { width: calc(100% - 40px) !important; max-width: 255px; }
  .formular div.zeile.wahlliste #zeitraum_von { margin-top: 20px !important; width: 115px !important; margin-right: 2px !important; }
  .formular div.zeile.wahlliste #zeitraum_bis { margin-top: 20px !important; width: 115px !important; margin-left: 2px !important; }
  .formular div.zeile.wahlliste .kalender.icon { display: none; }
  .formular div.zeile.wahlliste .flat-radio label { display: inline-block !important; margin-top: 15px !important; }
  .formular .rechts div.zeile { width: 97% !important; }
  textarea#nachricht { width: calc(100% - 15px) !important; }
  section.buehne { margin-bottom: 2em; }
  section.buehne article.gross div.buehne_inhalt h1 span { font-size: 1.1em !important; font-family: SparkasseWebLight, Helvetica, Arial, Sans-Serif; }
  section.buehne article.gross div.buehne_inhalt p { display: none; }
  section.buehne article.gross div.buehne_inhalt p.wichtig { display: table-cell !important; }
  section.buehne article.gross div.buehne_inhalt p + h1 { margin-top: 30px !important; }
  section.buehne article.gross ul.buehne_nav { width: 100%; }
  section.buehne article.gross div.buehne_opener { width: 100%; }
  section.buehne article.gross div.buehne_erweiterung { width: 100%; }
  section.buehne article.gross .buehnenwechsler_thema ul { display: none; }
  section.buehne article.gross div.buehne_piktogramm { height: 58px; }
  section.buehne article.gross div.buehne_piktogramm .piktogramm { font-size: 50px; margin-left: 0; }
  article#pushobj main section div div.formular_mit_mindnav { width: 100%; }
  article#pushobj main section div div.transaktion_auftrag.sp2 { width: 100%; }
  aside.transaktion_passend.begleitung { float: left; width: auto !important; margin-bottom: 0; }
  .box.aktion p { font-size: .9em; }
  .transaktion_auftrag fieldset.sp1 { width: 45% !important; }
  .transaktion_auftrag fieldset.sp2 { width: 91% !important; width: calc(100% - 30px); }
  .formular_abschluss .rechts div.zeile { width: 97% !important; }
  aside.widget { width: 100%; }
  aside.widget h3 { font-size: 1em; margin-top: 5px; }
  aside.widget h3 span { font-size: .8em; padding: 0 4px; }
  aside.widget div div { display: inline; }
  aside.widget.aktiv { margin-bottom: 4px; padding-bottom: 0; }
  article aside.widget + aside.widget + aside.widget { width: 100%; }
  #berater-kontaktbox { font-size: 100%; }
  #berater-kontaktbox .berater-visual { min-width: 100%; }
  #berater-kontaktbox .berater-kontakt { min-width: 100%; }
  #berater-kontaktbox .berater-direktnachricht { min-width: 100%; }
  #eilmeldung-box { font-size: 100%; }
  #eilmeldung-box .berater-visual { min-width: 100%; }
  #eilmeldung-box .berater-kontakt { min-width: 100%; }
  #eilmeldung-box .berater-direktnachricht { min-width: 100%; }
  footer .verbundpartnerkennzeichnung { width: 100% !important; }
  footer .verbundpartnerkennzeichnung div.call-to-action-wichtig { margin-top: -10px !important; }
  footer .themen #themen_container div { width: 50%; }
  .sm-hidden { display: none !important; } }

@media only screen and (max-width: 980px) and (min-width: 981px) { .info_schmal { display: none; }
  body:after { content: 'mq-desktop'; }
  article.gross { width: 984px !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg1 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg4 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg7 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg10 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg13 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg16 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg19 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg22 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg25 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg28 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg31 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg34 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg37 { border-left: none !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.fg40 { border-left: none !important; }
  .wertigkeit2_re { display: none; }
  header .fixed-fix { margin-left: -19px !important; }
  header div#header div#identifikation { width: 380px; }
  header div#header div#banking { width: 380px; }
  header div#header div#metanav { width: 380px; }
  header > div div#identifikation { width: 380px; }
  header > div div#banking { width: 380px; }
  header > div div#metanav { width: 380px; }
  section.buehne .bg_bild > div.groesse-2x { background-image: none; display: none; }
  section.buehne div.buehne_opener { min-height: 290px; } }

@media only screen and (max-width: 980px) and (max-width: 768px) { body:after { content: 'mq-smartphone'; }
  a[href^=tel]:link { text-decoration: underline !important; color: blue !important; }
  a[href^=tel]:visited { text-decoration: underline !important; color: blue !important; }
  a[href^=tel]:hover { text-decoration: underline !important; color: blue !important; }
  .b_doppelt { width: 100% !important; }
  .b_dreifach { width: 100% !important; }
  .b_doppelt_weit { width: 100% !important; }
  .b_dreifach_weit { width: 100% !important; }
  div.tabellenfunktionen.alle div { margin-right: 0; }
  .tabellenfunktionen div.tabelle_multiwahl { display: none; }
  header div#header { width: 380px; }
  header div#header div#metanav { display: none !important; }
  header > div { width: 380px; }
  header > div div#metanav { display: none !important; }
  header div.if6_loginlogout { margin-right: 20px; float: right; width: auto; }
  select.l25[name=zeitraum_variante] { width: calc(100% - 34px) !important; margin-left: 7px; }
  div.transaktion_auftrag div.feldgruppe div.zeile label { width: auto !important; padding-bottom: 7px; display: inline-block; float: none; text-align: left; }
  div.transaktion_auftrag div.feldgruppe div.zeile .links.label { width: auto !important; padding-bottom: 7px; display: inline-block; float: none; text-align: left; }
  div.transaktion_auftrag div.feldgruppe input[type=text] { width: 100% !important; }
  div.transaktion_auftrag div.feldgruppe input[type=password] { width: 100% !important; }
  div.transaktion_auftrag div.feldgruppe select { width: 100% !important; }
  div.transaktion_auftrag div.feldgruppe textarea { width: 100% !important; }
  div.transaktion_auftrag div.feldgruppe span.select2 { width: 100% !important; }
  div.transaktion_auftrag div.feldgruppe #nojs_weiter input { width: 100% !important; }
  div.transaktion_auftrag div.feldgruppe .fehlertext { margin-left: 0 !important; }
  div.transaktion_auftrag div.formular_abschluss div.zeile label { width: auto !important; padding-bottom: 7px; display: inline-block; float: none; text-align: left; }
  div.transaktion_auftrag div.formular_abschluss div.zeile .links.label { width: auto !important; padding-bottom: 7px; display: inline-block; float: none; text-align: left; }
  div.transaktion_auftrag div.formular_abschluss input[type=text] { width: 100% !important; }
  div.transaktion_auftrag div.formular_abschluss input[type=password] { width: 100% !important; }
  div.transaktion_auftrag div.formular_abschluss select { width: 100% !important; }
  div.transaktion_auftrag div.formular_abschluss textarea { width: 100% !important; }
  div.transaktion_auftrag div.formular_abschluss span.select2 { width: 100% !important; }
  div.transaktion_auftrag div.formular_abschluss #nojs_weiter input { width: 100% !important; }
  div.transaktion_auftrag div.formular_abschluss .fehlertext { margin-left: 0 !important; }
  div.transaktion div.feldgruppe div.zeile label { width: auto !important; padding-bottom: 7px; display: inline-block; float: none; text-align: left; }
  div.transaktion div.feldgruppe div.zeile .links.label { width: auto !important; padding-bottom: 7px; display: inline-block; float: none; text-align: left; }
  div.transaktion div.feldgruppe input[type=text] { width: 100% !important; }
  div.transaktion div.feldgruppe input[type=password] { width: 100% !important; }
  div.transaktion div.feldgruppe select { width: 100% !important; }
  div.transaktion div.feldgruppe textarea { width: 100% !important; }
  div.transaktion div.feldgruppe span.select2 { width: 100% !important; }
  div.transaktion div.feldgruppe #nojs_weiter input { width: 100% !important; }
  div.transaktion div.feldgruppe .fehlertext { margin-left: 0 !important; }
  div.transaktion div.formular_abschluss div.zeile label { width: auto !important; padding-bottom: 7px; display: inline-block; float: none; text-align: left; }
  div.transaktion div.formular_abschluss div.zeile .links.label { width: auto !important; padding-bottom: 7px; display: inline-block; float: none; text-align: left; }
  div.transaktion div.formular_abschluss input[type=text] { width: 100% !important; }
  div.transaktion div.formular_abschluss input[type=password] { width: 100% !important; }
  div.transaktion div.formular_abschluss select { width: 100% !important; }
  div.transaktion div.formular_abschluss textarea { width: 100% !important; }
  div.transaktion div.formular_abschluss span.select2 { width: 100% !important; }
  div.transaktion div.formular_abschluss #nojs_weiter input { width: 100% !important; }
  div.transaktion div.formular_abschluss .fehlertext { margin-left: 0 !important; }
  .if-select-wrap { display: block; }
  .if-select-wrap span.if-select:before { right: 10px; }
  .row.bootstrap .schaltflaeche { width: 100%; }
  .row.bootstrap .schaltflaeche input[type=submit] { width: 100%; }
  .formular_abschluss span.info { left: 0; margin-left: 0 !important; margin-right: 5px; float: left; }
  section.buehne article.gross div.buehne_inhalt { padding-top: 100px; padding-top: calc(50px + 20%); }
  section.buehne article.gross div.buehne_inhalt h1 span { font-size: 1em !important; font-family: SparkasseWebLight, Helvetica, Arial, Sans-Serif; max-width: 100%; text-overflow: ellipsis; }
  section.buehne article.gross ul.buehne_nav { width: 100%; }
  section.buehne article.gross div.buehne_opener { width: 100%; }
  section.buehne article.gross div.buehne_piktogramm { display: none; }
  aside.transaktion_passend ul li a div { margin-right: 0 !important; }
  aside.transaktion_passend ul li span div { margin-right: 0 !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.sp1 { width: 324px !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.sp2 { width: 324px !important; }
  article.gross div.transaktion_auftrag div.feldgruppe.sp3 { width: 324px !important; }
  article.gross div.transaktion_auftrag div.feldgruppe #weltkarte { display: none; }
  .buehne .transaktion_passend ul li a div { height: 37px !important; }
  .buehne .transaktion_passend ul li a div span.hinweis { display: none; }
  footer .themen #themen_container div { width: 50%; }
  .xs-hidden { display: none !important; }
  .xs-visible { display: block !important; }
  section.buehne { margin-bottom: 2em; } }

@media only screen and (max-width: 980px) and (max-width: 600px) { .tabellenfunktionen div.tabelle_aufzuklappen { display: none; }
  .tabellenfunktionen div.tabelle_eintraege_anzeige { display: none; }
  .tabellenfunktionen div.tabelle_eintraege_wahl { display: none; }
  table.uebersicht_dauerauftrag_sepa tr th:first-child + th { display: none !important; }
  table.uebersicht_dauerauftrag_sepa tr td:first-child + td { display: none !important; }
  table.uebersicht_terminueberweisung_sepa tr th:first-child + th + th + th { display: none !important; }
  table.uebersicht_terminueberweisung_sepa tr td:first-child + td + td + td { display: none !important; }
  table.uebersicht_depotbestand_dwp tr th:first-child + th + th + th { display: none !important; }
  table.uebersicht_depotbestand_dwp tr td:first-child + td + td + td { display: none !important; }
  table { font-size: .9em !important; }
  table td { padding: 5px 5px 10px 5px; border-right: none !important; font-size: 100%; display: table; width: 100%; }
  table td table td { font-size: 100%; }
  table td table th { font-size: 100%; }
  table th { padding: 5px 5px 10px 5px; border-right: none !important; font-size: 100%; display: table; width: 100%; }
  table th table td { font-size: 100%; }
  table th table th { font-size: 100%; }
  table thead th { display: none !important; }
  table td.auswahl { display: none !important; }
  table td.mi { text-align: left !important; }
  table td.re { text-align: left !important; }
  table th.mi { text-align: left !important; }
  table th.re { text-align: left !important; }
  table td.betrag { text-align: right !important; }
  table th.betrag { text-align: right !important; }
  tr.ueberschrift th.gruppe a.icon { margin-left: 5px; }
  div.tabellenfunktionen { font-size: .9em !important; }
  div.tabellenfunktionen div input.tabsuche { width: 79%; }
  table.uebersicht_kontenliste tr th:first-child + th + th { display: none; }
  table.uebersicht_kontenliste tr td:first-child + td { display: none; }
  table.uebersicht_kontenliste th:not(:first-child) { margin-top: -10px; }
  table.uebersicht_kontenliste i.icon { margin: .1em .2em; }
  .wertigkeit2 { display: none !important; }
  .wertigkeit2_re { display: inline !important; }
  table.uebersicht_limit_verwaltung tr.ueberschrift th { display: block; }
  table.uebersicht_limit_verwaltung tr.ueberschrift th:first-child { padding-bottom: 0; border-bottom: none; }
  table.uebersicht_limit_verwaltung tr.ueberschrift th:first-child + th { padding-top: 0; }
  .formular span.info { display: none; visibility: hidden; }
  .formular_abschluss span.info { display: none; visibility: hidden; }
  section.buehne { margin-bottom: 2em; } }

@media only screen and (max-width: 980px) and (max-width: 768px) and (orientation: landscape) { .header_spacer { height: 40.8px; }
  header { min-height: 40.8px; } }

@media only screen and (max-width: 980px) and (min-width: 916px) { header #banking > div { display: table; width: 309px; margin-bottom: 8px; }
  header #banking > div form button { float: right; margin-top: -2px; margin-left: -1px; }
  header > div:not(#navigation) { vertical-align: middle; height: 76px !important; clear: left; position: relative; margin: 20px auto 0; }
  header > div:not(#navigation) .fixed-fix { margin-left: 0; }
  header .angemeldet a { float: right; margin-top: -15px; }
  header .angemeldet form#ident_abmelden { float: right; margin-top: -15px; display: inline-block; }
  header .angemeldet form#ident_abmelden button[type=submit] { position: relative; }
  header .angemeldet #schaltflaeche_einstellungen { margin-right: 5px; margin-top: -16px; }
  div#metanav { display: block; text-align: left; float: right; margin-right: 4px; }
  div#metanav ul li:last-child a div { margin-right: 0; } }

@media only screen and (max-width: 980px) and (max-width: 915px) and (orientation: landscape) { section.buehne .call-to-action { margin-top: -3px; background: white; color: red; padding: 5px; font-weight: 700; text-align: right; display: inline-block !important; }
  section.buehne .call-to-action i { font-size: 80%; } }

@media only screen and (max-width: 980px) and (max-width: 915px) and (orientation: portrait) { section.buehne .call-to-action { margin-top: -3px; background: white; color: red; padding: 5px; font-weight: 700; text-align: right; display: block !important; }
  section.buehne .call-to-action i { font-size: 80%; } }

@media only screen and (max-width: 980px) { .datenschutz ul { padding-left: 15px; }
  .MultiBox-Content table { border-bottom: none; border-top: none; margin: auto; width: 100%; }
  .MultiBox-Content table .fussnoten { background-color: transparent; }
  .MultiBox-Content table.fussnoten tr, .MultiBox-Content table.fussnoten td { background-color: transparent; }
  tr.ueberschrift div { border-color: #fff; }
  aside.fortschritt { display: none; }
  .row.bootstrap { margin-left: 0px; margin-right: 0px; width: 100%; }
  .row.bootstrap legend { padding-left: 0px; padding-right: 0px; width: 100%; } }

div.ueberschrift { margin: 0 0 10px 0; }

div.ueberschrift h1 { font: 1.2em SparkasseWeb,Helvetica,Arial,sans-serif; color: #fe0000; font-weight: bolder; padding: 0.5em 0; max-width: 100%; }

div#info { background-color: #d6d6d6; padding: 0; margin: 20px 0; }

div#info p { margin: 0; padding: 0; line-height: 1.5em; }

div#info ul { list-style-type: circle; margin-left: 2em; line-height: 1.5em; }

.pos_rechts { float: right; margin-right: 30px; }

.pos_links { float: left; margin-left: 30px; }

.abstand_top { margin-top: 30px; }

svg { pointer-events: none; display: inline-block; height: 1em; width: 1em; fill: currentColor; }

.info_box { position: absolute; z-index: 1010; left: 0; top: 0; width: 17em; color: #fff; padding: 0.3em 0.5em; border: 3px solid #fff; background-color: #898989; visibility: hidden; }

div.zeile .links { float: right; display: block; width: 93%; }

div.zeile .rechts { margin: 10px; }

div.zeile label, div.zeile .label { line-height: 150%; }

div#hinweistext { background-color: #d6d6d6; padding: 0; margin: 0 auto 0 auto; max-width: 980px; }

div#hinweistext p { margin: 0; padding: 15px 20px 15px 15px; line-height: 1.5em; font-size: 90%; }

img.only-desktop { height: 96px; vertical-align: middle; border: none; }

div.pos_rechts div.schaltflaeche:not(.zurueck) { background-color: grey; }

.formular div.pflichtfelder_hinweis:not(.zurueck) { text-align: left; margin-top: 40px; }

.pflichtfelder_hinweis { font-style: normal; }

.formular div.schaltflaeche:not(.zurueck)::after, .formular_abschluss div.schaltflaeche:not(.zurueck)::after { top: -27px; }

.hbm-italic { font-style: italic; }