.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0
}

.qtip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word
}

.qtip-titlebar {
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border-width: 0 0 1px;
    font-weight: 700
}

.qtip-titlebar+.qtip-content {
    border-top-width: 0 !important
}

.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    cursor: pointer;
    outline: 0;
    border: 1px solid transparent
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px
}

* html .qtip-titlebar .qtip-close {
    top: 16px
}

.qtip-icon .ui-icon,
.qtip-titlebar .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr
}

.qtip-icon,
.qtip-icon .ui-icon {
    border-radius: 3px;
    text-decoration: none
}

.qtip-icon .ui-icon {
    width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-indent: 0;
    font: 400 bold 10px/13px Tahoma, sans-serif;
    color: inherit;
    background: -100em -100em no-repeat
}

.qtip-default {
    border: 1px solid #f1d031;
    background-color: #ffffa3;
    color: #555
}

.qtip-default .qtip-titlebar {
    background-color: #ffef93
}

.qtip-default .qtip-icon {
    border-color: #CCC;
    background: #f1f1f1;
    color: #777
}

.qtip-default .qtip-titlebar .qtip-close {
    border-color: #AAA;
    color: #111
}

.qtip-light {
    background-color: #fff;
    border-color: #e2e2e2;
    color: #454545
}

.qtip-light .qtip-titlebar {
    background-color: #f1f1f1
}

.qtip-dark {
    background-color: #505050;
    border-color: #303030;
    color: #f3f3f3
}

.qtip-dark .qtip-titlebar {
    background-color: #404040
}

.qtip-dark .qtip-icon {
    border-color: #444
}

.qtip-dark .qtip-titlebar .ui-state-hover {
    border-color: #303030
}

.qtip-cream {
    background-color: #fbf7aa;
    border-color: #f9e98e;
    color: #a27d35
}

.qtip-cream .qtip-titlebar {
    background-color: #f0de7d
}

.qtip-cream .qtip-close .qtip-icon {
    background-position: -82px 0
}

.qtip-red {
    background-color: #f78b83;
    border-color: #d95252;
    color: #912323
}

.qtip-red .qtip-titlebar {
    background-color: #f06d65
}

.qtip-red .qtip-close .qtip-icon {
    background-position: -102px 0
}

.qtip-red .qtip-icon,
.qtip-red .qtip-titlebar .ui-state-hover {
    border-color: #d95252
}

.qtip-green {
    background-color: #caed9e;
    border-color: #90d93f;
    color: #3f6219
}

.qtip-green .qtip-titlebar {
    background-color: #b0de78
}

.qtip-green .qtip-close .qtip-icon {
    background-position: -42px 0
}

.qtip-blue {
    background-color: #e5f6fe;
    border-color: #add9ed;
    color: #5e99bd
}

.qtip-blue .qtip-titlebar {
    background-color: #d0e9f5
}

.qtip-blue .qtip-close .qtip-icon {
    background-position: -2px 0
}

.qtip-shadow {
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15)
}

.qtip-bootstrap,
.qtip-rounded,
.qtip-tipsy {
    border-radius: 5px
}

.qtip-rounded .qtip-titlebar {
    border-radius: 4px 4px 0 0
}

.qtip-youtube {
    border-radius: 2px;
    box-shadow: 0 0 3px #333;
    color: #fff;
    border: 0 solid transparent;
    background: #4a4a4a;
    background-image: -o-linear-gradient(top, #4a4a4a 0, #000 100%)
}

.qtip-youtube .qtip-titlebar {
    background-color: transparent
}

.qtip-youtube .qtip-content {
    padding: .75em;
    font: 12px arial, sans-serif;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"
}

.qtip-youtube .qtip-icon {
    border-color: #222
}

.qtip-youtube .qtip-titlebar .ui-state-hover {
    border-color: #303030
}

.qtip-jtools {
    background: #232323;
    background: rgba(0, 0, 0, 0.7);
    background-image: -o-linear-gradient(top, #717171, #232323);
    border: 2px solid #ddd;
    border: 2px solid #f1f1f1;
    border-radius: 2px;
    box-shadow: 0 0 12px #333
}

.qtip-jtools .qtip-titlebar {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"
}

.qtip-jtools .qtip-content {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"
}

.qtip-jtools .qtip-content,
.qtip-jtools .qtip-titlebar {
    background: 0;
    color: #fff;
    border: 0 dashed transparent
}

.qtip-jtools .qtip-icon {
    border-color: #555
}

.qtip-jtools .qtip-titlebar .ui-state-hover {
    border-color: #333
}

.qtip-cluetip {
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    background-color: #d9d9c2;
    color: #111;
    border: 0 dashed transparent
}

.qtip-cluetip .qtip-titlebar {
    background-color: #87876a;
    color: #fff;
    border: 0 dashed transparent
}

.qtip-cluetip .qtip-icon {
    border-color: #808064
}

.qtip-cluetip .qtip-titlebar .ui-state-hover {
    border-color: #696952;
    color: #696952
}

.qtip-tipsy {
    background: #000;
    background: rgba(0, 0, 0, 0.87);
    color: #fff;
    border: 0 solid transparent;
    font-size: 11px;
    font-family: 'Lucida Grande', sans-serif;
    font-weight: 700;
    line-height: 16px;
    text-shadow: 0 1px #000
}

.qtip-tipsy .qtip-titlebar {
    padding: 6px 35px 0 10px;
    background-color: transparent
}

.qtip-tipsy .qtip-content {
    padding: 6px 10px
}

.qtip-tipsy .qtip-icon {
    border-color: #222;
    text-shadow: none
}

.qtip-tipsy .qtip-titlebar .ui-state-hover {
    border-color: #303030
}

.qtip-tipped {
    border: 3px solid #959fa9;
    border-radius: 3px;
    background-color: #f9f9f9;
    color: #454545;
    font-weight: 400;
    font-family: serif
}

.qtip-tipped .qtip-titlebar {
    border-bottom-width: 0;
    color: #fff;
    background: #3a79b8;
    background-image: -o-linear-gradient(top, #3a79b8, #2e629d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"
}

.qtip-tipped .qtip-icon {
    border: 2px solid #285589;
    background: #285589
}

.qtip-tipped .qtip-icon .ui-icon {
    background-color: #fbfbfb;
    color: #555
}

.qtip-bootstrap {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    padding: 1px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box
}

.qtip-bootstrap .qtip-titlebar {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.qtip-bootstrap .qtip-titlebar .qtip-close {
    right: 11px;
    top: 45%;
    border-style: none
}

.qtip-bootstrap .qtip-content {
    padding: 9px 14px
}

.qtip-bootstrap .qtip-icon {
    background: 0
}

.qtip-bootstrap .qtip-icon .ui-icon {
    width: auto;
    height: auto;
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.qtip-bootstrap .qtip-icon .ui-icon:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    filter: alpha(opacity=40)
}

.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
    -webkit-filter: none;
    filter: none;
    -ms-filter: none
}

.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10
}

.qtip .qtip-tip,
x:-o-prefocus {
    visibility: hidden
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
    position: absolute;
    color: #123456;
    background: 0;
    border: 0 dashed transparent
}

.qtip .qtip-tip canvas {
    top: 0;
    left: 0
}

.qtip .qtip-tip .qtip-vml {
    display: inline-block;
    visibility: visible
}

#qtip-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#qtip-overlay.blurs {
    cursor: pointer
}

#qtip-overlay div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(Opacity=70)"
}

.qtipmodal-ie6fix {
    position: absolute !important
}

.mejs-offscreen {
    position: absolute !important;
    top: -10000px;
    left: -10000px;
    overflow: hidden;
    width: 1px;
    height: 1px
}

.mejs-container {
    position: relative;
    font-family: Helvetica, Arial;
    text-align: left;
    vertical-align: top;
    text-indent: 0;
    width: 100%;
    height: auto !important;
    outline: 0
}

.mejs-container:after {
    content: '';
    display: block;
    padding-top: 56.25%
}

.me-plugin {
    position: absolute
}

.mejs-embed,
.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.mejs-fullscreen {
    overflow: hidden !important
}

.mejs-container-fullscreen {
    position: fixed !important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
    height: 100% !important
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%
}

.mejs-clear {
    clear: both
}

.mejs-background {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

:root .mejs-poster img {
    display: none
}

.mejs-poster img {
    border: 0;
    padding: 0;
    border: 0
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-overlay-play {
    cursor: pointer
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(../Images/bigplay-svg-data.svg) no-repeat
}

.no-svg .mejs-overlay-button {
    background-image: url(../Images/bigplay-png-data.png)
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url(../Images/loading-gif-data.gif) 50% 50% no-repeat
}

.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background: url(../Images/background-png-data.png);
    background: rgba(0, 0, 0, 0.7);
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    height: 30px;
    width: 100%
}

.mejs-container .mejs-controls div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: 11px;
    line-height: 11px;
    font-family: Helvetica, Arial;
    border: 0
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url(../Images/controls-svg-data.svg) no-repeat
}

.no-svg .mejs-controls .mejs-button button {
    background-image: url(../Images/controls-png-data.png)
}

.mejs-controls .mejs-button button:focus {
    outline: dotted 1px #999
}

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 10px 3px 0 3px;
    overflow: hidden;
    text-align: center;
    box-sizing: content-box
}

.mejs-container .mejs-controls .mejs-time a {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto
}

.mejs-controls .mejs-play button {
    background-position: 0 0
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px
}

.mejs-controls .mejs-stop button {
    background-position: -112px 0
}

.mejs-controls div.mejs-time-rail {
    direction: ltr;
    width: 200px;
    padding-top: 5px
}

.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-time-rail a {
    display: block;
    position: absolute;
    width: 180px;
    height: 10px;
    border-radius: 2px;
    cursor: pointer
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 5px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8))
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #3caac8;
    background: rgba(60, 170, 200, 0.8);
    background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    border: solid 2px #333;
    top: -2px;
    text-align: center
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: solid 1px #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent transparent;
    border-radius: 0;
    top: 15px;
    left: 13px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px
}

.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px
}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0
}

.mejs-controls .mejs-volume-button {
    position: relative
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: url(../Images/background-png-data.png);
    background: rgba(50, 50, 50, 0.7);
    border-radius: 0;
    top: -115px;
    left: 0;
    z-index: 1;
    position: absolute;
    margin: 0
}

.mejs-controls .mejs-volume-button:hover {
    border-radius: 0 0 4px 4px
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.5);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    cursor: N-resize;
    border-radius: 1px;
    margin: 0
}

.mejs-controls a.mejs-horizontal-volume-slider {
    height: 26px;
    width: 56px;
    position: relative;
    display: block;
    float: left;
    vertical-align: middle
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    border-radius: 2px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    border-radius: 2px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none
}

.mejs-controls .mejs-captions-button {
    position: relative
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -51px;
    width: 85px;
    height: 100px;
    background: url(../Images/background-png-data.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px 10px 0 10px;
    overflow: hidden;
    border-radius: 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 55px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px 0
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0, 0, 0, 0.7);
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
    overflow: hidden;
    border: 0
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: 0
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102, 102, 102, 0.7);
    background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232)
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px 0;
    line-height: 12px
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #fff
}

.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline
}

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: normal
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0
}

.mejs-captions-position-hover {
    bottom: 35px
}

.mejs-captions-text {
    padding: 3px 5px;
    background: url(../Images/background-png-data.png);
    background: rgba(20, 20, 20, 0.5);
    white-space: pre-wrap
}

.me-cannotplay a {
    color: #fff;
    font-weight: bold
}

.me-cannotplay span {
    padding: 15px;
    display: block
}

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0
}

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0
}

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001
}

.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333
}

.mejs-contextmenu .mejs-contextmenu-item {
    font-family: Helvetica, Arial;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2c7c91;
    color: #fff
}

.mejs-controls .mejs-sourcechooser-button {
    position: relative
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url(../Images/background-png-data.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    border-radius: 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../Images/background-png-data.png);
    background: rgba(50, 50, 50, 0.7);
    z-index: 1000;
    overflow: hidden
}

.mejs-postroll-layer-content {
    width: 100%;
    height: 100%
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../Images/background-png-data.png);
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer
}

div.mejs-speed-button {
    width: 46px !important;
    position: relative
}

.mejs-controls .mejs-button.mejs-speed-button button {
    background: transparent;
    width: 36px;
    font-size: 11px;
    line-height: normal;
    color: #fff
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
    visibility: hidden;
    position: absolute;
    top: -100px;
    left: -10px;
    width: 60px;
    height: 100px;
    background: url(../Images/background-png-data.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 0;
    overflow: hidden;
    border-radius: 0
}

.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector {
    visibility: visible
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
    color: #21f8f8
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
    margin: 0 0 6px 0;
    padding: 0 10px;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
    display: none
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
    width: 60px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 11.5px;
    color: white;
    margin-left: 5px;
    cursor: pointer
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
    background-color: #c8c8c8 !important;
    background-color: rgba(255, 255, 255, 0.4) !important
}

.mejs-controls .mejs-button.mejs-skip-back-button {
    background: transparent url(../Images/skipback-png-data.png) no-repeat;
    background-position: 3px 3px
}

.mejs-controls .mejs-button.mejs-skip-back-button button {
    background: transparent;
    font-size: 9px;
    line-height: normal;
    color: #fff
}

.mejs-ted .mejs-controls {
    background: #eee;
    height: 65px
}

.mejs-ted .mejs-button,
.mejs-ted .mejs-time {
    position: absolute;
    background: #ddd
}

.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-total {
    background-color: unset;
    background: url(../Images/controls-ted-png-data.png) repeat-x 0 -52px;
    height: 6px
}

.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-buffering {
    height: 6px
}

.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background-color: transparent;
    background: url(../Images/controls-ted-png-data.png) repeat-x 0 -52px;
    width: 0;
    height: 6px
}

.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-current {
    width: 0;
    height: 6px;
    background-color: transparent;
    background: url(../Images/controls-ted-png-data.png) repeat-x 0 -59px
}

.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-handle {
    display: block;
    margin: 0;
    width: 14px;
    height: 21px;
    top: -7px;
    border: 0;
    background: url(../Images/controls-ted-png-data.png) no-repeat 0 0
}

.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-float {
    display: none
}

.mejs-ted .mejs-controls .mejs-playpause-button {
    top: 29px;
    left: 9px;
    width: 49px;
    height: 28px
}

.mejs-ted .mejs-controls .mejs-playpause-button button {
    width: 49px;
    height: 28px;
    background: url(../Images/controls-ted-png-data.png) no-repeat -50px -23px;
    margin: 0;
    padding: 0
}

.mejs-ted .mejs-controls .mejs-pause button {
    background-position: 0 -23px
}

.mejs-ted .mejs-controls .mejs-fullscreen-button {
    top: 34px;
    right: 9px;
    width: 17px;
    height: 15px;
    background: 0
}

.mejs-ted .mejs-controls .mejs-fullscreen-button button {
    width: 19px;
    height: 17px;
    background: transparent url(../Images/controls-ted-png-data.png) no-repeat 0 -66px;
    margin: 0;
    padding: 0
}

.mejs-ted .mejs-controls .mejs-unfullscreen button {
    background: transparent url(../Images/controls-ted-png-data.png) no-repeat -21px -66px;
    margin: 0;
    padding: 0
}

.mejs-ted .mejs-controls .mejs-volume-button {
    top: 30px;
    right: 35px;
    width: 24px;
    height: 22px
}

.mejs-ted .mejs-controls .mejs-mute button {
    background: url(../Images/controls-ted-png-data.png) no-repeat -15px 0;
    width: 24px;
    height: 22px;
    margin: 0;
    padding: 0
}

.mejs-ted .mejs-controls .mejs-unmute button {
    background: url(../Images/controls-ted-png-data.png) no-repeat -40px 0;
    width: 24px;
    height: 22px;
    margin: 0;
    padding: 0
}

.mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-slider {
    background: #fff;
    border: solid 1px #aaa;
    border-width: 1px 1px 0 1px;
    width: 22px;
    height: 65px;
    top: -65px
}

.mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-total {
    background: url(../Images/controls-ted-png-data.png) repeat-y -41px -66px;
    left: 8px;
    width: 6px;
    height: 50px
}

.mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-current {
    left: 8px;
    width: 6px;
    background: url(../Images/controls-ted-png-data.png) repeat-y -48px -66px;
    height: 50px
}

.mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-handle {
    display: none
}

.mejs-ted .mejs-controls .mejs-time span {
    color: #333
}

.mejs-ted .mejs-controls .mejs-currenttime-container {
    position: absolute;
    top: 32px;
    right: 100px;
    border: solid 1px #999;
    background: #fff;
    color: #333;
    padding-top: 2px;
    border-radius: 3px;
    color: #333
}

.mejs-ted .mejs-controls .mejs-duration-container {
    position: absolute;
    top: 32px;
    right: 65px;
    border: solid 1px #999;
    background: #fff;
    color: #333;
    padding-top: 2px;
    border-radius: 3px;
    color: #333
}

.mejs-ted .mejs-controls .mejs-time button {
    color: #333
}

.mejs-ted .mejs-controls .mejs-captions-button {
    display: none
}

.mejs-wmp .mejs-controls {
    background: transparent url(../Images/controls-wmp-bg-png-data.png) center 16px no-repeat;
    height: 65px
}

.mejs-wmp .mejs-button,
.mejs-wmp .mejs-time {
    position: absolute;
    background: transparent
}

.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-total {
    background-color: transparent;
    border: solid 1px #ccc;
    height: 3px
}

.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-buffering {
    height: 3px
}

.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background-color: rgba(255, 255, 255, 0.3);
    width: 0;
    height: 3px
}

.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-current {
    width: 0;
    height: 1px;
    background-color: #014cb6;
    border: solid 1px #7fc9fa;
    border-width: 1px 0;
    border-color: #7fc9fa #fff #619ff2 #fff
}

.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-handle {
    display: block;
    margin: 0;
    width: 16px;
    height: 9px;
    top: -3px;
    border: 0;
    background: url(../Images/controls-wmp-png-data.png) no-repeat 0 -80px
}

.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-float {
    display: none
}

.mejs-wmp .mejs-controls .mejs-playpause-button {
    top: 10px;
    left: 50%;
    margin: 10px 0 0 -20px;
    width: 40px;
    height: 40px
}

.mejs-wmp .mejs-controls .mejs-playpause-button button {
    width: 40px;
    height: 40px;
    background: url(../Images/controls-wmp-png-data.png) no-repeat 0 0;
    margin: 0;
    padding: 0
}

.mejs-wmp .mejs-controls .mejs-pause button {
    background-position: 0 -40px
}

.mejs-wmp .mejs-controls .mejs-currenttime-container {
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -93px
}

.mejs-wmp .mejs-controls .mejs-duration-container {
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -58px
}

.mejs-wmp .mejs-controls .mejs-volume-button {
    top: 32px;
    right: 50%;
    margin-right: -55px;
    width: 20px;
    height: 15px
}

.mejs-wmp .mejs-controls .mejs-volume-button button {
    margin: 0;
    padding: 0;
    background: url(../Images/controls-wmp-png-data.png) no-repeat -42px -17px;
    width: 20px;
    height: 15px
}

.mejs-wmp .mejs-controls .mejs-unmute button {
    margin: 0;
    padding: 0;
    background: url(../Images/controls-wmp-png-data.png) no-repeat -42px 0;
    width: 20px;
    height: 15px
}

.mejs-wmp .mejs-controls .mejs-volume-button .mejs-volume-slider {
    background: rgba(102, 102, 102, 0.6)
}

.mejs-wmp .mejs-controls .mejs-fullscreen-button {
    top: 32px;
    right: 50%;
    margin-right: -82px;
    width: 15px;
    height: 14px
}

.mejs-wmp .mejs-controls .mejs-fullscreen-button button {
    margin: 0;
    padding: 0;
    background: url(../Images/controls-wmp-png-data.png) no-repeat -63px 0;
    width: 15px;
    height: 14px
}

.mejs-wmp .mejs-controls .mejs-captions-button {
    display: none
}

.irs {
    height: 55px
}

.irs-with-grid {
    height: 75px
}

.irs-line {
    height: 10px;
    top: 33px;
    background: #EEE;
    background: linear-gradient(to bottom, #DDD -50%, #FFF 150%);
    border: 1px solid #CCC;
    border-radius: 16px;
    -moz-border-radius: 16px
}

.irs-line-left {
    height: 8px
}

.irs-line-mid {
    height: 8px
}

.irs-line-right {
    height: 8px
}

.irs-bar {
    height: 10px;
    top: 33px;
    border-top: 1px solid #428bca;
    border-bottom: 1px solid #428bca;
    background: #428bca;
    background: linear-gradient(to top, #428bca 0, #7fc3e8 100%)
}

.irs-bar-edge {
    height: 10px;
    top: 33px;
    width: 14px;
    border: 1px solid #428bca;
    border-right: 0;
    background: #428bca;
    background: linear-gradient(to top, #428bca 0, #7fc3e8 100%);
    border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px
}

.irs-shadow {
    height: 2px;
    top: 38px;
    background: #000;
    opacity: .3;
    border-radius: 5px;
    -moz-border-radius: 5px
}

.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30)
}

.irs-slider {
    top: 25px;
    width: 27px;
    height: 27px;
    border: 1px solid #AAA;
    background: #DDD;
    background: linear-gradient(to bottom, #fff 0, #dcdcdc 20%, #fff 100%);
    border-radius: 27px;
    -moz-border-radius: 27px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer
}

.irs-slider.state_hover,
.irs-slider:hover {
    background: #FFF
}

.irs-min,
.irs-max {
    color: #333;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -moz-border-radius: 3px
}

.lt-ie9 .irs-min,
.lt-ie9 .irs-max {
    background: #ccc
}

.irs-from,
.irs-to,
.irs-single {
    color: #fff;
    font-size: 14px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #428bca;
    border-radius: 3px;
    -moz-border-radius: 3px
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-to,
.lt-ie9 .irs-single {
    background: #999
}

.irs-grid {
    height: 27px
}

.irs-grid-pol {
    opacity: .5;
    background: #428bca
}

.irs-grid-pol.small {
    background: #999
}

.irs-grid-text {
    bottom: 5px;
    color: #99a4ac
}

.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0
}

.irs-line-left {
    left: 0;
    width: 11%
}

.irs-line-mid {
    left: 9%;
    width: 82%
}

.irs-line-right {
    right: 0;
    width: 11%
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0
}

.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1
}

.irs-slider.type_last {
    z-index: 2
}

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: transparent;
    z-index: 2
}

.irs-disabled {
    opacity: .4
}

.lt-ie9 .irs-disabled {
    filter: alpha(opacity=40)
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important
}

meta.foundation-version {
    font-family:"/{{VERSION}}/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 39.938em)/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40em)/";
    width: 40em
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40em) and (max-width:79.938em)/";
    width: 40em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:80em)/";
    width: 80em
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:80em) and (max-width:99.938em)/";
    width: 80em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:100em)/";
    width: 100em
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:100em) and (max-width:99999999em)/";
    width: 100em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

html,
body {
    height: 100%
}

*,
*:before,
*:after {
    box-sizing: border-box
}

html,
body {
    font-size: 14px
}

body {
    background: #fff;
    color: #3f3f3f;
    padding: 0;
    margin: 0;
    font-family: AauxNext-Medium;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    position: relative;
    cursor: auto
}

a:hover {
    cursor: pointer
}

img {
    max-width: 100%;
    height: auto
}

img {
    -ms-interpolation-mode: bicubic
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
    max-width: none !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

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

.clearfix:after {
    clear: both
}

.hide {
    display: none
}

.invisible {
    visibility: hidden
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 100%
}

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

.row:after {
    clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none
}

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

.row .row:after {
    clear: both
}

.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none
}

.row .row.collapse:before,
.row .row.collapse:after {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,
.columns {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    float: left
}

[class*="column"]+[class*="column"]:last-child {
    float: right
}

[class*="column"]+[class*="column"].end {
    float: left
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .small-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .small-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .small-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .small-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .small-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .small-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .small-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .small-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .small-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .small-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .small-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .small-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .small-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .small-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .small-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .small-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,
    .columns {
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
        float: left
    }

    .small-1 {
        width: 8.33333%
    }

    .small-2 {
        width: 16.66667%
    }

    .small-3 {
        width: 25%
    }

    .small-4 {
        width: 33.33333%
    }

    .small-5 {
        width: 41.66667%
    }

    .small-6 {
        width: 50%
    }

    .small-7 {
        width: 58.33333%
    }

    .small-8 {
        width: 66.66667%
    }

    .small-9 {
        width: 75%
    }

    .small-10 {
        width: 83.33333%
    }

    .small-11 {
        width: 91.66667%
    }

    .small-12 {
        width: 100%
    }

    .small-offset-0 {
        margin-left: 0 !important
    }

    .small-offset-1 {
        margin-left: 8.33333% !important
    }

    .small-offset-2 {
        margin-left: 16.66667% !important
    }

    .small-offset-3 {
        margin-left: 25% !important
    }

    .small-offset-4 {
        margin-left: 33.33333% !important
    }

    .small-offset-5 {
        margin-left: 41.66667% !important
    }

    .small-offset-6 {
        margin-left: 50% !important
    }

    .small-offset-7 {
        margin-left: 58.33333% !important
    }

    .small-offset-8 {
        margin-left: 66.66667% !important
    }

    .small-offset-9 {
        margin-left: 75% !important
    }

    .small-offset-10 {
        margin-left: 83.33333% !important
    }

    .small-offset-11 {
        margin-left: 91.66667% !important
    }

    .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.small-uncentered,
    .columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .column.small-centered:last-child,
    .columns.small-centered:last-child {
        float: none
    }

    .column.small-uncentered:last-child,
    .columns.small-uncentered:last-child {
        float: left
    }

    .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {
        float: right
    }

    .row.small-collapse>.column,
    .row.small-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.small-uncollapse>.column,
    .row.small-uncollapse>.columns {
        padding-left: 20px;
        padding-right: 20px;
        float: left
    }
}

@media only screen and (min-width:40em) {
    .medium-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .medium-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .medium-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .medium-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .medium-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .medium-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .medium-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .medium-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .medium-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,
    .columns {
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
        float: left
    }

    .medium-1 {
        width: 8.33333%
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-0 {
        margin-left: 0 !important
    }

    .medium-offset-1 {
        margin-left: 8.33333% !important
    }

    .medium-offset-2 {
        margin-left: 16.66667% !important
    }

    .medium-offset-3 {
        margin-left: 25% !important
    }

    .medium-offset-4 {
        margin-left: 33.33333% !important
    }

    .medium-offset-5 {
        margin-left: 41.66667% !important
    }

    .medium-offset-6 {
        margin-left: 50% !important
    }

    .medium-offset-7 {
        margin-left: 58.33333% !important
    }

    .medium-offset-8 {
        margin-left: 66.66667% !important
    }

    .medium-offset-9 {
        margin-left: 75% !important
    }

    .medium-offset-10 {
        margin-left: 83.33333% !important
    }

    .medium-offset-11 {
        margin-left: 91.66667% !important
    }

    .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.medium-uncentered,
    .columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .column.medium-centered:last-child,
    .columns.medium-centered:last-child {
        float: none
    }

    .column.medium-uncentered:last-child,
    .columns.medium-uncentered:last-child {
        float: left
    }

    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right
    }

    .row.medium-collapse>.column,
    .row.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.medium-uncollapse>.column,
    .row.medium-uncollapse>.columns {
        padding-left: 20px;
        padding-right: 20px;
        float: left
    }

    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

@media only screen and (min-width:80em) {
    .large-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,
    .columns {
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
        float: left
    }

    .large-1 {
        width: 8.33333%
    }

    .large-2 {
        width: 16.66667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-9 {
        width: 75%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-0 {
        margin-left: 0 !important
    }

    .large-offset-1 {
        margin-left: 8.33333% !important
    }

    .large-offset-2 {
        margin-left: 16.66667% !important
    }

    .large-offset-3 {
        margin-left: 25% !important
    }

    .large-offset-4 {
        margin-left: 33.33333% !important
    }

    .large-offset-5 {
        margin-left: 41.66667% !important
    }

    .large-offset-6 {
        margin-left: 50% !important
    }

    .large-offset-7 {
        margin-left: 58.33333% !important
    }

    .large-offset-8 {
        margin-left: 66.66667% !important
    }

    .large-offset-9 {
        margin-left: 75% !important
    }

    .large-offset-10 {
        margin-left: 83.33333% !important
    }

    .large-offset-11 {
        margin-left: 91.66667% !important
    }

    .large-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.large-uncentered,
    .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .column.large-centered:last-child,
    .columns.large-centered:last-child {
        float: none
    }

    .column.large-uncentered:last-child,
    .columns.large-uncentered:last-child {
        float: left
    }

    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right
    }

    .row.large-collapse>.column,
    .row.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.large-uncollapse>.column,
    .row.large-uncollapse>.columns {
        padding-left: 20px;
        padding-right: 20px;
        float: left
    }

    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -.71429rem
}

[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
    content: " ";
    display: table
}

[class*="block-grid-"]:after {
    clear: both
}

[class*="block-grid-"]>li {
    display: block;
    height: auto;
    float: left;
    padding: 0 .71429rem 1.42857rem
}

@media only screen {
    .small-block-grid-1>li {
        width: 100%;
        list-style: none
    }

    .small-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .small-block-grid-2>li {
        width: 50%;
        list-style: none
    }

    .small-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }

    .small-block-grid-3>li {
        width: 33.33333%;
        list-style: none
    }

    .small-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .small-block-grid-4>li {
        width: 25%;
        list-style: none
    }

    .small-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .small-block-grid-5>li {
        width: 20%;
        list-style: none
    }

    .small-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .small-block-grid-6>li {
        width: 16.66667%;
        list-style: none
    }

    .small-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .small-block-grid-7>li {
        width: 14.28571%;
        list-style: none
    }

    .small-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .small-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }

    .small-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .small-block-grid-9>li {
        width: 11.11111%;
        list-style: none
    }

    .small-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .small-block-grid-10>li {
        width: 10%;
        list-style: none
    }

    .small-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .small-block-grid-11>li {
        width: 9.09091%;
        list-style: none
    }

    .small-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .small-block-grid-12>li {
        width: 8.33333%;
        list-style: none
    }

    .small-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width:40em) {
    .medium-block-grid-1>li {
        width: 100%;
        list-style: none
    }

    .medium-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .medium-block-grid-2>li {
        width: 50%;
        list-style: none
    }

    .medium-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }

    .medium-block-grid-3>li {
        width: 33.33333%;
        list-style: none
    }

    .medium-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .medium-block-grid-4>li {
        width: 25%;
        list-style: none
    }

    .medium-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .medium-block-grid-5>li {
        width: 20%;
        list-style: none
    }

    .medium-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .medium-block-grid-6>li {
        width: 16.66667%;
        list-style: none
    }

    .medium-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .medium-block-grid-7>li {
        width: 14.28571%;
        list-style: none
    }

    .medium-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .medium-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }

    .medium-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .medium-block-grid-9>li {
        width: 11.11111%;
        list-style: none
    }

    .medium-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .medium-block-grid-10>li {
        width: 10%;
        list-style: none
    }

    .medium-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .medium-block-grid-11>li {
        width: 9.09091%;
        list-style: none
    }

    .medium-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .medium-block-grid-12>li {
        width: 8.33333%;
        list-style: none
    }

    .medium-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width:80em) {
    .large-block-grid-1>li {
        width: 100%;
        list-style: none
    }

    .large-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .large-block-grid-2>li {
        width: 50%;
        list-style: none
    }

    .large-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }

    .large-block-grid-3>li {
        width: 33.33333%;
        list-style: none
    }

    .large-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .large-block-grid-4>li {
        width: 25%;
        list-style: none
    }

    .large-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .large-block-grid-5>li {
        width: 20%;
        list-style: none
    }

    .large-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .large-block-grid-6>li {
        width: 16.66667%;
        list-style: none
    }

    .large-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .large-block-grid-7>li {
        width: 14.28571%;
        list-style: none
    }

    .large-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .large-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }

    .large-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .large-block-grid-9>li {
        width: 11.11111%;
        list-style: none
    }

    .large-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .large-block-grid-10>li {
        width: 10%;
        list-style: none
    }

    .large-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .large-block-grid-11>li {
        width: 9.09091%;
        list-style: none
    }

    .large-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .large-block-grid-12>li {
        width: 8.33333%;
        list-style: none
    }

    .large-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

button,
.button {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: AauxNext-Medium;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.42857rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    display: inline-block;
    padding-top: 1.14286rem;
    padding-right: 2.28571rem;
    padding-bottom: 1.21429rem;
    padding-left: 2.28571rem;
    font-size: 1.14286rem;
    background-color: #f73429;
    border-color: #de1408;
    color: #fff;
    transition: background-color 300ms ease-out
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: #de1408
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    color: #fff
}

button.secondary,
.button.secondary {
    background-color: #3975b6;
    border-color: #2e5e92;
    color: #fff
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    background-color: #2e5e92
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    color: #fff
}

button.success,
.button.success {
    background-color: #43ac6a;
    border-color: #368a55;
    color: #fff
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
    background-color: #368a55
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
    color: #fff
}

button.alert,
.button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
    background-color: #cf2a0e
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
    color: #fff
}

button.warning,
.button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
    background-color: #cf6e0e
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
    color: #fff
}

button.info,
.button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
    background-color: #61b6d9
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
    color: #fff
}

button.large,
.button.large {
    padding-top: 1.28571rem;
    padding-right: 2.57143rem;
    padding-bottom: 1.35714rem;
    padding-left: 2.57143rem;
    font-size: 1.42857rem
}

button.small,
.button.small {
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.07143rem;
    padding-left: 2rem;
    font-size: 1.14286rem
}

button.tiny,
.button.tiny {
    padding-top: .71429rem;
    padding-right: 1.42857rem;
    padding-bottom: .78571rem;
    padding-left: 1.42857rem;
    font-size: .78571rem
}

button.expand,
.button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%
}

button.left-align,
.button.left-align {
    text-align: left;
    text-indent: .85714rem
}

button.right-align,
.button.right-align {
    text-align: right;
    padding-right: .85714rem
}

button.radius,
.button.radius {
    border-radius: 3px
}

button.round,
.button.round {
    border-radius: 1000px
}

button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
    background-color: #f73429;
    border-color: #de1408;
    color: #fff;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #de1408
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    color: #fff
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #f73429
}

button.disabled.secondary,
button[disabled].secondary,
.button.disabled.secondary,
.button[disabled].secondary {
    background-color: #3975b6;
    border-color: #2e5e92;
    color: #fff;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    background-color: #2e5e92
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    color: #fff
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    background-color: #3975b6
}

button.disabled.success,
button[disabled].success,
.button.disabled.success,
.button[disabled].success {
    background-color: #43ac6a;
    border-color: #368a55;
    color: #fff;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    background-color: #368a55
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    color: #fff
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    background-color: #43ac6a
}

button.disabled.alert,
button[disabled].alert,
.button.disabled.alert,
.button[disabled].alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    background-color: #cf2a0e
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    color: #fff
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    background-color: #f04124
}

button.disabled.warning,
button[disabled].warning,
.button.disabled.warning,
.button[disabled].warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    background-color: #cf6e0e
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    color: #fff
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    background-color: #f08a24
}

button.disabled.info,
button[disabled].info,
.button.disabled.info,
.button[disabled].info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    background-color: #61b6d9
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    color: #fff
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    background-color: #a0d3e8
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media only screen and (min-width:40em) {

    button,
    .button {
        display: inline-block
    }
}

.button-group {
    list-style: none;
    margin: 0;
    left: 0
}

.button-group:before,
.button-group:after {
    content: " ";
    display: table
}

.button-group:after {
    clear: both
}

.button-group.even-2 li {
    margin: 0 -2px;
    display: inline-block;
    width: 50%
}

.button-group.even-2 li>button,
.button-group.even-2 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.even-2 li:first-child button,
.button-group.even-2 li:first-child .button {
    border-left: 0
}

.button-group.even-2 li button,
.button-group.even-2 li .button {
    width: 100%
}

.button-group.even-3 li {
    margin: 0 -2px;
    display: inline-block;
    width: 33.33333%
}

.button-group.even-3 li>button,
.button-group.even-3 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.even-3 li:first-child button,
.button-group.even-3 li:first-child .button {
    border-left: 0
}

.button-group.even-3 li button,
.button-group.even-3 li .button {
    width: 100%
}

.button-group.even-4 li {
    margin: 0 -2px;
    display: inline-block;
    width: 25%
}

.button-group.even-4 li>button,
.button-group.even-4 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.even-4 li:first-child button,
.button-group.even-4 li:first-child .button {
    border-left: 0
}

.button-group.even-4 li button,
.button-group.even-4 li .button {
    width: 100%
}

.button-group.even-5 li {
    margin: 0 -2px;
    display: inline-block;
    width: 20%
}

.button-group.even-5 li>button,
.button-group.even-5 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.even-5 li:first-child button,
.button-group.even-5 li:first-child .button {
    border-left: 0
}

.button-group.even-5 li button,
.button-group.even-5 li .button {
    width: 100%
}

.button-group.even-6 li {
    margin: 0 -2px;
    display: inline-block;
    width: 16.66667%
}

.button-group.even-6 li>button,
.button-group.even-6 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.even-6 li:first-child button,
.button-group.even-6 li:first-child .button {
    border-left: 0
}

.button-group.even-6 li button,
.button-group.even-6 li .button {
    width: 100%
}

.button-group.even-7 li {
    margin: 0 -2px;
    display: inline-block;
    width: 14.28571%
}

.button-group.even-7 li>button,
.button-group.even-7 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.even-7 li:first-child button,
.button-group.even-7 li:first-child .button {
    border-left: 0
}

.button-group.even-7 li button,
.button-group.even-7 li .button {
    width: 100%
}

.button-group.even-8 li {
    margin: 0 -2px;
    display: inline-block;
    width: 12.5%
}

.button-group.even-8 li>button,
.button-group.even-8 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.even-8 li:first-child button,
.button-group.even-8 li:first-child .button {
    border-left: 0
}

.button-group.even-8 li button,
.button-group.even-8 li .button {
    width: 100%
}

.button-group>li {
    margin: 0 -2px;
    display: inline-block
}

.button-group>li>button,
.button-group>li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group>li:first-child button,
.button-group>li:first-child .button {
    border-left: 0
}

.button-group.stack>li {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0;
    float: none
}

.button-group.stack>li>button,
.button-group.stack>li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.stack>li:first-child button,
.button-group.stack>li:first-child .button {
    border-left: 0
}

.button-group.stack>li>button,
.button-group.stack>li .button {
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    margin: 0;
    display: block
}

.button-group.stack>li>button {
    width: 100%
}

.button-group.stack>li:first-child button,
.button-group.stack>li:first-child .button {
    border-top: 0
}

.button-group.stack-for-small>li {
    margin: 0 -2px;
    display: inline-block
}

.button-group.stack-for-small>li>button,
.button-group.stack-for-small>li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.stack-for-small>li:first-child button,
.button-group.stack-for-small>li:first-child .button {
    border-left: 0
}

@media only screen and (max-width:39.938em) {
    .button-group.stack-for-small>li {
        margin: 0 -2px;
        display: inline-block;
        display: block;
        margin: 0
    }

    .button-group.stack-for-small>li>button,
    .button-group.stack-for-small>li .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5)
    }

    .button-group.stack-for-small>li:first-child button,
    .button-group.stack-for-small>li:first-child .button {
        border-left: 0
    }

    .button-group.stack-for-small>li>button,
    .button-group.stack-for-small>li .button {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        margin: 0;
        display: block
    }

    .button-group.stack-for-small>li>button {
        width: 100%
    }

    .button-group.stack-for-small>li:first-child button,
    .button-group.stack-for-small>li:first-child .button {
        border-top: 0
    }
}

.button-group.radius>* {
    margin: 0 -2px;
    display: inline-block
}

.button-group.radius>*>button,
.button-group.radius>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.radius>*:first-child button,
.button-group.radius>*:first-child .button {
    border-left: 0
}

.button-group.radius>*,
.button-group.radius>*>a,
.button-group.radius>*>button,
.button-group.radius>*>.button {
    border-radius: 0
}

.button-group.radius>*:first-child,
.button-group.radius>*:first-child>a,
.button-group.radius>*:first-child>button,
.button-group.radius>*:first-child>.button {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.button-group.radius>*:last-child,
.button-group.radius>*:last-child>a,
.button-group.radius>*:last-child>button,
.button-group.radius>*:last-child>.button {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.button-group.radius.stack>* {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0
}

.button-group.radius.stack>*>button,
.button-group.radius.stack>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.radius.stack>*:first-child button,
.button-group.radius.stack>*:first-child .button {
    border-left: 0
}

.button-group.radius.stack>*>button,
.button-group.radius.stack>* .button {
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    margin: 0;
    display: block
}

.button-group.radius.stack>*>button {
    width: 100%
}

.button-group.radius.stack>*:first-child button,
.button-group.radius.stack>*:first-child .button {
    border-top: 0
}

.button-group.radius.stack>*,
.button-group.radius.stack>*>a,
.button-group.radius.stack>*>button,
.button-group.radius.stack>*>.button {
    border-radius: 0
}

.button-group.radius.stack>*:first-child,
.button-group.radius.stack>*:first-child>a,
.button-group.radius.stack>*:first-child>button,
.button-group.radius.stack>*:first-child>.button {
    -webkit-top-left-radius: 3px;
    -webkit-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.button-group.radius.stack>*:last-child,
.button-group.radius.stack>*:last-child>a,
.button-group.radius.stack>*:last-child>button,
.button-group.radius.stack>*:last-child>.button {
    -webkit-bottom-left-radius: 3px;
    -webkit-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

@media only screen and (min-width:40em) {
    .button-group.radius.stack-for-small>* {
        margin: 0 -2px;
        display: inline-block
    }

    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>* .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5)
    }

    .button-group.radius.stack-for-small>*:first-child button,
    .button-group.radius.stack-for-small>*:first-child .button {
        border-left: 0
    }

    .button-group.radius.stack-for-small>*,
    .button-group.radius.stack-for-small>*>a,
    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>*>.button {
        border-radius: 0
    }

    .button-group.radius.stack-for-small>*:first-child,
    .button-group.radius.stack-for-small>*:first-child>a,
    .button-group.radius.stack-for-small>*:first-child>button,
    .button-group.radius.stack-for-small>*:first-child>.button {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px
    }

    .button-group.radius.stack-for-small>*:last-child,
    .button-group.radius.stack-for-small>*:last-child>a,
    .button-group.radius.stack-for-small>*:last-child>button,
    .button-group.radius.stack-for-small>*:last-child>.button {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
    }
}

@media only screen and (max-width:39.938em) {
    .button-group.radius.stack-for-small>* {
        margin: 0 -2px;
        display: inline-block;
        display: block;
        margin: 0
    }

    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>* .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5)
    }

    .button-group.radius.stack-for-small>*:first-child button,
    .button-group.radius.stack-for-small>*:first-child .button {
        border-left: 0
    }

    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>* .button {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        margin: 0;
        display: block
    }

    .button-group.radius.stack-for-small>*>button {
        width: 100%
    }

    .button-group.radius.stack-for-small>*:first-child button,
    .button-group.radius.stack-for-small>*:first-child .button {
        border-top: 0
    }

    .button-group.radius.stack-for-small>*,
    .button-group.radius.stack-for-small>*>a,
    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>*>.button {
        border-radius: 0
    }

    .button-group.radius.stack-for-small>*:first-child,
    .button-group.radius.stack-for-small>*:first-child>a,
    .button-group.radius.stack-for-small>*:first-child>button,
    .button-group.radius.stack-for-small>*:first-child>.button {
        -webkit-top-left-radius: 3px;
        -webkit-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .button-group.radius.stack-for-small>*:last-child,
    .button-group.radius.stack-for-small>*:last-child>a,
    .button-group.radius.stack-for-small>*:last-child>button,
    .button-group.radius.stack-for-small>*:last-child>.button {
        -webkit-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }
}

.button-group.round>* {
    margin: 0 -2px;
    display: inline-block
}

.button-group.round>*>button,
.button-group.round>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.round>*:first-child button,
.button-group.round>*:first-child .button {
    border-left: 0
}

.button-group.round>*,
.button-group.round>*>a,
.button-group.round>*>button,
.button-group.round>*>.button {
    border-radius: 0
}

.button-group.round>*:first-child,
.button-group.round>*:first-child>a,
.button-group.round>*:first-child>button,
.button-group.round>*:first-child>.button {
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.button-group.round>*:last-child,
.button-group.round>*:last-child>a,
.button-group.round>*:last-child>button,
.button-group.round>*:last-child>.button {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

.button-group.round.stack>* {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0
}

.button-group.round.stack>*>button,
.button-group.round.stack>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.round.stack>*:first-child button,
.button-group.round.stack>*:first-child .button {
    border-left: 0
}

.button-group.round.stack>*>button,
.button-group.round.stack>* .button {
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    margin: 0;
    display: block
}

.button-group.round.stack>*>button {
    width: 100%
}

.button-group.round.stack>*:first-child button,
.button-group.round.stack>*:first-child .button {
    border-top: 0
}

.button-group.round.stack>*,
.button-group.round.stack>*>a,
.button-group.round.stack>*>button,
.button-group.round.stack>*>.button {
    border-radius: 0
}

.button-group.round.stack>*:first-child,
.button-group.round.stack>*:first-child>a,
.button-group.round.stack>*:first-child>button,
.button-group.round.stack>*:first-child>.button {
    -webkit-top-left-radius: 1.14286rem;
    -webkit-top-right-radius: 1.14286rem;
    border-top-left-radius: 1.14286rem;
    border-top-right-radius: 1.14286rem
}

.button-group.round.stack>*:last-child,
.button-group.round.stack>*:last-child>a,
.button-group.round.stack>*:last-child>button,
.button-group.round.stack>*:last-child>.button {
    -webkit-bottom-left-radius: 1.14286rem;
    -webkit-bottom-right-radius: 1.14286rem;
    border-bottom-left-radius: 1.14286rem;
    border-bottom-right-radius: 1.14286rem
}

@media only screen and (min-width:40em) {
    .button-group.round.stack-for-small>* {
        margin: 0 -2px;
        display: inline-block
    }

    .button-group.round.stack-for-small>*>button,
    .button-group.round.stack-for-small>* .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5)
    }

    .button-group.round.stack-for-small>*:first-child button,
    .button-group.round.stack-for-small>*:first-child .button {
        border-left: 0
    }

    .button-group.round.stack-for-small>*,
    .button-group.round.stack-for-small>*>a,
    .button-group.round.stack-for-small>*>button,
    .button-group.round.stack-for-small>*>.button {
        border-radius: 0
    }

    .button-group.round.stack-for-small>*:first-child,
    .button-group.round.stack-for-small>*:first-child>a,
    .button-group.round.stack-for-small>*:first-child>button,
    .button-group.round.stack-for-small>*:first-child>.button {
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px
    }

    .button-group.round.stack-for-small>*:last-child,
    .button-group.round.stack-for-small>*:last-child>a,
    .button-group.round.stack-for-small>*:last-child>button,
    .button-group.round.stack-for-small>*:last-child>.button {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px
    }
}

@media only screen and (max-width:39.938em) {
    .button-group.round.stack-for-small>* {
        margin: 0 -2px;
        display: inline-block;
        display: block;
        margin: 0
    }

    .button-group.round.stack-for-small>*>button,
    .button-group.round.stack-for-small>* .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5)
    }

    .button-group.round.stack-for-small>*:first-child button,
    .button-group.round.stack-for-small>*:first-child .button {
        border-left: 0
    }

    .button-group.round.stack-for-small>*>button,
    .button-group.round.stack-for-small>* .button {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        margin: 0;
        display: block
    }

    .button-group.round.stack-for-small>*>button {
        width: 100%
    }

    .button-group.round.stack-for-small>*:first-child button,
    .button-group.round.stack-for-small>*:first-child .button {
        border-top: 0
    }

    .button-group.round.stack-for-small>*,
    .button-group.round.stack-for-small>*>a,
    .button-group.round.stack-for-small>*>button,
    .button-group.round.stack-for-small>*>.button {
        border-radius: 0
    }

    .button-group.round.stack-for-small>*:first-child,
    .button-group.round.stack-for-small>*:first-child>a,
    .button-group.round.stack-for-small>*:first-child>button,
    .button-group.round.stack-for-small>*:first-child>.button {
        -webkit-top-left-radius: 1.14286rem;
        -webkit-top-right-radius: 1.14286rem;
        border-top-left-radius: 1.14286rem;
        border-top-right-radius: 1.14286rem
    }

    .button-group.round.stack-for-small>*:last-child,
    .button-group.round.stack-for-small>*:last-child>a,
    .button-group.round.stack-for-small>*:last-child>button,
    .button-group.round.stack-for-small>*:last-child>.button {
        -webkit-bottom-left-radius: 1.14286rem;
        -webkit-bottom-right-radius: 1.14286rem;
        border-bottom-left-radius: 1.14286rem;
        border-bottom-right-radius: 1.14286rem
    }
}

.button-bar:before,
.button-bar:after {
    content: " ";
    display: table
}

.button-bar:after {
    clear: both
}

.button-bar .button-group {
    float: left;
    margin-right: .71429rem
}

.button-bar .button-group div {
    overflow: hidden
}

.clearing-thumbs,
[data-clearing] {
    margin-bottom: 0;
    margin-left: 0;
    list-style: none
}

.clearing-thumbs:before,
.clearing-thumbs:after,
[data-clearing]:before,
[data-clearing]:after {
    content: " ";
    display: table
}

.clearing-thumbs:after,
[data-clearing]:after {
    clear: both
}

.clearing-thumbs li,
[data-clearing] li {
    float: left;
    margin-right: 10px
}

.clearing-thumbs[class*="block-grid-"] li,
[data-clearing][class*="block-grid-"] li {
    margin-right: 0
}

.clearing-blackout {
    background: #333;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 998
}

.clearing-blackout .clearing-close {
    display: block
}

.clearing-container {
    position: relative;
    z-index: 998;
    height: 100%;
    overflow: hidden;
    margin: 0
}

.clearing-touch-label {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #aaa;
    font-size: .6em
}

.visible-img {
    height: 95%;
    position: relative
}

.visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    max-height: 100%;
    max-width: 100%
}

.clearing-caption {
    color: #ccc;
    font-size: .875em;
    line-height: 1.3;
    margin-bottom: 0;
    text-align: center;
    bottom: 0;
    background: #333;
    width: 100%;
    padding: 10px 30px 20px;
    position: absolute;
    left: 0
}

.clearing-close {
    z-index: 999;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 30px;
    line-height: 1;
    color: #ccc;
    display: none
}

.clearing-close:hover,
.clearing-close:focus {
    color: #ccc
}

.clearing-assembled .clearing-container {
    height: 100%
}

.clearing-assembled .clearing-container .carousel>ul {
    display: none
}

.clearing-feature li {
    display: none
}

.clearing-feature li.clearing-featured-img {
    display: block
}

@media only screen and (min-width:40em) {

    .clearing-main-prev,
    .clearing-main-next {
        position: absolute;
        height: 100%;
        width: 40px;
        top: 0
    }

    .clearing-main-prev>span,
    .clearing-main-next>span {
        position: absolute;
        top: 50%;
        display: block;
        width: 0;
        height: 0;
        border: solid 12px
    }

    .clearing-main-prev>span:hover,
    .clearing-main-next>span:hover {
        opacity: .8
    }

    .clearing-main-prev {
        left: 0
    }

    .clearing-main-prev>span {
        left: 5px;
        border-color: transparent;
        border-right-color: #ccc
    }

    .clearing-main-next {
        right: 0
    }

    .clearing-main-next>span {
        border-color: transparent;
        border-left-color: #ccc
    }

    .clearing-main-prev.disabled,
    .clearing-main-next.disabled {
        opacity: .3
    }

    .clearing-assembled .clearing-container .carousel {
        background: rgba(51, 51, 51, 0.8);
        height: 120px;
        margin-top: 10px;
        text-align: center
    }

    .clearing-assembled .clearing-container .carousel>ul {
        display: inline-block;
        z-index: 999;
        height: 100%;
        position: relative;
        float: none
    }

    .clearing-assembled .clearing-container .carousel>ul li {
        display: block;
        width: 120px;
        min-height: inherit;
        float: left;
        overflow: hidden;
        margin-right: 0;
        padding: 0;
        position: relative;
        cursor: pointer;
        opacity: .4;
        clear: none
    }

    .clearing-assembled .clearing-container .carousel>ul li.fix-height img {
        height: 100%;
        max-width: none
    }

    .clearing-assembled .clearing-container .carousel>ul li a.th {
        border: 0;
        box-shadow: none;
        display: block
    }

    .clearing-assembled .clearing-container .carousel>ul li img {
        cursor: pointer !important;
        width: 100% !important
    }

    .clearing-assembled .clearing-container .carousel>ul li.visible {
        opacity: 1
    }

    .clearing-assembled .clearing-container .carousel>ul li:hover {
        opacity: .8
    }

    .clearing-assembled .clearing-container .visible-img {
        background: #333;
        overflow: hidden;
        height: 85%
    }

    .clearing-close {
        position: absolute;
        top: 10px;
        right: 20px;
        padding-left: 0;
        padding-top: 0
    }
}

form {
    margin: 0 0 1.14286rem
}

form .row .row {
    margin: 0 -.57143rem
}

form .row .row .column,
form .row .row .columns {
    padding: 0 .57143rem
}

form .row .row.collapse {
    margin: 0
}

form .row .row.collapse .column,
form .row .row.collapse .columns {
    padding: 0
}

form .row .row.collapse input {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
    padding-left: .57143rem
}

label {
    font-size: 1rem;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0
}

label.right {
    float: none !important;
    text-align: right
}

label.inline {
    margin: 0 0 1.14286rem 0;
    padding: .64286rem 0
}

label small {
    text-transform: capitalize;
    color: #676767
}

.prefix,
.postfix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    font-size: 1rem;
    height: 2.64286rem;
    line-height: 2.64286rem
}

.postfix.button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    border: 0
}

.prefix.button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    border: 0
}

.prefix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.postfix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.prefix.button.round {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.postfix.button.round {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

span.prefix,
label.prefix {
    background: #f2f2f2;
    border-right: 0;
    color: #333;
    border-color: #ccc
}

span.postfix,
label.postfix {
    background: #f2f2f2;
    border-left: none;
    color: #333;
    border-color: #ccc
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #fff;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 1rem;
    margin: 0 0 1.14286rem 0;
    padding: .57143rem;
    height: 2.64286rem;
    width: 100%;
    box-sizing: border-box;
    transition: all .15s linear
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
    background: #e8e8e8;
    border-color: #e8e8e8;
    outline: 0
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
    background-color: #ddd;
    cursor: default
}

input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
    background-color: #ddd;
    cursor: default
}

input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
input[type="color"].radius,
textarea.radius {
    border-radius: 3px
}

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

form .row .prefix-radius.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

form .row .prefix-round.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

form .row .postfix-round.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0
}

textarea[rows] {
    height: auto
}

textarea {
    max-width: 100%
}

select {
    -webkit-appearance: none !important;
    border-radius: 0;
    background-color: #fafafa;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    padding: .57143rem;
    font-size: 1rem;
    font-family: AauxNext-Medium;
    color: rgba(0, 0, 0, 0.75);
    line-height: normal;
    border-radius: 0;
    height: 2.64286rem
}

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

select.radius {
    border-radius: 3px
}

select:hover {
    background-color: #f3f3f3;
    border-color: #e8e8e8
}

select:disabled {
    background-color: #ddd;
    cursor: default
}

select[multiple] {
    height: auto
}

input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
    margin: 0 0 1.14286rem 0
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    display: inline-block;
    margin-left: .57143rem;
    margin-right: 1.14286rem;
    margin-bottom: 0;
    vertical-align: baseline
}

input[type="file"] {
    width: 100%
}

fieldset {
    border: 1px solid #ddd;
    padding: 1.42857rem;
    margin: 1.28571rem 0
}

fieldset legend {
    font-weight: bold;
    background: #fff;
    padding: 0 .21429rem;
    margin: 0;
    margin-left: -.21429rem
}

[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] span.error,
[data-abide] small.error {
    display: block;
    padding: .42857rem .64286rem .64286rem;
    margin-top: -1px;
    margin-bottom: 1.14286rem;
    font-size: .85714rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #fff
}

[data-abide] span.error,
[data-abide] small.error {
    display: none
}

span.error,
small.error {
    display: block;
    padding: .42857rem .64286rem .64286rem;
    margin-top: -1px;
    margin-bottom: 1.14286rem;
    font-size: .85714rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #fff
}

.error input,
.error textarea,
.error select {
    margin-bottom: 0
}

.error input[type="checkbox"],
.error input[type="radio"] {
    margin-bottom: 1.14286rem
}

.error label,
.error label.error {
    color: #f04124
}

.error small.error {
    display: block;
    padding: .42857rem .64286rem .64286rem;
    margin-top: -1px;
    margin-bottom: 1.14286rem;
    font-size: .85714rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #fff
}

.error>label>small {
    color: #676767;
    background: transparent;
    padding: 0;
    text-transform: capitalize;
    font-style: normal;
    font-size: 60%;
    margin: 0;
    display: inline
}

.error span.error-message {
    display: block
}

input.error,
textarea.error,
select.error {
    margin-bottom: 0
}

label.error {
    color: #f04124
}

.inline-list {
    margin: 0 auto 1.21429rem auto;
    margin-left: -1.57143rem;
    margin-right: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.inline-list>li {
    list-style: none;
    float: left;
    margin-left: 1.57143rem;
    display: block
}

.inline-list>li>* {
    display: block
}

.label {
    font-weight: normal;
    font-family: AauxNext-Medium;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin-bottom: auto;
    padding: .28571rem .57143rem .28571rem;
    font-size: .78571rem;
    background-color: #f73429;
    color: #fff
}

.label.radius {
    border-radius: 3px
}

.label.round {
    border-radius: 1000px
}

.label.alert {
    background-color: #f04124;
    color: #fff
}

.label.warning {
    background-color: #f08a24;
    color: #fff
}

.label.success {
    background-color: #43ac6a;
    color: #fff
}

.label.secondary {
    background-color: #3975b6;
    color: #fff
}

.label.info {
    background-color: #a0d3e8;
    color: #333
}

.switch {
    padding: 0;
    border: 0;
    position: relative;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch label {
    display: block;
    margin-bottom: 1rem;
    position: relative;
    color: transparent;
    background: #ddd;
    text-indent: 100%;
    width: 4rem;
    height: 2rem;
    cursor: pointer;
    transition: left .15s ease-out
}

.switch input {
    opacity: 0;
    position: absolute;
    top: 9px;
    left: 10px;
    padding: 0
}

.switch input+label {
    margin-left: 0;
    margin-right: 0
}

.switch label:after {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    top: .25rem;
    left: .25rem;
    width: 1.5rem;
    height: 1.5rem;
    transition: left .15s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.switch input:checked+label {
    background: #f73429
}

.switch input:checked+label:after {
    left: 2.25rem
}

.switch label {
    width: 4rem;
    height: 2rem
}

.switch label:after {
    width: 1.5rem;
    height: 1.5rem
}

.switch input:checked+label:after {
    left: 2.25rem
}

.switch label {
    color: transparent;
    background: #ddd
}

.switch label:after {
    background: #fff
}

.switch input:checked+label {
    background: #f73429
}

.switch.large label {
    width: 5rem;
    height: 2.5rem
}

.switch.large label:after {
    width: 2rem;
    height: 2rem
}

.switch.large input:checked+label:after {
    left: 2.75rem
}

.switch.small label {
    width: 3.5rem;
    height: 1.75rem
}

.switch.small label:after {
    width: 1.25rem;
    height: 1.25rem
}

.switch.small input:checked+label:after {
    left: 2rem
}

.switch.tiny label {
    width: 3rem;
    height: 1.5rem
}

.switch.tiny label:after {
    width: 1rem;
    height: 1rem
}

.switch.tiny input:checked+label:after {
    left: 1.75rem
}

.switch.radius label {
    border-radius: 4px
}

.switch.radius label:after {
    border-radius: 3px
}

.switch.round {
    border-radius: 1000px
}

.switch.round label {
    border-radius: 2rem
}

.switch.round label:after {
    border-radius: 2rem
}

table {
    background: #fff;
    margin-bottom: 1.42857rem;
    border: solid 1px #ddd;
    table-layout: auto
}

table caption {
    background: transparent;
    color: #222;
    font-size: 1.14286rem;
    font-weight: bold
}

table thead {
    background: #f5f5f5
}

table thead tr th,
table thead tr td {
    padding: .57143rem .71429rem .71429rem;
    font-size: 1rem;
    font-weight: bold;
    color: #222
}

table tfoot {
    background: #f5f5f5
}

table tfoot tr th,
table tfoot tr td {
    padding: .57143rem .71429rem .71429rem;
    font-size: 1rem;
    font-weight: bold;
    color: #222
}

table tr th,
table tr td {
    padding: .64286rem .71429rem;
    font-size: 1rem;
    color: #222;
    text-align: left
}

table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
    background: #f9f9f9
}

table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
    display: table-cell;
    line-height: 1.28571rem
}

.tabs {
    margin-bottom: 0 !important;
    margin-left: 0
}

.tabs:before,
.tabs:after {
    content: " ";
    display: table
}

.tabs:after {
    clear: both
}

.tabs dd,
.tabs .tab-title {
    position: relative;
    margin-bottom: 0 !important;
    list-style: none;
    float: left
}

.tabs dd>a,
.tabs .tab-title>a {
    display: block;
    background-color: #efefef;
    color: #222;
    padding: 1.14286rem 2.28571rem;
    font-family: AauxNext-Medium;
    font-size: 1.14286rem
}

.tabs dd>a:hover,
.tabs .tab-title>a:hover {
    background-color: #e1e1e1
}

.tabs dd>a:focus,
.tabs .tab-title>a:focus {
    outline: 0
}

.tabs dd.active a,
.tabs .tab-title.active a {
    background-color: #fff;
    color: #222
}

.tabs.radius dd:first-child a,
.tabs.radius .tab:first-child a {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.tabs.radius dd:last-child a,
.tabs.radius .tab:last-child a {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.tabs.vertical dd,
.tabs.vertical .tab-title {
    position: inherit;
    float: none;
    display: block;
    top: auto
}

.tabs-content {
    margin-bottom: 1.71429rem;
    width: 100%
}

.tabs-content:before,
.tabs-content:after {
    content: " ";
    display: table
}

.tabs-content:after {
    clear: both
}

.tabs-content>.content,
.tabs-content>.scrollable-text--container {
    display: none;
    float: left;
    padding: 20px 0;
    width: 100%
}

.tabs-content>.content.active,
.tabs-content>.active.scrollable-text--container {
    display: block;
    float: none
}

.tabs-content>.content.contained,
.tabs-content>.contained.scrollable-text--container {
    padding: 20px
}

.tabs-content.vertical {
    display: block
}

.tabs-content.vertical>.content,
.tabs-content.vertical>.scrollable-text--container {
    padding: 0 20px
}

@media only screen and (min-width:40em) {
    .tabs.vertical {
        width: 20%;
        max-width: 20%;
        float: left;
        margin: 0 0 1.25rem
    }

    .tabs-content.vertical {
        width: 80%;
        max-width: 80%;
        float: left;
        margin-left: -1px;
        padding-left: 1rem
    }
}

.no-js .tabs-content>.content,
.no-js .tabs-content>.scrollable-text--container {
    display: block;
    float: none
}

.th {
    line-height: 0;
    display: inline-block;
    border: solid 4px #fff;
    max-width: 100%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    transition: all 200ms ease-out
}

.th:hover,
.th:focus {
    box-shadow: 0 0 6px 1px rgba(247, 52, 41, 0.5)
}

.th.radius {
    border-radius: 3px
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-justify {
    text-align: justify !important
}

@media only screen and (max-width:39.938em) {
    .small-only-text-left {
        text-align: left !important
    }

    .small-only-text-right {
        text-align: right !important
    }

    .small-only-text-center {
        text-align: center !important
    }

    .small-only-text-justify {
        text-align: justify !important
    }
}

@media only screen {
    .small-text-left {
        text-align: left !important
    }

    .small-text-right {
        text-align: right !important
    }

    .small-text-center {
        text-align: center !important
    }

    .small-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .medium-only-text-left {
        text-align: left !important
    }

    .medium-only-text-right {
        text-align: right !important
    }

    .medium-only-text-center {
        text-align: center !important
    }

    .medium-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:40em) {
    .medium-text-left {
        text-align: left !important
    }

    .medium-text-right {
        text-align: right !important
    }

    .medium-text-center {
        text-align: center !important
    }

    .medium-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:80em) and (max-width:99.938em) {
    .large-only-text-left {
        text-align: left !important
    }

    .large-only-text-right {
        text-align: right !important
    }

    .large-only-text-center {
        text-align: center !important
    }

    .large-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:80em) {
    .large-text-left {
        text-align: left !important
    }

    .large-text-right {
        text-align: right !important
    }

    .large-text-center {
        text-align: center !important
    }

    .large-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:100em) and (max-width:99999999em) {
    .xlarge-only-text-left {
        text-align: left !important
    }

    .xlarge-only-text-right {
        text-align: right !important
    }

    .xlarge-only-text-center {
        text-align: center !important
    }

    .xlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:100em) {
    .xlarge-text-left {
        text-align: left !important
    }

    .xlarge-text-right {
        text-align: right !important
    }

    .xlarge-text-center {
        text-align: center !important
    }

    .xlarge-text-justify {
        text-align: justify !important
    }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

a {
    color: #f73429;
    text-decoration: none;
    line-height: inherit
}

a:hover,
a:focus {
    color: #ef1509
}

a img {
    border: 0
}

p {
    font-family: inherit;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.45;
    margin-bottom: 1.42857rem;
    text-rendering: optimizeLegibility
}

p.lead {
    font-size: 1.25rem;
    line-height: 1.6
}

p aside {
    font-size: 1rem;
    line-height: 1.35;
    font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: AauxNext-Medium;
    font-weight: normal;
    font-style: normal;
    color: #3f3f3f;
    text-rendering: optimizeLegibility;
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.3
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size: 60%;
    color: #828282;
    line-height: 0
}

h1 {
    font-size: 1.85714rem
}

h2 {
    font-size: 1.21429rem
}

h3 {
    font-size: 1.57143rem
}

h4 {
    font-size: 1.28571rem
}

h5 {
    font-size: 1.28571rem
}

h6 {
    font-size: 1rem
}

.subheader {
    line-height: 1.4;
    color: #828282;
    font-weight: normal;
    margin-top: .2rem;
    margin-bottom: .5rem
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.42857rem 0 1.35714rem;
    height: 0
}

em,
i {
    font-style: italic;
    line-height: inherit
}

strong,
b {
    font-weight: bold;
    line-height: inherit
}

small {
    font-size: 60%;
    line-height: inherit
}

code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #333;
    background-color: #c1d5ec;
    border-width: 1px;
    border-style: solid;
    border-color: #a0c0e1;
    padding: .14286rem .35714rem .07143rem
}

ul,
ol,
dl {
    font-size: 1rem;
    line-height: 1.45;
    margin-bottom: 1.42857rem;
    list-style-position: outside;
    font-family: inherit
}

ul {
    margin-left: 1.1rem
}

ul.no-bullet {
    margin-left: 0
}

ul.no-bullet li ul,
ul.no-bullet li ol {
    margin-left: 1.42857rem;
    margin-bottom: 0;
    list-style: none
}

ul li ul,
ul li ol {
    margin-left: 1.42857rem;
    margin-bottom: 0
}

ul.square li ul,
ul.circle li ul,
ul.disc li ul {
    list-style: inherit
}

ul.square {
    list-style-type: square;
    margin-left: 1.1rem
}

ul.circle {
    list-style-type: circle;
    margin-left: 1.1rem
}

ul.disc {
    list-style-type: disc;
    margin-left: 1.1rem
}

ul.no-bullet {
    list-style: none
}

ol {
    margin-left: 1.4rem
}

ol li ul,
ol li ol {
    margin-left: 1.42857rem;
    margin-bottom: 0
}

dl dt {
    margin-bottom: .3rem;
    font-weight: bold
}

dl dd {
    margin-bottom: .85714rem
}

abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #3f3f3f;
    cursor: help
}

abbr {
    text-transform: none
}

abbr[title] {
    border-bottom: 1px dotted #ddd
}

blockquote {
    margin: 0 0 1.42857rem;
    padding: .35714rem .71429rem .57143rem 1.07143rem;
    border-left: 8px solid #3975b6
}

blockquote cite {
    display: block;
    font-size: .92857rem;
    color: #6b6b6b
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a,
blockquote cite a:visited {
    color: #6b6b6b
}

blockquote,
blockquote p {
    line-height: 1.45;
    color: #3975b6
}

.vcard {
    display: inline-block;
    margin: 0 0 1.42857rem 0;
    border: 1px solid #ddd;
    padding: .71429rem .85714rem
}

.vcard li {
    margin: 0;
    display: block
}

.vcard .fn {
    font-weight: bold;
    font-size: 1.07143rem
}

.vevent .summary {
    font-weight: bold
}

.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: 0;
    padding: 0 .07143rem
}

@media only screen and (min-width:40em) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.3
    }

    h1 {
        font-size: 2.57143rem
    }

    h2 {
        font-size: 1.92857rem
    }

    h3 {
        font-size: 1.92857rem
    }

    h4 {
        font-size: 1.64286rem
    }

    h5 {
        font-size: 1.28571rem
    }

    h6 {
        font-size: 1rem
    }
}

@media only screen {

    .show-for-small-only,
    .show-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down {
        display: inherit !important
    }

    .hide-for-small-only,
    .hide-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down {
        display: none !important
    }

    .visible-for-small-only,
    .visible-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-small-only,
    .hidden-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    table.show-for-small-only,
    table.show-for-small-up,
    table.show-for-small,
    table.show-for-small-down,
    table.hide-for-medium-only,
    table.hide-for-medium-up,
    table.hide-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down {
        display: table !important
    }

    thead.show-for-small-only,
    thead.show-for-small-up,
    thead.show-for-small,
    thead.show-for-small-down,
    thead.hide-for-medium-only,
    thead.hide-for-medium-up,
    thead.hide-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down {
        display: table-header-group !important
    }

    tbody.show-for-small-only,
    tbody.show-for-small-up,
    tbody.show-for-small,
    tbody.show-for-small-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-medium-up,
    tbody.hide-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down {
        display: table-row-group !important
    }

    tr.show-for-small-only,
    tr.show-for-small-up,
    tr.show-for-small,
    tr.show-for-small-down,
    tr.hide-for-medium-only,
    tr.hide-for-medium-up,
    tr.hide-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down {
        display: table-row
    }

    th.show-for-small-only,
    td.show-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.show-for-small,
    td.show-for-small,
    th.show-for-small-down,
    td.show-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.hide-for-medium-up,
    td.hide-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:40em) {

    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down {
        display: inherit !important
    }

    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down {
        display: none !important
    }

    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.show-for-medium-only,
    table.show-for-medium-up,
    table.show-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down {
        display: table !important
    }

    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.show-for-medium-only,
    thead.show-for-medium-up,
    thead.show-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.show-for-medium-only,
    tbody.show-for-medium-up,
    tbody.show-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.show-for-medium-only,
    tr.show-for-medium-up,
    tr.show-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down {
        display: table-row
    }

    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.show-for-medium-only,
    td.show-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.show-for-medium,
    td.show-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:80em) {

    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down {
        display: inherit !important
    }

    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down {
        display: none !important
    }

    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.show-for-large-only,
    table.show-for-large-up,
    table.show-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down {
        display: table !important
    }

    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.show-for-large-only,
    thead.show-for-large-up,
    thead.show-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.show-for-large-only,
    tbody.show-for-large-up,
    tbody.show-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.show-for-large-only,
    tr.show-for-large-up,
    tr.show-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down {
        display: table-row
    }

    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.show-for-large-only,
    td.show-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.show-for-large,
    td.show-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:100em) {

    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .show-for-xlarge-down {
        display: inherit !important
    }

    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down {
        display: none !important
    }

    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-large-only,
    table.show-for-large-up,
    table.hide-for-large,
    table.hide-for-large-down,
    table.show-for-xlarge-only,
    table.show-for-xlarge-up,
    table.show-for-xlarge,
    table.show-for-xlarge-down {
        display: table !important
    }

    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-large-only,
    thead.show-for-large-up,
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.show-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.show-for-xlarge,
    thead.show-for-xlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-large-only,
    tbody.show-for-large-up,
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.show-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.show-for-xlarge,
    tbody.show-for-xlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-large-only,
    tr.show-for-large-up,
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.show-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.show-for-xlarge,
    tr.show-for-xlarge-down {
        display: table-row
    }

    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.hide-for-large-down,
    td.hide-for-large-down,
    th.show-for-xlarge-only,
    td.show-for-xlarge-only,
    th.show-for-xlarge-up,
    td.show-for-xlarge-up,
    th.show-for-xlarge,
    td.show-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down {
        display: table-cell !important
    }
}

.show-for-landscape,
.hide-for-portrait {
    display: inherit !important
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

table.hide-for-landscape,
table.show-for-portrait {
    display: table !important
}

thead.hide-for-landscape,
thead.show-for-portrait {
    display: table-header-group !important
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
    display: table-row-group !important
}

tr.hide-for-landscape,
tr.show-for-portrait {
    display: table-row !important
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell !important
}

@media only screen and (orientation:landscape) {

    .show-for-landscape,
    .hide-for-portrait {
        display: inherit !important
    }

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }

    table.show-for-landscape,
    table.hide-for-portrait {
        display: table !important
    }

    thead.show-for-landscape,
    thead.hide-for-portrait {
        display: table-header-group !important
    }

    tbody.show-for-landscape,
    tbody.hide-for-portrait {
        display: table-row-group !important
    }

    tr.show-for-landscape,
    tr.hide-for-portrait {
        display: table-row !important
    }

    td.show-for-landscape,
    td.hide-for-portrait,
    th.show-for-landscape,
    th.hide-for-portrait {
        display: table-cell !important
    }
}

@media only screen and (orientation:portrait) {

    .show-for-portrait,
    .hide-for-landscape {
        display: inherit !important
    }

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }

    table.show-for-portrait,
    table.hide-for-landscape {
        display: table !important
    }

    thead.show-for-portrait,
    thead.hide-for-landscape {
        display: table-header-group !important
    }

    tbody.show-for-portrait,
    tbody.hide-for-landscape {
        display: table-row-group !important
    }

    tr.show-for-portrait,
    tr.hide-for-landscape {
        display: table-row !important
    }

    td.show-for-portrait,
    td.hide-for-landscape,
    th.show-for-portrait,
    th.hide-for-landscape {
        display: table-cell !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch {
    display: inherit !important
}

.touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

table.hide-for-touch {
    display: table !important
}

.touch table.show-for-touch {
    display: table !important
}

thead.hide-for-touch {
    display: table-header-group !important
}

.touch thead.show-for-touch {
    display: table-header-group !important
}

tbody.hide-for-touch {
    display: table-row-group !important
}

.touch tbody.show-for-touch {
    display: table-row-group !important
}

tr.hide-for-touch {
    display: table-row !important
}

.touch tr.show-for-touch {
    display: table-row !important
}

td.hide-for-touch {
    display: table-cell !important
}

.touch td.show-for-touch {
    display: table-cell !important
}

th.hide-for-touch {
    display: table-cell !important
}

.touch th.show-for-touch {
    display: table-cell !important
}

.print-only,
.print-only-inline {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block
    }

    .hide-for-print {
        display: none
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print {
        display: table-cell !important
    }

    th.show-for-print {
        display: table-cell !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    abbr[title]:after {
        content: " ("attr(title) ")"
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .hide-on-print {
        display: none !important
    }

    .print-only {
        display: block !important
    }

    .print-only-inline {
        display: inline !important
    }

    .hide-for-print {
        display: none !important
    }

    .show-for-print {
        display: inherit !important
    }
}

@media print {
    .show-for-print {
        display: block
    }

    .hide-for-print {
        display: none
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print {
        display: table-cell !important
    }

    th.show-for-print {
        display: table-cell !important
    }
}


.hsp-icon {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}

.hsp-icon_activate {
    content: "\e001"
}

.hsp-icon_arrow-medium,
.teaser-small .teaser-list-item:after {
    content: "\e002"
}

.hsp-icon_arrow-small-down {
    content: "\e003"
}

.hsp-icon_arrow-small-left {
    content: "\e004"
}

.hsp-icon_arrow-small-right {
    content: "\e005"
}

.hsp-icon_arrow-small-thin-down,
.global-nav SPAN:before,
FOOTER.page-footer li .footer-nav-headline SPAN:before,
.footer-nav-headline SPAN:before,
form.banking-form .form--select:not(.multiple):after,
form.global-form .form--select:not(.multiple):after,
.a-form-select:after {
    content: "\e006"
}

.hsp-icon_arrow-small-thin-up,
.global-nav a.active SPAN:before,
FOOTER.page-footer li .footer-nav-headline.open SPAN:before,
.footer-nav-headline.open SPAN:before {
    content: "\e007"
}

.hsp-icon_arrow-small-up,
.global-nav .navigation-close A:after {
    content: "\e008"
}

.hsp-icon_arrow-thin-down,
.product-box .head a H4:after,
.product-box .toggle:after,
.content-accordion>ul:first-child>li .accordion-handle.closed SPAN:after,
.accordion-table .accordion-handle.closed:after,
.o-olb-table-type-b .olb-table-type-b-overview.accordion-handle.closed:after {
    content: "\e009"
}

.hsp-icon_arrow-thin-up,
.product-box .inner-box.active h4:after,
.product-box .active .toggle:after,
.content-accordion>ul:first-child>li .accordion-handle SPAN:after,
.accordion-table .accordion-handle:after,
.o-olb-table-type-b .olb-table-type-b-overview.accordion-handle:after {
    content: "\e00a"
}

.hsp-icon_calendar,
.contact-tab-body .ct-nav .appointment A:before,
form.banking-form a.icon-link.icon-calendar:after,
form.global-form a.icon-link.icon-calendar:after {
    content: "\e00b"
}

.hsp-icon_cancel {
    content: "\e00c"
}

.hsp-icon_check-active {
    content: "\e00d"
}

.hsp-icon_close-small,
.banking-account-icons A.mobile-icon-handle::before,
.banking-account-icons A.mobile-icon-handle-close::before {
    content: "\e00e"
}

.hsp-icon_close-thin {
    content: "\e00f"
}

.hsp-icon_complaint {
    content: "\e010"
}

.hsp-icon_ct-chat,
.contact-tab-header .ct-handle .ct-second-icon:before,
.contact-tab-body .ct-nav .text-chat A:before,
.contact-tab-body .ct-nav .text-chat SPAN:before {
    content: "\e011"
}

.hsp-icon_ct-close,
.contact-tab-header .ct-handle .ct-close-icon:before {
    content: "\e012"
}

.hsp-icon_ct-location,
.contact-tab-header .ct-handle .ct-third-icon:before,
.contact-tab-body .ct-nav .find-branch A:before {
    content: "\e013"
}

.hsp-icon_ct-phone,
.contact-tab-header .ct-handle .ct-first-icon:before {
    content: "\e014"
}

.hsp-icon_ct-plus,
.contact-tab-body .ct-nav .all-options A:before {
    content: "\e015"
}

.hsp-icon_ct-vchat,
.contact-tab-body .ct-nav .video-chat A:before,
.contact-tab-body .ct-nav .video-chat SPAN:before {
    content: "\e016"
}

.hsp-icon_datepicker-arrow-left {
    content: "\e017"
}

.hsp-icon_datepicker-arrow-right {
    content: "\e018"
}

.hsp-icon_deactivate {
    content: "\e019"
}

.hsp-icon_drag-drop {
    content: "\e01a"
}

.hsp-icon_einzelkonto {
    content: "\e057"
}

.hsp-icon_finder-achievements-preisvorteil {
    content: "\e01b"
}

.hsp-icon_finder-achievements-protection {
    content: "\e01c"
}

.hsp-icon_finder-achievements-refund-order {
    content: "\e01d"
}

.hsp-icon_finder-achievements-refund-tickets {
    content: "\e01e"
}

.hsp-icon_finder-achievements-vip-services {
    content: "\e01f"
}

.hsp-icon_finder-haspa-joker {
    content: "\e020"
}

.hsp-icon_finder-selection-konten {
    content: "\e021"
}

.hsp-icon_finder-selection-kredite {
    content: "\e022"
}

.hsp-icon_finder-selection-sparen {
    content: "\e023"
}

.hsp-icon_finder-selection-wohnen {
    content: "\e024"
}

.hsp-icon_footer-facebook,
FOOTER.page-footer li .footer-nav.contact-links li.facebook a:before,
FOOTER.page-footer li .footer-nav.contact-links li.facebook span:before {
    content: "\e025"
}

.hsp-icon_footer-feedback,
FOOTER.page-footer li .footer-nav.contact-links li.feedback a:before,
FOOTER.page-footer li .footer-nav.contact-links li.feedback span:before {
    content: "\e026"
}

.hsp-icon_footer-hotline,
FOOTER.page-footer li .footer-nav.contact-links li.hotline a:before,
FOOTER.page-footer li .footer-nav.contact-links li.hotline span:before {
    content: "\e027"
}

.hsp-icon_footer-rss,
FOOTER.page-footer li .footer-nav.contact-links li.rss a:before,
FOOTER.page-footer li .footer-nav.contact-links li.rss span:before {
    content: "\e028"
}

.hsp-icon_footer-text-chat,
FOOTER.page-footer li .footer-nav.contact-links li.text-chat-link a:before,
FOOTER.page-footer li .footer-nav.contact-links li.text-chat-link span:before {
    content: "\e029"
}

.hsp-icon_footer-youtube,
FOOTER.page-footer li .footer-nav.contact-links li.youtube a:before,
FOOTER.page-footer li .footer-nav.contact-links li.youtube span:before {
    content: "\e02a"
}

.hsp-icon_frau {
    content: "\e056"
}

.hsp-icon_gemeinschaftskonto {
    content: "\e055"
}

.hsp-icon_herr {
    content: "\e054"
}

.hsp-icon_hsp-ic-produkt-geschenk {
    content: "\e02b"
}

.hsp-icon_iban,
form.banking-form a.icon-link.icon-iban:after,
form.global-form a.icon-link.icon-iban:after {
    content: "\e02c"
}

.hsp-icon_ic-offen {
    content: "\e05d"
}

.hsp-icon_ic-privat {
    content: "\e05e"
}

.hsp-icon_info-tooltip,
.tooltip:before {
    content: "\e05f"
}

.hsp-icon_info {
    content: "\e02d"
}

.hsp-icon_letter {
    content: "\e02e"
}

.hsp-icon_linkedin {
    content: "\e02f"
}

.hsp-icon_list-bullet {
    content: "\e030"
}

.hsp-icon_login,
header.main-header .main-nav A.online-banking:after {
    content: "\e031"
}

.hsp-icon_logout,
header.main-header .main-nav A.online-banking.logged-in:after {
    content: "\e032"
}

.hsp-icon_lp-call-icon {
    content: "\e033"
}

.hsp-icon_magnifier,
header.main-header .login-search .search:before {
    content: "\e034"
}

.hsp-icon_menu-mobile,
.open-mobile-nav a:after {
    content: "\e035"
}

.hsp-icon_more {
    content: "\e036"
}

.hsp-icon_olb-arrow-negative {
    content: "\e037"
}

.hsp-icon_olb-arrow-neutral {
    content: "\e038"
}

.hsp-icon_olb-arrow-positive {
    content: "\e039"
}

.hsp-icon_olb-finanz-dispositionskredit {
    content: "\e03a"
}

.hsp-icon_olb-finanz-finanzubersicht {
    content: "\e03b"
}

.hsp-icon_olb-finanz-kontowecker {
    content: "\e03c"
}

.hsp-icon_pen,
.transfer-order-template .service-icons .icon-edit::after {
    content: "\e03d"
}

.hsp-icon_plus {
    content: "\e03e"
}

.hsp-icon_post-box,
.banking-account-icons A.icon-mailbox::before {
    content: "\e03f"
}

.hsp-icon_postbox {
    content: "\e040"
}

.hsp-icon_printer,
.banking-account-icons A.icon-print::after {
    content: "\e041"
}

.hsp-icon_question-mark,
.banking-account-icons A.icon-help::after {
    content: "\e042"
}

.hsp-icon_register-chip {
    content: "\e043"
}

.hsp-icon_save,
.banking-account-icons A.icon-download::after {
    content: "\e044"
}

.hsp-icon_settings,
.banking-account-icons A.icon-settings::after {
    content: "\e045"
}

.hsp-icon_slide-next {
    content: "\e046"
}

.hsp-icon_slide-prev {
    content: "\e047"
}

.hsp-icon_slider-handle {
    content: "\e048"
}

.hsp-icon_sorting-arrow-bottom,
TABLE A.filter-arrow EM::after,
.banking-informations-table A.filter-arrow EM::after,
.m-table-flex-header-cell A.filter-arrow EM::after,
.table-header-cell A.filter-arrow EM::after,
.depot-table-head .stock-name A.filter-arrow EM::after,
.depot-table-head .stock-value A.filter-arrow EM::after {
    content: "\e061"
}

.hsp-icon_sorting-arrow-top,
TABLE A.filter-arrow EM::before,
.banking-informations-table A.filter-arrow EM::before,
.m-table-flex-header-cell A.filter-arrow EM::before,
.table-header-cell A.filter-arrow EM::before,
.depot-table-head .stock-name A.filter-arrow EM::before,
.depot-table-head .stock-value A.filter-arrow EM::before {
    content: "\e060"
}

.hsp-icon_stopwatch {
    content: "\e049"
}

.hsp-icon_sync {
    content: "\e04a"
}

.hsp-icon_template,
form.banking-form a.icon-link.icon-template:after,
form.global-form a.icon-link.icon-template:after {
    content: "\e04b"
}

.hsp-icon_trash,
.banking-account-icons A.icon-trash::after,
.transfer-order-template .service-icons .icon-trash::after {
    content: "\e04c"
}

.hsp-icon_trend-arrow-down {
    content: "\e04d"
}

.hsp-icon_trend-arrow-right-down {
    content: "\e04e"
}

.hsp-icon_trend-arrow-right-up {
    content: "\e050"
}

.hsp-icon_trend-arrow-right {
    content: "\e04f"
}

.hsp-icon_trend-arrow-up {
    content: "\e051"
}

.hsp-icon_vcard {
    content: "\e052"
}

.hsp-icon_vorteil-minus {
    content: "\e05c"
}

.hsp-icon_vorteil-pfeil-links-rechts {
    content: "\e05b"
}

.hsp-icon_vorteil-pfeil-links {
    content: "\e05a"
}

.hsp-icon_vorteil-pfeil-rechts {
    content: "\e059"
}

.hsp-icon_vorteil-plus {
    content: "\e058"
}

.hsp-icon_xing,
FOOTER.page-footer li .footer-nav.contact-links li.xing a:before,
FOOTER.page-footer li .footer-nav.contact-links li.xing span:before {
    content: "\e053"
}

.hsp-icon_accept,
.transfer-order-template .service-icons .icon-accept::after {
    content: "\e062"
}

/*!********** Icons ***********/
.close-button {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMi42MyAyMi42MyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjIuNjMgMjIuNjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzZjNmM2YiIGQ9Ik0yMS45MiwyMi42M0wwLDAuNzFMMC43MSwwbDIxLjkyLDIxLjkyTDIxLjkyLDIyLjYzeiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzZjNmM2YiIGQ9Ik0wLDIxLjkyTDIxLjkyLDBsMC43MSwwLjcxTDAuNzEsMjIuNjNMMCwyMS45MnoiLz4NCjwvZz4NCjwvc3ZnPg==);
    background-repeat: no-repeat
}

.search-wrapper .cancel-button-input:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMS45NyAxMS4wMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEuOTcgMTEuMDEiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzNmM2YzZiIgZD0iTTAsMC42OUwwLjY3LDBsNS4zNyw1LjUxTDUuMzcsNi4xOUwwLDAuNjl6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzNmM2YzZiIgZD0iTTAsMTAuMzJsNS4zNy01LjUxbDAuNjcsMC42OWwtNS4zNyw1LjUxTDAsMTAuMzJ6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzNmM2YzZiIgZD0iTTAuOTUsMC42OUwxLjYyLDBsNS4zNyw1LjUxTDYuMzIsNi4xOUwwLjk1LDAuNjl6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzNmM2YzZiIgZD0iTTAuOTUsMTAuMzJsNS4zNy01LjUxbDAuNjcsMC42OWwtNS4zNyw1LjUxTDAuOTUsMTAuMzJ6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzNmM2YzZiIgZD0iTTExLjk3LDAuNjlMMTEuMywwTDUuOTMsNS41MUw2LjYsNi4xOUwxMS45NywwLjY5eiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzZjNmM2YiIGQ9Ik0xMS45NywxMC4zMkw2LjYsNC44Mkw1LjkzLDUuNTFsNS4zNyw1LjUxTDExLjk3LDEwLjMyeiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzZjNmM2YiIGQ9Ik0xMS4wMiwwLjY5TDEwLjM1LDBMNC45OCw1LjUxbDAuNjcsMC42OUwxMS4wMiwwLjY5eiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzZjNmM2YiIGQ9Ik0xMS4wMiwxMC4zMkw1LjY1LDQuODJMNC45OCw1LjUxbDUuMzcsNS41MUwxMS4wMiwxMC4zMnoiLz4NCjwvZz4NCjwvc3ZnPg==);
    background-repeat: no-repeat
}

.banking-account-icons A.icon-send {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMC4wMiAxOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAuMDIgMTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQo8cGF0aCBmaWxsPSIjYTZhNmE2IiBkPSJNMTguOTcsMy45OWgtMi45OFYwLjljMC0wLjM5LTAuNTctMC45LTAuOTctMC45aC0xNEMwLjYxLDAsMCwwLjYxLDAsMXYxMmMwLDAuMzksMC41MywwLjk4LDAuOTMsMC45OEg0djMuMDgNCglDNCwxNy40OCw0LjQ4LDE4LDQuODgsMThIMTljMC40LDAsMS4wMS0wLjU4LDEuMDEtMVY0Ljk4QzIwLjAyLDQuNTYsMTkuMzYsMy45OSwxOC45NywzLjk5eiBNMS45OSwyLjczDQoJYzAuNC0wLjM4LDEuMDMtMC4zOCwxLjQxLDAuMDJsNC41Nyw0LjY5bDQuNC00Ljc1YzAuMzgtMC40MSwxLjAxLTAuNDMsMS40MS0wLjA2YzAuNDEsMC4zOCwwLjQzLDEuMDEsMC4wNiwxLjQxTDkuMSw5LjE2DQoJQzkuMDUsOS4yMSw5LDkuMjYsOC45NCw5LjNDOC42NSw5LjUsOC4zMiw5LjYsNy45OSw5LjZjLTAuMzMsMC0wLjY3LTAuMS0wLjk1LTAuM2MtMC4wNS0wLjA0LTAuMS0wLjA4LTAuMTUtMC4xMkwxLjk4LDQuMTQNCglDMS41OSwzLjc0LDEuNiwzLjExLDEuOTksMi43M3ogTTE4LjAyLDE2SDZ2LTIuMDJoOS4wMmMwLjQsMCwwLjk3LTAuNTksMC45Ny0wLjk4VjUuOTloMi4wM1YxNnoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.m-compound.icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDgwMCA4MDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDgwMCA4MDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjQTZBNkE2IiBjeD0iMjUyLjciIGN5PSI0MDEuNSIgcj0iNDYuNSIvPg0KCTxjaXJjbGUgZmlsbD0iI0E2QTZBNiIgY3g9IjQwMS41IiBjeT0iNDAxLjUiIHI9IjQ2LjUiLz4NCgk8Y2lyY2xlIGZpbGw9IiNBNkE2QTYiIGN4PSI1NTAuMyIgY3k9IjQwMS41IiByPSI0Ni41Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.o-olb-table-type-b .status-canceled:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8c3ZnIHZpZXdCb3g9IjAgMCAxMjAgMTIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogIzY0NjQ2NDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxjaXJjbGUgY3g9IjYwIiBjeT0iNjAiIHI9IjUwIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg==);
    background-repeat: no-repeat
}

.joker-opa-form.joker-opa-form-confirmation .m-form-row-radio INPUT:checked+.wtf-control-indicator {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8c3ZnIHZpZXdCb3g9IjAgMCAxMjAgMTIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogIzNmM2YzZjsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxjaXJjbGUgY3g9IjYwIiBjeT0iNjAiIHI9IjUwIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg==);
    background-repeat: no-repeat
}

.o-olb-table-type-b .status-ok:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8c3ZnIHZpZXdCb3g9IjAgMCAxMjAgMTIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogIzM4YWEzNDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxjaXJjbGUgY3g9IjYwIiBjeT0iNjAiIHI9IjUwIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg==);
    background-repeat: no-repeat
}

main article .content ul li:before,
main article .scrollable-text--container ul li:before,
main article .overlay-content ul li:before,
main section .content ul li:before,
main section .scrollable-text--container ul li:before,
main section .overlay-content ul li:before,
.overlay .content ul li:before,
.overlay .scrollable-text--container ul li:before,
.overlay .overlay-content ul li:before,
.landing-page .content ul li:before,
.landing-page .scrollable-text--container ul li:before,
.landing-page .overlay-content ul li:before,
.product-box .inner-box .body ul li:before,
.o-olb-table-type-b .status-false:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8c3ZnIHZpZXdCb3g9IjAgMCAxMjAgMTIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogI2ZlMDAwMDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxjaXJjbGUgY3g9IjYwIiBjeT0iNjAiIHI9IjUwIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg==);
    background-repeat: no-repeat
}

.overlay .content-highlight ul li:before,
.content-highlight ul li:before,
.o-benefit-component .content LI:before,
.o-benefit-component .scrollable-text--container LI:before,
.o-details-with-crossheading .content-highlight li:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8c3ZnIHZpZXdCb3g9IjAgMCAxMjAgMTIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0yIHsNCiAgICAgICAgZmlsbDogI2ZmZmZmZjsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxjaXJjbGUgY3g9IjYwIiBjeT0iNjAiIHI9IjUwIiBjbGFzcz0iY2xzLTIiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.o-olb-table-type-b .status-in-progress:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8c3ZnIHZpZXdCb3g9IjAgMCAxMjAgMTIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogI2UwZDM0MTsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxjaXJjbGUgY3g9IjYwIiBjeT0iNjAiIHI9IjUwIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg==);
    background-repeat: no-repeat
}

input.header-search,
input.header-search:focus,
.m-olb-search-with-button .input-group .button-search {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxOS45OSAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTkuOTkgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQo8cGF0aCBmaWxsPSIjM2YzZjNmIiBkPSJNMTQuOTQsNy41NEMxNC45NCwzLjM1LDExLjE0LDAsNy41MywwQzMuMzUsMCwwLDMuMTMsMCw3LjU0YzAsNC4yOSwzLjU4LDcuNTksNy41Myw3LjY0DQoJQzExLjIxLDE1LjIyLDE0Ljk0LDExLjczLDE0Ljk0LDcuNTR6IE03LjUzLDEyLjdjLTIuODEsMC01LjMxLTIuMzEtNS4zMS01LjE2YzAtMi43OCwyLjUtNS4xOSw1LjMxLTUuMTlzNS4xOCwyLjM4LDUuMTgsNS4xOQ0KCUMxMi43MiwxMC4zNSwxMC4zNCwxMi43LDcuNTMsMTIuN3oiLz4NCjxwYXRoIGZpbGw9IiMzZjNmM2YiIGQ9Ik0xNC45NywxMi40OGwtMi41MSwyLjUxTDE3LjQ4LDIwbDIuNTEtMi41MUwxNC45NywxMi40OHoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.search-wrapper input[type="submit"] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxOS45OSAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTkuOTkgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTQuOTQsNy41NEMxNC45NCwzLjM1LDExLjE0LDAsNy41MywwQzMuMzUsMCwwLDMuMTMsMCw3LjU0YzAsNC4yOSwzLjU4LDcuNTksNy41Myw3LjY0DQoJQzExLjIxLDE1LjIyLDE0Ljk0LDExLjczLDE0Ljk0LDcuNTR6IE03LjUzLDEyLjdjLTIuODEsMC01LjMxLTIuMzEtNS4zMS01LjE2YzAtMi43OCwyLjUtNS4xOSw1LjMxLTUuMTlzNS4xOCwyLjM4LDUuMTgsNS4xOQ0KCUMxMi43MiwxMC4zNSwxMC4zNCwxMi43LDcuNTMsMTIuN3oiLz4NCjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNC45NywxMi40OGwtMi41MSwyLjUxTDE3LjQ4LDIwbDIuNTEtMi41MUwxNC45NywxMi40OHoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.icons .icon-drag-drop:after,
.table-icons .icon-drag-drop:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI1IiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMjUgMTkiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNLTAuMDAwLDE5LjAwMCBMLTAuMDAwLDE2LjAwMCBMMjUuMDAwLDE2LjAwMCBMMjUuMDAwLDE5LjAwMCBMLTAuMDAwLDE5LjAwMCBaTS0wLjAwMCw4LjAwMCBMMjUuMDAwLDguMDAwIEwyNS4wMDAsMTEuMDAwIEwtMC4wMDAsMTEuMDAwIEwtMC4wMDAsOC4wMDAgWk0tMC4wMDAsMC4wMDAgTDI1LjAwMCwwLjAwMCBMMjUuMDAwLDMuMDAwIEwtMC4wMDAsMy4wMDAgTC0wLjAwMCwwLjAwMCBaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.icons .icon-drag-drop:hover:after,
.table-icons .icon-drag-drop:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI1IiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMjUgMTkiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICANCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNmNzM0Mjk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICANCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGQ9Ik0wIDE5TDAgMTYgMjUgMTYgMjUgMTkgMCAxOVpNMCA4TDI1IDggMjUgMTEgMCAxMSAwIDhaTTAgMEwyNSAwIDI1IDMgMCAzIDAgMFoiIGNsYXNzPSJjbHMtMSIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.icons .icon-plus-dark:after,
.table-icons .icon-plus-dark:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI3IiB2aWV3Qm94PSIwIDAgMjcgMjciPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNMjUuMDAwLDI3LjAwMCBMMi4wMDAsMjcuMDAwIEwwLjAwMCwyNy4wMDAgTDAuMDAwLDI1LjAwMCBMMC4wMDAsMi4wMDAgTDAuMDAwLDAuMDAwIEwyLjAwMCwwLjAwMCBMMjUuMDAwLDAuMDAwIEwyNy4wMDAsMC4wMDAgTDI3LjAwMCwyLjAwMCBMMjcuMDAwLDI1LjAwMCBMMjcuMDAwLDI3LjAwMCBMMjUuMDAwLDI3LjAwMCBaTTI1LjAwMCwyLjAwMCBMMi4wMDAsMi4wMDAgTDIuMDAwLDI1LjAwMCBMMjUuMDAwLDI1LjAwMCBMMjUuMDAwLDIuMDAwIFpNMTIuMDAwLDcuMDAwIEwxNS4wMDAsNy4wMDAgTDE1LjAwMCwxMi4wMDAgTDIwLjAwMCwxMi4wMDAgTDIwLjAwMCwxNS4wMDAgTDE1LjAwMCwxNS4wMDAgTDE1LjAwMCwyMC4wMDAgTDEyLjAwMCwyMC4wMDAgTDEyLjAwMCwxNS4wMDAgTDcuMDAwLDE1LjAwMCBMNy4wMDAsMTIuMDAwIEwxMi4wMDAsMTIuMDAwIEwxMi4wMDAsNy4wMDAgWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.icons .icon-plus:after,
.table-icons .icon-plus:after,
.icons .icon-plus-dark:hover:after,
.table-icons .icon-plus-dark:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI3IiB2aWV3Qm94PSIwIDAgMjcgMjciPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZjczNDI5Ow0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNMjUuMDAwLDI3LjAwMCBMMi4wMDAsMjcuMDAwIEwwLjAwMCwyNy4wMDAgTDAuMDAwLDI1LjAwMCBMMC4wMDAsMi4wMDAgTDAuMDAwLDAuMDAwIEwyLjAwMCwwLjAwMCBMMjUuMDAwLDAuMDAwIEwyNy4wMDAsMC4wMDAgTDI3LjAwMCwyLjAwMCBMMjcuMDAwLDI1LjAwMCBMMjcuMDAwLDI3LjAwMCBMMjUuMDAwLDI3LjAwMCBaTTI1LjAwMCwyLjAwMCBMMi4wMDAsMi4wMDAgTDIuMDAwLDI1LjAwMCBMMjUuMDAwLDI1LjAwMCBMMjUuMDAwLDIuMDAwIFpNMTIuMDAwLDcuMDAwIEwxNS4wMDAsNy4wMDAgTDE1LjAwMCwxMi4wMDAgTDIwLjAwMCwxMi4wMDAgTDIwLjAwMCwxNS4wMDAgTDE1LjAwMCwxNS4wMDAgTDE1LjAwMCwyMC4wMDAgTDEyLjAwMCwyMC4wMDAgTDEyLjAwMCwxNS4wMDAgTDcuMDAwLDE1LjAwMCBMNy4wMDAsMTIuMDAwIEwxMi4wMDAsMTIuMDAwIEwxMi4wMDAsNy4wMDAgWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.icons .icon-plus:hover:after,
.table-icons .icon-plus:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI3IiB2aWV3Qm94PSIwIDAgMjcgMjciPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICANCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNiOTI3MWY7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICANCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGQ9Ik0yNSAyN0wyIDI3IDAgMjcgMCAyNSAwIDIgMCAwIDIgMCAyNSAwIDI3IDAgMjcgMiAyNyAyNSAyNyAyNyAyNSAyN1pNMjUgMkwyIDIgMiAyNSAyNSAyNSAyNSAyWk0xMiA3TDE1IDcgMTUgMTIgMjAgMTIgMjAgMTUgMTUgMTUgMTUgMjAgMTIgMjAgMTIgMTUgNyAxNSA3IDEyIDEyIDEyIDEyIDdaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.o-benefit-component .content UL.with-checkmark LI:before,
.o-benefit-component .scrollable-text--container UL.with-checkmark LI:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMSAxNS45OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjEgMTUuOTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLjI1LDcuNTJsMi42MS0yLjU0YzAuMzMtMC4zMywwLjg4LTAuMzMsMS4yMSwwbDcuMjEsNy4wNA0KCWMwLjMzLDAuMzMsMC4zMywwLjg2LDAsMS4xOGwtMi42MSwyLjU0Yy0wLjMzLDAuMzMtMC44OCwwLjMzLTEuMjEsMEwwLjI1LDguN0MtMC4wOCw4LjM3LTAuMDgsNy44NCwwLjI1LDcuNTJ6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTQuODYsMTIuMDFMMTYuOTIsMC4yNWMwLjMzLTAuMzMsMC44OC0wLjMzLDEuMjEsMGwyLjYxLDIuNTQNCgljMC4zMywwLjMzLDAuMzMsMC44NiwwLDEuMThMOC42OCwxNS43NGMtMC4zMywwLjMzLTAuODgsMC4zMy0xLjIxLDBsLTIuNjEtMi41NEM0LjUyLDEyLjg3LDQuNTIsMTIuMzQsNC44NiwxMi4wMXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.silver-client .product-box .head A H4:before,
.silver-client .content-table.comparison-table .blue-check P:after,
.silver-header .product-box .head A H4:before,
.silver-header .content-table.comparison-table .blue-check P:after,
.silver-client .progressbar .list-unstyled .done .icon-check,
.silver-client .progressbar .list-unstyled .active .icon-check,
.finder--checkbox a.active:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMSAxNS45OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjEgMTUuOTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmNzM0MjkiIGQ9Ik0wLjI1LDcuNTJsMi42MS0yLjU0YzAuMzMtMC4zMywwLjg4LTAuMzMsMS4yMSwwbDcuMjEsNy4wNA0KCWMwLjMzLDAuMzMsMC4zMywwLjg2LDAsMS4xOGwtMi42MSwyLjU0Yy0wLjMzLDAuMzMtMC44OCwwLjMzLTEuMjEsMEwwLjI1LDguN0MtMC4wOCw4LjM3LTAuMDgsNy44NCwwLjI1LDcuNTJ6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2Y3MzQyOSIgZD0iTTQuODYsMTIuMDFMMTYuOTIsMC4yNWMwLjMzLTAuMzMsMC44OC0wLjMzLDEuMjEsMGwyLjYxLDIuNTQNCgljMC4zMywwLjMzLDAuMzMsMC44NiwwLDEuMThMOC42OCwxNS43NGMtMC4zMywwLjMzLTAuODgsMC4zMy0xLjIxLDBsLTIuNjEtMi41NEM0LjUyLDEyLjg3LDQuNTIsMTIuMzQsNC44NiwxMi4wMXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.slick-slider>BUTTON.slick-next {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMy45OSA0NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjMuOTkgNDUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzNmM2YzZiIgZD0iTTAsNDVsMTkuNzktMjIuNUwwLDBoNC4yNGwxOS43NSwyMi41TDQuNzgsNDVIMHoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.slick-slider>BUTTON {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMy45OSA0NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjMuOTkgNDUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzNmM2YzZiIgZD0iTTIzLjk5LDBMNC4yLDIyLjVMMjMuOTksNDVoLTQuMjRMMCwyMi41TDE5LjIxLDBIMjMuOTl6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.lottery-checker .slick-slider>button.slick-next {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMy45OSA0NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjMuOTkgNDUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZmZmZiIgZD0iTTAsNDVsMTkuNzktMjIuNUwwLDBoNC4yNGwxOS43NSwyMi41TDQuNzgsNDVIMHoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.lottery-checker .slick-slider>button {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMy45OSA0NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjMuOTkgNDUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZmZmZiIgZD0iTTIzLjk5LDBMNC4yLDIyLjVMMjMuOTksNDVoLTQuMjRMMCwyMi41TDE5LjIxLDBIMjMuOTl6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.irs .irs-slider.single:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTIgMTAiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNOS45OTQsMTAuMDAwIEw5Ljk5NCwtMC4wMTEgTDExLjk5NCwtMC4wMTEgTDExLjk5NCwxMC4wMDAgTDkuOTk0LDEwLjAwMCBaTTQuOTk1LC0wLjAxMSBMNi45OTQsLTAuMDExIEw2Ljk5NCwxMC4wMDAgTDQuOTk1LDEwLjAwMCBMNC45OTUsLTAuMDExIFpNLTAuMDA1LC0wLjAxMSBMMS45OTUsLTAuMDExIEwxLjk5NSwxMC4wMDAgTC0wLjAwNSwxMC4wMDAgTC0wLjAwNSwtMC4wMTEgWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.o-olb-table-type-b .icon-register-chip-red:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE3Ljk3IDI1Ljk2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNy45NyAyNS45NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogIDxnPg0KICAgIDxwYXRoIGZpbGw9IiNmNzM0MjkiIGQ9Ik0xNi41NiAwSDEuNDFDMC42MyAwIDAgMC42MyAwIDEuNDF2MjMuMTNjMCAwLjc4IDAuNjMgMS40MSAxLjQxIDEuNDFoMTUuMTVjMC43OCAwIDEuNDEtMC42MyAxLjQxLTEuNDFWMS40MUMxNy45NyAwLjYzIDE3LjM0IDAgMTYuNTYgMHpNMTUuOTcgMjMuOTZIMlYyaDEzLjk4VjIzLjk2eiIvPg0KICAgIDxwYXRoIGZpbGw9IiNmNzM0MjkiIGQ9Ik00LjQ2IDEzLjk4aDEuMDhjMC4yNSAwIDAuNDYtMC4yMSAwLjQ2LTAuNDZ2LTEuMDhjMC0wLjI1LTAuMjEtMC40Ni0wLjQ2LTAuNDZINC40NkM0LjIxIDExLjk4IDQgMTIuMTkgNCAxMi40NHYxLjA4QzQgMTMuNzcgNC4yMSAxMy45OCA0LjQ2IDEzLjk4eiIvPg0KICAgIDxwYXRoIGZpbGw9IiNmNzM0MjkiIGQ9Ik05LjUzIDExLjk4SDguNDZDOC4yIDExLjk4IDggMTIuMTkgOCAxMi40NHYxLjA4YzAgMC4yNSAwLjIxIDAuNDYgMC40NiAwLjQ2aDEuMDhjMC4yNSAwIDAuNDYtMC4yMSAwLjQ2LTAuNDZ2LTEuMDhDOS45OSAxMi4xOSA5Ljc5IDExLjk4IDkuNTMgMTEuOTh6Ii8+DQogICAgPHBhdGggZmlsbD0iI2Y3MzQyOSIgZD0iTTEzLjUzIDExLjk4aC0xLjA4Yy0wLjI1IDAtMC40NiAwLjIxLTAuNDYgMC40NnYxLjA4YzAgMC4yNSAwLjIxIDAuNDYgMC40NiAwLjQ2aDEuMDhjMC4yNSAwIDAuNDYtMC4yMSAwLjQ2LTAuNDZ2LTEuMDhDMTMuOTkgMTIuMTkgMTMuNzggMTEuOTggMTMuNTMgMTEuOTh6Ii8+DQogICAgPHBhdGggZmlsbD0iI2Y3MzQyOSIgZD0iTTQuNDYgMTcuOTdoMS4wOGMwLjI1IDAgMC40Ni0wLjIxIDAuNDYtMC40NnYtMS4wOGMwLTAuMjUtMC4yMS0wLjQ2LTAuNDYtMC40Nkg0LjQ2QzQuMjEgMTUuOTcgNCAxNi4xOCA0IDE2LjQzdjEuMDhDNCAxNy43NiA0LjIxIDE3Ljk3IDQuNDYgMTcuOTd6Ii8+DQogICAgPHBhdGggZmlsbD0iI2Y3MzQyOSIgZD0iTTkuNTMgMTUuOTdIOC40NkM4LjIgMTUuOTcgOCAxNi4xOCA4IDE2LjQzdjEuMDhjMCAwLjI1IDAuMjEgMC40NiAwLjQ2IDAuNDZoMS4wOGMwLjI1IDAgMC40Ni0wLjIxIDAuNDYtMC40NnYtMS4wOEM5Ljk5IDE2LjE4IDkuNzkgMTUuOTcgOS41MyAxNS45N3oiLz4NCiAgICA8cGF0aCBmaWxsPSIjZjczNDI5IiBkPSJNMTMuNTMgMTUuOTdoLTEuMDhjLTAuMjUgMC0wLjQ2IDAuMjEtMC40NiAwLjQ2djEuMDhjMCAwLjI1IDAuMjEgMC40NiAwLjQ2IDAuNDZoMS4wOGMwLjI1IDAgMC40Ni0wLjIxIDAuNDYtMC40NnYtMS4wOEMxMy45OSAxNi4xOCAxMy43OCAxNS45NyAxMy41MyAxNS45N3oiLz4NCiAgICA8cGF0aCBmaWxsPSIjZjczNDI5IiBkPSJNNC40NiAyMS45NmgxLjA4QzUuNzkgMjEuOTYgNiAyMS43NiA2IDIxLjV2LTEuMDhjMC0wLjI1LTAuMjEtMC40Ni0wLjQ2LTAuNDZINC40NkM0LjIxIDE5Ljk3IDQgMjAuMTcgNCAyMC40M3YxLjA4QzQgMjEuNzYgNC4yMSAyMS45NiA0LjQ2IDIxLjk2eiIvPg0KICAgIDxwYXRoIGZpbGw9IiNmNzM0MjkiIGQ9Ik05LjUzIDE5Ljk3SDguNDZDOC4yIDE5Ljk3IDggMjAuMTcgOCAyMC40M3YxLjA4YzAgMC4yNSAwLjIxIDAuNDYgMC40NiAwLjQ2aDEuMDhjMC4yNSAwIDAuNDYtMC4yMSAwLjQ2LTAuNDZ2LTEuMDhDOS45OSAyMC4xNyA5Ljc5IDE5Ljk3IDkuNTMgMTkuOTd6Ii8+DQogICAgPHBhdGggZmlsbD0iI2Y3MzQyOSIgZD0iTTEzLjUzIDE5Ljk3aC0xLjA4Yy0wLjI1IDAtMC40NiAwLjIxLTAuNDYgMC40NnYxLjA4YzAgMC4yNSAwLjIxIDAuNDYgMC40NiAwLjQ2aDEuMDhjMC4yNSAwIDAuNDYtMC4yMSAwLjQ2LTAuNDZ2LTEuMDhDMTMuOTkgMjAuMTcgMTMuNzggMTkuOTcgMTMuNTMgMTkuOTd6Ii8+DQogICAgPHBhdGggZmlsbD0iI2Y3MzQyOSIgZD0iTTUuMTEgOS45OGg3LjY5YzAuNjUgMCAxLjE5LTAuNTMgMS4xOS0xLjE5VjUuMzNjMC0wLjc0LTAuNi0xLjM0LTEuMzQtMS4zNGgtNy43QzQuNDMgMy45OSA0IDQuNDIgNCA0Ljk0djMuOTNDNCA5LjQ5IDQuNSA5Ljk4IDUuMTEgOS45OHpNNS45NyA1Ljk5aDUuOTl2Mkg1Ljk3VjUuOTl6Ii8+DQogIDwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.o-olb-table-type-b .icon-register-chip-red:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE3Ljk3IDI1Ljk2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNy45NyAyNS45NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogIDxnPg0KICAgIDxwYXRoIGZpbGw9IiNiOTI3MWYiIGQ9Ik0xNi41NiAwSDEuNDFDMC42MyAwIDAgMC42MyAwIDEuNDF2MjMuMTNjMCAwLjc4IDAuNjMgMS40MSAxLjQxIDEuNDFoMTUuMTVjMC43OCAwIDEuNDEtMC42MyAxLjQxLTEuNDFWMS40MUMxNy45NyAwLjYzIDE3LjM0IDAgMTYuNTYgMHpNMTUuOTcgMjMuOTZIMlYyaDEzLjk4VjIzLjk2eiIvPg0KICAgIDxwYXRoIGZpbGw9IiNiOTI3MWYiIGQ9Ik00LjQ2IDEzLjk4aDEuMDhjMC4yNSAwIDAuNDYtMC4yMSAwLjQ2LTAuNDZ2LTEuMDhjMC0wLjI1LTAuMjEtMC40Ni0wLjQ2LTAuNDZINC40NkM0LjIxIDExLjk4IDQgMTIuMTkgNCAxMi40NHYxLjA4QzQgMTMuNzcgNC4yMSAxMy45OCA0LjQ2IDEzLjk4eiIvPg0KICAgIDxwYXRoIGZpbGw9IiNiOTI3MWYiIGQ9Ik05LjUzIDExLjk4SDguNDZDOC4yIDExLjk4IDggMTIuMTkgOCAxMi40NHYxLjA4YzAgMC4yNSAwLjIxIDAuNDYgMC40NiAwLjQ2aDEuMDhjMC4yNSAwIDAuNDYtMC4yMSAwLjQ2LTAuNDZ2LTEuMDhDOS45OSAxMi4xOSA5Ljc5IDExLjk4IDkuNTMgMTEuOTh6Ii8+DQogICAgPHBhdGggZmlsbD0iI2I5MjcxZiIgZD0iTTEzLjUzIDExLjk4aC0xLjA4Yy0wLjI1IDAtMC40NiAwLjIxLTAuNDYgMC40NnYxLjA4YzAgMC4yNSAwLjIxIDAuNDYgMC40NiAwLjQ2aDEuMDhjMC4yNSAwIDAuNDYtMC4yMSAwLjQ2LTAuNDZ2LTEuMDhDMTMuOTkgMTIuMTkgMTMuNzggMTEuOTggMTMuNTMgMTEuOTh6Ii8+DQogICAgPHBhdGggZmlsbD0iI2I5MjcxZiIgZD0iTTQuNDYgMTcuOTdoMS4wOGMwLjI1IDAgMC40Ni0wLjIxIDAuNDYtMC40NnYtMS4wOGMwLTAuMjUtMC4yMS0wLjQ2LTAuNDYtMC40Nkg0LjQ2QzQuMjEgMTUuOTcgNCAxNi4xOCA0IDE2LjQzdjEuMDhDNCAxNy43NiA0LjIxIDE3Ljk3IDQuNDYgMTcuOTd6Ii8+DQogICAgPHBhdGggZmlsbD0iI2I5MjcxZiIgZD0iTTkuNTMgMTUuOTdIOC40NkM4LjIgMTUuOTcgOCAxNi4xOCA4IDE2LjQzdjEuMDhjMCAwLjI1IDAuMjEgMC40NiAwLjQ2IDAuNDZoMS4wOGMwLjI1IDAgMC40Ni0wLjIxIDAuNDYtMC40NnYtMS4wOEM5Ljk5IDE2LjE4IDkuNzkgMTUuOTcgOS41MyAxNS45N3oiLz4NCiAgICA8cGF0aCBmaWxsPSIjYjkyNzFmIiBkPSJNMTMuNTMgMTUuOTdoLTEuMDhjLTAuMjUgMC0wLjQ2IDAuMjEtMC40NiAwLjQ2djEuMDhjMCAwLjI1IDAuMjEgMC40NiAwLjQ2IDAuNDZoMS4wOGMwLjI1IDAgMC40Ni0wLjIxIDAuNDYtMC40NnYtMS4wOEMxMy45OSAxNi4xOCAxMy43OCAxNS45NyAxMy41MyAxNS45N3oiLz4NCiAgICA8cGF0aCBmaWxsPSIjYjkyNzFmIiBkPSJNNC40NiAyMS45NmgxLjA4QzUuNzkgMjEuOTYgNiAyMS43NiA2IDIxLjV2LTEuMDhjMC0wLjI1LTAuMjEtMC40Ni0wLjQ2LTAuNDZINC40NkM0LjIxIDE5Ljk3IDQgMjAuMTcgNCAyMC40M3YxLjA4QzQgMjEuNzYgNC4yMSAyMS45NiA0LjQ2IDIxLjk2eiIvPg0KICAgIDxwYXRoIGZpbGw9IiNiOTI3MWYiIGQ9Ik05LjUzIDE5Ljk3SDguNDZDOC4yIDE5Ljk3IDggMjAuMTcgOCAyMC40M3YxLjA4YzAgMC4yNSAwLjIxIDAuNDYgMC40NiAwLjQ2aDEuMDhjMC4yNSAwIDAuNDYtMC4yMSAwLjQ2LTAuNDZ2LTEuMDhDOS45OSAyMC4xNyA5Ljc5IDE5Ljk3IDkuNTMgMTkuOTd6Ii8+DQogICAgPHBhdGggZmlsbD0iI2I5MjcxZiIgZD0iTTEzLjUzIDE5Ljk3aC0xLjA4Yy0wLjI1IDAtMC40NiAwLjIxLTAuNDYgMC40NnYxLjA4YzAgMC4yNSAwLjIxIDAuNDYgMC40NiAwLjQ2aDEuMDhjMC4yNSAwIDAuNDYtMC4yMSAwLjQ2LTAuNDZ2LTEuMDhDMTMuOTkgMjAuMTcgMTMuNzggMTkuOTcgMTMuNTMgMTkuOTd6Ii8+DQogICAgPHBhdGggZmlsbD0iI2I5MjcxZiIgZD0iTTUuMTEgOS45OGg3LjY5YzAuNjUgMCAxLjE5LTAuNTMgMS4xOS0xLjE5VjUuMzNjMC0wLjc0LTAuNi0xLjM0LTEuMzQtMS4zNGgtNy43QzQuNDMgMy45OSA0IDQuNDIgNCA0Ljk0djMuOTNDNCA5LjQ5IDQuNSA5Ljk4IDUuMTEgOS45OHpNNS45NyA1Ljk5aDUuOTl2Mkg1Ljk3VjUuOTl6Ii8+DQogIDwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.o-olb-table-type-b .icon-edit-red:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjE3Ljg0NCIgaGVpZ2h0PSIxOS45NjkiIHZpZXdCb3g9IjAgMCAxNy44NDQgMTkuOTY5Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogI2Y3MzQyOTsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggZD0iTTE3LjQ4Miw1LjM5MiBMMTEuMzgxLDAuMjI4IEMxMS4xNzksMC4wNTYgMTAuOTE1LC0wLjAyOCAxMC42NTUsLTAuMDAzIEMxMC4zOTEsMC4wMjAgMTAuMTQ4LDAuMTQ4IDkuOTc5LDAuMzUyIEwxLjY1OSwxMC4zNDkgQzEuNjQ3LDEwLjM2NCAxLjY0NCwxMC4zODMgMS42MzIsMTAuMzk5IEMxLjU5MSwxMC40NTQgMS41NjQsMTAuNTE2IDEuNTM0LDEwLjU4MCBDMS41MDcsMTAuNjQwIDEuNDc4LDEwLjY5NyAxLjQ2MywxMC43NjAgQzEuNDU5LDEwLjc4MCAxLjQ0NSwxMC43OTUgMS40NDEsMTAuODE2IEwwLjAxMiwxOC43ODEgQy0wLjA1MSwxOS4xMzUgMC4wNzgsMTkuNDk3IDAuMzUyLDE5LjcyOCBDMC41MzQsMTkuODgzIDAuNzYyLDE5Ljk2NCAwLjk5MiwxOS45NjQgQzEuMTA4LDE5Ljk2NCAxLjIyNCwxOS45NDMgMS4zMzYsMTkuOTAyIEw4Ljg2NiwxNy4xMDEgQzguODg3LDE3LjA5MyA4LjkwMCwxNy4wNzYgOC45MjEsMTcuMDY3IEM4Ljk4MiwxNy4wNDAgOS4wMzMsMTcuMDAyIDkuMDg3LDE2Ljk2MyBDOS4xNDIsMTYuOTI0IDkuMTk1LDE2Ljg4OCA5LjIzOSwxNi44NDAgQzkuMjUzLDE2LjgyNiA5LjI3MiwxNi44MTkgOS4yODQsMTYuODA0IEwxNy42MDQsNi44MDYgQzE3Ljk1OCw2LjM4MiAxNy45MDMsNS43NDggMTcuNDgyLDUuMzkyIFpNNS40OTIsMTYuMjE1IEwyLjg5MSwxNC4wMTUgTDMuMDk2LDEyLjg3NiBMNi41NjgsMTUuODE1IEw1LjQ5MiwxNi4yMTUgWk0yLjQ4MywxNi4yODkgTDMuMzQyLDE3LjAxNSBMMi4yODIsMTcuNDA5IEwyLjQ4MywxNi4yODkgWk04LjM5OSwxNC43NDQgTDMuODI0LDEwLjg3MSBMMTAuODY0LDIuNDEyIEwxNS40MzksNi4yODUgTDguMzk5LDE0Ljc0NCBaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.o-olb-table-type-b .icon-edit-red:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjE3Ljg0NCIgaGVpZ2h0PSIxOS45NjkiIHZpZXdCb3g9IjAgMCAxNy44NDQgMTkuOTY5Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogI2I5MjcxZjsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggZD0iTTE3LjQ4Miw1LjM5MiBMMTEuMzgxLDAuMjI4IEMxMS4xNzksMC4wNTYgMTAuOTE1LC0wLjAyOCAxMC42NTUsLTAuMDAzIEMxMC4zOTEsMC4wMjAgMTAuMTQ4LDAuMTQ4IDkuOTc5LDAuMzUyIEwxLjY1OSwxMC4zNDkgQzEuNjQ3LDEwLjM2NCAxLjY0NCwxMC4zODMgMS42MzIsMTAuMzk5IEMxLjU5MSwxMC40NTQgMS41NjQsMTAuNTE2IDEuNTM0LDEwLjU4MCBDMS41MDcsMTAuNjQwIDEuNDc4LDEwLjY5NyAxLjQ2MywxMC43NjAgQzEuNDU5LDEwLjc4MCAxLjQ0NSwxMC43OTUgMS40NDEsMTAuODE2IEwwLjAxMiwxOC43ODEgQy0wLjA1MSwxOS4xMzUgMC4wNzgsMTkuNDk3IDAuMzUyLDE5LjcyOCBDMC41MzQsMTkuODgzIDAuNzYyLDE5Ljk2NCAwLjk5MiwxOS45NjQgQzEuMTA4LDE5Ljk2NCAxLjIyNCwxOS45NDMgMS4zMzYsMTkuOTAyIEw4Ljg2NiwxNy4xMDEgQzguODg3LDE3LjA5MyA4LjkwMCwxNy4wNzYgOC45MjEsMTcuMDY3IEM4Ljk4MiwxNy4wNDAgOS4wMzMsMTcuMDAyIDkuMDg3LDE2Ljk2MyBDOS4xNDIsMTYuOTI0IDkuMTk1LDE2Ljg4OCA5LjIzOSwxNi44NDAgQzkuMjUzLDE2LjgyNiA5LjI3MiwxNi44MTkgOS4yODQsMTYuODA0IEwxNy42MDQsNi44MDYgQzE3Ljk1OCw2LjM4MiAxNy45MDMsNS43NDggMTcuNDgyLDUuMzkyIFpNNS40OTIsMTYuMjE1IEwyLjg5MSwxNC4wMTUgTDMuMDk2LDEyLjg3NiBMNi41NjgsMTUuODE1IEw1LjQ5MiwxNi4yMTUgWk0yLjQ4MywxNi4yODkgTDMuMzQyLDE3LjAxNSBMMi4yODIsMTcuNDA5IEwyLjQ4MywxNi4yODkgWk04LjM5OSwxNC43NDQgTDMuODI0LDEwLjg3MSBMMTAuODY0LDIuNDEyIEwxNS40MzksNi4yODUgTDguMzk5LDE0Ljc0NCBaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.finder-module-selection .finder--selection a span.accounts:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjQ5IiBoZWlnaHQ9IjM5IiB2aWV3Qm94PSIwIDAgNDkgMzkiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNNDMuNTY3LDI2Ljc0NCBMMzcuMjk0LDI2Ljc0NCBMMzcuMjk0LDMzLjY0OSBDMzcuMjk0LDM2LjYwNCAzNC44NTksMzkuMDA5IDMxLjg2NywzOS4wMDkgTDUuNDE3LDM5LjAwOSBDMi40MjUsMzkuMDA5IC0wLjAwOSwzNi42MDQgLTAuMDA5LDMzLjY0OSBMLTAuMDA5LDE4LjM3OSBDLTAuMDA5LDE1LjQyNCAyLjQyNSwxMy4wMjAgNS40MTcsMTMuMDIwIEwxMS42OTEsMTMuMDIwIEwxMS42OTEsNS4zOTMgQzExLjY5MSwyLjQzNyAxNC4xMjYsMC4wMTAgMTcuMTE5LDAuMDEwIEw0My41NjcsMC4wMTAgQzQ2LjU1OSwwLjAxMCA0OC45OTQsMi40MzcgNDguOTk0LDUuMzkzIEw0OC45OTQsMjEuMzg0IEM0OC45OTQsMjQuMzQwIDQ2LjU1OSwyNi43NDQgNDMuNTY3LDI2Ljc0NCBaTTUuNDE3LDE1LjE4MCBDMy42NDQsMTUuMTgwIDIuMjAyLDE2LjYyNyAyLjIwMiwxOC4zNzkgTDIuMjAyLDMzLjY0OSBDMi4yMDIsMzUuNDAxIDMuNjQ0LDM2Ljg0OCA1LjQxNywzNi44NDggTDMxLjg2NywzNi44NDggQzMzLjY0MCwzNi44NDggMzUuMDg0LDM1LjQwMSAzNS4wODQsMzMuNjQ5IEwzNS4wODQsMTguMzc5IEMzNS4wODQsMTYuNjI3IDMzLjY0MCwxNS4xODAgMzEuODY3LDE1LjE4MCBMNS40MTcsMTUuMTgwIFpNNDYuODA3LDUuMzkzIEM0Ni44MDcsMy42NDEgNDUuMzQwLDIuMTQ4IDQzLjU2NywyLjE0OCBMMTcuMTE5LDIuMTQ4IEMxNS4zNDUsMi4xNDggMTMuOTAyLDMuNjQxIDEzLjkwMiw1LjM5MyBMMTMuOTAyLDcuOTU5IEw0Ni44MDcsNy45NTkgTDQ2LjgwNyw1LjM5MyBaTTQ2LjgwNywxMC4xNDIgTDEzLjkwMiwxMC4xNDIgTDEzLjkwMiwxMy4wMjAgTDMxLjg2NywxMy4wMjAgQzMzLjA4OSwxMy4wMjAgMzQuMzQ0LDEzLjI3NiAzNS4wMDksMTMuNzUwIEw0Ni44MDcsMTMuNzUwIEw0Ni44MDcsMTAuMTQyIFpNNDYuODA3LDE1LjkxMCBMMzYuODkyLDE1LjkzNSBDMzcuMTY3LDE2LjU3NiAzNy4yOTQsMTcuNjQwIDM3LjI5NCwxOC4zNzkgTDM3LjI5NCwyNC41NjEgTDQzLjU2NywyNC41NjEgQzQ1LjM0MCwyNC41NjEgNDYuODA3LDIzLjEzNiA0Ni44MDcsMjEuMzg0IEw0Ni44MDcsMTUuOTEwIFpNMjkuMzMwLDI0LjE5NiBDMjguODI0LDI0LjE5NiAyOC4zMzYsMjQuMDc5IDI3Ljg5OCwyMy44NTYgQzI3LjQ2MCwyNC4wNzkgMjYuOTcyLDI0LjE5NiAyNi40NjYsMjQuMTk2IEMyNC43MzksMjQuMTk2IDIzLjMzNSwyMi44MDkgMjMuMzM1LDIxLjEwNCBDMjMuMzM1LDE5LjM5OCAyNC43MzksMTguMDExIDI2LjQ2NiwxOC4wMTEgQzI2Ljk3MiwxOC4wMTEgMjcuNDYwLDE4LjEyOCAyNy44OTgsMTguMzUxIEMyOC4zMzYsMTguMTI4IDI4LjgyNCwxOC4wMTEgMjkuMzMwLDE4LjAxMSBDMzEuMDU3LDE4LjAxMSAzMi40NjEsMTkuMzk4IDMyLjQ2MSwyMS4xMDQgQzMyLjQ2MSwyMi44MDkgMzEuMDU3LDI0LjE5NiAyOS4zMzAsMjQuMTk2IFpNMjkuMzMwLDIwLjE5NCBDMjkuMDg0LDIwLjE5NCAyOC44NTMsMjAuMjg5IDI4LjY3OCwyMC40NjAgQzI4LjI0NiwyMC44ODYgMjcuNTQ4LDIwLjg4NiAyNy4xMTYsMjAuNDU5IEMyNi45NDIsMjAuMjg4IDI2LjcxMiwyMC4xOTQgMjYuNDY2LDIwLjE5NCBDMjUuOTU5LDIwLjE5NCAyNS41NDUsMjAuNjAyIDI1LjU0NSwyMS4xMDQgQzI1LjU0NSwyMS42MDUgMjUuOTU5LDIyLjAxMyAyNi40NjYsMjIuMDEzIEMyNi43MTIsMjIuMDEzIDI2Ljk0MiwyMS45MTkgMjcuMTE1LDIxLjc0OCBDMjcuMzIyLDIxLjU0MyAyNy42MDQsMjEuNDI4IDI3Ljg5NywyMS40MjggTDI3Ljg5OCwyMS40MjggQzI4LjE5MCwyMS40MjggMjguNDcyLDIxLjU0MyAyOC42NzksMjEuNzQ3IEMyOC44NTMsMjEuOTE5IDI5LjA4NCwyMi4wMTMgMjkuMzMwLDIyLjAxMyBDMjkuODM3LDIyLjAxMyAzMC4yNTEsMjEuNjA1IDMwLjI1MSwyMS4xMDQgQzMwLjI1MSwyMC42MDIgMjkuODM3LDIwLjE5NCAyOS4zMzAsMjAuMTk0IFpNMTYuNDMxLDM0LjY5NCBMNi45NDYsMzQuNjk0IEM2LjMzNSwzNC42OTQgNS44NDEsMzQuMjA2IDUuODQxLDMzLjYwMyBMNS44NDEsMjkuMjU1IEM1Ljg0MSwyOC42NTIgNi4zMzUsMjguMTYzIDYuOTQ2LDI4LjE2MyBMMTYuNDMxLDI4LjE2MyBDMTcuMDQyLDI4LjE2MyAxNy41MzcsMjguNjUyIDE3LjUzNywyOS4yNTUgTDE3LjUzNywzMy42MDMgQzE3LjUzNywzNC4yMDYgMTcuMDQyLDM0LjY5NCAxNi40MzEsMzQuNjk0IFpNMTUuMzQ5LDMwLjM0NyBMOC4wMjksMzAuMzQ3IEw4LjAyOSwzMi41MTEgTDE1LjM0OSwzMi41MTEgTDE1LjM0OSwzMC4zNDcgWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.finder-module-selection .finder--selection a span.living:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjQzLjA2MyIgaGVpZ2h0PSIzOC45MzgiIHZpZXdCb3g9IjAgMCA0My4wNjMgMzguOTM4Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogIzNmM2YzZjsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggZD0iTTQxLjk3NCwxMi45MjUgTDM5Ljk5MywxMi45MjUgTDM5Ljk5MywyMC45NDUgTDQxLjkxMiwyMC45NDUgQzQyLjUwOCwyMC45NDUgNDIuOTkwLDIxLjQyOCA0Mi45OTAsMjIuMDI0IEw0Mi45OTAsMzcuODQ2IEM0Mi45OTAsMzguNDQyIDQyLjUwOCwzOC45MjUgNDEuOTEyLDM4LjkyNSBMMzcuOTI0LDM4LjkyNSBMMzAuMzc2LDM4LjkyNSBMMjUuMzU0LDM4LjkyNSBMNS45MTIsMzguOTI1IEwxLjA5MiwzOC45MjUgQzAuNDk2LDM4LjkyNSAwLjAxMywzOC40NDIgMC4wMTMsMzcuODQ2IEwwLjAxMywyMi4wMjQgQzAuMDEzLDIxLjQyOCAwLjQ5NiwyMC45NDUgMS4wOTIsMjAuOTQ1IEwxLjk4NCwyMC45NDUgTDEuOTg0LDYuNDU2IEMxLjk4NCw2LjAwOSAyLjI1OSw1LjYwOCAyLjY3Niw1LjQ0OSBMMTYuOTQ1LDAuMDU3IEMxNy4xOTQsLTAuMDM4IDE3LjQ2OCwtMC4wMzggMTcuNzE2LDAuMDU3IEwzMS4yOTcsNS40NDkgQzMxLjcxNCw1LjYwOCAzMS45ODksNi4wMDkgMzEuOTg5LDYuNDU2IEwzMS45ODksMTAuOTU2IEw0MS45NzQsMTAuOTU2IEM0Mi41NzAsMTAuOTU2IDQzLjA1MywxMS40MzggNDMuMDUzLDEyLjAzNCBDNDMuMDUzLDEyLjYzMCA0Mi41NzAsMTIuOTI1IDQxLjk3NCwxMi45MjUgWk0zMS45NTQsMzYuOTU1IEwzNi45MDgsMzYuOTU1IEwzNi45MDgsMjcuOTM1IEwzMS45NTQsMjcuOTM1IEwzMS45NTQsMzYuOTU1IFpNNi45OTAsMzYuOTU1IEwyMy45NjMsMzYuOTU1IEwyMy45NjMsMjcuOTM1IEw2Ljk5MCwyNy45MzUgTDYuOTkwLDM2Ljk1NSBaTTI5Ljk1OCw3LjE5NyBMMTcuMzMxLDIuMjE4IEwzLjg5MCw3LjE5NyBMMy44OTAsMjAuOTQ1IEwyOS45NTgsMjAuOTQ1IEwyOS45NTgsNy4xOTcgWk0xLjk4MywyMi44NTIgTDEuOTIwLDM2Ljk1NSBMNC45NTgsMzYuOTU1IEw0Ljk1OCwyNi45ODIgQzQuOTU4LDI2LjM4NiA1LjQ0MCwyNS45MDMgNi4wMzcsMjUuOTAzIEwyNC45MTcsMjUuOTAzIEMyNS41MTIsMjUuOTAzIDI1Ljk5NSwyNi4zODYgMjUuOTk1LDI2Ljk4MiBMMjUuOTk1LDM2Ljk1NSBMMjkuOTg1LDM2Ljk1NSBMMjkuOTg1LDI2Ljk4MiBDMjkuOTg1LDI2LjM4NiAzMC40NjgsMjUuOTAzIDMxLjA2MywyNS45MDMgTDM3Ljg2MiwyNS45MDMgQzM4LjQ1OCwyNS45MDMgMzguOTQwLDI2LjM4NiAzOC45NDAsMjYuOTgyIEwzOC45NDAsMzYuOTU1IEw0MC45NTksMzYuOTU1IEw0MC45NTksMjIuODUyIEwxLjk4MywyMi44NTIgWk0zNy45NjIsMTIuOTI1IEwzMS45ODksMTIuOTI1IEwzMS45ODksMjAuOTQ1IEwzNy45NjIsMjAuOTQ1IEwzNy45NjIsMTIuOTI1IFpNNy4wNjQsMTUuOTI3IEw3LjA2NCw5LjAyMCBDNy4wNjQsOC40MjQgNy41NDYsNy45NDEgOC4xNDIsNy45NDEgTDEzLjc3OSw3Ljk0MSBDMTQuMzc1LDcuOTQxIDE0LjkxOSw4LjQyNCAxNC45MTksOS4wMjAgTDE0LjkxOSwxNS45MTQgQzE1LjUxNSwxNS45MTQgMTUuNjIzLDE2LjI3MSAxNS42MjMsMTYuODY3IEMxNS42MjMsMTcuNDYzIDE1LjE0MCwxNy45NDUgMTQuNTQ0LDE3Ljk0NSBMMTMuNDY2LDE3Ljk0NSBMOC4xNDIsMTcuOTQ1IEw3LjEzMSwxNy45NDUgQzYuNTM1LDE3Ljk0NSA2LjA1MywxNy40NjMgNi4wNTMsMTYuODY3IEM2LjA1MywxNi4yOTUgNi41MDEsMTUuOTY0IDcuMDY0LDE1LjkyNyBaTTguOTA4LDE1LjkxNCBMMTIuOTUwLDE1LjkxNCBMMTIuOTUwLDkuOTExIEw4LjkwOCw5LjkxMSBMOC45MDgsMTUuOTE0IFpNMTkuOTg2LDE1LjkyNyBMMTkuOTg2LDkuMDIwIEMxOS45ODYsOC40MjQgMjAuNDY4LDcuOTQxIDIxLjA2NSw3Ljk0MSBMMjYuODI2LDcuOTQxIEMyNy40MjIsNy45NDEgMjcuOTA1LDguNDI0IDI3LjkwNSw5LjAyMCBMMjcuOTA1LDE1LjkxNCBDMjguNTAxLDE1LjkxNCAyOC45MjcsMTYuMjcxIDI4LjkyNywxNi44NjcgQzI4LjkyNywxNy40NjMgMjguMTI2LDE3Ljk0NSAyNy41MzAsMTcuOTQ1IEwyNi40NTEsMTcuOTQ1IEwyMS4xMjcsMTcuOTQ1IEwyMC4xMTYsMTcuOTQ1IEMxOS41MjAsMTcuOTQ1IDE5LjAzOCwxNy40NjMgMTkuMDM4LDE2Ljg2NyBDMTkuMDM4LDE2LjI5NSAxOS40MjMsMTUuOTY0IDE5Ljk4NiwxNS45MjcgWk0yMS44OTMsMTUuOTE0IEwyNi4wNjAsMTUuOTE0IEwyNi4wNjAsOS45MTEgTDIxLjg5Myw5LjkxMSBMMjEuODkzLDE1LjkxNCBaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.finder-module-selection .finder--selection a span.credits:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjQ5LjcxOSIgaGVpZ2h0PSIzNi41OTQiIHZpZXdCb3g9IjAgMCA0OS43MTkgMzYuNTk0Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogIzNmM2YzZjsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggZD0iTTQ5LjY5MywxMS4xOTEgTDQ0LjEwMiwzMy4zNTQgQzQ0LjAyNywzMy42NDkgNDMuODM5LDMzLjkwMiA0My41NzgsMzQuMDU4IEM0My4zOTksMzQuMTY1IDQzLjE5NSwzNC4yMjAgNDIuOTkwLDM0LjIyMCBDNDIuODk2LDM0LjIyMCA0Mi44MDIsMzQuMjA4IDQyLjcwOSwzNC4xODUgTDQxLjk5NywzMy45OTggTDQxLjk5NywzNS40MzQgQzQxLjk5NywzNi4wNjcgNDEuNDg0LDM2LjU4MSA0MC44NTAsMzYuNTgxIEw4LjcwMiwzNi41ODEgTDEuMTUyLDM2LjU4MSBDMC41MTksMzYuNTgxIDAuMDA2LDM2LjAzNiAwLjAwNiwzNS40MDMgTDAuMDA2LDEyLjc2NCBDMC4wMDYsMTIuMTMxIDAuNTE5LDExLjYxNyAxLjE1MiwxMS42MTcgTDUuOTI3LDExLjYxNyBMOC42ODQsMC44NDUgQzguNzIxLDAuNjk3IDguNzg4LDAuNTYwIDguODc3LDAuNDQwIEM5LjA1OCwwLjE5OCA5LjMyOCwwLjAzNiA5LjYyNywtMC4wMDggQzkuNzc2LC0wLjAzMCA5LjkyOCwtMC4wMjMgMTAuMDc1LDAuMDE0IEw0OC44NjMsOS43OTkgQzQ5LjE1Nyw5Ljg3MyA0OS40MTAsMTAuMDYyIDQ5LjU2NiwxMC4zMjMgQzQ5LjY0NCwxMC40NTMgNDkuNjk0LDEwLjU5NyA0OS43MTYsMTAuNzQ0IEM0OS43MzcsMTAuODkyIDQ5LjczMCwxMS4wNDQgNDkuNjkzLDExLjE5MSBaTTEuOTk3LDEzLjU5OCBMMS45OTcsMzQuNjAwIEwzOS45ODUsMzQuNjAwIEwzOS45ODUsMTMuNTk4IEwxLjk5NywxMy41OTggWk00Ni40OTksMTEuNTY4IEwxMC42MjYsMi41MTggTDguMjkyLDExLjYxNyBMMjMuNTA0LDExLjYxNyBDMjQuOTA4LDEwLjM5NyAyNi42MDcsMTAuMDc4IDI4LjIxNywxMC40ODYgQzI5LjA1NSwxMC42OTggMjkuODA4LDEwLjk4OCAzMC40MzcsMTEuNjE3IEMzMC40MzcsMTEuNjE3IDQwLjA1MCwxMS42MTQgNDAuNzYzLDExLjYxNCBDNDEuNDc2LDExLjYxNCA0MS45OTcsMTIuMDEyIDQxLjk5NywxMi44NjAgTDQxLjk5NywzMS42MzIgTDQyLjE1OSwzMS42ODEgTDQ3LjE5MCwxMS43NDIgQzQ2Ljk5NSwxMS42NDkgNDYuNzU2LDExLjYwMCA0Ni40OTksMTEuNTY4IFpNMjAuOTcxLDI4LjkxNSBDMjEuNzc0LDI4LjkxNSAyMi4zODksMjguNTExIDIyLjc2NiwyOC4xNzIgQzIzLjIzNiwyNy43NDggMjMuOTU5LDI3Ljc4NCAyNC4zODUsMjguMjU1IEMyNC44MDksMjguNzI1IDI0Ljc3MiwyOS40NTAgMjQuMzAyLDI5Ljg3NCBDMjMuMzM2LDMwLjc0NyAyMi4xODMsMzEuMjA4IDIwLjk3MSwzMS4yMDggQzE3Ljc2MSwzMS4yMDggMTYuNjkwLDI5LjAzMiAxNS44MjgsMjYuNjAwIEwxNC44NDgsMjYuNjAwIEMxNC4yMTUsMjYuNjAwIDEzLjcwMiwyNi4yNzQgMTMuNzAyLDI1LjY0MSBDMTMuNzAyLDI1LjAwNyAxNC4yMTUsMjQuNjE5IDE0Ljg0OCwyNC42MTkgTDE1LjM4NSwyNC42MTkgQzE1LjM3NywyNC40NzcgMTUuMzY3LDI0LjQ5MyAxNS4zNjcsMjQuMzQ5IEMxNS4zNjcsMjQuMjA1IDE1LjM3NywyMy43MjEgMTUuMzg1LDIzLjU3OSBMMTQuODQ4LDIzLjU3OSBDMTQuMjE1LDIzLjU3OSAxMy43MDIsMjMuMTYwIDEzLjcwMiwyMi41MjcgQzEzLjcwMiwyMS44OTMgMTQuMjE1LDIxLjYzMCAxNC44NDgsMjEuNjMwIEwxNS44MjgsMjEuNjMwIEMxNi42OTAsMTkuMTk4IDE4LjY3MCwxNy40OTEgMjAuOTcxLDE3LjQ5MSBDMjIuMDQ2LDE3LjQ5MSAyMy4wODksMTcuODYwIDIzLjk4NiwxOC41NTkgQzI0LjQ4NSwxOC45NDkgMjQuNTc1LDE5LjY2OSAyNC4xODYsMjAuMTY5IEMyMy43OTcsMjAuNjY3IDIzLjA3NywyMC43NTYgMjIuNTc3LDIwLjM2OSBDMjIuMDc5LDE5Ljk4MCAyMS41MzgsMTkuNzg0IDIwLjk3MSwxOS43ODQgQzE5Ljg4NywxOS43ODQgMTguOTMxLDIwLjUxNiAxOC4zMjcsMjEuNjMwIEwyMS44MzQsMjEuNjMwIEMyMi40NjgsMjEuNjMwIDIyLjk4MSwyMS44OTMgMjIuOTgxLDIyLjUyNyBDMjIuOTgxLDIzLjE2MCAyMi40NjgsMjMuNTc5IDIxLjgzNCwyMy41NzkgTDE3LjY5MSwyMy41NzkgQzE3LjY4MSwyMy43MjIgMTcuNjYwLDI0LjIwMyAxNy42NjAsMjQuMzQ5IEMxNy42NjAsMjQuNDk1IDE3LjY4MSwyNC40NzcgMTcuNjkxLDI0LjYxOSBMMjEuODM0LDI0LjYxOSBDMjIuNDY4LDI0LjYxOSAyMi45ODEsMjUuMDA3IDIyLjk4MSwyNS42NDEgQzIyLjk4MSwyNi4yNzQgMjIuNDY4LDI2LjYwMCAyMS44MzQsMjYuNjAwIEwxOC4zMjcsMjYuNjAwIEMxOC45MzEsMjcuNzE0IDE5LjM2NSwyOC45MTUgMjAuOTcxLDI4LjkxNSBaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.finder-module-selection .finder--selection a span.saveup:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjQyLjk2OSIgaGVpZ2h0PSIzOC40MzgiIHZpZXdCb3g9IjAgMCA0Mi45NjkgMzguNDM4Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogIzNmM2YzZjsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPGc+DQogICAgPHBhdGggZD0iTTM4LjY0Nyw3LjQwOCBMMzAuMzE1LDcuNDA4IEMyOS42MDUsMy4yNzYgMjUuODgwLC0wLjAwNiAyMS41NDcsLTAuMDA2IEMxNy4yMTYsLTAuMDA2IDEzLjQ5MSwzLjI3NiAxMi43ODAsNy40MDggTDQuMDc4LDcuNDA4IEMxLjY5MCw3LjQwOCAtMC4wMDMsOS4yNDggLTAuMDAzLDExLjY2MyBMLTAuMDAzLDM0LjMzNSBDLTAuMDAzLDM2LjcyMyAyLjAwMiwzOC40MTYgNC4zOTEsMzguNDE2IEw0LjM5MiwzOC40MTYgTDM4LjY0NywzOC40MjkgQzQxLjAzNSwzOC40MjkgNDIuOTc4LDM2LjY3NCA0Mi45NzgsMzQuMjg1IEw0Mi45NzgsMTEuNjE1IEM0Mi45NzgsOS4yMjYgNDEuMDM1LDcuNDA4IDM4LjY0Nyw3LjQwOCBaTTIxLjU0NywyLjE5MiBDMjUuMTc2LDIuMTkyIDI4LjEyOCw1LjE0NCAyOC4xMjgsOC43NzMgQzI4LjEyOCwxMC41NDIgMjcuNDE4LDEyLjE0MiAyNi4yNzgsMTMuMzI1IEMyNC42NzEsMTMuMDI4IDIyLjk3NSwxMi44NjYgMjEuMjM0LDEyLjg2NiBDMTkuNzAwLDEyLjg2NiAxOC4xOTksMTMuMDEwIDE2Ljc1MiwxMy4yNDggQzE1LjY1MywxMi4wNzMgMTQuOTY3LDEwLjUwNiAxNC45NjcsOC43NzMgQzE0Ljk2Nyw1LjE0NCAxNy45MTksMi4xOTIgMjEuNTQ3LDIuMTkyIFpNNDAuOTY3LDM0LjI4NSBDNDAuOTY3LDM1LjQ2MiAzOS44MjMsMzYuNDE4IDM4LjY0NiwzNi40MTggTDQuMDc3LDM2LjQ2OCBDMi45MDIsMzYuNDY3IDEuOTQ1LDM1LjUxMCAxLjk0NSwzNC4zMzUgTDEuOTQ1LDExLjY2MyBDMS45NDUsMTAuNDgxIDIuOTIyLDkuNDE5IDQuMDc4LDkuNDE5IEwxMi44MDYsOS40MTkgQzEyLjkzNCwxMS4wMDMgMTMuNDc3LDEyLjUzMiAxNC4zMzcsMTMuNzY3IEMxMy40MjEsMTQuMDEzIDEyLjUzMiwxNC4yOTIgMTEuNzEwLDE0LjYzMyBMMTEuNzEwLDE3LjQ0MSBDMTQuMzQxLDE2LjIwMyAxNy43MjIsMTUuNTIxIDIxLjIzNCwxNS41MjEgQzI1LjA3MywxNS41MjEgMjguNjY5LDE2LjMxNyAzMS4zODYsMTcuNzU5IEwzMS4zODYsMTQuODk2IEMzMC41MzcsMTQuNTA1IDI5LjYyMCwxNC4xNzUgMjguNjYwLDEzLjg5MyBDMjkuNTczLDEyLjYzMCAzMC4xNTksMTEuMDU5IDMwLjI5MSw5LjQxOSBMMzguNjQ3LDkuNDE5IEMzOS44MjMsOS40MTkgNDAuOTY3LDEwLjQzOCA0MC45NjcsMTEuNjE1IEw0MC45NjcsMzQuMjg1IFoiIGNsYXNzPSJjbHMtMSIvPg0KICAgIDxwYXRoIGQ9Ik0xNC45MTgsMjYuNjI4IEMxNC45MTgsMjcuMjc4IDE1LjQ0NCwyNy40MzAgMTYuMDk1LDI3LjQzMCBMMTYuNzI2LDI3LjQzMCBDMTcuMDk0LDMwLjE1NCAxOS42NDIsMzIuMTc5IDIyLjAwNCwzMi4xNzkgQzIzLjI0OCwzMi4xNzkgMjQuNDMxLDMxLjcwNiAyNS40MjMsMzAuODEwIEMyNS45MDUsMzAuMzc0IDI1Ljk0MywyOS42MzAgMjUuNTA4LDI5LjE0OCBDMjUuMDcxLDI4LjY2NSAyNC4zMjksMjguNjI4IDIzLjg0NiwyOS4wNjMgQzIzLjQ2MCwyOS40MTEgMjIuODI4LDI5LjgyNiAyMi4wMDQsMjkuODI2IEMyMC44OTEsMjkuODI2IDE5LjU2OCwyOC44NjYgMTkuMjkwLDI3LjQzMCBMMjIuODkwLDI3LjQzMCBDMjMuNTQwLDI3LjQzMCAyNC4wNjcsMjcuMjc4IDI0LjA2NywyNi42MjggQzI0LjA2NywyNS45NzggMjMuNTQwLDI1LjQ1MSAyMi44OTAsMjUuNDUxIEwxOC42MzcsMjUuNDUxIEMxOC42MjgsMjUuMzA1IDE4LjYwNSwyNS4yODkgMTguNjA1LDI1LjEzOSBDMTguNjA1LDI0Ljk4OSAxOC42MjgsMjQuNTk4IDE4LjYzNywyNC40NTIgTDIyLjg5MCwyNC40NTIgQzIzLjU0MCwyNC40NTIgMjQuMDY3LDIzLjkyNSAyNC4wNjcsMjMuMjc1IEMyNC4wNjcsMjIuNjI1IDIzLjU0MCwyMi4zNDggMjIuODkwLDIyLjM0OCBMMTkuMjkwLDIyLjM0OCBDMTkuOTEwLDIxLjIwNSAyMC44OTEsMjAuNDUzIDIyLjAwNCwyMC40NTMgQzIyLjU4NiwyMC40NTMgMjMuMTQyLDIwLjY1NSAyMy42NTMsMjEuMDUzIEMyNC4xNjYsMjEuNDUxIDI0LjkwNCwyMS4zNjAgMjUuMzA0LDIwLjg0OCBDMjUuNzAzLDIwLjMzNSAyNS42MTEsMTkuNTk2IDI1LjA5OSwxOS4xOTYgQzI0LjE3OCwxOC40NzkgMjMuMTA3LDE4LjA5OSAyMi4wMDQsMTguMDk5IEMxOS42NDIsMTguMDk5IDE3LjYxMCwxOS44NTEgMTYuNzI2LDIyLjM0OCBMMTYuMDk1LDIyLjM0OCBDMTUuNDQ0LDIyLjM0OCAxNC45MTgsMjIuNjI1IDE0LjkxOCwyMy4yNzUgQzE0LjkxOCwyMy45MjUgMTUuNDQ0LDI0LjQ1MiAxNi4wOTUsMjQuNDUyIEwxNi4yNzAsMjQuNDUyIEMxNi4yNjIsMjQuNTk3IDE2LjI1MiwyNC45OTEgMTYuMjUyLDI1LjEzOSBDMTYuMjUyLDI1LjI4NyAxNi4yNjIsMjUuMzA2IDE2LjI3MCwyNS40NTEgTDE2LjA5NSwyNS40NTEgQzE1LjQ0NCwyNS40NTEgMTQuOTE4LDI1Ljk3OCAxNC45MTgsMjYuNjI4IFoiIGNsYXNzPSJjbHMtMSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.finder-module-selection .finder--selection a span.arrow:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMjAgMTIiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNOS45OTgsMTEuOTg1IEwtMC4wMDQsNC4wMzkgTC0wLjAwNCwzLjAxMiBMLTAuMDA0LDIuMDY0IEwtMC4wMDQsMS45ODUgTC0wLjAwNCwxLjAzNyBMLTAuMDA0LDAuMDEwIEw5Ljk5OCw4LjE5MyBMMTkuOTk5LDAuMDEwIEwxOS45OTksMS4wMzcgTDE5Ljk5OSwxLjc2NCBMMTkuOTk5LDIuMDY0IEwxOS45OTksMi43OTEgTDE5Ljk5OSwzLjgxOCBMOS45OTgsMTEuOTg1IFoiIGNsYXNzPSJjbHMtMSIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.joker-row .columns .haspa-joker .inner .logo {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0My40IDMzLjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0My40IDMzLjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNFNzNBMzE7fQ0KPC9zdHlsZT4NCjxnIGlkPSJKb2tlcl9Xb3J0bWFya2UiPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYzLjEsMjYuNGMtMS4xLDAtMi4yLTAuMS0zLjItMC40Yy0xLTAuMy0xLjctMC41LTIuMi0wLjhjLTAuNS0wLjMtMC44LTAuNS0xLTAuNmwxLjgtMy43DQoJCQljMC4xLDAuMSwwLjMsMC4yLDAuNSwwLjNjMC4yLDAuMiwwLjUsMC4zLDAuOSwwLjVjMC40LDAuMiwwLjgsMC4zLDEuMiwwLjRjMC41LDAuMSwxLDAuMiwxLjUsMC4yYzEsMCwxLjgtMC4yLDIuNS0wLjgNCgkJCWMwLjYtMC41LDEtMS4xLDEuMi0xLjhjMC4yLTAuNywwLjMtMS40LDAuMy0yVjEuNGg1djE2LjJjMCwxLjYtMC4yLDMtMC42LDRjLTAuNCwxLjEtMC45LDItMS42LDIuNmMtMC43LDAuNy0xLjYsMS4zLTIuNywxLjYNCgkJCUMxNjUuNSwyNi4yLDE2NC40LDI2LjQsMTYzLjEsMjYuNHoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE4My41LDI2LjRjLTEuNCwwLTIuNi0wLjItMy43LTAuN2MtMS4xLTAuNS0yLTEuMi0yLjctMmMtMC43LTAuOS0xLjMtMS45LTEuNy0zYy0wLjQtMS4yLTAuNi0yLjQtMC42LTMuNw0KCQkJYzAtMS40LDAuMi0yLjYsMC41LTMuOGMwLjQtMS4yLDAuOS0yLjIsMS42LTNjMC43LTAuOCwxLjYtMS41LDIuNy0yYzEuMS0wLjUsMi4zLTAuNywzLjctMC43YzIuMSwwLDMuOCwwLjUsNS4yLDEuNQ0KCQkJYzEuNCwxLDIuMywyLjIsMi44LDMuN2MwLjUsMS41LDAuNywyLjksMC43LDQuM2MwLDEuMy0wLjIsMi41LTAuNiwzLjdjLTAuNCwxLjItMC45LDIuMi0xLjcsM2MtMC43LDAuOS0xLjYsMS41LTIuNywyDQoJCQlDMTg2LjEsMjYuMiwxODQuOSwyNi40LDE4My41LDI2LjR6IE0xODMuNSwyMi42YzEuMiwwLDIuMS0wLjUsMi42LTEuNWMwLjYtMSwwLjgtMi40LDAuOC00LjJjMC0xLjMtMC4yLTIuNS0wLjUtMy4zDQoJCQljLTAuMy0wLjktMC43LTEuNS0xLjMtMS44Yy0wLjUtMC4zLTEuMS0wLjUtMS43LTAuNWMtMC42LDAtMS4xLDAuMS0xLjUsMC40Yy0wLjQsMC4zLTAuOCwwLjYtMS4xLDEuMWMtMC4zLDAuNS0wLjUsMS4xLTAuNiwxLjgNCgkJCWMtMC4xLDAuNy0wLjIsMS41LTAuMiwyLjRjMCwwLjksMC4xLDEuNywwLjIsMi40YzAuMSwwLjcsMC4zLDEuMywwLjYsMS44YzAuMywwLjUsMC42LDAuOSwxLjEsMS4xDQoJCQlDMTgyLjQsMjIuNSwxODIuOSwyMi42LDE4My41LDIyLjZ6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOTUuNCwyNlYwaDQuOXYxNC43TDIwNiw4aDUuOGwtNi45LDcuOGMxLDEuMSwyLjEsMi41LDMuNCw0LjJjMS4zLDEuNywyLjYsMy43LDQsNmgtNmMtMS0xLjUtMy00LjQtNi4xLTguNQ0KCQkJVjI2SDE5NS40eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjIxLjksMjYuNGMtMS40LDAtMi43LTAuMi0zLjgtMC43Yy0xLjEtMC41LTItMS4xLTIuOC0xLjljLTAuOC0wLjgtMS4zLTEuOC0xLjctM2MtMC40LTEuMi0wLjYtMi40LTAuNi0zLjkNCgkJCWMwLTEuNCwwLjItMi42LDAuNS0zLjhjMC40LTEuMiwwLjktMi4xLDEuNi0zYzAuNy0wLjgsMS42LTEuNSwyLjYtMmMxLTAuNSwyLjMtMC43LDMuNi0wLjdjMi41LDAsNC40LDAuNyw1LjcsMi4yDQoJCQljMS4zLDEuNSwxLjksMy43LDEuOSw2LjVjMCwxLDAsMS43LTAuMSwyLjJoLTEwLjhjMC4xLDEuNCwwLjYsMi41LDEuMywzLjFjMC44LDAuNywxLjgsMSwzLjIsMWMwLjcsMCwxLjUtMC4xLDIuNC0wLjINCgkJCWMwLjgtMC4xLDEuNS0wLjMsMi4xLTAuNGwwLjksMy42Yy0wLjksMC4yLTEuOCwwLjQtMi45LDAuNkMyMjQuMiwyNi4zLDIyMy4xLDI2LjQsMjIxLjksMjYuNHogTTIxNy45LDE1LjJoNi4ydi0wLjUNCgkJCWMwLTEuMy0wLjItMi4yLTAuNy0yLjhjLTAuNS0wLjYtMS4yLTAuOS0yLjEtMC45Yy0xLDAtMS44LDAuNC0yLjMsMS4xQzIxOC4zLDEyLjgsMjE4LDEzLjgsMjE3LjksMTUuMnoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzMi4zLDI2VjhoNC42bDAuMSwzLjJjMC42LTEuMiwxLjMtMiwyLjEtMi42YzAuOC0wLjYsMS43LTAuOSwyLjctMC45YzAuNCwwLDAuNywwLDEsMC4xDQoJCQljMC4zLDAuMSwwLjUsMC4xLDAuNiwwLjF2NC41Yy0wLjIsMC0wLjQtMC4xLTAuOC0wLjFjLTAuMywwLTAuNy0wLjEtMS4xLTAuMWMtMSwwLTEuOSwwLjMtMi42LDAuOWMtMC43LDAuNi0xLjIsMS4zLTEuNCwyDQoJCQljLTAuMiwwLjctMC4zLDEuMy0wLjMsMS45djlIMjMyLjN6Ii8+DQoJPC9nPg0KPC9nPg0KPGcgaWQ9Ikhhc3BhX1dvcnRtYXJrZSI+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NC4xLDI2VjEuNGgzLjV2OS41aDEwLjVWMS40aDMuNlYyNmgtMy42VjEzLjlINjcuN1YyNkg2NC4xeiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTAuOSwyNi4zYy0wLjcsMC0xLjUtMC4xLTIuMS0wLjNjLTAuNy0wLjItMS4zLTAuNS0xLjgtMC45Yy0wLjUtMC40LTAuOS0xLTEuMi0xLjcNCgkJCWMtMC4zLTAuNy0wLjQtMS41LTAuNC0yLjVjMC0xLjQsMC4zLTIuNSwwLjktMy40YzAuNi0wLjksMS41LTEuNiwyLjctMmMwLjctMC4zLDEuNC0wLjUsMi4zLTAuNmMwLjgtMC4xLDEuOC0wLjIsMi44LTAuMg0KCQkJYzAsMCwwLjIsMCwwLjMsMGMwLjIsMCwwLjQsMCwwLjYsMHMwLjQsMCwwLjYsMGMwLjIsMCwwLjMsMCwwLjQsMHYtMWMwLTAuOS0wLjItMS42LTAuNS0yLjFjLTAuMy0wLjUtMC44LTAuOC0xLjUtMQ0KCQkJYy0wLjctMC4yLTEuNC0wLjMtMi4yLTAuM2MtMSwwLTEuOSwwLjEtMi43LDAuM2MtMC44LDAuMi0xLjYsMC40LTIuMywwLjdWOC42YzEtMC4zLDEuNy0wLjQsMi4xLTAuNWMwLjQtMC4xLDEtMC4yLDEuNy0wLjINCgkJCWMwLjctMC4xLDEuMy0wLjEsMS45LTAuMWMxLjIsMCwyLjIsMC4xLDMuMSwwLjNjMC45LDAuMiwxLjYsMC42LDIuMSwxLjFjMC42LDAuNSwxLDEuMSwxLjMsMS44YzAuMywwLjcsMC40LDEuNiwwLjQsMi43VjI2aC0zLjINCgkJCWwtMC4xLTEuNWMtMC4zLDAuMy0wLjgsMC43LTEuMywwLjljLTAuNSwwLjMtMS4yLDAuNS0xLjksMC43QzkyLjIsMjYuMyw5MS41LDI2LjMsOTAuOSwyNi4zeiBNOTEuOCwyMy43YzAuNiwwLDEuMi0wLjEsMS44LTAuMw0KCQkJYzAuNi0wLjIsMS4xLTAuNCwxLjUtMC43YzAuNC0wLjIsMC42LTAuNSwwLjgtMC43di00LjloLTEuM2MtMSwwLTEuOSwwLjEtMi42LDAuMmMtMC43LDAuMS0xLjMsMC4zLTEuOCwwLjYNCgkJCWMtMC41LDAuMy0wLjksMC43LTEuMSwxLjFjLTAuMiwwLjUtMC40LDEtMC40LDEuN2MwLDAuNiwwLjEsMS4xLDAuNCwxLjZjMC4yLDAuNSwwLjYsMC44LDEuMSwxQzkwLjcsMjMuNiw5MS4zLDIzLjcsOTEuOCwyMy43eiINCgkJCS8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDkuMiwyNi4zYy0wLjgsMC0xLjUsMC0yLjItMC4xYy0wLjctMC4xLTEuMy0wLjItMS44LTAuM2MtMC41LTAuMS0xLTAuMy0xLjQtMC40Yy0wLjQtMC4xLTAuNy0wLjMtMC45LTAuNA0KCQkJbDAuOS0yLjZjMC42LDAuMiwxLjEsMC40LDEuNiwwLjZjMC41LDAuMSwxLDAuMywxLjcsMC40YzAuNiwwLjEsMS4zLDAuMSwxLjksMC4xYzEsMCwxLjktMC4xLDIuNS0wLjRjMC42LTAuMiwxLTAuNSwxLjItMC45DQoJCQljMC4yLTAuNCwwLjMtMC44LDAuMy0xLjJjMC0wLjYtMC4yLTEuMS0wLjctMS41cy0xLjEtMC43LTEuOC0wLjljLTAuNy0wLjItMS40LTAuNS0yLTAuN2MtMC43LTAuMi0xLjQtMC41LTItMC44DQoJCQljLTAuNi0wLjMtMS4yLTAuNi0xLjYtMWMtMC41LTAuNC0wLjgtMC44LTEuMS0xLjRjLTAuMy0wLjUtMC40LTEuMi0wLjQtMmMwLTAuOCwwLjItMS42LDAuNS0yLjJjMC4zLTAuNywwLjgtMS4yLDEuMy0xLjYNCgkJCWMwLjYtMC40LDEuMy0wLjgsMi4xLTFjMC44LTAuMiwxLjctMC4zLDIuNy0wLjNjMS4yLDAsMi4yLDAuMSwzLjEsMC4yYzAuOSwwLjEsMS42LDAuMywyLjMsMC41djIuOGMtMC43LTAuMy0xLjUtMC41LTIuNC0wLjYNCgkJCWMtMC44LTAuMS0xLjgtMC4yLTIuOC0wLjJjLTEuMiwwLTIuMSwwLjItMi42LDAuNmMtMC42LDAuNC0wLjgsMC45LTAuOCwxLjdjMCwwLjQsMC4xLDAuNywwLjMsMWMwLjIsMC4zLDAuNSwwLjUsMC45LDAuNw0KCQkJYzAuNCwwLjIsMC44LDAuNCwxLjQsMC42YzAuNSwwLjIsMS4xLDAuNCwxLjgsMC42YzEuNCwwLjQsMi41LDAuOSwzLjMsMS4zYzAuOCwwLjUsMS4zLDEuMSwxLjcsMS44YzAuMywwLjcsMC41LDEuNSwwLjUsMi4zDQoJCQljMCwwLjktMC4yLDEuNy0wLjUsMi40Yy0wLjMsMC43LTAuOCwxLjItMS41LDEuN2MtMC42LDAuNC0xLjQsMC44LTIuMywxQzExMS4zLDI2LjIsMTEwLjMsMjYuMywxMDkuMiwyNi4zeiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIwLjIsMzMuMXYtMjVoMy4zbDAuMSwyLjZjMC4zLTAuNiwwLjctMS4xLDEuMy0xLjZjMC42LTAuNSwxLjItMC44LDEuOS0xYzAuNy0wLjIsMS40LTAuMywyLjEtMC4zDQoJCQljMS43LDAsMywwLjQsNC4xLDEuM2MxLjEsMC45LDEuOCwyLDIuMiwzLjRjMC40LDEuNCwwLjYsMi45LDAuNiw0LjNjMCwxLjUtMC4yLDIuOS0wLjUsNGMtMC4zLDEuMi0wLjgsMi4yLTEuNSwzDQoJCQljLTAuNiwwLjgtMS41LDEuNC0yLjQsMS45Yy0xLDAuNC0yLjEsMC42LTMuMywwLjZjLTEsMC0xLjktMC4xLTIuNi0wLjRjLTAuNy0wLjMtMS40LTAuNi0xLjktMXY4LjJIMTIwLjJ6IE0xMjcuNCwyMy42DQoJCQljMC44LDAsMS42LTAuMiwyLjItMC41YzAuNi0wLjMsMS4xLTAuNywxLjQtMS4yYzAuMy0wLjUsMC41LTEsMC43LTEuNGMwLjItMC41LDAuMy0xLjEsMC40LTEuN2MwLjEtMC42LDAuMS0xLjIsMC4xLTEuOQ0KCQkJYzAtMS40LTAuMi0yLjYtMC41LTMuNmMtMC4zLTEtMC45LTEuNy0xLjUtMi4xYy0wLjctMC40LTEuNC0wLjYtMi4yLTAuNmMtMC43LDAtMS4zLDAuMi0xLjgsMC41Yy0wLjUsMC4zLTEsMC44LTEuNCwxLjQNCgkJCWMtMC40LDAuNi0wLjYsMS4zLTAuOCwyLjFjLTAuMiwwLjgtMC4zLDEuNy0wLjMsMi43djQuNmMwLjUsMC41LDEuMSwwLjksMS43LDEuMkMxMjUuOSwyMy40LDEyNi42LDIzLjYsMTI3LjQsMjMuNnoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0NC4yLDI2LjNjLTAuNywwLTEuNS0wLjEtMi4xLTAuM2MtMC43LTAuMi0xLjMtMC41LTEuOC0wLjljLTAuNS0wLjQtMC45LTEtMS4yLTEuNw0KCQkJYy0wLjMtMC43LTAuNC0xLjUtMC40LTIuNWMwLTEuNCwwLjMtMi41LDAuOS0zLjRjMC42LTAuOSwxLjUtMS42LDIuNy0yYzAuNy0wLjMsMS40LTAuNSwyLjMtMC42YzAuOC0wLjEsMS44LTAuMiwyLjgtMC4yDQoJCQljMCwwLDAuMiwwLDAuMywwYzAuMiwwLDAuNCwwLDAuNiwwczAuNCwwLDAuNiwwYzAuMiwwLDAuMywwLDAuNCwwdi0xYzAtMC45LTAuMi0xLjYtMC41LTIuMWMtMC4zLTAuNS0wLjgtMC44LTEuNS0xDQoJCQljLTAuNy0wLjItMS40LTAuMy0yLjItMC4zYy0xLDAtMS45LDAuMS0yLjcsMC4zYy0wLjgsMC4yLTEuNiwwLjQtMi4zLDAuN1Y4LjZjMS0wLjMsMS43LTAuNCwyLjEtMC41YzAuNC0wLjEsMS0wLjIsMS43LTAuMg0KCQkJYzAuNy0wLjEsMS4zLTAuMSwxLjktMC4xYzEuMiwwLDIuMiwwLjEsMy4xLDAuM2MwLjksMC4yLDEuNiwwLjYsMi4xLDEuMWMwLjYsMC41LDEsMS4xLDEuMywxLjhjMC4zLDAuNywwLjQsMS42LDAuNCwyLjdWMjZoLTMuMg0KCQkJbC0wLjEtMS41Yy0wLjMsMC4zLTAuOCwwLjctMS4zLDAuOWMtMC41LDAuMy0xLjIsMC41LTEuOSwwLjdDMTQ1LjUsMjYuMywxNDQuOCwyNi4zLDE0NC4yLDI2LjN6IE0xNDUuMiwyMy43DQoJCQljMC42LDAsMS4yLTAuMSwxLjgtMC4zYzAuNi0wLjIsMS4xLTAuNCwxLjUtMC43YzAuNC0wLjIsMC42LTAuNSwwLjgtMC43di00LjlIMTQ4Yy0xLDAtMS45LDAuMS0yLjYsMC4yYy0wLjcsMC4xLTEuMywwLjMtMS44LDAuNg0KCQkJYy0wLjUsMC4zLTAuOSwwLjctMS4xLDEuMWMtMC4yLDAuNS0wLjQsMS0wLjQsMS43YzAsMC42LDAuMSwxLjEsMC40LDEuNmMwLjIsMC41LDAuNiwwLjgsMS4xLDFDMTQ0LDIzLjYsMTQ0LjYsMjMuNywxNDUuMiwyMy43eiINCgkJCS8+DQoJPC9nPg0KPC9nPg0KPGcgaWQ9Ikpva2VyX0h1dCI+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00LjEsMTUuOGMtMS4zLDAtMi42LDAuMS00LDAuNGMtMC4xLDAtMC4xLDAuMS0wLjEsMC4xYzAsMC4xLDAsMC4xLDAuMSwwLjJjMi44LDEuOSw2LjgsNS40LDYuOCwxMS44DQoJCQljMCwwLjUsMCwxLTAuMSwxLjVjMCwwLjEsMC4xLDAuMiwwLjIsMC4yYzQuMi0xLjksOS4zLTMuNSwxMy44LTQuNWMwLDAsMC4xLDAsMC4xLTAuMWMwLDAsMC0wLjEsMC0wLjENCgkJCUMxOC4zLDIwLjksMTIuNiwxNS44LDQuMSwxNS44eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTUuMywxMi4zYzAsMC0wLjEtMC4xLTAuMS0wLjFDNTMuOSwxMi4xLDUyLjUsMTIsNTEsMTJjLTMuOSwwLTguNCwwLjYtMTIuNSwyLjRjLTQsMS44LTcuNyw0LjctOS44LDkuMw0KCQkJYy0wLjEsMC4xLDAsMC4yLDAuMiwwLjJjOS44LTEuNSwxNC45LTEuNCwxNy45LTEuNGMxLjEsMCwyLjIsMCwzLjMsMGMwLjEsMCwwLjEsMCwwLjEtMC4xbDUtMTBDNTUuMywxMi40LDU1LjMsMTIuMyw1NS4zLDEyLjN6Ig0KCQkJLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ5LjgsMS42YzAuMSwwLDAuMS0wLjEsMC4xLTAuMWMwLTAuMSwwLTAuMS0wLjEtMC4yYy0yLjctMC43LTUuOS0xLjItOS40LTEuMmMtOC45LDAtMTkuOCwzLjEtMjguOCwxMy40DQoJCQljMCwwLDAsMC4xLDAsMC4xYzAsMC4xLDAuMSwwLjEsMC4xLDAuMWM4LjIsMi41LDExLjUsOC4yLDEzLDExLjFjMC4xLDAuMSwwLjMsMC4xLDAuMy0wLjFDMjYuMywxMy43LDM0LjIsMi44LDQ5LjgsMS42eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.achievements .achievement.active>a.creditcards span,
.achievements .achievement.active>a.protection span,
.achievements .achievement.active>a.refund-order span,
.achievements .achievement.active>a.refund-tickets span,
.achievements .achievement.active>a.price-advantage span,
.achievements .achievement.active>a.vip-services span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjYzLjk2OSIgaGVpZ2h0PSI1MC4wMyIgdmlld0JveD0iMCAwIDYzLjk2OSA1MC4wMyI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNmNzM0Mjk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGQ9Ik02My4xODksMTIuNDE3IEwyNi40MjUsNDkuMjQzIEMyNS40MDUsNTAuMjY2IDIzLjc1MSw1MC4yNjYgMjIuNzMxLDQ5LjI0MyBMMTQuNzg3LDQxLjI4NSBDMTQuNzg2LDQxLjI4NSAxNC43ODYsNDEuMjg1IDE0Ljc4Niw0MS4yODQgTDAuNzQ2LDI3LjIyMSBDLTAuMjc0LDI2LjE5OSAtMC4yNzQsMjQuNTQzIDAuNzQ2LDIzLjUyMSBMOC42OTEsMTUuNTYzIEM5LjcxMSwxNC41NDEgMTEuMzY1LDE0LjU0MSAxMi4zODUsMTUuNTYzIEwyNC41NzgsMjcuNzc2IEw1MS41NTAsMC43NTkgQzUyLjU3MSwtMC4yNjMgNTQuMjI1LC0wLjI2MyA1NS4yNDUsMC43NTkgTDYzLjE4OSw4LjcxNiBDNjQuMjA5LDkuNzM3IDY0LjIwOSwxMS4zOTUgNjMuMTg5LDEyLjQxNyBaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.achievements .achievement>a.protection span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjU1IiBoZWlnaHQ9IjU1IiB2aWV3Qm94PSIwIDAgNTUgNTUiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNNTQuNjY2LDE1LjM4MiBMNDMuNDk5LDIuMzc1IEM0My40NjIsMi4zMzIgNDMuNDA0LDIuMzEyIDQzLjM2MiwyLjI3MyBDNDMuMjU1LDIuMTc1IDQzLjE0OCwyLjA4MiA0My4wMjEsMi4wMjAgQzQzLjAwMywyLjAxMSA0Mi45OTIsMS45OTMgNDIuOTc0LDEuOTg1IEM0Mi43OTMsMS45MDQgMzguMzk3LDAuMDA2IDI3LjQ3NywtMC4wMDEgQzE2LjYxOSwwLjAwNiAxMi4yMjMsMS45MDQgMTIuMDQyLDEuOTg1IEMxMS44NDAsMi4wNzQgMTEuNjU5LDIuMjA4IDExLjUxNywyLjM3NSBMMC4zNTAsMTUuMzgyIEMwLjA3NSwxNS43MDEgLTAuMDUxLDE2LjEyMiAwLjAwMiwxNi41MzkgQzAuMTQyLDE3LjYyMSAzLjY2OCw0My4xMjEgMjYuNjA4LDU0LjcwNyBDMjYuODYyLDU0Ljg4OSAyNy4xNjksNTQuOTk3IDI3LjQ4Myw1NC45OTcgQzI3LjUwMSw1NC45OTYgMjcuNTE3LDU0Ljk5NiAyNy41MzcsNTQuOTk3IEMyNy44MzEsNTQuOTk3IDI4LjEyNiw1NC44OTQgMjguMzc1LDU0LjcyMyBDNTEuMzQ0LDQzLjE0NyA1NC44NzQsMTcuNjIyIDU1LjAxMywxNi41MzkgQzU1LjA2NywxNi4xMjIgNTQuOTQxLDE1LjcwMSA1NC42NjYsMTUuMzgyIFpNOC4zNjYsMzIuMDgwIEw0Mi4xNzAsNS4zOTUgTDQ4Ljk1MiwxMy4yOTQgQzQ4LjkzMywxMy4zMDggNDguOTA5LDEzLjMxMSA0OC44OTEsMTMuMzI2IEwxNC4wNzQsNDAuODEwIEMxMS43MjcsMzcuOTM1IDkuODUwLDM0Ljk0NiA4LjM2NiwzMi4wODAgWk0xMy41MjksNC41OTggQzE0LjYwOCw0LjIyNSAxOC44MDksMi45OTcgMjcuMzkzLDIuOTY4IEMyNy40MzgsMi45NzEgMjcuNTAyLDIuOTcyIDI3LjUzNiwyLjk3MiBDMzMuMTcxLDIuOTc2IDM2LjkyNywzLjUwOCAzOS4xNjAsMy45ODIgTDcuMDQxLDI5LjMzNiBDNC4zOTQsMjMuNDU5IDMuMzYwLDE4LjUwMiAzLjA1OSwxNi43OTQgTDEzLjUyOSw0LjU5OCBaTTI3LjUwOCw1MS44MjYgQzIyLjg3OSw0OS40MTkgMTkuMTA4LDQ2LjM2MSAxNi4wMzAsNDMuMDU1IEw1MC43MzcsMTUuNjU3IEM1MC43ODgsMTUuNjE3IDUwLjgxNCwxNS41NjAgNTAuODU4LDE1LjUxNSBMNTEuOTU3LDE2Ljc5NSBDNTEuMjcxLDIwLjcyNCA0Ni43MzksNDEuODI1IDI3LjUwOCw1MS44MjYgWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.achievements .achievement>a.refund-order span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjQ5IiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNDkgNTAiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNNDguMjY2LDQ1LjI4NSBMNDEuMTkwLDQ5Ljc5OSBDNDEuMTQzLDQ5LjgyNyA0MS4wOTEsNDkuODQwIDQxLjA0Miw0OS44NjIgQzQwLjk5OCw0OS44ODEgNDAuOTU2LDQ5LjkwMiA0MC45MTAsNDkuOTE3IEM0MC43NjMsNDkuOTY2IDQwLjYxMiw0OS45OTkgNDAuNDYxLDQ5Ljk5OSBDNDAuNDYxLDQ5Ljk5OSA0MC40NjEsNDkuOTk4IDQwLjQ2MSw0OS45OTggTDQwLjQ2MCw0OS45OTkgQzQwLjM4Nyw0OS45OTkgNDAuMzEyLDQ5Ljk5MyA0MC4yMzksNDkuOTgxIEwxLjI0OCw0NC4wMjQgQzAuNTM0LDQzLjkxNCAwLjAwNyw0My4yOTAgMC4wMDcsNDIuNTU3IEwwLjAwNywxMi43NDMgQzAuMDA3LDEyLjY4NCAwLjAzNiwxMi42MzIgMC4wNDMsMTIuNTc0IEMwLjA1OCwxMi40NDYgMC4wNzcsMTIuMzIzIDAuMTIzLDEyLjIwMyBDMC4xNTMsMTIuMTI3IDAuMTk2LDEyLjA2MiAwLjIzOCwxMS45OTEgQzAuMjk4LDExLjg4OSAwLjM2MywxMS43OTQgMC40NDgsMTEuNzA4IEMwLjQ3NSwxMS42ODAgMC40ODcsMTEuNjQxIDAuNTE3LDExLjYxNSBDMC41NTgsMTEuNTc5IDAuNjEzLDExLjU2OSAwLjY1OCwxMS41MzcgQzAuNzA5LDExLjUwMiAwLjc0NCwxMS40NTEgMC44MDAsMTEuNDIyIEw4LjEyNiw3LjU5MSBDOC4zNjMsNy40NjcgOC42MzIsNy40MjUgOC45MDAsNy40NDUgQzkuMjA4LDcuMzA5IDkuNTY1LDcuMjQ1IDkuODc0LDcuMjg4IEwxNC4xNjQsNy45MzQgTDE0LjE2NCw2LjI1NiBDMTQuMTY0LDQuNDUxIDE0LjkzMCwyLjczMiAxNi4yNjQsMS41NDEgQzE3LjYwMCwwLjM0OCAxOS4zNzcsLTAuMTkzIDIxLjE0MCwwLjAyOCBMMjkuNzE3LDEuMTUyIEMzMi43OTEsMS41NTUgMzUuMTA5LDQuMjMyIDM1LjEwOSw3LjM4MSBMMzUuMTA5LDExLjA5MCBMNDcuNzUxLDEyLjk5NSBDNDguNDY2LDEzLjEwMyA0OC45OTgsMTMuNzI4IDQ4Ljk5OCwxNC40NjQgTDQ4Ljk5OCw0NC4wMDAgQzQ4Ljk5OCw0NC41MzEgNDguNzE5LDQ1LjAyMSA0OC4yNjYsNDUuMjg1IFpNMi45MzEsNDEuMjgyIEwzOC45OTgsNDYuNzg1IEwzOC45OTgsMTkuOTc0IEwyLjkzMSwxNC40NzIgTDIuOTMxLDQxLjI4MiBaTTMyLjE4NSw3LjM4MSBDMzIuMTg1LDUuNzIyIDMwLjk2Miw0LjMwOSAyOS4zNDMsNC4wOTkgTDIwLjc2NSwyLjk3NCBDMTkuODM4LDIuODQ5IDE4Ljg5OSwzLjE0MiAxOC4xOTQsMy43NzAgQzE3LjQ5MSw0LjM5OCAxNy4wODgsNS4zMDQgMTcuMDg4LDYuMjU2IEwxNy4wODgsOC4zNzUgTDMyLjE4NSwxMC42NTAgTDMyLjE4NSw3LjM4MSBaTTM1LjEwNywxNC4wOTMgQzM1LjEwNCwxNC45MTAgMzQuNDUyLDE1LjU3MSAzMy42NDcsMTUuNTcxIEMzMi44MzksMTUuNTcxIDMyLjE4NSwxNC45MDYgMzIuMTg1LDE0LjA4NiBMMzIuMTg1LDEzLjY1MiBMMjAuNzQyLDExLjkyOCBMMTcuMDg4LDExLjQ2NyBMMTcuMDg4LDExLjcyNCBDMTcuMDg4LDEyLjU0NSAxNi40MzMsMTMuMjA5IDE1LjYyNiwxMy4yMDkgQzE0LjgxOCwxMy4yMDkgMTQuMTY0LDEyLjU0NSAxNC4xNjQsMTEuNzI0IEwxNC4xNjQsMTEuMDk4IEw5LjA0MiwxMC40NTIgTDYuMTQ1LDExLjk2NyBMMzkuNDgwLDE3LjE0MiBDNDAuMjg5LDE2LjYwMiA0MS42MTQsMTUuODIxIDQyLjY4MywxNS4yMzUgTDM1LjEwNywxNC4wOTMgWk00Ni4wNzQsMTYuOTkyIEM0NC4zMzQsMTcuODA2IDQyLjk3MSwxOC43OTcgNDEuOTIyLDE5LjQ2NyBMNDEuOTIyLDQ1Ljk0MyBMNDYuMDc0LDQzLjE0MiBMNDYuMDc0LDE2Ljk5MiBaTTMwLjE5MCw0Mi4xMDYgQzI5Ljk5MCw0Mi40OTUgMjkuNjMxLDQyLjc3NCAyOS4yMTAsNDIuODY4IEMyOS4xMDUsNDIuODkyIDI4Ljk5OSw0Mi45MDMgMjguODk1LDQyLjkwMyBDMjguNTc1LDQyLjkwMyAyOC4yNjIsNDIuNzk3IDI4LjAwNCw0Mi41OTcgTDE3Ljc5OSwzNC42MzIgQzE3LjIzNiwzNC4xOTEgMTcuMDY2LDMzLjQwNiAxNy4zOTQsMzIuNzY2IEwxOC4zMDQsMzAuOTk4IEMxNy43MDUsMzEuMjU3IDE3LjA1MywzMS40MDYgMTYuMzY3LDMxLjQwNiBDMTUuOTUwLDMxLjQwNiAxNS41NDksMzEuMzM4IDE1LjE2MCwzMS4yMzggTDE1LjUwMCwzMS44ODMgQzE1LjcwOSwzMi4yNzkgMTUuNzI5LDMyLjc0OCAxNS41NTcsMzMuMTYxIEMxNS4zODUsMzMuNTc0IDE1LjAzNywzMy44ODcgMTQuNjEzLDM0LjAxMSBMOS4xMDksMzUuNjA5IEM4Ljk3NiwzNS42NDcgOC44NDAsMzUuNjY2IDguNzA3LDM1LjY2NiBDOC4yMDYsMzUuNjY2IDcuNzI4LDM1LjQwMiA3LjQ1NywzNC45NTIgTDMuNjM3LDI4LjU2MiBDMy40MDMsMjguMTcwIDMuMzYwLDI3LjY5MSAzLjUyMSwyNy4yNjMgQzMuNjgxLDI2LjgzNiA0LjAyNiwyNi41MDcgNC40NTcsMjYuMzcyIEwxMC4yOTksMjQuNTQ3IEMxMC42ODAsMjQuNDMxIDExLjA2OSwyNC40OTIgMTEuNDAyLDI0LjY2OSBDMTEuOTU1LDIyLjI5OSAxMy45NjMsMjAuNTMxIDE2LjM2NywyMC41MzEgQzE4Ljg3NSwyMC41MzEgMjAuOTYwLDIyLjQ1MCAyMS40MDQsMjQuOTczIEwyMi4zMzgsMjMuMTU4IEMyMi41MzksMjIuNzY5IDIyLjg5OCwyMi40OTAgMjMuMzE5LDIyLjM5NiBDMjMuNzQxLDIyLjMwMCAyNC4xODIsMjIuNDAxIDI0LjUyNCwyMi42NjggTDM0LjcyOSwzMC42MzIgQzM1LjI5MiwzMS4wNzMgMzUuNDYyLDMxLjg1OCAzNS4xMzUsMzIuNDk4IEwzMC4xOTAsNDIuMTA2IFpNMTAuMDA3LDI3Ljc0NCBMNy4xMTAsMjguNjQ5IEw5LjM3NywzMi40NDEgTDEyLjA2NywzMS42NjEgTDEwLjAwNywyNy43NDQgWk0xNi4zNjcsMjMuNTAxIEMxNS4xNTAsMjMuNTAxIDE0LjE2MSwyNC42MDggMTQuMTYxLDI1Ljk2OSBDMTQuMTYxLDI3LjMzMCAxNS4xNTAsMjguNDM3IDE2LjM2NywyOC40MzcgQzE3LjU4NCwyOC40MzcgMTguNTc1LDI3LjMzMCAxOC41NzUsMjUuOTY5IEMxOC41NzUsMjQuNjA4IDE3LjU4NCwyMy41MDEgMTYuMzY3LDIzLjUwMSBaTTI0LjEyNCwyNi4xMDAgTDIwLjU1NCwzMy4wMzYgTDI4LjQwNSwzOS4xNjQgTDMxLjk3NCwzMi4yMjggTDI0LjEyNCwyNi4xMDAgWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.achievements .achievement>a.refund-tickets span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjU4IiBoZWlnaHQ9IjQ5IiB2aWV3Qm94PSIwIDAgNTggNDkiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNNTYuNjMwLDIwLjQzNSBDNTcuMzgyLDIwLjQzNSA1Ny45OTIsMjEuMDQ1IDU3Ljk5MiwyMS43OTggTDU3Ljk5MiwyOS41NDUgQzU3Ljk5MiwzMC4yOTggNTcuMzgyLDMwLjkwOCA1Ni42MzAsMzAuOTA4IEw0Mi43MjYsMzAuOTA4IEM0Mi4xMTMsMzEuNzE2IDQxLjczNCwzMi43MTIgNDEuNzM0LDMzLjgwMyBDNDEuNzM0LDM2LjQ2MSA0My45ODAsMzguNjIyIDQ2LjYzNywzOC42MjIgQzQ3LjM4OSwzOC42MjIgNDcuOTk5LDM5LjIzMiA0Ny45OTksMzkuOTg0IEw0Ny45OTksNDcuNjQ5IEM0Ny45OTksNDguNDAxIDQ3LjM4OSw0OS4wMTEgNDYuNjM3LDQ5LjAxMSBMMS4zNDgsNDkuMDExIEMwLjU5Niw0OS4wMTEgLTAuMDEzLDQ4LjQwMSAtMC4wMTMsNDcuNjQ5IEwtMC4wMTMsMzkuOTg0IEMtMC4wMTMsMzkuMjMyIDAuNTk2LDM4LjYyMiAxLjM0OCwzOC42MjIgQzQuMDA1LDM4LjYyMiA2LjUwMCwzNi40NjEgNi41MDAsMzMuODAzIEM2LjUwMCwzMS4xNDUgNC4wODksMjguOTg0IDEuNDMyLDI4Ljk4NCBDMC42ODAsMjguOTg0IC0wLjAxMywyOC4zNzQgLTAuMDEzLDI3LjYyMSBMLTAuMDEzLDIwLjM3NCBDLTAuMDEzLDE5LjYyMSAwLjU5NiwxOS4wMTIgMS4zNDgsMTkuMDEyIEwxNS42ODksMTkuMDEyIEMxNi4zMTIsMTguMTg0IDE2Ljc0MywxNi42NzMgMTYuNzQzLDE1LjYxNiBDMTYuNzQzLDEyLjk1OCAxMy45OTksMTAuNzk2IDExLjM0MiwxMC43OTYgQzEwLjU5MCwxMC43OTYgOS45ODAsMTAuMTg2IDkuOTgwLDkuNDMzIEw5Ljk4MCwxLjM1MiBDOS45ODAsMC41OTkgMTAuNTkwLC0wLjAxMCAxMS4zNDIsLTAuMDEwIEw1Ni42MzAsLTAuMDEwIEM1Ny4zODIsLTAuMDEwIDU3Ljk5MiwwLjU5OSA1Ny45OTIsMS4zNTIgTDU3Ljk5Miw5LjQzMyBDNTcuOTkyLDEwLjE4NiA1Ny4zODIsMTAuNzk2IDU2LjYzMCwxMC43OTYgQzUzLjk3MywxMC43OTYgNTEuOTc4LDEyLjk1OCA1MS45NzgsMTUuNjE2IEM1MS45NzgsMTguMjc0IDUzLjk3MywyMC40MzUgNTYuNjMwLDIwLjQzNSBaTTIuOTYwLDIxLjk4NiBMMy4wNDQsMjYuMzgyIEM2LjU1NCwyNy4wMjUgOS4yMjMsMzAuMTA4IDkuMjIzLDMzLjgwMyBDOS4yMjMsMzcuNDk3IDYuNTU0LDQwLjU4MSAzLjA0NCw0MS4yMjQgTDMuMDQ0LDQ2LjAzNiBMMjIuNzU3LDQ2LjAzNiBDMjIuNzU3LDQ2LjAzNSAyMi43NTYsNDYuMDM0IDIyLjc1Niw0Ni4wMzIgTDIyLjc1Niw0NC44NjggQzIyLjc1Niw0NC4xMTUgMjMuMzY1LDQzLjUwNSAyNC4xMTgsNDMuNTA1IEMyNC44NzAsNDMuNTA1IDI1LjQ3OSw0NC4xMTUgMjUuNDc5LDQ0Ljg2OCBMMjUuNDc5LDQ2LjAzMiBDMjUuNDc5LDQ2LjAzNCAyNS40NzksNDYuMDM1IDI1LjQ3OSw0Ni4wMzYgTDQ1LjAyNSw0Ni4wMzYgTDQ1LjAyNSw0MS4yMjQgQzQxLjUxMyw0MC41ODEgMzkuMDExLDM3LjQ5NyAzOS4wMTEsMzMuODAzIEMzOS4wMTEsMzEuODI3IDM5Ljc4OSwzMC4wNDIgNDEuMDM2LDI4LjY5NiBDNDEuMDk0LDI4LjYyNSA0MS4xNTUsMjguNTY0IDQxLjIyNiwyOC41MDYgQzQyLjI4OCwyNy40MzcgNDMuNjQ5LDI2LjY2NCA0NS4xOTIsMjYuMzgyIEw0NS4xMDgsMjEuOTg2IEwyNS4zOTYsMjEuOTg2IEwyNS40NzksMjIuNDc5IEMyNS40NzksMjMuMjMyIDI0Ljg3MCwyMy44NDIgMjQuMTE4LDIzLjg0MiBDMjMuMzY1LDIzLjg0MiAyMi43NTYsMjMuMjMyIDIyLjc1NiwyMi40NzkgTDIyLjY3MywyMS45ODYgTDIuOTYwLDIxLjk4NiBaTTU1LjAxOCw4LjE5NCBMNTUuMDE4LDIuOTY0IEwzNS43MjMsMi45NjQgTDM1LjcyMywzLjEwMiBDMzUuNzIzLDMuODU0IDM1LjExMyw0LjU0NyAzNC4zNjEsNC41NDcgQzMzLjYwOSw0LjU0NyAzMi45OTksMy44NTQgMzIuOTk5LDMuMTAyIEwzMi45OTksMi45NjQgTDEyLjk1NCwyLjk2NCBMMTIuOTU0LDguMTk0IEMxNi40NjQsOC44MzcgMTkuNDY3LDExLjkyMCAxOS40NjcsMTUuNjE2IEMxOS40NjcsMTYuNjI3IDE5LjE2MSwxOC4xMDMgMTguNzgyLDE5LjAxMiBMNDYuNDcwLDE5LjAxMiBDNDcuMjIyLDE5LjAxMiA0Ny44MzIsMTkuNjIxIDQ3LjgzMiwyMC4zNzQgTDQ3LjkxNSwyNy42MjEgQzQ3LjkxNSwyNy44MjMgNDcuODY2LDI3Ljg0NCA0Ny43ODcsMjguMDE2IEw1NS4wMTgsMjguMDE2IEw1NS4wMTgsMjMuMDM3IEM1MS41MDYsMjIuMzk0IDQ5LjI1NCwxOS4zMTEgNDkuMjU0LDE1LjYxNiBDNDkuMjU0LDExLjkyMCA1MS41MDYsOC44MzcgNTUuMDE4LDguMTk0IFpNMzQuMzYxLDE2LjQ5MCBDMzMuNjA5LDE2LjQ5MCAzMi45OTksMTUuODgwIDMyLjk5OSwxNS4xMjggTDMyLjk5OSwxMy42MjkgQzMyLjk5OSwxMi44NzcgMzMuNjA5LDEyLjI2NyAzNC4zNjEsMTIuMjY3IEMzNS4xMTMsMTIuMjY3IDM1LjcyMywxMi44NzcgMzUuNzIzLDEzLjYyOSBMMzUuNzIzLDE1LjEyOCBDMzUuNzIzLDE1Ljg4MCAzNS4xMTMsMTYuNDkwIDM0LjM2MSwxNi40OTAgWk0zNC4zNjEsMTAuNTE5IEMzMy42MDksMTAuNTE5IDMyLjk5OSw5LjkxMCAzMi45OTksOS4xNTcgTDMyLjk5OSw3LjY1OCBDMzIuOTk5LDYuOTA1IDMzLjYwOSw2LjI5NSAzNC4zNjEsNi4yOTUgQzM1LjExMyw2LjI5NSAzNS43MjMsNi45MDUgMzUuNzIzLDcuNjU4IEwzNS43MjMsOS4xNTcgQzM1LjcyMyw5LjkxMCAzNS4xMTMsMTAuNTE5IDM0LjM2MSwxMC41MTkgWk0yNC4xMTgsMjUuNTkxIEMyNC44NzAsMjUuNTkxIDI1LjQ3OSwyNi4yMDEgMjUuNDc5LDI2Ljk1MyBMMjUuNDc5LDI4LjQ1MSBDMjUuNDc5LDI5LjIwNCAyNC44NzAsMjkuODEzIDI0LjExOCwyOS44MTMgQzIzLjM2NSwyOS44MTMgMjIuNzU2LDI5LjIwNCAyMi43NTYsMjguNDUxIEwyMi43NTYsMjYuOTUzIEMyMi43NTYsMjYuMjAxIDIzLjM2NSwyNS41OTEgMjQuMTE4LDI1LjU5MSBaTTI0LjExOCwzMS41NjEgQzI0Ljg3MCwzMS41NjEgMjUuNDc5LDMyLjE3MSAyNS40NzksMzIuOTI0IEwyNS40NzksMzQuNDIzIEMyNS40NzksMzUuMTc2IDI0Ljg3MCwzNS43ODYgMjQuMTE4LDM1Ljc4NiBDMjMuMzY1LDM1Ljc4NiAyMi43NTYsMzUuMTc2IDIyLjc1NiwzNC40MjMgTDIyLjc1NiwzMi45MjQgQzIyLjc1NiwzMi4xNzEgMjMuMzY1LDMxLjU2MSAyNC4xMTgsMzEuNTYxIFpNMjQuMTE4LDM3LjUzMyBDMjQuODcwLDM3LjUzMyAyNS40NzksMzguMTQzIDI1LjQ3OSwzOC44OTYgTDI1LjQ3OSw0MC4zOTUgQzI1LjQ3OSw0MS4xNDggMjQuODcwLDQxLjc1OCAyNC4xMTgsNDEuNzU4IEMyMy4zNjUsNDEuNzU4IDIyLjc1Niw0MS4xNDggMjIuNzU2LDQwLjM5NSBMMjIuNzU2LDM4Ljg5NiBDMjIuNzU2LDM4LjE0MyAyMy4zNjUsMzcuNTMzIDI0LjExOCwzNy41MzMgWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.achievements .achievement>a.vip-services span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjYwLjk3IiBoZWlnaHQ9IjU5IiB2aWV3Qm94PSIwIDAgNjAuOTcgNTkiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNNTkuNTI4LDI3LjE2NyBDNjAuODUxLDI1Ljg2NSA2MS4zMTgsMjMuOTU3IDYwLjc0NywyMi4xODUgQzYwLjE3NiwyMC40MTQgNTguNjg1LDE5LjE0NyA1Ni44NTksMTguODc5IEw0Mi41ODgsMTYuNzg2IEM0MS45ODUsMTYuNjk4IDQxLjQ2NSwxNi4zMTcgNDEuMTk2LDE1Ljc2NiBMMzQuODEzLDIuNzE3IEMzMy45OTYsMS4wNDcgMzIuMzQyLDAuMDA5IDMwLjQ5NSwwLjAwOSBDMjguNjQ4LDAuMDA5IDI2Ljk5MywxLjA0NyAyNi4xNzgsMi43MTggTDE5Ljc5NSwxNS43NjYgQzE5LjUyNSwxNi4zMTcgMTkuMDA1LDE2LjY5OCAxOC40MDMsMTYuNzg2IEw0LjEzMiwxOC44NzkgQzIuMzA2LDE5LjE0NyAwLjgxNSwyMC40MTQgMC4yNDQsMjIuMTg1IEMtMC4zMjcsMjMuOTU3IDAuMTQwLDI1Ljg2NSAxLjQ2MiwyNy4xNjcgTDExLjc5MCwzNy4zMjQgQzEyLjIyNiwzNy43NTIgMTIuNDI0LDM4LjM2OSAxMi4zMjEsMzguOTc1IEw5Ljg4Myw1My4zMTYgQzkuNjQzLDU0LjczMyAxMC4wMjUsNTYuMTcwIDEwLjkzNSw1Ny4yNTcgQzEyLjM3MSw1OC45NzcgMTQuODcyLDU5LjQ5NSAxNi44NzIsNTguNDM5IEwyOS42MzYsNTEuNjY2IEMzMC4xNjQsNTEuMzg3IDMwLjgyOSw1MS4zODggMzEuMzU1LDUxLjY2NyBMNDQuMTIxLDU4LjQzOSBDNDQuODI4LDU4LjgxMyA0NS41ODIsNTkuMDA0IDQ2LjM2Miw1OS4wMDMgQzQ3Ljc4MSw1OS4wMDMgNDkuMTI5LDU4LjM2NyA1MC4wNTYsNTcuMjU3IEM1MC45NjYsNTYuMTY5IDUxLjM0OCw1NC43MzMgNTEuMTA4LDUzLjMxNiBMNDguNjY5LDM4Ljk3NSBDNDguNTY3LDM4LjM2OSA0OC43NjUsMzcuNzUyIDQ5LjIwMSwzNy4zMjQgTDU5LjUyOCwyNy4xNjcgWk00NS43NDYsMzkuNDgwIEw0OC4xODQsNTMuODIyIEM0OC4zMDQsNTQuNTMxIDQ4LjAzNSw1NS4wMzIgNDcuNzg3LDU1LjMyOCBDNDcuMjM3LDU1Ljk5MCA0Ni4yODMsNTYuMjAzIDQ1LjUwMSw1NS43ODggTDMyLjczNyw0OS4wMTggQzMyLjA0OSw0OC42NTMgMzEuMjc0LDQ4LjQ1OSAzMC40OTUsNDguNDU5IEMyOS43MTcsNDguNDU5IDI4Ljk0Miw0OC42NTMgMjguMjU0LDQ5LjAxNyBMMTUuNDkxLDU1Ljc4OCBDMTQuNzA5LDU2LjIwMyAxMy43NTcsNTUuOTkwIDEzLjIwNCw1NS4zMjggQzEyLjg1NSw1NC45MTAgMTIuNzEzLDU0LjM3NSAxMi44MDcsNTMuODIyIEwxNS4yNDUsMzkuNDgwIEMxNS41MTMsMzcuOTAyIDE0Ljk5NSwzNi4yOTUgMTMuODYwLDM1LjE3OSBMMy41MzQsMjUuMDI0IEMzLjAxOCwyNC41MTcgMi44NDMsMjMuODAxIDMuMDY2LDIzLjExMCBDMy4yODgsMjIuNDIwIDMuODQ3LDIxLjk0NSA0LjU1OCwyMS44NDIgTDE4LjgyOSwxOS43NDkgQzIwLjM5OSwxOS41MTggMjEuNzU0LDE4LjUyNSAyMi40NTUsMTcuMDkxIEwyOC44MzcsNC4wNDIgQzI5LjE1NiwzLjM5MSAyOS43NzYsMy4wMDMgMzAuNDk1LDMuMDAzIEMzMS4yMTUsMy4wMDMgMzEuODM1LDMuMzkyIDMyLjE1Myw0LjA0MiBMMzguNTM2LDE3LjA5MSBDMzkuMjM3LDE4LjUyNSA0MC41OTMsMTkuNTE5IDQyLjE2MiwxOS43NDkgTDU2LjQzMywyMS44NDIgQzU3LjE0NCwyMS45NDUgNTcuNzAzLDIyLjQyMCA1Ny45MjUsMjMuMTEwIEM1OC4xNDgsMjMuODAxIDU3Ljk3MywyNC41MTcgNTcuNDU3LDI1LjAyMyBMNDcuMTI5LDM1LjE4MCBDNDUuOTk1LDM2LjI5NiA0NS40NzgsMzcuOTA0IDQ1Ljc0NiwzOS40ODAgWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.achievements .achievement>a.price-advantage span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjU3IiB2aWV3Qm94PSIwIDAgNDQgNTciPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNNDMuOTEzLDIzLjgyMSBMMzEuMzQ5LDU2LjA4MSBDMzEuMTMwLDU2LjY0MSAzMC41OTIsNTYuOTg1IDMwLjAyMSw1Ni45ODUgQzI5Ljg1MCw1Ni45ODUgMjkuNjc2LDU2Ljk1NCAyOS41MDgsNTYuODg5IEwwLjg3Myw0NS45MTUgQzAuNTIxLDQ1Ljc4MCAwLjIzOCw0NS41MTIgMC4wODUsNDUuMTY5IEMtMC4wNjgsNDQuODI3IC0wLjA3OCw0NC40MzggMC4wNTgsNDQuMDg5IEwxMi42MjQsMTEuODI4IEMxMi43ODgsMTEuNDA3IDEzLjE0MywxMS4wODkgMTMuNTg0LDEwLjk3MiBMMzEuMjM0LDYuMjkzIEwzMy4zMzcsMC44OTQgQzMzLjYyMCwwLjE2NiAzNC40NDcsLTAuMTk0IDM1LjE3NywwLjA4NiBDMzUuOTExLDAuMzY3IDM2LjI3NSwxLjE4NSAzNS45OTIsMS45MTIgTDMzLjg4OCw3LjMxMiBMNDMuNzgyLDIyLjU0NyBDNDQuMDI4LDIyLjkyNyA0NC4wNzcsMjMuNDAwIDQzLjkxMywyMy44MjEgWk0zMi42MTgsMTAuNTcyIEwzMS4xMzgsMTQuMzczIEMzMi41MzQsMTUuNTQxIDMzLjExNywxNy40OTEgMzIuNDIzLDE5LjI3NCBDMzIuNDIzLDE5LjI3NCAzMi40MjMsMTkuMjc0IDMyLjQyMywxOS4yNzUgQzMxLjc0OSwyMS4wMDUgMzAuMDc4LDIyLjA2NyAyOC4zMTEsMjIuMDY3IEMyNy43ODQsMjIuMDY3IDI3LjI0OSwyMS45NzMgMjYuNzI5LDIxLjc3NCBDMjUuNjMyLDIxLjM1NCAyNC43NjYsMjAuNTM1IDI0LjI5MCwxOS40NjggQzIzLjgxNCwxOC40MDEgMjMuNzg2LDE3LjIxNCAyNC4yMTAsMTYuMTI2IEMyNC42MzMsMTUuMDM5IDI1LjQ1OSwxNC4xODAgMjYuNTM1LDEzLjcwNyBDMjcuMTU4LDEzLjQzMyAyNy44MjEsMTMuMzI2IDI4LjQ4NCwxMy4zNTIgTDI5Ljk2NCw5LjU1MyBMMTUuMDE3LDEzLjUxNiBMMy4yMjYsNDMuNzg5IEwyOS4yMDYsNTMuNzQ2IEw0MC45OTYsMjMuNDczIEwzMi42MTgsMTAuNTcyIFpNMjkuODQ0LDE3LjUzNSBDMjkuNTc1LDE3Ljg5NiAyOS4xNTQsMTguMTEyIDI4LjcwNiwxOC4xMTIgQzI4LjUzNSwxOC4xMTIgMjguMzYxLDE4LjA4MSAyOC4xOTMsMTguMDE2IEMyNy41NzcsMTcuNzgxIDI3LjI0OCwxNy4xNjggMjcuMzE3LDE2LjU0NyBDMjcuMTI0LDE2LjcxMCAyNi45NjAsMTYuOTAzIDI2Ljg2NiwxNy4xNDQgQzI2LjcxNSwxNy41MjkgMjYuNzI1LDE3Ljk0OCAyNi44OTMsMTguMzI1IEMyNy4wNjIsMTguNzAyIDI3LjM2NywxOC45OTEgMjcuNzU1LDE5LjE0MCBDMjguNTUzLDE5LjQ0NiAyOS40NTgsMTkuMDUwIDI5Ljc2OCwxOC4yNTcgQzI5Ljg2MSwxOC4wMTggMjkuODcxLDE3Ljc3MyAyOS44NDQsMTcuNTM1IFpNMjYuODg1LDQ3LjIzOSBDMjYuMTIwLDQ3LjY2OSAyNS4yOTAsNDcuODg3IDI0LjQ3NCw0Ny44ODcgQzIzLjkzOCw0Ny44ODcgMjMuNDA3LDQ3Ljc5MiAyMi45MDYsNDcuNjAwIEMyMC4zNzEsNDYuNjI4IDE5LjIyOSw0My40NzIgMjAuMzYyLDQwLjU2NCBDMjEuNDk1LDM3LjY1NiAyNC40ODQsMzYuMDgyIDI3LjAxNCwzNy4wNTIgQzI5LjU1MCwzOC4wMjQgMzAuNjkxLDQxLjE4MCAyOS41NTgsNDQuMDg4IEMyOS4wMjgsNDUuNDQ4IDI4LjA3OSw0Ni41NjggMjYuODg1LDQ3LjIzOSBaTTI1Ljk4OCwzOS42ODYgQzI1LjgxMywzOS42MTkgMjUuNjMwLDM5LjU4OCAyNS40NDIsMzkuNTg4IEMyNC41MDUsMzkuNTg4IDIzLjQ4Myw0MC4zODkgMjMuMDE4LDQxLjU4MiBDMjIuNDYxLDQzLjAxMiAyMi44ODAsNDQuNTYyIDIzLjkzMiw0NC45NjYgQzI0LjU2NSw0NS4yMDYgMjUuMTc1LDQ0Ljk1NCAyNS40ODEsNDQuNzgyIEMyNi4wOTUsNDQuNDM2IDI2LjYxNCw0My44MTMgMjYuOTAzLDQzLjA3MCBDMjcuNDU5LDQxLjY0MCAyNy4wNDEsNDAuMDkwIDI1Ljk4OCwzOS42ODYgWk0xMC4yOTQsNDEuMjU2IEM5Ljc0Nyw0MS4yNTYgOS4yMjYsNDAuOTQyIDguOTkxLDQwLjQxNSBDOC42NzMsMzkuNzAyIDguOTk3LDM4Ljg2OCA5LjcxNywzOC41NTIgTDMyLjM5NCwyOC41OTUgQzMzLjEwOCwyOC4yNzkgMzMuOTUyLDI4LjYwMSAzNC4yNzEsMjkuMzE0IEMzNC41ODksMzAuMDI3IDM0LjI2NSwzMC44NjIgMzMuNTQ1LDMxLjE3OCBMMTAuODY4LDQxLjEzNSBDMTAuNjgxLDQxLjIxNyAxMC40ODUsNDEuMjU2IDEwLjI5NCw0MS4yNTYgWk0xNy44MDYsMzIuOTY1IEMxNy4yODIsMzIuOTY1IDE2Ljc1NiwzMi44NzIgMTYuMjQ4LDMyLjY3OCBDMTQuOTg3LDMyLjE5NSAxNC4wMDIsMzEuMTMwIDEzLjU0OCwyOS43NTYgQzEzLjExOCwyOC40NjMgMTMuMTc0LDI3LjAwMSAxMy43MDUsMjUuNjQwIEMxNC44MzcsMjIuNzM0IDE3LjgyMCwyMS4xNjQgMjAuMzU3LDIyLjEyOCBDMjEuNjE4LDIyLjYxMiAyMi42MDEsMjMuNjc3IDIzLjA1NywyNS4wNTAgQzIzLjQ4NiwyNi4zNDQgMjMuNDMwLDI3LjgwNiAyMi44OTksMjkuMTY2IEMyMS45OTQsMzEuNDkxIDE5LjkwNCwzMi45NjQgMTcuODA2LDMyLjk2NSBaTTIwLjM1MywyNS45MzMgQzIwLjI0MiwyNS42MDAgMTkuOTYyLDI1LjAwNiAxOS4zMzEsMjQuNzYzIEMxOS4xNTYsMjQuNjk2IDE4Ljk3MiwyNC42NjQgMTguNzg2LDI0LjY2NCBDMTcuODQ4LDI0LjY2NCAxNi44MjUsMjUuNDY2IDE2LjM2MCwyNi42NTggQzE2LjM2MCwyNi42NTggMTYuMzYwLDI2LjY1OCAxNi4zNjAsMjYuNjU5IEMxNi4wNzEsMjcuNDAxIDE2LjAzMSwyOC4yMDggMTYuMjUyLDI4Ljg3NCBDMTYuMzYzLDI5LjIwNiAxNi42NDIsMjkuODAxIDE3LjI3NCwzMC4wNDMgQzE4LjMyMywzMC40NDUgMTkuNjg3LDI5LjU4MCAyMC4yNDQsMjguMTQ4IEMyMC41MzMsMjcuNDA1IDIwLjU3NCwyNi41OTggMjAuMzUzLDI1LjkzMyBaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.achievements .achievement>a.creditcards span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjYzIiBoZWlnaHQ9IjUxIiB2aWV3Qm94PSIwIDAgNjMgNTEiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNNTYuMDYwLDM0Ljk0NSBMNDguOTk0LDM0Ljk0NSBMNDguOTk0LDQzLjk3NiBDNDguOTk0LDQ3Ljg0MSA0NS4zNzUsNTAuOTg2IDQxLjU0Myw1MC45ODYgTDYuOTYyLDUwLjk4NiBDMy4xMzAsNTAuOTg2IDAuMDEyLDQ3Ljg0MSAwLjAxMiw0My45NzYgTDAuMDEyLDIzLjA1OSBDMC4wMTIsMTkuMTk0IDMuMTMwLDE1Ljk4NiA2Ljk2MiwxNS45ODYgTDE0LjAyOSwxNS45ODYgTDE0LjAyOSw3LjAxOCBDMTQuMDI5LDMuMTUzIDE3LjE0OCwwLjAwOCAyMC45ODEsMC4wMDggTDU2LjA2MCwwLjAwOCBDNTkuODkyLDAuMDA4IDYzLjAxMiwzLjE1MyA2My4wMTIsNy4wMTggTDYzLjAxMiwyNy45MzUgQzYzLjAxMiwzMS44MDAgNTkuODkyLDM0Ljk0NSA1Ni4wNjAsMzQuOTQ1IFpNNi45NjIsMTguOTY3IEM0LjY5MSwxOC45NjcgMi45NjgsMjAuNzY4IDIuOTY4LDIzLjA1OSBMMi45NjgsNDMuOTc2IEMyLjk2OCw0Ni4yNjcgNC42OTEsNDguMDA1IDYuOTYyLDQ4LjAwNSBMNDEuNTQzLDQ4LjAwNSBDNDMuODE0LDQ4LjAwNSA0NS45NzUsNDYuMjY3IDQ1Ljk3NSw0My45NzYgTDQ1Ljk3NSwyMy4wNTkgQzQ1Ljk3NSwyMC43NjggNDMuODE0LDE4Ljk2NyA0MS41NDMsMTguOTY3IEw2Ljk2MiwxOC45NjcgWk01OS45OTMsNy4wMTggQzU5Ljk5Myw0LjcyNyA1OC4zMzIsMy4wMzAgNTYuMDYwLDMuMDMwIEwyMC45ODEsMy4wMzAgQzE4LjcwOSwzLjAzMCAxNi45ODYsNC43MjcgMTYuOTg2LDcuMDE4IEwxNi45ODYsMTAuMDAwIEw1OS45OTMsMTAuMDAwIEw1OS45OTMsNy4wMTggWk01OS45OTMsMTIuOTgxIEwxNi45ODYsMTIuOTgxIEwxNi45ODYsMTUuOTg2IEw0MS41NDMsMTUuOTg2IEM0Mi4yMjUsMTUuOTg2IDQ0LjE3MSwxNi4yODQgNDUuNzAyLDE3LjAzOSBMNTkuOTkzLDE3LjAzOSBMNTkuOTkzLDEyLjk4MSBaTTU5Ljk5MywyMC4wMTkgTDQ4LjEzNCwyMC4wMTkgQzQ4LjQ4NywyMC44NTggNDguOTk0LDIyLjA5MiA0OC45OTQsMjMuMDU5IEw0OC45OTQsMzIuMDg5IEw1Ni4wNjAsMzIuMDg5IEM1OC4zMzIsMzIuMDg5IDU5Ljk5MywzMC4yMjYgNTkuOTkzLDI3LjkzNSBMNTkuOTkzLDIwLjAxOSBaTTM3LjgyNSwzMS4yNTggQzM3LjE3NiwzMS4yNTggMzYuNTUxLDMxLjEwNCAzNS45OTAsMzAuODEzIEMzNS40MzAsMzEuMTA0IDM0LjgwNSwzMS4yNTggMzQuMTU3LDMxLjI1OCBDMzEuOTQ1LDMxLjI1OCAzMC4xNDYsMjkuNDQzIDMwLjE0NiwyNy4yMTMgQzMwLjE0NiwyNC45ODIgMzEuOTQ1LDIzLjE2NyAzNC4xNTcsMjMuMTY3IEMzNC44MDUsMjMuMTY3IDM1LjQzMCwyMy4zMjIgMzUuOTkwLDIzLjYxMyBDMzYuNTUxLDIzLjMyMiAzNy4xNzYsMjMuMTY3IDM3LjgyNSwyMy4xNjcgQzQwLjAzNywyMy4xNjcgNDEuODM2LDI0Ljk4MiA0MS44MzYsMjcuMjEzIEM0MS44MzYsMjkuNDQzIDQwLjAzNywzMS4yNTggMzcuODI1LDMxLjI1OCBaTTM3LjgyNSwyNi4wMjMgQzM3LjUxMCwyNi4wMjMgMzcuMjE0LDI2LjE0NyAzNi45OTAsMjYuMzcyIEMzNi40MzcsMjYuOTI4IDM1LjU0MiwyNi45MjggMzQuOTg5LDI2LjM3MCBDMzQuNzY3LDI2LjE0NiAzNC40NzIsMjYuMDIzIDM0LjE1NywyNi4wMjMgQzMzLjUwNywyNi4wMjMgMzIuOTc3LDI2LjU1NyAzMi45NzcsMjcuMjEzIEMzMi45NzcsMjcuODY5IDMzLjUwNywyOC40MDIgMzQuMTU3LDI4LjQwMiBDMzQuNDcyLDI4LjQwMiAzNC43NjcsMjguMjc5IDM0Ljk4OCwyOC4wNTYgQzM1LjI1MywyNy43ODggMzUuNjE0LDI3LjYzNyAzNS45ODksMjcuNjM3IEwzNS45OTAsMjcuNjM3IEMzNi4zNjUsMjcuNjM3IDM2LjcyNiwyNy43ODcgMzYuOTkxLDI4LjA1NSBDMzcuMjE0LDI4LjI3OSAzNy41MTAsMjguNDAyIDM3LjgyNSwyOC40MDIgQzM4LjQ3NSwyOC40MDIgMzkuMDA0LDI3Ljg2OSAzOS4wMDQsMjcuMjEzIEMzOS4wMDQsMjYuNTU3IDM4LjQ3NSwyNi4wMjMgMzcuODI1LDI2LjAyMyBaTTIxLjAxMSw0NC43NTIgTDkuMzMxLDQ0Ljc1MiBDOC41NDgsNDQuNzUyIDcuOTE1LDQ0LjExMyA3LjkxNSw0My4zMjUgTDcuOTE1LDM3Ljg3NCBDNy45MTUsMzcuMDg2IDguNTQ4LDM2LjQ0NiA5LjMzMSwzNi40NDYgTDIxLjAxMSwzNi40NDYgQzIxLjc5MywzNi40NDYgMjIuNDI3LDM3LjA4NiAyMi40MjcsMzcuODc0IEwyMi40MjcsNDMuMzI1IEMyMi40MjcsNDQuMTEzIDIxLjc5Myw0NC43NTIgMjEuMDExLDQ0Ljc1MiBaTTE5LjU5NSwzOS4zMDIgTDEwLjc0NiwzOS4zMDIgTDEwLjc0Niw0MS44OTcgTDE5LjU5NSw0MS44OTcgTDE5LjU5NSwzOS4zMDIgWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

form.banking-form input[type=checkbox]:checked+label:before,
form.banking-form input[type=checkbox]:checked+input[type=hidden]+label:before,
form.global-form input[type=checkbox]:checked+label:before,
form.global-form input[type=checkbox]:checked+input[type=hidden]+label:before,
.wtf-checkbox INPUT:checked~.wtf-control-indicator {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMSAxNS45OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjEgMTUuOTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzZjNmM2YiIGQ9Ik0wLjI1LDcuNTJsMi42MS0yLjU0YzAuMzMtMC4zMywwLjg4LTAuMzMsMS4yMSwwbDcuMjEsNy4wNA0KCWMwLjMzLDAuMzMsMC4zMywwLjg2LDAsMS4xOGwtMi42MSwyLjU0Yy0wLjMzLDAuMzMtMC44OCwwLjMzLTEuMjEsMEwwLjI1LDguN0MtMC4wOCw4LjM3LTAuMDgsNy44NCwwLjI1LDcuNTJ6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzNmM2YzZiIgZD0iTTQuODYsMTIuMDFMMTYuOTIsMC4yNWMwLjMzLTAuMzMsMC44OC0wLjMzLDEuMjEsMGwyLjYxLDIuNTQNCgljMC4zMywwLjMzLDAuMzMsMC44NiwwLDEuMThMOC42OCwxNS43NGMtMC4zMywwLjMzLTAuODgsMC4zMy0xLjIxLDBsLTIuNjEtMi41NEM0LjUyLDEyLjg3LDQuNTIsMTIuMzQsNC44NiwxMi4wMXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.no-touch .product-box .head:hover h4:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIxIDEwLjk5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMSAxMC45OSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogIDxnPg0KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZjczNDI5IiBkPSJNMCAwbDEwLjUgOS4wNkwyMSAwdjEuOTRsLTEwLjUgOS4wNUwwIDIuMTlWMHoiLz4NCiAgPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.banking-account-informations .banking-account-informations--box.banking-account-informations--icon p:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjEzIiBoZWlnaHQ9IjIzIiB2aWV3Qm94PSIwIDAgMTMgMjMiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNMy4zODYsMjMuMDAwIEwyLjM4NiwyMy4wMDAgTDAuOTk3LDIzLjAwMCBMLTAuMDAzLDIzLjAwMCBMOS44OTIsMTEuNTAwIEwtMC4wMDMsLTAuMDAwIEwwLjk5NywtMC4wMDAgTDIuMTE4LC0wLjAwMCBMMy4xMTgsLTAuMDAwIEwxMi45OTQsMTEuNTAwIEwzLjM4NiwyMy4wMDAgWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.no-touch .product-box .inner-box.active .head:hover h4:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIxIDEwLjk5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMSAxMC45OSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogIDxnPg0KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZjczNDI5IiBkPSJNMjEgMTAuOTlMMTAuNSAxLjkzIDAgMTAuOTlWOS4wNUwxMC41IDAgMjEgOC44VjEwLjk5eiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.o-depot-table .accordion-handle.closed {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjFweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMjEgMTEiPg0KPGc+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzNmM2YzZiIgZD0iTTAsMGwxMC41LDkuMDZMMjEsMHYxLjk0bC0xMC41LDkuMDVMMCwyLjE5VjB6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.o-depot-table .accordion-handle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjFweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMjEgMTEiPg0KPGc+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzNmM2YzZiIgZD0iTTIxLDEwLjk5TDEwLjUsMS45M0wwLDEwLjk5VjkuMDVMMTAuNSwwTDIxLDguOFYxMC45OXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.o-collection-popular-options .m-handle-link-show-all SPAN:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMS4wMyA3LjAxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMS4wMyA3LjAxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjM2YzZjNmIiBkPSJNMTEuMDMsMEw1LjUxLDQuODlMMCwwdjIuMTNsNS41MSw0Ljg4bDUuNTEtNC43NVYweiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

form.banking-form .icon-container .datepicker-wrapper:after,
form.global-form .icon-container .datepicker-wrapper:after,
.m-datepicker-period-declaration .icon-calendar,
.joker-opa-form .m-form-row .icon-calendar:after,
.form-view-2018 .m-form-row .icon-calendar:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNS45OSAyOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUuOTkgMjkiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQo8cGF0aCBmaWxsPSIjM2YzZjNmIiBkPSJNMjEuOTksM1YwaC01Ljk4djNIMTBWMEg0LjAydjNIMHY3djJ2MTdoMjUuOTlWMTJ2LTJWM0gyMS45OXogTTE3Ljk3LDIuMDRoMS45OXYzLjkzaC0xLjk5VjIuMDR6IE01Ljk3LDIuMDQNCgloMS45OXYzLjkzSDUuOTdWMi4wNHogTTIzLjk4LDI2Ljk4SDEuOTNWMTJoMjIuMDRWMjYuOTh6IE0xLjk4LDEwVjQuOThoMi4wNFY4SDEwVjQuOThoNi4wMlY4aDUuOThWNC45OGgyLjAyVjEwSDEuOTh6Ii8+DQo8cGF0aCBmaWxsPSIjM2YzZjNmIiBkPSJNMTYuMTEsMTcuNjVsMC44OC0wLjU0VjI0YzAsMC41NSwwLjQ1LDEsMSwxczEtMC40NSwxLTF2LTguNjhjMC0wLjM2LTAuMTktMC43LTAuNTEtMC44Nw0KCWMtMC4zMS0wLjE4LTAuNy0wLjE3LTEuMDEsMC4wMmwtMi40MSwxLjQ4Yy0wLjQ3LDAuMjktMC42MiwwLjkxLTAuMzMsMS4zOEMxNS4wMiwxNy43OSwxNS42NCwxNy45NCwxNi4xMSwxNy42NXoiLz4NCjxwYXRoIGZpbGw9IiMzZjNmM2YiIGQ9Ik03LjM0LDE2Ljk4QzcuNiwxNyw3Ljg3LDE2LjkzLDguMDgsMTYuNzVjMC4zMi0wLjI3LDAuNzgtMC40MiwxLjI3LTAuNDNjMC45LDAsMS42NiwwLjU0LDEuNjYsMS4xNw0KCWMwLDAuNjMtMC43NiwxLjE3LTEuNjcsMS4xN2MtMC41NSwwLTEsMC40NS0xLDFjMCwwLjU1LDAuNDUsMSwxLDFjMC45MSwwLDEuNjcsMC41MywxLjY3LDEuMTdDMTEsMjIuNDYsMTAuMjQsMjMsOS4zMywyMw0KCWMtMC40OSwwLTAuOTUtMC4xNi0xLjI3LTAuNDJDNy42NCwyMi4yMiw3LDIyLjI4LDYuNjUsMjIuN2MtMC4zNSwwLjQyLTAuMywxLjA1LDAuMTMsMS40MUM3LjQ2LDI0LjY4LDguMzcsMjUsOS4zMywyNQ0KCWMyLjAyLDAsMy42Ny0xLjQyLDMuNjctMy4xN2MwLTAuODQtMC4zOC0xLjU5LTEtMi4xNmMwLjYzLTAuNTcsMS4wMi0xLjMzLDEuMDItMi4xOGMwLTEuNzUtMS42NS0zLjE3LTMuNjctMy4xN2wtMC4wMSwwbC0wLjAxLDANCgljLTAuOTYsMC0xLjg3LDAuMzItMi41NiwwLjg5Yy0wLjQyLDAuMzUtMC40OCwwLjk5LTAuMTMsMS40MUM2LjgzLDE2Ljg0LDcuMDgsMTYuOTYsNy4zNCwxNi45OHoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.joker-opa-form .m-form-row .icon-calendar:hover:after,
.form-view-2018 .m-form-row .icon-calendar:hover:after,
.joker-opa-form .m-form-row .icon-calendar:focus:after,
.form-view-2018 .m-form-row .icon-calendar:focus:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1Ljk5IDI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNS45OSAyOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogIDxnPg0KICAgIDxwYXRoIGZpbGw9IiNmNzM0MjkiIGQ9Ik0yMS45OSAzVjBoLTUuOTh2M0gxMFYwSDQuMDJ2M0gwdjcgMiAxN2gyNS45OVYxMnYtMlYzSDIxLjk5ek0xNy45NyAyLjA0aDEuOTl2My45M2gtMS45OVYyLjA0ek01Ljk3IDIuMDRoMS45OXYzLjkzSDUuOTdWMi4wNHpNMjMuOTggMjYuOThIMS45M1YxMmgyMi4wNFYyNi45OHpNMS45OCAxMFY0Ljk4aDIuMDRWOEgxMFY0Ljk4aDYuMDJWOGg1Ljk4VjQuOThoMi4wMlYxMEgxLjk4eiIvPg0KICAgIDxwYXRoIGZpbGw9IiNmNzM0MjkiIGQ9Ik0xNi4xMSAxNy42NWwwLjg4LTAuNTRWMjRjMCAwLjU1IDAuNDUgMSAxIDFzMS0wLjQ1IDEtMXYtOC42OGMwLTAuMzYtMC4xOS0wLjctMC41MS0wLjg3IC0wLjMxLTAuMTgtMC43LTAuMTctMS4wMSAwLjAybC0yLjQxIDEuNDhjLTAuNDcgMC4yOS0wLjYyIDAuOTEtMC4zMyAxLjM4QzE1LjAyIDE3Ljc5IDE1LjY0IDE3Ljk0IDE2LjExIDE3LjY1eiIvPg0KICAgIDxwYXRoIGZpbGw9IiNmNzM0MjkiIGQ9Ik03LjM0IDE2Ljk4QzcuNiAxNyA3Ljg3IDE2LjkzIDguMDggMTYuNzVjMC4zMi0wLjI3IDAuNzgtMC40MiAxLjI3LTAuNDMgMC45IDAgMS42NiAwLjU0IDEuNjYgMS4xNyAwIDAuNjMtMC43NiAxLjE3LTEuNjcgMS4xNyAtMC41NSAwLTEgMC40NS0xIDEgMCAwLjU1IDAuNDUgMSAxIDEgMC45MSAwIDEuNjcgMC41MyAxLjY3IDEuMTdDMTEgMjIuNDYgMTAuMjQgMjMgOS4zMyAyM2MtMC40OSAwLTAuOTUtMC4xNi0xLjI3LTAuNDJDNy42NCAyMi4yMiA3IDIyLjI4IDYuNjUgMjIuN2MtMC4zNSAwLjQyLTAuMyAxLjA1IDAuMTMgMS40MUM3LjQ2IDI0LjY4IDguMzcgMjUgOS4zMyAyNWMyLjAyIDAgMy42Ny0xLjQyIDMuNjctMy4xNyAwLTAuODQtMC4zOC0xLjU5LTEtMi4xNiAwLjYzLTAuNTcgMS4wMi0xLjMzIDEuMDItMi4xOCAwLTEuNzUtMS42NS0zLjE3LTMuNjctMy4xN2wtMC4wMSAwIC0wLjAxIDBjLTAuOTYgMC0xLjg3IDAuMzItMi41NiAwLjg5IC0wLjQyIDAuMzUtMC40OCAwLjk5LTAuMTMgMS40MUM2LjgzIDE2Ljg0IDcuMDggMTYuOTYgNy4zNCAxNi45OHoiLz4NCiAgPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.icon-stopwatch-wrapper:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjU2IiB2aWV3Qm94PSIwIDAgNTAgNTYiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNNDcuMjQ5LDEyLjU4MyBDNDYuODQ2LDEyLjU4MyA0Ni40NDUsMTIuNDI4IDQ2LjE0MCwxMi4xMTcgQzQ1LjU5OCwxMS41NjYgNDUuMDQwLDExLjAwMCA0NC40OTcsMTAuNDUwIEw0Mi4xNzUsMTIuNzc5IEM0Ni45NzksMTcuMzQ4IDQ5Ljk5NiwyMy43OTAgNDkuOTk2LDMwLjkzNyBDNDkuOTk2LDQ0Ljc1NCAzOC43ODIsNTUuOTk1IDI1LjAwMCw1NS45OTUgQzExLjIxOCw1NS45OTUgMC4wMDUsNDQuNzU0IDAuMDA1LDMwLjkzNyBDMC4wMDUsMjMuNjY3IDMuMTI4LDE3LjEzMCA4LjA3OSwxMi41NDggTDUuOTg2LDEwLjQ1MSBDNS40NDMsMTEuMDAxIDQuODg2LDExLjU2NiA0LjM0NCwxMi4xMTcgQzQuMDM5LDEyLjQyOCAzLjYzOCwxMi41ODMgMy4yMzUsMTIuNTgzIEMyLjg0MCwxMi41ODMgMi40NDUsMTIuNDMzIDIuMTQxLDEyLjEzMyBDMS41MjksMTEuNTI4IDEuNTIxLDEwLjUzOSAyLjEyNiw5LjkyNSBDNy44NDUsNC4xMDggNy44NDUsNC4xMDggOC4zNjUsMy45NzEgQzkuMTk4LDMuNzUyIDEwLjA0OCw0LjI1MiAxMC4yNjYsNS4wODkgQzEwLjQyOCw1LjcxMSAxMC4xOTEsNi4zNDQgOS43MTUsNi43MTYgQzkuNTMzLDYuODg0IDguOTUzLDcuNDYxIDguMTgzLDguMjM0IEwxMC41MDUsMTAuNTYyIEMxMi45MDksOC44MzcgMTUuNjI3LDcuNTM5IDE4LjU1OSw2Ljc1MyBMMTguNTU5LDEuNTY3IEMxOC41NTksMC43MDQgMTkuMjU3LDAuMDA1IDIwLjExNywwLjAwNSBMMjkuODgzLDAuMDA1IEMzMC43NDMsMC4wMDUgMzEuNDQxLDAuNzA0IDMxLjQ0MSwxLjU2NyBMMzEuNDQxLDYuNzUzIEMzNC40ODcsNy41NzAgMzcuMzAwLDguOTQ0IDM5Ljc3MiwxMC43NzAgTDQyLjMwMSw4LjIzNCBDNDEuNTMxLDcuNDYxIDQwLjk1MCw2Ljg4NCA0MC43NjgsNi43MTYgQzQwLjI5Miw2LjM0NCA0MC4wNTYsNS43MTEgNDAuMjE4LDUuMDg5IEM0MC40MzYsNC4yNTIgNDEuMjg3LDMuNzUyIDQyLjExOSwzLjk3MSBDNDIuNjM5LDQuMTA4IDQyLjYzOSw0LjEwOCA0OC4zNTgsOS45MjUgQzQ4Ljk2MiwxMC41MzkgNDguOTU1LDExLjUyOCA0OC4zNDMsMTIuMTMzIEM0OC4wMzksMTIuNDMzIDQ3LjY0NCwxMi41ODMgNDcuMjQ5LDEyLjU4MyBaTTI4LjMyNSwzLjEyOCBMMjEuNjc1LDMuMTI4IEwyMS42NzUsNi4xMjcgQzIyLjc2Niw1Ljk4MSAyMy44NzAsNS44NzkgMjUuMDAwLDUuODc5IEMyNi4xMzAsNS44NzkgMjcuMjM0LDUuOTgxIDI4LjMyNSw2LjEyNyBMMjguMzI1LDMuMTI4IFpNMjUuMDAwLDkuMDAyIEMxMi45MzUsOS4wMDIgMy4xMjAsMTguODQyIDMuMTIwLDMwLjkzNyBDMy4xMjAsNDMuMDMyIDEyLjkzNSw1Mi44NzIgMjUuMDAwLDUyLjg3MiBDMzcuMDY1LDUyLjg3MiA0Ni44ODAsNDMuMDMyIDQ2Ljg4MCwzMC45MzcgQzQ2Ljg4MCwxOC44NDIgMzcuMDY1LDkuMDAyIDI1LjAwMCw5LjAwMiBaTTI1LjAwMCw0OC42ODYgQzIxLjA5Miw0OC42ODYgMTcuMzg5LDQ3LjQzNSAxNC4yOTAsNDUuMDcwIEMxMy42MDUsNDQuNTQ4IDEzLjQ3Miw0My41NjggMTMuOTk0LDQyLjg4MSBDMTQuNTEzLDQyLjE5NyAxNS40OTQsNDIuMDYzIDE2LjE3Niw0Mi41ODQgQzE4LjcyOSw0NC41MzIgMjEuNzgwLDQ1LjU2MiAyNS4wMDAsNDUuNTYyIEMzMy4wNDQsNDUuNTYyIDM5LjU4OSwzOS4wMDEgMzkuNTg5LDMwLjkzNyBDMzkuNTg5LDIyLjg3MyAzMy4wNDQsMTYuMzEyIDI1LjAwMCwxNi4zMTIgQzI0LjEzOSwxNi4zMTIgMjMuNDQyLDE1LjYxMyAyMy40NDIsMTQuNzUwIEMyMy40NDIsMTMuODg4IDI0LjEzOSwxMy4xODkgMjUuMDAwLDEzLjE4OSBDMzQuNzYzLDEzLjE4OSA0Mi43MDUsMjEuMTUxIDQyLjcwNSwzMC45MzcgQzQyLjcwNSw0MC43MjQgMzQuNzYzLDQ4LjY4NiAyNS4wMDAsNDguNjg2IFoiIGNsYXNzPSJjbHMtMSIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.contact-element ul li.vcard a {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzNi43OXB4IiBoZWlnaHQ9IjI1LjU4cHgiIHZpZXdCb3g9IjAgMCAzNi43OSAyNS41OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzYuNzkgMjUuNTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iI2JkYmRiZCIgZD0iTTUuNDIsMjAuMDVjMC4xNSwwLjA5LDAuMzMsMC4xNCwwLjUsMC4xNGMwLjMyLDAsMC42My0wLjE2LDAuOC0wLjQ1YzEuMTEtMS43OSwyLjc4LTIuODEsNC43MS0yLjkyDQoJYzAuMTMsMC4wMSwwLjI3LDAuMDIsMC40LDAuMDJzMC4yNy0wLjAxLDAuNC0wLjAyYzEuOTQsMC4xLDMuNiwxLjEzLDQuNzEsMi45MmMwLjE4LDAuMjksMC40OSwwLjQ1LDAuOCwwLjQ1DQoJYzAuMTcsMCwwLjM0LTAuMDQsMC40OS0wLjE0YzAuNDQtMC4yNywwLjU4LTAuODUsMC4zMS0xLjI5Yy0wLjkyLTEuNDgtMi4xNy0yLjU4LTMuNjMtMy4yMWMxLjE0LTEuMDksMS44Ny0yLjc1LDEuODctNC42Mg0KCUMxNi44LDcuNjUsMTQuNTgsNSwxMS44NCw1QzkuMSw1LDYuODgsNy42NSw2Ljg4LDEwLjkyYzAsMS44NywwLjczLDMuNTQsMS44Nyw0LjYyYy0xLjQ2LDAuNjMtMi43MSwxLjczLTMuNjMsMy4yMQ0KCUM0Ljg0LDE5LjE5LDQuOTgsMTkuNzcsNS40MiwyMC4wNXogTTguNzcsMTAuOTJjMC0yLjIzLDEuMzgtNC4wNCwzLjA3LTQuMDRzMy4wNywxLjgxLDMuMDcsNC4wNGMwLDIuMTEtMS4yMywzLjgyLTIuOCw0LjAxDQoJYy0wLjAyLDAtMC4wNCwwLTAuMDcsMGMtMC4wMSwwLTAuMDEsMC0wLjAyLDBjLTAuMDcsMC0wLjEzLDAuMDItMC4yLDAuMDRjLTAuMDYtMC4wMS0wLjEzLTAuMDQtMC4yLTAuMDRjMCwwLTAuMDEsMC0wLjAyLDANCgljLTAuMDIsMC0wLjA0LDAtMC4wNiwwQzEwLDE0Ljc0LDguNzcsMTMuMDMsOC43NywxMC45MnoiLz4NCjxwYXRoIGZpbGw9IiNiZGJkYmQiIGQ9Ik0yMi4xOSw5LjEzaDkuMDljMC41MiwwLDAuOTQtMC40MiwwLjk0LTAuOTRjMC0wLjUyLTAuNDItMC45MS0wLjk0LTAuOTFoLTkuMDljLTAuNTIsMC0xLDAuMzktMSwwLjkxDQoJQzIxLjE5LDguNzEsMjEuNjcsOS4xMywyMi4xOSw5LjEzeiIvPg0KPHBhdGggZmlsbD0iI2JkYmRiZCIgZD0iTTIyLjEsMTIuOGg5LjE3YzAuNTIsMCwwLjkyLTAuMzksMC45Mi0wLjkxYzAtMC41Mi0wLjM5LTAuOTQtMC45Mi0wLjk0SDIyLjFjLTAuNTIsMC0wLjk0LDAuNDItMC45NCwwLjk0DQoJQzIxLjE2LDEyLjQxLDIxLjU4LDEyLjgsMjIuMSwxMi44eiIvPg0KPHBhdGggZmlsbD0iI2JkYmRiZCIgZD0iTTIyLjE5LDE2LjQ0aDUuMzljMC41MiwwLDAuOTQtMC4zNiwwLjk0LTAuODhzLTAuNDItMC45NC0wLjk0LTAuOTRoLTUuMzljLTAuNTIsMC0xLDAuMzYtMSwwLjg4DQoJUzIxLjY3LDE2LjQ0LDIyLjE5LDE2LjQ0eiIvPg0KPHBhdGggZmlsbD0iI2JkYmRiZCIgZD0iTTM1Ljg1LDBIMC45NEMwLjQyLDAsMCwwLjQyLDAsMC45NHYyMy43YzAsMC41MiwwLjQyLDAuOTQsMC45NCwwLjk0aDYuOThjMC40NiwwLDAuODYtMC4zNCwwLjkzLTAuNzkNCgljMC4xNS0wLjk0LDAuOTQtMS42MSwxLjg5LTEuNjFzMS43NCwwLjY4LDEuODksMS42MWMwLjA3LDAuNDYsMC40NywwLjc5LDAuOTMsMC43OWg5LjIyYzAuNDYsMCwwLjg2LTAuMzQsMC45My0wLjc5DQoJYzAuMTUtMC45NCwwLjk0LTEuNjEsMS44OS0xLjYxYzAuOTQsMCwxLjc0LDAuNjgsMS44OCwxLjYxYzAuMDcsMC40NiwwLjQ3LDAuNzksMC45MywwLjc5aDcuNDNjMC41MiwwLDAuOTQtMC40MiwwLjk0LTAuOTRWMC45NA0KCUMzNi43OSwwLjQyLDM2LjM3LDAsMzUuODUsMHogTTM0Ljk5LDIzLjc1aC01Ljg1Yy0wLjU2LTEuNDMtMS45NC0yLjQ3LTMuNTQtMi40N2MtMS42LDAtMi45OCwxLjAzLTMuNTQsMi40N2gtNy43OA0KCWMtMC41Ni0xLjQzLTEuOTQtMi40Ny0zLjU0LTIuNDdzLTIuOTgsMS4wMy0zLjU0LDIuNDdIMS44M1YxLjc3aDMzLjE2VjIzLjc1eiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.contact-element ul li.xing a {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNSAyNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQo8cGF0aCBmaWxsPSIjYmRiZGJkIiBkPSJNMjQuNzcsMC42NWMtMC4xNy0wLjI4LTAuNDctMC40Ni0wLjgxLTAuNDZoLTUuNjRjLTAuMzMsMC0wLjYzLDAuMTctMC44LDAuNDVMOS4wNCwxNS4wMw0KCWMtMC4xOCwwLjI5LTAuMTcsMC42NiwwLjAxLDAuOTVsNS44Myw5LjQxYzAuMTcsMC4yNywwLjQ3LDAuNDMsMC43OSwwLjQzaDUuNjRjMC4wMSwwLDAuMDEsMCwwLjAyLDBjMC41MSwwLDAuOTMtMC40MSwwLjkzLTAuOTENCgljMC0wLjI0LTAuMDktMC40Ni0wLjI1LTAuNjJsLTUuNDUtOC44MWw4LjE5LTEzLjkxQzI0Ljk0LDEuMjgsMjQuOTQsMC45MywyNC43NywwLjY1eiBNMTQuNjksMTUuMDNjLTAuMTgsMC4yOS0wLjE3LDAuNjYsMC4wMSwwLjk1DQoJbDQuOTQsOC4wMWgtMy40NWwtNS4yNi04LjUxbDcuOS0xMy40NmgzLjQ5TDE0LjY5LDE1LjAzeiIvPg0KPHBhdGggZmlsbD0iI2JkYmRiZCIgZD0iTTEwLjgsOS41OUw2Ljg5LDQuMjZjLTAuMTctMC4yNS0wLjQ2LTAuNC0wLjc3LTAuNEgxLjAzYy0wLjM0LDAtMC42NiwwLjE5LTAuODIsMC40OA0KCWMtMC4xNiwwLjMtMC4xNCwwLjY2LDAuMDUsMC45NGwzLjU4LDQuOTRsLTMuNiw1Ljk1Yy0wLjE4LDAuMjgtMC4xOCwwLjYzLTAuMDIsMC45MmMwLjE2LDAuMjksMC40OCwwLjQ3LDAuODEsMC40N2g1LjA5DQoJYzAuMzMsMCwwLjYzLTAuMTcsMC44LTAuNDRsMy45Mi02LjU1QzExLjAyLDEwLjI3LDExLjAxLDkuODksMTAuOCw5LjU5eiBNNS41NywxNS43NUgyLjY2bDMuMDgtNS4wN2MwLjE5LTAuMywwLjE4LTAuNjktMC4wMi0wLjk5DQoJTDIuNzgsNS42OWgyLjg1bDMuMyw0LjQ1TDUuNTcsMTUuNzV6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.contact-element ul li.linkedin a {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNiAyNS42IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNiAyNS42IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNiZGJkYmQiIGQ9Ik04LjI0LDkuNkw0Ljk3LDkuNjVjLTAuNDUsMC0wLjgyLDAuMzctMC44MiwwLjgydjEwLjRjMCwwLjQ1LDAuMzcsMC43MiwwLjgyLDAuNzJsMy4yNi0wLjA1DQoJYzAuNDUsMCwwLjc3LTAuMjcsMC43Ny0wLjcyVjEwLjQyQzkuMDEsOS45Nyw4LjY5LDkuNiw4LjI0LDkuNnogTTcuNDIsMjAuMDFINS43NHYtOC44NmgxLjY3VjIwLjAxeiIvPg0KPHBhdGggZmlsbD0iI2JkYmRiZCIgZD0iTTYuNDgsMy4wMWMtMS41NiwwLTIuODIsMS4yNy0yLjgyLDIuODJjMCwxLjU2LDEuMjcsMi44MywyLjgyLDIuODNjMS41NiwwLDIuODItMS4yNywyLjgyLTIuODMNCglDOS4zLDQuMjgsOC4wNCwzLjAxLDYuNDgsMy4wMXogTTYuNDgsNy4wMmMtMC42NSwwLTEuMTgtMC41My0xLjE4LTEuMThjMC0wLjY1LDAuNTMtMS4xOCwxLjE4LTEuMThzMS4xOCwwLjUzLDEuMTgsMS4xOA0KCUM3LjY2LDYuNDksNy4xMyw3LjAyLDYuNDgsNy4wMnoiLz4NCjxwYXRoIGZpbGw9IiNiZGJkYmQiIGQ9Ik0yMi41LDBIMy40OUMxLjY4LDAsMC4yLDEuNDgsMC4yLDMuMjl2MTkuMDJjMCwxLjgxLDEuNDcsMy4yOSwzLjI5LDMuMjlIMjIuNWMxLjgxLDAsMy4yOS0xLjQ4LDMuMjktMy4yOQ0KCVYzLjI5QzI1Ljc5LDEuNDgsMjQuMzIsMCwyMi41LDB6IE0yNC4yLDIyLjM2YzAsMC45MS0wLjc0LDEuNjUtMS42NSwxLjY1SDMuNDRjLTAuOTEsMC0xLjY1LTAuNzQtMS42NS0xLjY1VjMuMjkNCgljMC0wLjkxLDAuNzQtMS43LDEuNjUtMS43aDE5LjExYzAuOTEsMCwxLjY1LDAuNzksMS42NSwxLjdWMjIuMzZ6Ii8+DQo8cGF0aCBmaWxsPSIjYmRiZGJkIiBkPSJNMTguNTQsOS41MWMtMC45OSwwLTIsMC4zMS0yLjk4LDAuOTFjLTAuMDEtMC40NC0wLjM3LTAuOC0wLjgyLTAuOGgtMy40OWMtMC40NSwwLTAuNjIsMC4zNy0wLjYyLDAuODJWMjAuNw0KCWMwLDAuNDUsMC41NywwLjgyLDEuMDIsMC44MmgyLjg2YzAuNDUsMCwwLjgyLTAuMzcsMC44Mi0wLjgydi00Ljk1YzAtMC45NiwwLjc3LTEuMzksMS4zMS0xLjM5YzAuNjYsMCwxLjA5LDAuNjUsMS4wOSwxLjY3djQuNzINCgljMCwwLjQ1LDAuMzcsMC44MiwwLjgyLDAuODJoMy4yMmMwLjQ1LDAsMC44Mi0wLjM3LDAuODItMC44MlYxNEMyMi41OCwxMS41MywyMS4wMiw5LjUxLDE4LjU0LDkuNTF6IE0yMC45OSwyMC4wNGgtMS42M3YtNA0KCWMwLTIuMjctMS40Mi0zLjMxLTIuNzMtMy4zMWMtMS4zMywwLTIuODUsMS4wNi0yLjg1LDMuMDN2NC4yM2gtMS41N3YtOC43N2gxLjdjMCwwLTAuMDEsMC43OSwwLjQ5LDEuMDENCgljMC4zLDAuMTMsMC42NSwwLjA3LDAuODgtMC4xNGMxLjA5LTAuOTksMi4yMS0wLjg3LDMuMjUtMC44N2MxLjc2LDAsMi40NSwxLjQ4LDIuNDUsMi44NVYyMC4wNHoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

A.link-arrow:after,
A.link-arrow-white:after,
A.link-arrow-grey:after,
SPAN.link-arrow:after,
SPAN.link-arrow-white:after,
SPAN.link-arrow-grey:after,
.error A::after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA2Ljk4IDkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYuOTggOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2Y3MzQyOSIgZD0iTTAsMGw0LjE4LDQuNUwwLDloMS44MWw0LjE3LTQuNUwxLjkzLDBIMHoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZjczNDI5IiBkPSJNMSwwbDQuMTgsNC41TDEsOWgxLjgxbDQuMTctNC41TDIuOTMsMEgxeiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.button.primary.more:before,
input[type='submit'].primary.more:before,
.button.primary.more:after,
input[type='submit'].primary.more:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA5LjAyIDguMTQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDkuMDIgOC4xNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTkuMDIsMS4xNmwtNC41LDQuMThsLTQuNS00LjE4djEuODFsNC41LDQuMTdsNC41LTQuMDZWMS4xNnoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNOS4wMiwyLjE2bC00LjUsNC4xOGwtNC41LTQuMTh2MS44MWw0LjUsNC4xN2w0LjUtNC4wNlYyLjE2eiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.button.primary:after,
.button.secondary:after,
.button.special:after,
input[type='submit'].primary:after,
input[type='submit'].secondary:after,
input[type='submit'].special:after,
.submit-arrow:after,
.button-switch .button-switch-options>a>span:after,
.chats .video-chat div span:after,
.chats .video-chat div a:after,
A.link-arrow-white:after,
SPAN.link-arrow-white:after,
.teaser-medium .news-teaser.white-font span.text-link:after,
.o-collection-popular-options-complete-b .o-teaser-standard-big .text-link:after,
.o-collection-popular-options-complete-c .o-teaser-standard-big .text-link:after,
.o-collection-popular-options-small-c .o-teaser-standard-big .text-link:after,
.o-collection-popular-options-small-d .o-teaser-standard-big .text-link:after,
.o-collection-popular-options-small-a .top-box>DIV:first-child .a-headline:after,
.o-collection-popular-options-small-a .top-box>DIV:first-child .teaser-content:after,
.o-collection-popular-options-small-a .top-box>DIV:first-child .text-link:after,
.o-collection-popular-options-small-a .top-box>A:first-child .a-headline:after,
.o-collection-popular-options-small-a .top-box>A:first-child .teaser-content:after,
.o-collection-popular-options-small-a .top-box>A:first-child .text-link:after,
.o-collection-popular-options-small-b .top-box>DIV:first-child .a-headline:after,
.o-collection-popular-options-small-b .top-box>DIV:first-child .teaser-content:after,
.o-collection-popular-options-small-b .top-box>DIV:first-child .text-link:after,
.o-collection-popular-options-small-b .top-box>A:first-child .a-headline:after,
.o-collection-popular-options-small-b .top-box>A:first-child .teaser-content:after,
.o-collection-popular-options-small-b .top-box>A:first-child .text-link:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA2Ljk4IDkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYuOTggOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTAsMGw0LjE4LDQuNUwwLDloMS44MWw0LjE3LTQuNUwxLjkzLDBIMHoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNMSwwbDQuMTgsNC41TDEsOWgxLjgxbDQuMTctNC41TDIuOTMsMEgxeiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.contact-tab-body .video-chat>div>div>a,
A.link-arrow-grey:after,
SPAN.link-arrow-grey:after,
.o-step-by-step-status-box .seperator {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA2Ljk4IDkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYuOTggOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzNmM2YzZiIgZD0iTTAsMGw0LjE4LDQuNUwwLDloMS44MWw0LjE3LTQuNUwxLjkzLDBIMHoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjM2YzZjNmIiBkPSJNMSwwbDQuMTgsNC41TDEsOWgxLjgxbDQuMTctNC41TDIuOTMsMEgxeiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.button.back:before,
input[type='submit'].back:before,
.submit-back:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA2Ljk4IDkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYuOTggOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTYuOTgsOUwyLjgxLDQuNUw2Ljk4LDBINS4xN0wxLDQuNUw1LjA2LDlINi45OHoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNNS45OCw5TDEuODEsNC41TDUuOTgsMEg0LjE3TDAsNC41TDQuMDYsOUg1Ljk4eiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.button.cancel:after,
input[type='submit'].cancel:after,
.submit-cancel:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMSA4Ljk5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMSA4Ljk5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNMCwwLjU2TDAuNTYsMGw0LjQ5LDQuNDlMNC40OSw1LjA1TDAsMC41NnoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNMCw4LjQybDQuNDktNC40OWwwLjU2LDAuNTZMMC41Niw4Ljk5TDAsOC40MnoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNMC43OSwwLjU2TDEuMzUsMGw0LjQ5LDQuNDlMNS4yOCw1LjA1TDAuNzksMC41NnoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNMC43OSw4LjQybDQuNDktNC40OWwwLjU2LDAuNTZMMS4zNSw4Ljk5TDAuNzksOC40MnoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNMTAsMC41Nkw5LjQ0LDBMNC45NSw0LjQ5bDAuNTYsMC41NkwxMCwwLjU2eiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMCw4LjQyTDUuNTEsMy45M0w0Ljk1LDQuNDlsNC40OSw0LjQ5TDEwLDguNDJ6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTkuMjEsMC41Nkw4LjY1LDBMNC4xNiw0LjQ5bDAuNTYsMC41Nkw5LjIxLDAuNTZ6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTkuMjEsOC40Mkw0LjcyLDMuOTNMNC4xNiw0LjQ5bDQuNDksNC40OUw5LjIxLDguNDJ6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTEsMC41NkwxLjU2LDBsNC40OSw0LjQ5TDUuNDksNS4wNUwxLDAuNTZ6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTEsOC40Mmw0LjQ5LTQuNDlsMC41NiwwLjU2TDEuNTYsOC45OUwxLDguNDJ6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTEuNzksMC41NkwyLjM1LDBsNC40OSw0LjQ5TDYuMjgsNS4wNUwxLjc5LDAuNTZ6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTEuNzksOC40Mmw0LjQ5LTQuNDlsMC41NiwwLjU2TDIuMzUsOC45OUwxLjc5LDguNDJ6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTExLDAuNTZMMTAuNDQsMEw1Ljk1LDQuNDlsMC41NiwwLjU2TDExLDAuNTZ6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTExLDguNDJMNi41MSwzLjkzTDUuOTUsNC40OWw0LjQ5LDQuNDlMMTEsOC40MnoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNMTAuMjEsMC41Nkw5LjY1LDBMNS4xNiw0LjQ5bDAuNTYsMC41NkwxMC4yMSwwLjU2eiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMC4yMSw4LjQyTDUuNzIsMy45M0w1LjE2LDQuNDlsNC40OSw0LjQ5TDEwLjIxLDguNDJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

A.link-arrow.link-arrow-down:after,
A.link-arrow-white.link-arrow-down:after,
A.link-arrow-grey.link-arrow-down:after,
SPAN.link-arrow.link-arrow-down:after,
SPAN.link-arrow-white.link-arrow-down:after,
SPAN.link-arrow-grey.link-arrow-down:after,
.contact-element .contact-element-information a.expand-handle.closed:after,
.olb-user-header-content .m-handle-link-filter-options SPAN {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA5LjAyIDciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDkuMDIgNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCjxwYXRoIGZpbGw9IiNmNzM0MjkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4wMiwwTDQuNTEsNC4xOUwwLDB2MS44Mmw0LjUxLDQuMThsNC41MS00LjA3VjB6Ii8+DQo8cGF0aCBmaWxsPSIjZjczNDI5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMDIsMUw0LjUxLDUuMTlMMCwxdjEuODJMNC41MSw3bDQuNTEtNC4wN1YxeiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.contact-element .contact-element-information a.expand-handle:after,
.olb-user-header-content.options-basic-visible .m-handle-link-filter-options SPAN {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8c3ZnIHdpZHRoPSI5LjAyIiBoZWlnaHQ9IjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoNCiA8Zz4NCiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPg0KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4NCiA8L2c+DQogPGc+DQogIDx0aXRsZT5MYXllciAxPC90aXRsZT4NCiAgPGcgdHJhbnNmb3JtPSJyb3RhdGUoLTE4MCA0LjUxMDAwMDIyODg4MTgzNiwzLjQ5OTk5OTk5OTk5OTk5OTYpICIgaWQ9InN2Z18xIj4NCiAgIDxwYXRoIGlkPSJzdmdfMiIgZD0ibTkuMDIsMGwtNC41MSw0LjE5bC00LjUxLC00LjE5bDAsMS44Mmw0LjUxLDQuMThsNC41MSwtNC4wN2wwLC0xLjkzeiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmNzM0MjkiLz4NCiAgIDxwYXRoIGlkPSJzdmdfMyIgZD0ibTkuMDIsMWwtNC41MSw0LjE5bC00LjUxLC00LjE5bDAsMS44Mmw0LjUxLDQuMThsNC41MSwtNC4wN2wwLC0xLjkzeiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmNzM0MjkiLz4NCiAgPC9nPg0KIDwvZz4NCjwvc3ZnPg==);
    background-repeat: no-repeat
}

.ui-datepicker .ui-datepicker-prev.ui-state-disabled:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjExIiBoZWlnaHQ9IjIxIiB2aWV3Qm94PSIwIDAgMTEgMjEiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBvcGFjaXR5OiAwLjU7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGQ9Ik0xMC45ODYsMjAuOTk5IEwxLjkyNiwxMC40OTkgTDEwLjk4NiwtMC4wMDEgTDkuMDQzLC0wLjAwMSBMMC4wMDEsMTAuNDk5IEw4Ljc5OSwyMC45OTkgTDEwLjk4NiwyMC45OTkgWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.ui-datepicker .ui-datepicker-next:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjExIiBoZWlnaHQ9IjIxIiB2aWV3Qm94PSIwIDAgMTEgMjEiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNMC4wMTQsMC4wMDIgTDkuMDc0LDEwLjUwMSBMMC4wMTQsMjEuMDAxIEwxLjk1NywyMS4wMDEgTDEwLjk5OSwxMC41MDEgTDIuMjAyLDAuMDAyIEwwLjAxNCwwLjAwMiBaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.ui-datepicker .ui-datepicker-next.ui-state-disabled:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjExIiBoZWlnaHQ9IjIxIiB2aWV3Qm94PSIwIDAgMTEgMjEiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBvcGFjaXR5OiAwLjU7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGQ9Ik0wLjAxNCwyMC45OTkgTDkuMDc0LDEwLjQ5OSBMMC4wMTQsLTAuMDAxIEwxLjk1NywtMC4wMDEgTDEwLjk5OSwxMC40OTkgTDIuMjAxLDIwLjk5OSBMMC4wMTQsMjAuOTk5IFoiIGNsYXNzPSJjbHMtMSIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.ui-datepicker .ui-datepicker-prev:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjExIiBoZWlnaHQ9IjIxIiB2aWV3Qm94PSIwIDAgMTEgMjEiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNMTAuOTg2LDAuMDAyIEwxLjkyNiwxMC41MDEgTDEwLjk4NiwyMS4wMDEgTDkuMDQzLDIxLjAwMSBMMC4wMDEsMTAuNTAxIEw4Ljc5OCwwLjAwMiBMMTAuOTg2LDAuMDAyIFoiIGNsYXNzPSJjbHMtMSIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.icons .icon-details:after,
.table-icons .icon-details:after,
.icons .icon-details-dark:hover:after,
.table-icons .icon-details-dark:hover:after,
.o-olb-table-type-b .icon-info-i-red:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEwIDI3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCAyNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjZjczNDI5ICIgZD0iTTguOTEsMEg0LjA5QzMuNDksMCwzLDAuNDksMywxLjA5djMuODJDMyw1LjUxLDMuNDksNiw0LjA5LDZoNC44MUM5LjUxLDYsMTAsNS41MSwxMCw0LjkxVjEuMDkNCglDMTAsMC40OSw5LjUxLDAsOC45MSwweiBNOCw0SDVWMmgzVjR6Ii8+DQo8cGF0aCBmaWxsPSIjZjczNDI5ICIgZD0iTTksOEgxQzAuNDUsOCwwLDguNDUsMCw5djRjMCwwLjU1LDAuNDUsMSwxLDFoMnYxMmMwLDAuNTUsMC40NSwxLDEsMWg1YzAuNTUsMCwxLTAuNDUsMS0xVjkNCglDMTAsOC40NSw5LjU1LDgsOSw4eiBNOCwyNUg1VjEzYzAtMC41NS0wLjQ1LTEtMS0xSDJ2LTJoNlYyNXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.icons .icon-details:hover:after,
.table-icons .icon-details:hover:after,
.o-olb-table-type-b .icon-info-i-red:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAgMjciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwIDI3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCiAgPGc+DQogICAgPHBhdGggZmlsbD0iI2I5MjcxZiAiIGQ9Ik04LjkxIDBINC4wOUMzLjQ5IDAgMyAwLjQ5IDMgMS4wOXYzLjgyQzMgNS41MSAzLjQ5IDYgNC4wOSA2aDQuODFDOS41MSA2IDEwIDUuNTEgMTAgNC45MVYxLjA5QzEwIDAuNDkgOS41MSAwIDguOTEgMHpNOCA0SDVWMmgzVjR6Ii8+DQogICAgPHBhdGggZmlsbD0iI2I5MjcxZiIgZD0iTTkgOEgxQzAuNDUgOCAwIDguNDUgMCA5djRjMCAwLjU1IDAuNDUgMSAxIDFoMnYxMmMwIDAuNTUgMC40NSAxIDEgMWg1YzAuNTUgMCAxLTAuNDUgMS0xVjlDMTAgOC40NSA5LjU1IDggOSA4ek04IDI1SDVWMTNjMC0wLjU1LTAuNDUtMS0xLTFIMnYtMmg2VjI1eiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.icons .icon-details-dark:after,
.table-icons .icon-details-dark:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEwIDI3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCAyNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjM2YzZjNmICIgZD0iTTguOTEsMEg0LjA5QzMuNDksMCwzLDAuNDksMywxLjA5djMuODJDMyw1LjUxLDMuNDksNiw0LjA5LDZoNC44MUM5LjUxLDYsMTAsNS41MSwxMCw0LjkxVjEuMDkNCglDMTAsMC40OSw5LjUxLDAsOC45MSwweiBNOCw0SDVWMmgzVjR6Ii8+DQo8cGF0aCBmaWxsPSIjM2YzZjNmICIgZD0iTTksOEgxQzAuNDUsOCwwLDguNDUsMCw5djRjMCwwLjU1LDAuNDUsMSwxLDFoMnYxMmMwLDAuNTUsMC40NSwxLDEsMWg1YzAuNTUsMCwxLTAuNDUsMS0xVjkNCglDMTAsOC40NSw5LjU1LDgsOSw4eiBNOCwyNUg1VjEzYzAtMC41NS0wLjQ1LTEtMS0xSDJ2LTJoNlYyNXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.icons .icon-edit-dark:after,
.table-icons .icon-edit-dark:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDIwLjczIDI3LjAxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMC43MyAyNy4wMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgkgPHBhdGggZmlsbD0iIzNmM2YzZiIgZD0iTTE5Ljk2LDQuOTRsLTcuMzctNC42OEMxMi4zMiwwLjA4LDEyLDAsMTEuNjksMGMtMC41NSwwLTEuMDgsMC4yNy0xLjQsMC43NUwxLjE5LDE0LjcyYy0wLjA3LDAuMTEtMC4xMiwwLjIyLTAuMTYsMC4zMw0KCWMtMC4yLDAuMTctMC4zMywwLjQyLTAuMzUsMC42OUwwLDI1Ljk1Yy0wLjAyLDAuMzYsMC4xNSwwLjcxLDAuNDYsMC45YzAuMTcsMC4xLDAuMzYsMC4xNiwwLjU1LDAuMTZjMC4xNiwwLDAuMzMtMC4wNCwwLjQ4LTAuMTINCglsOS4xNS00Ljg0YzAuMjQtMC4xMywwLjQyLTAuMzUsMC40OS0wLjYxYzAuMDktMC4wOCwwLjE3LTAuMTcsMC4yNC0wLjI4bDkuMTEtMTMuOTZDMjAuOTYsNi40NSwyMC43NCw1LjQzLDE5Ljk2LDQuOTR6IE0yLjI4LDIyLjA5DQoJbDEuODMsMS4xNmwtMS45NywxLjA0TDIuMjgsMjIuMDl6IE02LjE0LDIyLjE4bC0zLjcxLTIuMzZsMC4xNS0yLjI3bDUuNiwzLjU1TDYuMTQsMjIuMTh6IE05Ljg1LDE5LjgxbC02LjcyLTQuMjZMMy4wNywxNS41DQoJTDExLjgsMi4xMmw2Ljc4LDQuM0w5Ljg1LDE5LjgxeiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.icons .icon-edit:after,
.table-icons .icon-edit:after,
.icons .icon-edit-dark:hover:after,
.table-icons .icon-edit-dark:hover:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDIwLjczIDI3LjAxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMC43MyAyNy4wMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgkgPHBhdGggZmlsbD0iI2Y3MzQyOSIgZD0iTTE5Ljk2LDQuOTRsLTcuMzctNC42OEMxMi4zMiwwLjA4LDEyLDAsMTEuNjksMGMtMC41NSwwLTEuMDgsMC4yNy0xLjQsMC43NUwxLjE5LDE0LjcyYy0wLjA3LDAuMTEtMC4xMiwwLjIyLTAuMTYsMC4zMw0KCWMtMC4yLDAuMTctMC4zMywwLjQyLTAuMzUsMC42OUwwLDI1Ljk1Yy0wLjAyLDAuMzYsMC4xNSwwLjcxLDAuNDYsMC45YzAuMTcsMC4xLDAuMzYsMC4xNiwwLjU1LDAuMTZjMC4xNiwwLDAuMzMtMC4wNCwwLjQ4LTAuMTINCglsOS4xNS00Ljg0YzAuMjQtMC4xMywwLjQyLTAuMzUsMC40OS0wLjYxYzAuMDktMC4wOCwwLjE3LTAuMTcsMC4yNC0wLjI4bDkuMTEtMTMuOTZDMjAuOTYsNi40NSwyMC43NCw1LjQzLDE5Ljk2LDQuOTR6IE0yLjI4LDIyLjA5DQoJbDEuODMsMS4xNmwtMS45NywxLjA0TDIuMjgsMjIuMDl6IE02LjE0LDIyLjE4bC0zLjcxLTIuMzZsMC4xNS0yLjI3bDUuNiwzLjU1TDYuMTQsMjIuMTh6IE05Ljg1LDE5LjgxbC02LjcyLTQuMjZMMy4wNywxNS41DQoJTDExLjgsMi4xMmw2Ljc4LDQuM0w5Ljg1LDE5LjgxeiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.icons .icon-edit:hover:after,
.table-icons .icon-edit:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAuNzMgMjcuMDEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwLjczIDI3LjAxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCiAgPGc+DQogICAgPHBhdGggZmlsbD0iI2I5MjcxZiIgZD0iTTE5Ljk2IDQuOTRsLTcuMzctNC42OEMxMi4zMiAwLjA4IDEyIDAgMTEuNjkgMGMtMC41NSAwLTEuMDggMC4yNy0xLjQgMC43NUwxLjE5IDE0LjcyYy0wLjA3IDAuMTEtMC4xMiAwLjIyLTAuMTYgMC4zMyAtMC4yIDAuMTctMC4zMyAwLjQyLTAuMzUgMC42OUwwIDI1Ljk1Yy0wLjAyIDAuMzYgMC4xNSAwLjcxIDAuNDYgMC45IDAuMTcgMC4xIDAuMzYgMC4xNiAwLjU1IDAuMTYgMC4xNiAwIDAuMzMtMC4wNCAwLjQ4LTAuMTJsOS4xNS00Ljg0YzAuMjQtMC4xMyAwLjQyLTAuMzUgMC40OS0wLjYxIDAuMDktMC4wOCAwLjE3LTAuMTcgMC4yNC0wLjI4bDkuMTEtMTMuOTZDMjAuOTYgNi40NSAyMC43NCA1LjQzIDE5Ljk2IDQuOTR6TTIuMjggMjIuMDlsMS44MyAxLjE2IC0xLjk3IDEuMDRMMi4yOCAyMi4wOXpNNi4xNCAyMi4xOGwtMy43MS0yLjM2IDAuMTUtMi4yNyA1LjYgMy41NUw2LjE0IDIyLjE4ek05Ljg1IDE5LjgxbC02LjcyLTQuMjZMMy4wNyAxNS41IDExLjggMi4xMmw2Ljc4IDQuM0w5Ljg1IDE5LjgxeiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.icons .icon-delete:after,
.table-icons .icon-delete:after,
.icons .icon-delete-dark:hover:after,
.table-icons .icon-delete-dark:hover:after,
.o-olb-table-type-b .icon-trash-red:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDIxIDI3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMSAyNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjZjczNDI5IiBkPSJNMjAsM2gtN1YxYzAtMC41NS0wLjQ1LTEtMS0xSDlDOC40NSwwLDgsMC40NSw4LDF2MkgxQzAuNDUsMywwLDMuNDUsMCw0djVjMCwwLjU1LDAuNDUsMSwxLDFoMXYxNS4xOQ0KCWMwLDEsMC44MSwxLjgxLDEuODEsMS44MWgxMy4zN2MxLDAsMS44MS0wLjgxLDEuODEtMS44MVYxMGgxYzAuNTUsMCwxLTAuNDUsMS0xVjRDMjEsMy40NSwyMC41NSwzLDIwLDN6IE0xMCwyaDF2MWgtMVYyeiBNMTcsMjVINA0KCVYxMGgxM1YyNXogTTE5LDhIMlY1aDE3Vjh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.icons .icon-delete:hover:after,
.table-icons .icon-delete:hover:after,
.o-olb-table-type-b .icon-trash-red:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjEgMjciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIxIDI3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCiAgPGc+DQogICAgPHBhdGggZmlsbD0iI2I5MjcxZiIgZD0iTTIwIDNoLTdWMWMwLTAuNTUtMC40NS0xLTEtMUg5QzguNDUgMCA4IDAuNDUgOCAxdjJIMUMwLjQ1IDMgMCAzLjQ1IDAgNHY1YzAgMC41NSAwLjQ1IDEgMSAxaDF2MTUuMTljMCAxIDAuODEgMS44MSAxLjgxIDEuODFoMTMuMzdjMSAwIDEuODEtMC44MSAxLjgxLTEuODFWMTBoMWMwLjU1IDAgMS0wLjQ1IDEtMVY0QzIxIDMuNDUgMjAuNTUgMyAyMCAzek0xMCAyaDF2MWgtMVYyek0xNyAyNUg0VjEwaDEzVjI1ek0xOSA4SDJWNWgxN1Y4eiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.icons .icon-delete-dark:after,
.table-icons .icon-delete-dark:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDIxIDI3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMSAyNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjM2YzZjNmIiBkPSJNMjAsM2gtN1YxYzAtMC41NS0wLjQ1LTEtMS0xSDlDOC40NSwwLDgsMC40NSw4LDF2MkgxQzAuNDUsMywwLDMuNDUsMCw0djVjMCwwLjU1LDAuNDUsMSwxLDFoMXYxNS4xOQ0KCWMwLDEsMC44MSwxLjgxLDEuODEsMS44MWgxMy4zN2MxLDAsMS44MS0wLjgxLDEuODEtMS44MVYxMGgxYzAuNTUsMCwxLTAuNDUsMS0xVjRDMjEsMy40NSwyMC41NSwzLDIwLDN6IE0xMCwyaDF2MWgtMVYyeiBNMTcsMjVINA0KCVYxMGgxM1YyNXogTTE5LDhIMlY1aDE3Vjh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.product-box .head a H4:before,
.content-table.comparison-table .blue-check p:after,
.progressbar .list-unstyled .done .icon-check,
.progressbar .list-unstyled .active .icon-check,
.lp-text-media-teaser .teaser-content UL LI:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMSAxNS45OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjEgMTUuOTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzOTc1YjYiIGQ9Ik0wLjI1LDcuNTJsMi42MS0yLjU0YzAuMzMtMC4zMywwLjg4LTAuMzMsMS4yMSwwbDcuMjEsNy4wNA0KCWMwLjMzLDAuMzMsMC4zMywwLjg2LDAsMS4xOGwtMi42MSwyLjU0Yy0wLjMzLDAuMzMtMC44OCwwLjMzLTEuMjEsMEwwLjI1LDguN0MtMC4wOCw4LjM3LTAuMDgsNy44NCwwLjI1LDcuNTJ6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzM5NzViNiIgZD0iTTQuODYsMTIuMDFMMTYuOTIsMC4yNWMwLjMzLTAuMzMsMC44OC0wLjMzLDEuMjEsMGwyLjYxLDIuNTQNCgljMC4zMywwLjMzLDAuMzMsMC44NiwwLDEuMThMOC42OCwxNS43NGMtMC4zMywwLjMzLTAuODgsMC4zMy0xLjIxLDBsLTIuNjEtMi41NEM0LjUyLDEyLjg3LDQuNTIsMTIuMzQsNC44NiwxMi4wMXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.progressbar .list-unstyled .icon-check,
.m-one-step.status-done,
.step-by-step-status-box-opa-joker .m-one-step.status-next-step-filiale.status-done {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMSAxNS45OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjEgMTUuOTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNiOWJhYmEiIGQ9Ik0wLjI1LDcuNTJsMi42MS0yLjU0YzAuMzMtMC4zMywwLjg4LTAuMzMsMS4yMSwwbDcuMjEsNy4wNA0KCWMwLjMzLDAuMzMsMC4zMywwLjg2LDAsMS4xOGwtMi42MSwyLjU0Yy0wLjMzLDAuMzMtMC44OCwwLjMzLTEuMjEsMEwwLjI1LDguN0MtMC4wOCw4LjM3LTAuMDgsNy44NCwwLjI1LDcuNTJ6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2I5YmFiYSIgZD0iTTQuODYsMTIuMDFMMTYuOTIsMC4yNWMwLjMzLTAuMzMsMC44OC0wLjMzLDEuMjEsMGwyLjYxLDIuNTQNCgljMC4zMywwLjMzLDAuMzMsMC44NiwwLDEuMThMOC42OCwxNS43NGMtMC4zMywwLjMzLTAuODgsMC4zMy0xLjIxLDBsLTIuNjEtMi41NEM0LjUyLDEyLjg3LDQuNTIsMTIuMzQsNC44NiwxMi4wMXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.contact-tab-body .video-chat>div>div>a,
A.link-arrow-grey:after,
SPAN.link-arrow-grey:after,
.o-step-by-step-status-box .seperator {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA2Ljk4IDkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYuOTggOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzNmM2YzZiIgZD0iTTAsMGw0LjE4LDQuNUwwLDloMS44MWw0LjE3LTQuNUwxLjkzLDBIMHoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjM2YzZjNmIiBkPSJNMSwwbDQuMTgsNC41TDEsOWgxLjgxbDQuMTctNC41TDIuOTMsMEgxeiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

FOOTER.page-footer .language-selection a.en:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjIzIiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMjMgMTUiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiBncmF5Ow0KICAgICAgfQ0KDQogICAgICAuY2xzLTEsIC5jbHMtMiB7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCg0KICAgICAgLmNscy0yIHsNCiAgICAgICAgZmlsbDogIzY0NjQ2NDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxwYXRoIGQ9Ik0xNy40NjksOS45OTIgTDIzLjAwMyw5Ljk5MiBMMjMuMDAzLDEzLjIyNiBMMTcuNDY5LDkuOTkyIFpNMjMuMDAzLDEuNzgzIEwyMy4wMDMsNC45OTQgTDE3LjcxNiw0Ljk5NCBMMjMuMDAzLDEuNzgzIFpNMTQuMDE0LDAuMDAxIEwyMC41NjksMC4wMDEgTDE0LjAxNCw0LjAxMyBMMTQuMDE0LDAuMDAxIFpNMTMuOTk1LDE0Ljk5MCBMMTMuOTk1LDEwLjA1OSBMMjEuMjY4LDE0Ljk5MCBMMTMuOTk1LDE0Ljk5MCBaTTkuMDA4LDEwLjU3MyBMOS4wMDgsMTQuOTkwIEwxLjYxNywxNC45OTAgTDkuMDA4LDEwLjU3MyBaTTguNzg3LDAuMDAxIEw4Ljc4Nyw0LjQ1NCBMMS42MTcsMC4wMDEgTDguNzg3LDAuMDAxIFpNMC4wMDcsNC45OTQgTDAuMDA3LDEuNzgzIEw1LjUwMiw0Ljk5NCBMMC4wMDcsNC45OTQgWk0wLjAwNywxMy4wMzkgTDAuMDA3LDkuOTkyIEw1LjA0MSw5Ljk5MiBMMC4wMDcsMTMuMDM5IFoiIGNsYXNzPSJjbHMtMSIvPg0KICAgIDxwYXRoIGQ9Ik0yMi4wMzMsMTUuMDA4IEwxNC45MzEsOS45OTIgTDE2LjE3Miw5Ljk5MiBDMTkuNTI4LDEyLjI0NSAyMy4wMDMsMTQuNjQ3IDIzLjAwMywxNC42NDcgTDIzLjAwMywxNS4wMDggTDIyLjAzMywxNS4wMDggWk0xMy4wMDgsMTQuOTkwIEwxMC4wMDQsMTQuOTkwIEwxMC4wMDQsOC45ODEgTDAuMDA3LDguOTgxIEwwLjAwNyw1Ljk5MSBMMTAuMDA0LDUuOTkxIEwxMC4wMDQsMC4wMDEgTDEyLjk4MiwwLjAwMSBMMTIuOTgyLDUuOTkxIEwyMy4wMDMsNS45OTEgTDIzLjAwMyw4Ljk4MSBMMTMuMDA4LDguOTgxIEwxMy4wMDgsMTQuOTkwIFpNMTMuOTk1LDQuOTk0IEwyMi4wMzMsMC4wMDEgTDIzLjAwMywwLjAwMSBMMjMuMDAzLDAuNzc4IEwxNi4wNzQsNC45OTQgTDEzLjk5NSw0Ljk5NCBaTTAuMDA3LDEuMzA5IEwwLjAwNywwLjM0OSBMNy45ODgsNC45OTQgTDYuNDI4LDQuOTk0IEM1LjI2Myw0LjM3MyAwLjAwNywxLjMwOSAwLjAwNywxLjMwOSBaTTcuNzEwLDkuOTkyIEwwLjAwNywxNC42NDYgTDAuMDA3LDEzLjcwMCBMNi4xODEsOS45OTIgTDcuNzEwLDkuOTkyIFoiIGNsYXNzPSJjbHMtMiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

FOOTER.page-footer .language-selection a.en:hover:before,
FOOTER.page-footer .language-selection a.en:focus:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjIzIiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMjMgMTUiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjMDEzODc4Ow0KICAgICAgfQ0KDQogICAgICAuY2xzLTEsIC5jbHMtMiB7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCg0KICAgICAgLmNscy0yIHsNCiAgICAgICAgZmlsbDogI2Y3MzQyOTsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxwYXRoIGQ9Ik0xNy40NjksOS45OTIgTDIzLjAwMyw5Ljk5MiBMMjMuMDAzLDEzLjIyNiBMMTcuNDY5LDkuOTkyIFpNMjMuMDAzLDEuNzgzIEwyMy4wMDMsNC45OTQgTDE3LjcxNiw0Ljk5NCBMMjMuMDAzLDEuNzgzIFpNMTQuMDE0LDAuMDAxIEwyMC41NjksMC4wMDEgTDE0LjAxNCw0LjAxMyBMMTQuMDE0LDAuMDAxIFpNMTMuOTk1LDE0Ljk5MCBMMTMuOTk1LDEwLjA1OSBMMjEuMjY4LDE0Ljk5MCBMMTMuOTk1LDE0Ljk5MCBaTTkuMDA4LDEwLjU3MyBMOS4wMDgsMTQuOTkwIEwxLjYxNywxNC45OTAgTDkuMDA4LDEwLjU3MyBaTTguNzg3LDAuMDAxIEw4Ljc4Nyw0LjQ1NCBMMS42MTcsMC4wMDEgTDguNzg3LDAuMDAxIFpNMC4wMDcsNC45OTQgTDAuMDA3LDEuNzgzIEw1LjUwMiw0Ljk5NCBMMC4wMDcsNC45OTQgWk0wLjAwNywxMy4wMzkgTDAuMDA3LDkuOTkyIEw1LjA0MSw5Ljk5MiBMMC4wMDcsMTMuMDM5IFoiIGNsYXNzPSJjbHMtMSIvPg0KICAgIDxwYXRoIGQ9Ik0yMi4wMzMsMTUuMDA4IEwxNC45MzEsOS45OTIgTDE2LjE3Miw5Ljk5MiBDMTkuNTI4LDEyLjI0NSAyMy4wMDMsMTQuNjQ3IDIzLjAwMywxNC42NDcgTDIzLjAwMywxNS4wMDggTDIyLjAzMywxNS4wMDggWk0xMy4wMDgsMTQuOTkwIEwxMC4wMDQsMTQuOTkwIEwxMC4wMDQsOC45ODEgTDAuMDA3LDguOTgxIEwwLjAwNyw1Ljk5MSBMMTAuMDA0LDUuOTkxIEwxMC4wMDQsMC4wMDEgTDEyLjk4MiwwLjAwMSBMMTIuOTgyLDUuOTkxIEwyMy4wMDMsNS45OTEgTDIzLjAwMyw4Ljk4MSBMMTMuMDA4LDguOTgxIEwxMy4wMDgsMTQuOTkwIFpNMTMuOTk1LDQuOTk0IEwyMi4wMzMsMC4wMDEgTDIzLjAwMywwLjAwMSBMMjMuMDAzLDAuNzc4IEwxNi4wNzQsNC45OTQgTDEzLjk5NSw0Ljk5NCBaTTAuMDA3LDEuMzA5IEwwLjAwNywwLjM0OSBMNy45ODgsNC45OTQgTDYuNDI4LDQuOTk0IEM1LjI2Myw0LjM3MyAwLjAwNywxLjMwOSAwLjAwNywxLjMwOSBaTTcuNzEwLDkuOTkyIEwwLjAwNywxNC42NDYgTDAuMDA3LDEzLjcwMCBMNi4xODEsOS45OTIgTDcuNzEwLDkuOTkyIFoiIGNsYXNzPSJjbHMtMiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

FOOTER.page-footer .language-selection a.de:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjIzIiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMjMgMTUiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEsIC5jbHMtMiwgLmNscy0zIHsNCiAgICAgICAgZmlsbDogIzY0NjQ2NDsNCiAgICAgIH0NCg0KICAgICAgLmNscy0yIHsNCiAgICAgICAgb3BhY2l0eTogMC44Ow0KICAgICAgfQ0KDQogICAgICAuY2xzLTMgew0KICAgICAgICBvcGFjaXR5OiAwLjM7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8Zz4NCiAgICA8cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNSIgY2xhc3M9ImNscy0xIi8+DQogICAgPHJlY3QgeT0iNSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjUiIGNsYXNzPSJjbHMtMiIvPg0KICAgIDxyZWN0IHk9IjEwIiB3aWR0aD0iMjMiIGhlaWdodD0iNSIgY2xhc3M9ImNscy0zIi8+DQogIDwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

FOOTER.page-footer .language-selection a.de:hover:before,
FOOTER.page-footer .language-selection a.de:focus:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjIzIiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMjMgMTUiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgfQ0KDQogICAgICAuY2xzLTIgew0KICAgICAgICBmaWxsOiAjZjczNDI5Ow0KICAgICAgfQ0KDQogICAgICAuY2xzLTMgew0KICAgICAgICBmaWxsOiAjZmZjZTAwOw0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPGc+DQogICAgPHJlY3Qgd2lkdGg9IjIzIiBoZWlnaHQ9IjUiIGNsYXNzPSJjbHMtMSIvPg0KICAgIDxyZWN0IHk9IjUiIHdpZHRoPSIyMyIgaGVpZ2h0PSI1IiBjbGFzcz0iY2xzLTIiLz4NCiAgICA8cmVjdCB5PSIxMCIgd2lkdGg9IjIzIiBoZWlnaHQ9IjUiIGNsYXNzPSJjbHMtMyIvPg0KICA8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.icons .icon-complaint:after,
.table-icons .icon-complaint:after,
.icons .icon-complaint-dark:hover:after,
.table-icons .icon-complaint-dark:hover:after,
.o-olb-table-type-b .icon-complaint-red:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjE5Ljg0NCIgaGVpZ2h0PSIxNS41MzEiIHZpZXdCb3g9IjAgMCAxOS44NDQgMTUuNTMxIj4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgDQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZjczNDI5Ow0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgDQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNMTguODYzIDE1LjUzQzE4LjUwOCAxNS41MyAxOC4xNjcgMTUuMzM2IDE3Ljk5MiAxNSAxNy44OTIgMTQuODE0IDE1LjQ3NyAxMC40OTUgOC44ODcgMTAuOTRMOC44ODcgMTQuNTQyQzguODg3IDE0Ljk0MSA4LjY0OCAxNS4zMDIgOC4yOCAxNS40NTQgNy45MTQgMTUuNjA4IDcuNDkgMTUuNTI0IDcuMjA5IDE1LjI0MUwwLjI3NyA4LjI2OUMwLjA4OCA4LjA3OS0wLjAxNSA3LjgyMi0wLjAxMSA3LjU1NCAtMC4wMDYgNy4yODYgMC4xMDYgNy4wMzIgMC4zMDEgNi44NDhMMy43NjYgMy41ODZDNy45NDYtMC4zNDggNy45NDEtMC4zNCA4LjYxMyAwLjM2MiA4Ljc5IDAuNTQ2IDguODg3IDAuNzkyIDguODg3IDEuMDQ4TDguODg3IDQuMTYxQzE0LjA2MSA0LjYzMiAxNy45MTggOC4xODQgMTkuODAxIDE0LjI0OCAxOS45NTIgMTQuNzM2IDE5LjcwOSAxNS4yNiAxOS4yMzkgMTUuNDU0IDE5LjExNiAxNS41MDYgMTguOTg5IDE1LjUzIDE4Ljg2MyAxNS41M1pNMi4zODQgNy41OTNMNi45MjEgMTIuMTU3IDYuOTIxIDEwLjA0M0M2LjkyMSA5LjU0NSA3LjI5MSA5LjEyNCA3Ljc4MyA5LjA2MyAxMS4zMTEgOC42MTggMTMuOTM0IDkuMzMzIDE1LjgwNCAxMC4zNDggMTQuMTg0IDguMDI3IDExLjcyMiA2LjE4MyA3Ljk4MyA2LjA4N0w3Ljg3NCA2LjA4NEM3LjM0MyA2LjA2OCA2LjkyMSA1LjYzIDYuOTIxIDUuMDk3TDYuOTIxIDMuMzIzQzUuNDgzIDQuNjc2IDMuNDYgNi41ODEgMi4zODQgNy41OTNaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.icons .icon-complaint-dark:after,
.table-icons .icon-complaint-dark:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjE5Ljg0NCIgaGVpZ2h0PSIxNS41MzEiIHZpZXdCb3g9IjAgMCAxOS44NDQgMTUuNTMxIj4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogIzNmM2YzZjsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggZD0iTTE4Ljg2MywxNS41MzAgQzE4LjUwOCwxNS41MzAgMTguMTY3LDE1LjMzNiAxNy45OTIsMTUuMDAwIEMxNy44OTIsMTQuODE0IDE1LjQ3NywxMC40OTUgOC44ODcsMTAuOTQwIEw4Ljg4NywxNC41NDIgQzguODg3LDE0Ljk0MSA4LjY0OCwxNS4zMDIgOC4yODAsMTUuNDU0IEM3LjkxNCwxNS42MDggNy40OTAsMTUuNTI0IDcuMjA5LDE1LjI0MSBMMC4yNzcsOC4yNjkgQzAuMDg4LDguMDc5IC0wLjAxNSw3LjgyMiAtMC4wMTEsNy41NTQgQy0wLjAwNiw3LjI4NiAwLjEwNiw3LjAzMiAwLjMwMSw2Ljg0OCBMMy43NjYsMy41ODYgQzcuOTQ2LC0wLjM0OCA3Ljk0MSwtMC4zNDAgOC42MTMsMC4zNjIgQzguNzkwLDAuNTQ2IDguODg3LDAuNzkyIDguODg3LDEuMDQ4IEw4Ljg4Nyw0LjE2MSBDMTQuMDYxLDQuNjMyIDE3LjkxOCw4LjE4NCAxOS44MDEsMTQuMjQ4IEMxOS45NTIsMTQuNzM2IDE5LjcwOSwxNS4yNjAgMTkuMjM5LDE1LjQ1NCBDMTkuMTE2LDE1LjUwNiAxOC45ODksMTUuNTMwIDE4Ljg2MywxNS41MzAgWk0yLjM4NCw3LjU5MyBMNi45MjEsMTIuMTU3IEw2LjkyMSwxMC4wNDMgQzYuOTIxLDkuNTQ1IDcuMjkxLDkuMTI0IDcuNzgzLDkuMDYzIEMxMS4zMTEsOC42MTggMTMuOTM0LDkuMzMzIDE1LjgwNCwxMC4zNDggQzE0LjE4NCw4LjAyNyAxMS43MjIsNi4xODMgNy45ODMsNi4wODcgTDcuODc0LDYuMDg0IEM3LjM0Myw2LjA2OCA2LjkyMSw1LjYzMCA2LjkyMSw1LjA5NyBMNi45MjEsMy4zMjMgQzUuNDgzLDQuNjc2IDMuNDYwLDYuNTgxIDIuMzg0LDcuNTkzIFoiIGNsYXNzPSJjbHMtMSIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.icons .icon-complaint:hover:after,
.table-icons .icon-complaint:hover:after,
.o-olb-table-type-b .icon-complaint-red:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjE5Ljg0NCIgaGVpZ2h0PSIxNS41MzEiIHZpZXdCb3g9IjAgMCAxOS44NDQgMTUuNTMxIj4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgDQogICAgICANCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNiOTI3MWY7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICANCiAgICANCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGQ9Ik0xOC44NjMgMTUuNTNDMTguNTA4IDE1LjUzIDE4LjE2NyAxNS4zMzYgMTcuOTkyIDE1IDE3Ljg5MiAxNC44MTQgMTUuNDc3IDEwLjQ5NSA4Ljg4NyAxMC45NEw4Ljg4NyAxNC41NDJDOC44ODcgMTQuOTQxIDguNjQ4IDE1LjMwMiA4LjI4IDE1LjQ1NCA3LjkxNCAxNS42MDggNy40OSAxNS41MjQgNy4yMDkgMTUuMjQxTDAuMjc3IDguMjY5QzAuMDg4IDguMDc5LTAuMDE1IDcuODIyLTAuMDExIDcuNTU0LTAuMDA2IDcuMjg2IDAuMTA2IDcuMDMyIDAuMzAxIDYuODQ4TDMuNzY2IDMuNTg2QzcuOTQ2LTAuMzQ4IDcuOTQxLTAuMzQgOC42MTMgMC4zNjIgOC43OSAwLjU0NiA4Ljg4NyAwLjc5MiA4Ljg4NyAxLjA0OEw4Ljg4NyA0LjE2MUMxNC4wNjEgNC42MzIgMTcuOTE4IDguMTg0IDE5LjgwMSAxNC4yNDggMTkuOTUyIDE0LjczNiAxOS43MDkgMTUuMjYgMTkuMjM5IDE1LjQ1NCAxOS4xMTYgMTUuNTA2IDE4Ljk4OSAxNS41MyAxOC44NjMgMTUuNTNaTTIuMzg0IDcuNTkzTDYuOTIxIDEyLjE1NyA2LjkyMSAxMC4wNDNDNi45MjEgOS41NDUgNy4yOTEgOS4xMjQgNy43ODMgOS4wNjMgMTEuMzExIDguNjE4IDEzLjkzNCA5LjMzMyAxNS44MDQgMTAuMzQ4IDE0LjE4NCA4LjAyNyAxMS43MjIgNi4xODMgNy45ODMgNi4wODdMNy44NzQgNi4wODRDNy4zNDMgNi4wNjggNi45MjEgNS42MyA2LjkyMSA1LjA5N0w2LjkyMSAzLjMyM0M1LjQ4MyA0LjY3NiAzLjQ2IDYuNTgxIDIuMzg0IDcuNTkzWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.icons .icon-deactivate:after,
.table-icons .icon-deactivate:after,
.icons .icon-deactivate-dark:hover:after,
.table-icons .icon-deactivate-dark:hover:after,
.o-olb-table-type-b .icon-deactivate-red:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICANCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNmNzM0Mjk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICANCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGQ9Ik0xMC4wMDktMC4wMDhDNC40OTItMC4wMDggMC4wMDQgNC40ODEgMC4wMDQgOS45OTcgMC4wMDQgMTUuNTE0IDQuNDkyIDIwLjAwMiAxMC4wMDkgMjAuMDAyIDEyLjcwMyAyMC4wMDIgMTUuMTQ3IDE4LjkyNyAxNi45NDcgMTcuMTg5IDE2Ljk5OCAxNy4xNTUgMTcuMDU1IDE3LjEzMyAxNy4wOTkgMTcuMDg4IDE3LjE0NCAxNy4wNDMgMTcuMTY2IDE2Ljk4NyAxNy4yIDE2LjkzNyAxOC45MzggMTUuMTM2IDIwLjAxNCAxMi42OTIgMjAuMDE0IDkuOTk3IDIwLjAxNCA0LjQ4MSAxNS41MjUtMC4wMDggMTAuMDA5LTAuMDA4Wk0xMC4wMDkgMTguMDc4QzUuNTUyIDE4LjA3OCAxLjkyOCAxNC40NTQgMS45MjggOS45OTcgMS45MjggOC4xMTUgMi41OCA2LjM4NiAzLjY2MiA1LjAxMUwxNC45OTUgMTYuMzQ0QzEzLjYyIDE3LjQyNiAxMS44OTEgMTguMDc4IDEwLjAwOSAxOC4wNzhaTTE2LjM1NSAxNC45ODRMNS4wMjIgMy42NTFDNi4zOTcgMi41NjggOC4xMjcgMS45MTYgMTAuMDA5IDEuOTE2IDE0LjQ2NSAxLjkxNiAxOC4wOSA1LjU0MSAxOC4wOSA5Ljk5NyAxOC4wOSAxMS44NzkgMTcuNDM4IDEzLjYwOSAxNi4zNTUgMTQuOTg0WiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.icons .icon-deactivate-dark:after,
.table-icons .icon-deactivate-dark:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNMTAuMDA5LC0wLjAwOCBDNC40OTIsLTAuMDA4IDAuMDA0LDQuNDgxIDAuMDA0LDkuOTk3IEMwLjAwNCwxNS41MTQgNC40OTIsMjAuMDAyIDEwLjAwOSwyMC4wMDIgQzEyLjcwMywyMC4wMDIgMTUuMTQ3LDE4LjkyNyAxNi45NDcsMTcuMTg5IEMxNi45OTgsMTcuMTU1IDE3LjA1NSwxNy4xMzMgMTcuMDk5LDE3LjA4OCBDMTcuMTQ0LDE3LjA0MyAxNy4xNjYsMTYuOTg3IDE3LjIwMCwxNi45MzcgQzE4LjkzOCwxNS4xMzYgMjAuMDE0LDEyLjY5MiAyMC4wMTQsOS45OTcgQzIwLjAxNCw0LjQ4MSAxNS41MjUsLTAuMDA4IDEwLjAwOSwtMC4wMDggWk0xMC4wMDksMTguMDc4IEM1LjU1MiwxOC4wNzggMS45MjgsMTQuNDU0IDEuOTI4LDkuOTk3IEMxLjkyOCw4LjExNSAyLjU4MCw2LjM4NiAzLjY2Miw1LjAxMSBMMTQuOTk1LDE2LjM0NCBDMTMuNjIwLDE3LjQyNiAxMS44OTEsMTguMDc4IDEwLjAwOSwxOC4wNzggWk0xNi4zNTUsMTQuOTg0IEw1LjAyMiwzLjY1MSBDNi4zOTcsMi41NjggOC4xMjcsMS45MTYgMTAuMDA5LDEuOTE2IEMxNC40NjUsMS45MTYgMTguMDkwLDUuNTQxIDE4LjA5MCw5Ljk5NyBDMTguMDkwLDExLjg3OSAxNy40MzgsMTMuNjA5IDE2LjM1NSwxNC45ODQgWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.icons .icon-deactivate:hover:after,
.table-icons .icon-deactivate:hover:after,
.o-olb-table-type-b .icon-deactivate-red:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICANCiAgICAgIA0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogI2I5MjcxZjsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgfQ0KICAgIA0KICAgIA0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggZD0iTTEwLjAwOS0wLjAwOEM0LjQ5Mi0wLjAwOCAwLjAwNCA0LjQ4MSAwLjAwNCA5Ljk5NyAwLjAwNCAxNS41MTQgNC40OTIgMjAuMDAyIDEwLjAwOSAyMC4wMDIgMTIuNzAzIDIwLjAwMiAxNS4xNDcgMTguOTI3IDE2Ljk0NyAxNy4xODkgMTYuOTk4IDE3LjE1NSAxNy4wNTUgMTcuMTMzIDE3LjA5OSAxNy4wODggMTcuMTQ0IDE3LjA0MyAxNy4xNjYgMTYuOTg3IDE3LjIgMTYuOTM3IDE4LjkzOCAxNS4xMzYgMjAuMDE0IDEyLjY5MiAyMC4wMTQgOS45OTcgMjAuMDE0IDQuNDgxIDE1LjUyNS0wLjAwOCAxMC4wMDktMC4wMDhaTTEwLjAwOSAxOC4wNzhDNS41NTIgMTguMDc4IDEuOTI4IDE0LjQ1NCAxLjkyOCA5Ljk5NyAxLjkyOCA4LjExNSAyLjU4IDYuMzg2IDMuNjYyIDUuMDExTDE0Ljk5NSAxNi4zNDRDMTMuNjIgMTcuNDI2IDExLjg5MSAxOC4wNzggMTAuMDA5IDE4LjA3OFpNMTYuMzU1IDE0Ljk4NEw1LjAyMiAzLjY1MUM2LjM5NyAyLjU2OCA4LjEyNyAxLjkxNiAxMC4wMDkgMS45MTYgMTQuNDY1IDEuOTE2IDE4LjA5IDUuNTQxIDE4LjA5IDkuOTk3IDE4LjA5IDExLjg3OSAxNy40MzggMTMuNjA5IDE2LjM1NSAxNC45ODRaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.icons .icon-activate:after,
.table-icons .icon-activate:after,
.icons .icon-activate-dark:hover:after,
.table-icons .icon-activate-dark:hover:after,
.o-olb-table-type-b .icon-activate-red:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICANCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNmNzM0Mjk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICANCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGQ9Ik05Ljk5MiAyMC4wMDJDNC40NzYgMjAuMDAyLTAuMDEzIDE1LjUxMy0wLjAxMyA5Ljk5NyAtMC4wMTMgNC40OCA0LjQ3Ni0wLjAwOCA5Ljk5Mi0wLjAwOCAxNS41MDktMC4wMDggMTkuOTk3IDQuNDggMTkuOTk3IDkuOTk3IDE5Ljk5NyAxNS41MTMgMTUuNTA5IDIwLjAwMiA5Ljk5MiAyMC4wMDJaTTkuOTkyIDEuOTE2QzUuNTM2IDEuOTE2IDEuOTExIDUuNTQgMS45MTEgOS45OTcgMS45MTEgMTQuNDUzIDUuNTM2IDE4LjA3OCA5Ljk5MiAxOC4wNzggMTQuNDQ5IDE4LjA3OCAxOC4wNzMgMTQuNDUzIDE4LjA3MyA5Ljk5NyAxOC4wNzMgNS41NCAxNC40NDkgMS45MTYgOS45OTIgMS45MTZaTTguNzYzIDEyLjY1QzguNTk0IDEyLjc2MiA4LjQwMSAxMi44MTcgOC4yMTIgMTIuODE3IDcuOTEyIDEyLjgxNyA3LjYxNiAxMi42ODIgNy40MjIgMTIuNDI3TDUuMjAxIDkuNjI3QzQuODY2IDkuMTkyIDQuOTQ4IDguNTY3IDUuMzg1IDguMjMzIDUuODIzIDcuODk3IDYuNDQ3IDcuOTgxIDYuNzc5IDguNDE2TDguNDM0IDEwLjQ3NyAxMy4xMzEgNy4xNTdDMTMuNTg3IDYuODUyIDE0LjIwNiA2Ljk3NiAxNC41MTEgNy40MzMgMTQuODE2IDcuODkgMTQuNjkyIDguNTA4IDE0LjIzNSA4LjgxM0w4Ljc2MyAxMi42NVoiIGNsYXNzPSJjbHMtMSIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.icons .icon-activate-dark:after,
.table-icons .icon-activate-dark:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNOS45OTIsMjAuMDAyIEM0LjQ3NiwyMC4wMDIgLTAuMDEzLDE1LjUxMyAtMC4wMTMsOS45OTcgQy0wLjAxMyw0LjQ4MCA0LjQ3NiwtMC4wMDggOS45OTIsLTAuMDA4IEMxNS41MDksLTAuMDA4IDE5Ljk5Nyw0LjQ4MCAxOS45OTcsOS45OTcgQzE5Ljk5NywxNS41MTMgMTUuNTA5LDIwLjAwMiA5Ljk5MiwyMC4wMDIgWk05Ljk5MiwxLjkxNiBDNS41MzYsMS45MTYgMS45MTEsNS41NDAgMS45MTEsOS45OTcgQzEuOTExLDE0LjQ1MyA1LjUzNiwxOC4wNzggOS45OTIsMTguMDc4IEMxNC40NDksMTguMDc4IDE4LjA3MywxNC40NTMgMTguMDczLDkuOTk3IEMxOC4wNzMsNS41NDAgMTQuNDQ5LDEuOTE2IDkuOTkyLDEuOTE2IFpNOC43NjMsMTIuNjUwIEM4LjU5NCwxMi43NjIgOC40MDEsMTIuODE3IDguMjEyLDEyLjgxNyBDNy45MTIsMTIuODE3IDcuNjE2LDEyLjY4MiA3LjQyMiwxMi40MjcgTDUuMjAxLDkuNjI3IEM0Ljg2Niw5LjE5MiA0Ljk0OCw4LjU2NyA1LjM4NSw4LjIzMyBDNS44MjMsNy44OTcgNi40NDcsNy45ODEgNi43NzksOC40MTYgTDguNDM0LDEwLjQ3NyBMMTMuMTMxLDcuMTU3IEMxMy41ODcsNi44NTIgMTQuMjA2LDYuOTc2IDE0LjUxMSw3LjQzMyBDMTQuODE2LDcuODkwIDE0LjY5Miw4LjUwOCAxNC4yMzUsOC44MTMgTDguNzYzLDEyLjY1MCBaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.icons .icon-activate:hover:after,
.table-icons .icon-activate:hover:after,
.o-olb-table-type-b .icon-activate-red:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICANCiAgICAgIA0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogI2I5MjcxZjsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgfQ0KICAgIA0KICAgIA0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggZD0iTTkuOTkyIDIwLjAwMkM0LjQ3NiAyMC4wMDItMC4wMTMgMTUuNTEzLTAuMDEzIDkuOTk3LTAuMDEzIDQuNDggNC40NzYtMC4wMDggOS45OTItMC4wMDggMTUuNTA5LTAuMDA4IDE5Ljk5NyA0LjQ4IDE5Ljk5NyA5Ljk5NyAxOS45OTcgMTUuNTEzIDE1LjUwOSAyMC4wMDIgOS45OTIgMjAuMDAyWk05Ljk5MiAxLjkxNkM1LjUzNiAxLjkxNiAxLjkxMSA1LjU0IDEuOTExIDkuOTk3IDEuOTExIDE0LjQ1MyA1LjUzNiAxOC4wNzggOS45OTIgMTguMDc4IDE0LjQ0OSAxOC4wNzggMTguMDczIDE0LjQ1MyAxOC4wNzMgOS45OTcgMTguMDczIDUuNTQgMTQuNDQ5IDEuOTE2IDkuOTkyIDEuOTE2Wk04Ljc2MyAxMi42NUM4LjU5NCAxMi43NjIgOC40MDEgMTIuODE3IDguMjEyIDEyLjgxNyA3LjkxMiAxMi44MTcgNy42MTYgMTIuNjgyIDcuNDIyIDEyLjQyN0w1LjIwMSA5LjYyN0M0Ljg2NiA5LjE5MiA0Ljk0OCA4LjU2NyA1LjM4NSA4LjIzMyA1LjgyMyA3Ljg5NyA2LjQ0NyA3Ljk4MSA2Ljc3OSA4LjQxNkw4LjQzNCAxMC40NzcgMTMuMTMxIDcuMTU3QzEzLjU4NyA2Ljg1MiAxNC4yMDYgNi45NzYgMTQuNTExIDcuNDMzIDE0LjgxNiA3Ljg5IDE0LjY5MiA4LjUwOCAxNC4yMzUgOC44MTNMOC43NjMgMTIuNjVaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.icons .icon-register-chip:after,
.table-icons .icon-register-chip:after,
.icons .icon-register-chip-dark:hover:after,
.table-icons .icon-register-chip-dark:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTUgMjAiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICANCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNmNzM0Mjk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICANCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGQ9Ik0xNCAyMEwxIDIwQzAuNDQ3IDIwIDAgMTkuNTUzIDAgMTlMMCAxQzAgMC40NDcgMC40NDcgMCAxIDBMMTQgMEMxNC41NTMgMCAxNSAwLjQ0NyAxNSAxTDE1IDE5QzE1IDE5LjU1MyAxNC41NTMgMjAgMTQgMjBaTTEzIDJMMiAyIDIgMTggMTMgMTggMTMgMlpNMTAuOTgzIDkuMDAzTDMuOTgzIDkgMy45ODMgMy45OTkgMTAuOTgzIDQuMDAyIDEwLjk4MyA5LjAwM1pNNC45ODMgMTIuMDAxTDMuOTgzIDEyLjAwMSAzLjk4MyAxMS4wMDEgNC45ODMgMTEuMDAxIDQuOTgzIDEyLjAwMVpNNC45ODMgMTQuMDAxTDMuOTgzIDE0LjAwMSAzLjk4MyAxMy4wMDEgNC45ODMgMTMuMDAxIDQuOTgzIDE0LjAwMVpNNC45ODMgMTYuMDAxTDMuOTgzIDE2LjAwMSAzLjk4MyAxNS4wMDEgNC45ODMgMTUuMDAxIDQuOTgzIDE2LjAwMVpNOC4wMTUgMTIuMDAxTDcuMDE1IDEyLjAwMSA3LjAxNSAxMS4wMDEgOC4wMTUgMTEuMDAxIDguMDE1IDEyLjAwMVpNOC4wMTUgMTQuMDAxTDcuMDE1IDE0LjAwMSA3LjAxNSAxMy4wMDEgOC4wMTUgMTMuMDAxIDguMDE1IDE0LjAwMVpNOC4wMTUgMTYuMDAxTDcuMDE1IDE2LjAwMSA3LjAxNSAxNS4wMDEgOC4wMTUgMTUuMDAxIDguMDE1IDE2LjAwMVpNMTAuOTgzIDEyLjAwMUw5Ljk4MyAxMi4wMDEgOS45ODMgMTEuMDAxIDEwLjk4MyAxMS4wMDEgMTAuOTgzIDEyLjAwMVpNMTAuOTgzIDE0LjAwMUw5Ljk4MyAxNC4wMDEgOS45ODMgMTMuMDAxIDEwLjk4MyAxMy4wMDEgMTAuOTgzIDE0LjAwMVpNMTAuOTgzIDE2LjAwMUw5Ljk4MyAxNi4wMDEgOS45ODMgMTUuMDAxIDEwLjk4MyAxNS4wMDEgMTAuOTgzIDE2LjAwMVoiIGNsYXNzPSJjbHMtMSIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.icons .icon-register-chip-dark:after,
.table-icons .icon-register-chip-dark:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTUgMjAiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNMTQuMDAwLDIwLjAwMCBMMS4wMDAsMjAuMDAwIEMwLjQ0NywyMC4wMDAgMC4wMDAsMTkuNTUzIDAuMDAwLDE5LjAwMCBMMC4wMDAsMS4wMDAgQzAuMDAwLDAuNDQ3IDAuNDQ3LC0wLjAwMCAxLjAwMCwtMC4wMDAgTDE0LjAwMCwtMC4wMDAgQzE0LjU1MywtMC4wMDAgMTUuMDAwLDAuNDQ3IDE1LjAwMCwxLjAwMCBMMTUuMDAwLDE5LjAwMCBDMTUuMDAwLDE5LjU1MyAxNC41NTMsMjAuMDAwIDE0LjAwMCwyMC4wMDAgWk0xMy4wMDAsMi4wMDAgTDIuMDAwLDIuMDAwIEwyLjAwMCwxOC4wMDAgTDEzLjAwMCwxOC4wMDAgTDEzLjAwMCwyLjAwMCBaTTEwLjk4Myw5LjAwMyBMMy45ODMsOS4wMDAgTDMuOTgzLDMuOTk5IEwxMC45ODMsNC4wMDIgTDEwLjk4Myw5LjAwMyBaTTQuOTgzLDEyLjAwMSBMMy45ODMsMTIuMDAxIEwzLjk4MywxMS4wMDEgTDQuOTgzLDExLjAwMSBMNC45ODMsMTIuMDAxIFpNNC45ODMsMTQuMDAxIEwzLjk4MywxNC4wMDEgTDMuOTgzLDEzLjAwMSBMNC45ODMsMTMuMDAxIEw0Ljk4MywxNC4wMDEgWk00Ljk4MywxNi4wMDEgTDMuOTgzLDE2LjAwMSBMMy45ODMsMTUuMDAxIEw0Ljk4MywxNS4wMDEgTDQuOTgzLDE2LjAwMSBaTTguMDE1LDEyLjAwMSBMNy4wMTUsMTIuMDAxIEw3LjAxNSwxMS4wMDEgTDguMDE1LDExLjAwMSBMOC4wMTUsMTIuMDAxIFpNOC4wMTUsMTQuMDAxIEw3LjAxNSwxNC4wMDEgTDcuMDE1LDEzLjAwMSBMOC4wMTUsMTMuMDAxIEw4LjAxNSwxNC4wMDEgWk04LjAxNSwxNi4wMDEgTDcuMDE1LDE2LjAwMSBMNy4wMTUsMTUuMDAxIEw4LjAxNSwxNS4wMDEgTDguMDE1LDE2LjAwMSBaTTEwLjk4MywxMi4wMDEgTDkuOTgzLDEyLjAwMSBMOS45ODMsMTEuMDAxIEwxMC45ODMsMTEuMDAxIEwxMC45ODMsMTIuMDAxIFpNMTAuOTgzLDE0LjAwMSBMOS45ODMsMTQuMDAxIEw5Ljk4MywxMy4wMDEgTDEwLjk4MywxMy4wMDEgTDEwLjk4MywxNC4wMDEgWk0xMC45ODMsMTYuMDAxIEw5Ljk4MywxNi4wMDEgTDkuOTgzLDE1LjAwMSBMMTAuOTgzLDE1LjAwMSBMMTAuOTgzLDE2LjAwMSBaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.icons .icon-register-chip:hover:after,
.table-icons .icon-register-chip:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTUgMjAiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICANCiAgICAgIA0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogI2I5MjcxZjsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgfQ0KICAgIA0KICAgIA0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggZD0iTTE0IDIwTDEgMjBDMC40NDcgMjAgMCAxOS41NTMgMCAxOUwwIDFDMCAwLjQ0NyAwLjQ0NyAwIDEgMEwxNCAwQzE0LjU1MyAwIDE1IDAuNDQ3IDE1IDFMMTUgMTlDMTUgMTkuNTUzIDE0LjU1MyAyMCAxNCAyMFpNMTMgMkwyIDIgMiAxOCAxMyAxOCAxMyAyWk0xMC45ODMgOS4wMDNMMy45ODMgOSAzLjk4MyAzLjk5OSAxMC45ODMgNC4wMDIgMTAuOTgzIDkuMDAzWk00Ljk4MyAxMi4wMDFMMy45ODMgMTIuMDAxIDMuOTgzIDExLjAwMSA0Ljk4MyAxMS4wMDEgNC45ODMgMTIuMDAxWk00Ljk4MyAxNC4wMDFMMy45ODMgMTQuMDAxIDMuOTgzIDEzLjAwMSA0Ljk4MyAxMy4wMDEgNC45ODMgMTQuMDAxWk00Ljk4MyAxNi4wMDFMMy45ODMgMTYuMDAxIDMuOTgzIDE1LjAwMSA0Ljk4MyAxNS4wMDEgNC45ODMgMTYuMDAxWk04LjAxNSAxMi4wMDFMNy4wMTUgMTIuMDAxIDcuMDE1IDExLjAwMSA4LjAxNSAxMS4wMDEgOC4wMTUgMTIuMDAxWk04LjAxNSAxNC4wMDFMNy4wMTUgMTQuMDAxIDcuMDE1IDEzLjAwMSA4LjAxNSAxMy4wMDEgOC4wMTUgMTQuMDAxWk04LjAxNSAxNi4wMDFMNy4wMTUgMTYuMDAxIDcuMDE1IDE1LjAwMSA4LjAxNSAxNS4wMDEgOC4wMTUgMTYuMDAxWk0xMC45ODMgMTIuMDAxTDkuOTgzIDEyLjAwMSA5Ljk4MyAxMS4wMDEgMTAuOTgzIDExLjAwMSAxMC45ODMgMTIuMDAxWk0xMC45ODMgMTQuMDAxTDkuOTgzIDE0LjAwMSA5Ljk4MyAxMy4wMDEgMTAuOTgzIDEzLjAwMSAxMC45ODMgMTQuMDAxWk0xMC45ODMgMTYuMDAxTDkuOTgzIDE2LjAwMSA5Ljk4MyAxNS4wMDEgMTAuOTgzIDE1LjAwMSAxMC45ODMgMTYuMDAxWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.icons .icon-sync:after,
.table-icons .icon-sync:after,
.icons .icon-sync-dark:hover:after,
.table-icons .icon-sync-dark:hover:after,
.o-olb-table-type-b .icon-sync-red:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjIwLjkwNiIgaGVpZ2h0PSIxOS42NTYiIHZpZXdCb3g9IjAgMCAyMC45MDYgMTkuNjU2Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgDQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZjczNDI5Ow0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgDQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNMjAuNjg1IDQuODk3TDE5LjY0MiA2LjEzNUMyMC4yOTIgNy43MjIgMjAuNTQ3IDkuNTA5IDIwLjI1MyAxMS4zODEgMTkuNjQyIDE1LjI3OSAxNi42MjkgMTguNDk5IDEyLjc2IDE5LjM5MyAxMC44MzIgMTkuODM4IDguOTgxIDE5LjY5NiA3LjMyMSAxOS4xMzcgNy4wNjcgMTkuMDUyIDYuOTkgMTguNzI4IDcuMTY3IDE4LjUyOUw3LjkwOSAxNy42OTRDOC4wNTggMTcuNTI3IDguMjg3IDE3LjQ2NCA4LjUwNSAxNy41MTkgOS40MiAxNy43NTEgMTAuMzk1IDE3LjgyOCAxMS40MDUgMTcuNzExIDE1LjIzNiAxNy4yNjkgMTguMjgxIDE0LjAyNCAxOC40NjMgMTAuMTk3IDE4LjUwMiA5LjM3OCAxOC40IDguNTkxIDE4LjIwMyA3Ljg0MkwxNi45OTkgOS4yN0MxNi44MSA5LjQ5NSAxNi41MzIgOS42MjEgMTYuMjQ1IDkuNjIxIDE2LjE2MiA5LjYyMSAxNi4wNzcgOS42MSAxNS45OTUgOS41ODkgMTUuNjI2IDkuNDkyIDE1LjM0NiA5LjE5MyAxNS4yNzYgOC44MjJMMTQuNDQgNC4zNjVDMTQuMzkxIDQuMSAxNC40NTMgMy44MjcgMTQuNjEzIDMuNjA5IDE0Ljk0NSAzLjE1NiAxNC45NCAzLjE1NyAxOS45NTcgMy4yOTIgMjAuMzM0IDMuMzAyIDIwLjY3MyAzLjUyNiAyMC44MjggMy44NjggMjAuOTgzIDQuMjEgMjAuOTI3IDQuNjEgMjAuNjg1IDQuODk3Wk0xNi41OTUgNS4xN0wxNi44MyA2LjQyNSAxNy44NjUgNS4xOTZDMTcuMzk4IDUuMTg2IDE2Ljk2MiA1LjE3NiAxNi41OTUgNS4xN1pNMTMuMzA3IDEuOTlDMTMuMTM5IDIuMTgxIDEyLjg3OCAyLjI0OCAxMi42MzIgMi4xNzkgMTEuMzE1IDEuODA5IDkuODY3IDEuNzU1IDguMzU3IDIuMTY2IDUuNDQyIDIuOTYgMy4xNyA1LjM5OSAyLjYxNyA4LjM1MSAyLjM2MyA5LjcwMiAyLjQ3MSAxMC45OTkgMi44NDYgMTIuMThMMy45MzYgMTAuODg2QzQuMTgxIDEwLjU5NiA0LjU3MSAxMC40NzMgNC45NDEgMTAuNTY3IDUuMzA5IDEwLjY2NCA1LjU4OSAxMC45NjIgNS42NTkgMTEuMzM0TDYuNDk2IDE1Ljc5MUM2LjU0NSAxNi4wNTYgNi40ODMgMTYuMzI5IDYuMzIzIDE2LjU0NyA2LjEwOSAxNi44MzkgNi4wMzMgMTYuOTQzIDQuNjUyIDE2Ljk0MyAzLjg5NyAxNi45NDMgMi43NTIgMTYuOTEyIDAuOTc5IDE2Ljg2NCAwLjYwMiAxNi44NTQgMC4yNjMgMTYuNjMgMC4xMDcgMTYuMjg4IC0wLjA0NyAxNS45NDYgMC4wMDggMTUuNTQ2IDAuMjUxIDE1LjI1OUwxLjQ1NCAxMy44MzFDMC42MjQgMTIuMDA4IDAuMzI2IDkuODk5IDAuODA3IDcuNjg0IDEuNjE2IDMuOTYxIDQuNjIzIDAuOTgzIDguMzc3IDAuMjA1IDEwLjM2Mi0wLjIwNiAxMi4yNy0wLjAxNSAxMy45NjEgMC42MiAxNC4xNjMgMC42OTYgMTQuMjIyIDAuOTU3IDE0LjA3OSAxLjExOEwxMy4zMDcgMS45OVpNNC4zNDEgMTQuOTg2TDQuMTA2IDEzLjczMSAzLjA3MSAxNC45NkMzLjUzOCAxNC45NyAzLjk3NCAxNC45OCA0LjM0MSAxNC45ODZaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.icons .icon-sync-dark:after,
.table-icons .icon-sync-dark:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjIwLjkwNiIgaGVpZ2h0PSIxOS42NTYiIHZpZXdCb3g9IjAgMCAyMC45MDYgMTkuNjU2Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogIzNmM2YzZjsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggZD0iTTIwLjY4NSw0Ljg5NyBMMTkuNjQyLDYuMTM1IEMyMC4yOTIsNy43MjIgMjAuNTQ3LDkuNTA5IDIwLjI1MywxMS4zODEgQzE5LjY0MiwxNS4yNzkgMTYuNjI5LDE4LjQ5OSAxMi43NjAsMTkuMzkzIEMxMC44MzIsMTkuODM4IDguOTgxLDE5LjY5NiA3LjMyMSwxOS4xMzcgQzcuMDY3LDE5LjA1MiA2Ljk5MCwxOC43MjggNy4xNjcsMTguNTI5IEw3LjkwOSwxNy42OTQgQzguMDU4LDE3LjUyNyA4LjI4NywxNy40NjQgOC41MDUsMTcuNTE5IEM5LjQyMCwxNy43NTEgMTAuMzk1LDE3LjgyOCAxMS40MDUsMTcuNzExIEMxNS4yMzYsMTcuMjY5IDE4LjI4MSwxNC4wMjQgMTguNDYzLDEwLjE5NyBDMTguNTAyLDkuMzc4IDE4LjQwMCw4LjU5MSAxOC4yMDMsNy44NDIgTDE2Ljk5OSw5LjI3MCBDMTYuODEwLDkuNDk1IDE2LjUzMiw5LjYyMSAxNi4yNDUsOS42MjEgQzE2LjE2Miw5LjYyMSAxNi4wNzcsOS42MTAgMTUuOTk1LDkuNTg5IEMxNS42MjYsOS40OTIgMTUuMzQ2LDkuMTkzIDE1LjI3Niw4LjgyMiBMMTQuNDQwLDQuMzY1IEMxNC4zOTEsNC4xMDAgMTQuNDUzLDMuODI3IDE0LjYxMywzLjYwOSBDMTQuOTQ1LDMuMTU2IDE0Ljk0MCwzLjE1NyAxOS45NTcsMy4yOTIgQzIwLjMzNCwzLjMwMiAyMC42NzMsMy41MjYgMjAuODI4LDMuODY4IEMyMC45ODMsNC4yMTAgMjAuOTI3LDQuNjEwIDIwLjY4NSw0Ljg5NyBaTTE2LjU5NSw1LjE3MCBMMTYuODMwLDYuNDI1IEwxNy44NjUsNS4xOTYgQzE3LjM5OCw1LjE4NiAxNi45NjIsNS4xNzYgMTYuNTk1LDUuMTcwIFpNMTMuMzA3LDEuOTkwIEMxMy4xMzksMi4xODEgMTIuODc4LDIuMjQ4IDEyLjYzMiwyLjE3OSBDMTEuMzE1LDEuODA5IDkuODY3LDEuNzU1IDguMzU3LDIuMTY2IEM1LjQ0MiwyLjk2MCAzLjE3MCw1LjM5OSAyLjYxNyw4LjM1MSBDMi4zNjMsOS43MDIgMi40NzEsMTAuOTk5IDIuODQ2LDEyLjE4MCBMMy45MzYsMTAuODg2IEM0LjE4MSwxMC41OTYgNC41NzEsMTAuNDczIDQuOTQxLDEwLjU2NyBDNS4zMDksMTAuNjY0IDUuNTg5LDEwLjk2MiA1LjY1OSwxMS4zMzQgTDYuNDk2LDE1Ljc5MSBDNi41NDUsMTYuMDU2IDYuNDgzLDE2LjMyOSA2LjMyMywxNi41NDcgQzYuMTA5LDE2LjgzOSA2LjAzMywxNi45NDMgNC42NTIsMTYuOTQzIEMzLjg5NywxNi45NDMgMi43NTIsMTYuOTEyIDAuOTc5LDE2Ljg2NCBDMC42MDIsMTYuODU0IDAuMjYzLDE2LjYzMCAwLjEwNywxNi4yODggQy0wLjA0NywxNS45NDYgMC4wMDgsMTUuNTQ2IDAuMjUxLDE1LjI1OSBMMS40NTQsMTMuODMxIEMwLjYyNCwxMi4wMDggMC4zMjYsOS44OTkgMC44MDcsNy42ODQgQzEuNjE2LDMuOTYxIDQuNjIzLDAuOTgzIDguMzc3LDAuMjA1IEMxMC4zNjIsLTAuMjA2IDEyLjI3MCwtMC4wMTUgMTMuOTYxLDAuNjIwIEMxNC4xNjMsMC42OTYgMTQuMjIyLDAuOTU3IDE0LjA3OSwxLjExOCBMMTMuMzA3LDEuOTkwIFpNNC4zNDEsMTQuOTg2IEw0LjEwNiwxMy43MzEgTDMuMDcxLDE0Ljk2MCBDMy41MzgsMTQuOTcwIDMuOTc0LDE0Ljk4MCA0LjM0MSwxNC45ODYgWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.icons .icon-sync:hover:after,
.table-icons .icon-sync:hover:after,
.o-olb-table-type-b .icon-sync-red:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjIwLjkwNiIgaGVpZ2h0PSIxOS42NTYiIHZpZXdCb3g9IjAgMCAyMC45MDYgMTkuNjU2Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgDQogICAgICANCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNiOTI3MWY7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICANCiAgICANCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGQ9Ik0yMC42ODUgNC44OTdMMTkuNjQyIDYuMTM1QzIwLjI5MiA3LjcyMiAyMC41NDcgOS41MDkgMjAuMjUzIDExLjM4MSAxOS42NDIgMTUuMjc5IDE2LjYyOSAxOC40OTkgMTIuNzYgMTkuMzkzIDEwLjgzMiAxOS44MzggOC45ODEgMTkuNjk2IDcuMzIxIDE5LjEzNyA3LjA2NyAxOS4wNTIgNi45OSAxOC43MjggNy4xNjcgMTguNTI5TDcuOTA5IDE3LjY5NEM4LjA1OCAxNy41MjcgOC4yODcgMTcuNDY0IDguNTA1IDE3LjUxOSA5LjQyIDE3Ljc1MSAxMC4zOTUgMTcuODI4IDExLjQwNSAxNy43MTEgMTUuMjM2IDE3LjI2OSAxOC4yODEgMTQuMDI0IDE4LjQ2MyAxMC4xOTcgMTguNTAyIDkuMzc4IDE4LjQgOC41OTEgMTguMjAzIDcuODQyTDE2Ljk5OSA5LjI3QzE2LjgxIDkuNDk1IDE2LjUzMiA5LjYyMSAxNi4yNDUgOS42MjEgMTYuMTYyIDkuNjIxIDE2LjA3NyA5LjYxIDE1Ljk5NSA5LjU4OSAxNS42MjYgOS40OTIgMTUuMzQ2IDkuMTkzIDE1LjI3NiA4LjgyMkwxNC40NCA0LjM2NUMxNC4zOTEgNC4xIDE0LjQ1MyAzLjgyNyAxNC42MTMgMy42MDkgMTQuOTQ1IDMuMTU2IDE0Ljk0IDMuMTU3IDE5Ljk1NyAzLjI5MiAyMC4zMzQgMy4zMDIgMjAuNjczIDMuNTI2IDIwLjgyOCAzLjg2OCAyMC45ODMgNC4yMSAyMC45MjcgNC42MSAyMC42ODUgNC44OTdaTTE2LjU5NSA1LjE3TDE2LjgzIDYuNDI1IDE3Ljg2NSA1LjE5NkMxNy4zOTggNS4xODYgMTYuOTYyIDUuMTc2IDE2LjU5NSA1LjE3Wk0xMy4zMDcgMS45OUMxMy4xMzkgMi4xODEgMTIuODc4IDIuMjQ4IDEyLjYzMiAyLjE3OSAxMS4zMTUgMS44MDkgOS44NjcgMS43NTUgOC4zNTcgMi4xNjYgNS40NDIgMi45NiAzLjE3IDUuMzk5IDIuNjE3IDguMzUxIDIuMzYzIDkuNzAyIDIuNDcxIDEwLjk5OSAyLjg0NiAxMi4xOEwzLjkzNiAxMC44ODZDNC4xODEgMTAuNTk2IDQuNTcxIDEwLjQ3MyA0Ljk0MSAxMC41NjcgNS4zMDkgMTAuNjY0IDUuNTg5IDEwLjk2MiA1LjY1OSAxMS4zMzRMNi40OTYgMTUuNzkxQzYuNTQ1IDE2LjA1NiA2LjQ4MyAxNi4zMjkgNi4zMjMgMTYuNTQ3IDYuMTA5IDE2LjgzOSA2LjAzMyAxNi45NDMgNC42NTIgMTYuOTQzIDMuODk3IDE2Ljk0MyAyLjc1MiAxNi45MTIgMC45NzkgMTYuODY0IDAuNjAyIDE2Ljg1NCAwLjI2MyAxNi42MyAwLjEwNyAxNi4yODgtMC4wNDcgMTUuOTQ2IDAuMDA4IDE1LjU0NiAwLjI1MSAxNS4yNTlMMS40NTQgMTMuODMxQzAuNjI0IDEyLjAwOCAwLjMyNiA5Ljg5OSAwLjgwNyA3LjY4NCAxLjYxNiAzLjk2MSA0LjYyMyAwLjk4MyA4LjM3NyAwLjIwNSAxMC4zNjItMC4yMDYgMTIuMjctMC4wMTUgMTMuOTYxIDAuNjIgMTQuMTYzIDAuNjk2IDE0LjIyMiAwLjk1NyAxNC4wNzkgMS4xMThMMTMuMzA3IDEuOTlaTTQuMzQxIDE0Ljk4Nkw0LjEwNiAxMy43MzEgMy4wNzEgMTQuOTZDMy41MzggMTQuOTcgMy45NzQgMTQuOTggNC4zNDEgMTQuOTg2WiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.icons .icon-postbox-dark:after,
.table-icons .icon-postbox-dark:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTggMjAiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjM2YzZjNmOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBkPSJNMTcuOTI0LDE0LjM4MyBDMTcuNzY5LDE0Ljc1NyAxNy40MDQsMTUuMDAwIDE3LjAwMCwxNS4wMDAgTDE0Ljk4OCwxNS4wMDAgQzE0LjkxNywxNy4xMzkgMTQuNDI1LDIwLjAwMCAxMS4wMDAsMjAuMDAwIEMxMC40NDgsMjAuMDAwIDEwLjAwMCwxOS41NTMgMTAuMDAwLDE5LjAwMCBDMTAuMDAwLDE4LjQ0NyAxMC40NDgsMTguMDAwIDExLjAwMCwxOC4wMDAgQzEyLjI2MSwxOC4wMDAgMTIuODY2LDE3LjU1NiAxMi45ODAsMTUuMDAwIEwxMS4wMDAsMTUuMDAwIEMxMC41OTYsMTUuMDAwIDEwLjIzMSwxNC43NTcgMTAuMDc2LDE0LjM4MyBDOS45MjEsMTQuMDA5IDEwLjAwNywxMy41NzkgMTAuMjkzLDEzLjI5MyBMMTMuMjkzLDEwLjI5MyBDMTMuNjg0LDkuOTAyIDE0LjMxNiw5LjkwMiAxNC43MDcsMTAuMjkzIEwxNy43MDcsMTMuMjkzIEMxNy45OTMsMTMuNTc5IDE4LjA3OSwxNC4wMDkgMTcuOTI0LDE0LjM4MyBaTTE0LjAwMCwxMi40MTQgTDEzLjQxNCwxMy4wMDAgTDE0LjAwMCwxMy4wMDAgTDE0LjU4NiwxMy4wMDAgTDE0LjAwMCwxMi40MTQgWk0xNC4wMDAsOC4wMDAgQzEzLjQ0OCw4LjAwMCAxMy4wMDAsNy41NTMgMTMuMDAwLDcuMDAwIEwxMy4wMDAsMi4wMDAgTDIuMDAwLDIuMDAwIEwyLjAwMCwxOC4wMDAgTDguMDAwLDE4LjAwMCBDOC41NTIsMTguMDAwIDkuMDAwLDE4LjQ0NyA5LjAwMCwxOS4wMDAgQzkuMDAwLDE5LjU1MyA4LjU1MiwyMC4wMDAgOC4wMDAsMjAuMDAwIEwxLjAwMCwyMC4wMDAgQzAuNDQ4LDIwLjAwMCAwLjAwMCwxOS41NTMgMC4wMDAsMTkuMDAwIEwwLjAwMCwxLjAwMCBDMC4wMDAsMC40NDcgMC40NDgsMC4wMDAgMS4wMDAsMC4wMDAgTDE0LjAwMCwwLjAwMCBDMTQuNTUyLDAuMDAwIDE1LjAwMCwwLjQ0NyAxNS4wMDAsMS4wMDAgTDE1LjAwMCw3LjAwMCBDMTUuMDAwLDcuNTUzIDE0LjU1Miw4LjAwMCAxNC4wMDAsOC4wMDAgWk01LjAwMCwxMi4wMDAgTDcuMDAwLDEyLjAwMCBDNy41NTIsMTIuMDAwIDguMDAwLDEyLjQ0NyA4LjAwMCwxMy4wMDAgQzguMDAwLDEzLjU1MyA3LjU1MiwxNC4wMDAgNy4wMDAsMTQuMDAwIEw1LjAwMCwxNC4wMDAgQzQuNDQ4LDE0LjAwMCA0LjAwMCwxMy41NTMgNC4wMDAsMTMuMDAwIEM0LjAwMCwxMi40NDcgNC40NDgsMTIuMDAwIDUuMDAwLDEyLjAwMCBaTTEwLjAwMCw2LjAwMCBMNS4wMDAsNi4wMDAgQzQuNDQ4LDYuMDAwIDQuMDAwLDUuNTUzIDQuMDAwLDUuMDAwIEM0LjAwMCw0LjQ0NyA0LjQ0OCw0LjAwMCA1LjAwMCw0LjAwMCBMMTAuMDAwLDQuMDAwIEMxMC41NTIsNC4wMDAgMTEuMDAwLDQuNDQ3IDExLjAwMCw1LjAwMCBDMTEuMDAwLDUuNTUzIDEwLjU1Miw2LjAwMCAxMC4wMDAsNi4wMDAgWk0xMC4wMDAsMTAuMDAwIEw1LjAwMCwxMC4wMDAgQzQuNDQ4LDEwLjAwMCA0LjAwMCw5LjU1MyA0LjAwMCw5LjAwMCBDNC4wMDAsOC40NDcgNC40NDgsOC4wMDAgNS4wMDAsOC4wMDAgTDEwLjAwMCw4LjAwMCBDMTAuNTUyLDguMDAwIDExLjAwMCw4LjQ0NyAxMS4wMDAsOS4wMDAgQzExLjAwMCw5LjU1MyAxMC41NTIsMTAuMDAwIDEwLjAwMCwxMC4wMDAgWiIgY2xhc3M9ImNscy0xIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.icons .icon-postbox-red:after,
.table-icons .icon-postbox-red:after,
.icons .icon-postbox-dark:hover:after,
.table-icons .icon-postbox-dark:hover:after,
.o-olb-table-type-b .icon-restore-document-red:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTggMjAiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICANCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNmNzM0Mjk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICANCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGQ9Ik0xNy45MjQgMTQuMzgzQzE3Ljc2OSAxNC43NTcgMTcuNDA0IDE1IDE3IDE1TDE0Ljk4OCAxNUMxNC45MTcgMTcuMTM5IDE0LjQyNSAyMCAxMSAyMCAxMC40NDggMjAgMTAgMTkuNTUzIDEwIDE5IDEwIDE4LjQ0NyAxMC40NDggMTggMTEgMTggMTIuMjYxIDE4IDEyLjg2NiAxNy41NTYgMTIuOTggMTVMMTEgMTVDMTAuNTk2IDE1IDEwLjIzMSAxNC43NTcgMTAuMDc2IDE0LjM4MyA5LjkyMSAxNC4wMDkgMTAuMDA3IDEzLjU3OSAxMC4yOTMgMTMuMjkzTDEzLjI5MyAxMC4yOTNDMTMuNjg0IDkuOTAyIDE0LjMxNiA5LjkwMiAxNC43MDcgMTAuMjkzTDE3LjcwNyAxMy4yOTNDMTcuOTkzIDEzLjU3OSAxOC4wNzkgMTQuMDA5IDE3LjkyNCAxNC4zODNaTTE0IDEyLjQxNEwxMy40MTQgMTMgMTQgMTMgMTQuNTg2IDEzIDE0IDEyLjQxNFpNMTQgOEMxMy40NDggOCAxMyA3LjU1MyAxMyA3TDEzIDIgMiAyIDIgMTggOCAxOEM4LjU1MiAxOCA5IDE4LjQ0NyA5IDE5IDkgMTkuNTUzIDguNTUyIDIwIDggMjBMMSAyMEMwLjQ0OCAyMCAwIDE5LjU1MyAwIDE5TDAgMUMwIDAuNDQ3IDAuNDQ4IDAgMSAwTDE0IDBDMTQuNTUyIDAgMTUgMC40NDcgMTUgMUwxNSA3QzE1IDcuNTUzIDE0LjU1MiA4IDE0IDhaTTUgMTJMNyAxMkM3LjU1MiAxMiA4IDEyLjQ0NyA4IDEzIDggMTMuNTUzIDcuNTUyIDE0IDcgMTRMNSAxNEM0LjQ0OCAxNCA0IDEzLjU1MyA0IDEzIDQgMTIuNDQ3IDQuNDQ4IDEyIDUgMTJaTTEwIDZMNSA2QzQuNDQ4IDYgNCA1LjU1MyA0IDUgNCA0LjQ0NyA0LjQ0OCA0IDUgNEwxMCA0QzEwLjU1MiA0IDExIDQuNDQ3IDExIDUgMTEgNS41NTMgMTAuNTUyIDYgMTAgNlpNMTAgMTBMNSAxMEM0LjQ0OCAxMCA0IDkuNTUzIDQgOSA0IDguNDQ3IDQuNDQ4IDggNSA4TDEwIDhDMTAuNTUyIDggMTEgOC40NDcgMTEgOSAxMSA5LjU1MyAxMC41NTIgMTAgMTAgMTBaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.icons .icon-postbox-red:hover:after,
.table-icons .icon-postbox-red:hover:after,
.o-olb-table-type-b .icon-restore-document-red:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTggMjAiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICANCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNiOTI3MWY7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICANCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGQ9Ik0xNy45MjQgMTQuMzgzQzE3Ljc2OSAxNC43NTcgMTcuNDA0IDE1IDE3IDE1TDE0Ljk4OCAxNUMxNC45MTcgMTcuMTM5IDE0LjQyNSAyMCAxMSAyMCAxMC40NDggMjAgMTAgMTkuNTUzIDEwIDE5IDEwIDE4LjQ0NyAxMC40NDggMTggMTEgMTggMTIuMjYxIDE4IDEyLjg2NiAxNy41NTYgMTIuOTggMTVMMTEgMTVDMTAuNTk2IDE1IDEwLjIzMSAxNC43NTcgMTAuMDc2IDE0LjM4MyA5LjkyMSAxNC4wMDkgMTAuMDA3IDEzLjU3OSAxMC4yOTMgMTMuMjkzTDEzLjI5MyAxMC4yOTNDMTMuNjg0IDkuOTAyIDE0LjMxNiA5LjkwMiAxNC43MDcgMTAuMjkzTDE3LjcwNyAxMy4yOTNDMTcuOTkzIDEzLjU3OSAxOC4wNzkgMTQuMDA5IDE3LjkyNCAxNC4zODNaTTE0IDEyLjQxNEwxMy40MTQgMTMgMTQgMTMgMTQuNTg2IDEzIDE0IDEyLjQxNFpNMTQgOEMxMy40NDggOCAxMyA3LjU1MyAxMyA3TDEzIDIgMiAyIDIgMTggOCAxOEM4LjU1MiAxOCA5IDE4LjQ0NyA5IDE5IDkgMTkuNTUzIDguNTUyIDIwIDggMjBMMSAyMEMwLjQ0OCAyMCAwIDE5LjU1MyAwIDE5TDAgMUMwIDAuNDQ3IDAuNDQ4IDAgMSAwTDE0IDBDMTQuNTUyIDAgMTUgMC40NDcgMTUgMUwxNSA3QzE1IDcuNTUzIDE0LjU1MiA4IDE0IDhaTTUgMTJMNyAxMkM3LjU1MiAxMiA4IDEyLjQ0NyA4IDEzIDggMTMuNTUzIDcuNTUyIDE0IDcgMTRMNSAxNEM0LjQ0OCAxNCA0IDEzLjU1MyA0IDEzIDQgMTIuNDQ3IDQuNDQ4IDEyIDUgMTJaTTEwIDZMNSA2QzQuNDQ4IDYgNCA1LjU1MyA0IDUgNCA0LjQ0NyA0LjQ0OCA0IDUgNEwxMCA0QzEwLjU1MiA0IDExIDQuNDQ3IDExIDUgMTEgNS41NTMgMTAuNTUyIDYgMTAgNlpNMTAgMTBMNSAxMEM0LjQ0OCAxMCA0IDkuNTUzIDQgOSA0IDguNDQ3IDQuNDQ4IDggNSA4TDEwIDhDMTAuNTUyIDggMTEgOC40NDcgMTEgOSAxMSA5LjU1MyAxMC41NTIgMTAgMTAgMTBaIiBjbGFzcz0iY2xzLTEiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.stock-trend-negative {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzA2LjEzNXB4IiBoZWlnaHQ9IjMwOC4wNjZweCIgdmlld0JveD0iMCAwIDMwNi4xMzUgMzA4LjA2NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzA2LjEzNSAzMDguMDY2Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiNGNzM0MjkiIHBvaW50cz0iMC44ODIsMTU0LjExNiAwLDE1NC45OTkgMTUzLjA2OSwzMDguMDY3IDMwNi4xMzUsMTU0Ljk5OSAzMDUuMjUzLDE1NC4xMTYgCSIvPg0KCTxyZWN0IHg9Ijc2LjAwOSIgeT0iMCIgZmlsbD0iI0Y3MzQyOSIgd2lkdGg9IjE1NC4xMTciIGhlaWdodD0iMTY0LjExNiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.stock-trend-downward {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjcyLjMyNXB4IiBoZWlnaHQ9IjI3Mi4zMjVweCIgdmlld0JveD0iMjMuODEgMjguNzQyIDI3Mi4zMjUgMjcyLjMyNSINCgkgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAyMy44MSAyOC43NDIgMjcyLjMyNSAyNzIuMzI1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiNGNzM0MjkiIHBvaW50cz0iNzkuNjY0LDI5OS44MTkgNzkuNjY1LDMwMS4wNjcgMjk2LjEzNSwzMDEuMDY2IDI5Ni4xMzUsODQuNTk2IDI5NC44ODcsODQuNTk2IAkiLz4NCgkNCgkJPHJlY3QgeD0iNTkuMjY0IiB5PSI1OS4xOTciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTU5Ljk1NDEgMTM3Ljc2NzMpIiBmaWxsPSIjRjczNDI5IiB3aWR0aD0iMTU0LjExNyIgaGVpZ2h0PSIxNjQuMTE2Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.stock-trend-steady {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzA4LjA2NnB4IiBoZWlnaHQ9IjMwNi4xMzVweCIgdmlld0JveD0iMy4zMDYgMzEuMjM3IDMwOC4wNjYgMzA2LjEzNSINCgkgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAzLjMwNiAzMS4yMzcgMzA4LjA2NiAzMDYuMTM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiNhNGE0YTQiIHBvaW50cz0iMTU3LjQyMywzMzYuNDkgMTU4LjMwNiwzMzcuMzcxIDMxMS4zNzIsMTg0LjMwMyAxNTguMzA2LDMxLjIzNyAxNTcuNDIzLDMyLjExOSAJIi8+DQoJPHJlY3QgeD0iMy4zMDYiIHk9IjEwNy4yNDYiIGZpbGw9IiNhNGE0YTQiIHdpZHRoPSIxNjQuMTE3IiBoZWlnaHQ9IjE1NC4xMTciLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.stock-trend-upward {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjcyLjMyNXB4IiBoZWlnaHQ9IjI3Mi4zMjVweCIgdmlld0JveD0iMTUuODEgMzcuNzQxIDI3Mi4zMjUgMjcyLjMyNSINCgkgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxNS44MSAzNy43NDEgMjcyLjMyNSAyNzIuMzI1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiMzOTc1YjYiIHBvaW50cz0iMjg2Ljg4NywyNTQuMjEyIDI4OC4xMzUsMjU0LjIxMSAyODguMTM0LDM3Ljc0MSA3MS42NjUsMzcuNzQxIDcxLjY2NCwzOC45OSAJIi8+DQoNCgkJPHJlY3QgeD0iNTEuMjY1IiB5PSIxMTUuNDk2IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43MDcxIC0wLjcwNzEgMC43MDcxIC0wLjcwNzEgNzkuMzY5OCA0MjcuOTgzOSkiIGZpbGw9IiMzOTc1YjYiIHdpZHRoPSIxNTQuMTE2IiBoZWlnaHQ9IjE2NC4xMTciLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.stock-trend-positive {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzA2LjEzNXB4IiBoZWlnaHQ9IjMwOC4wNjdweCIgdmlld0JveD0iMCAwIDMwNi4xMzUgMzA4LjA2NyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzA2LjEzNSAzMDguMDY3Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiMzOTc1YjYiIHBvaW50cz0iMzA1LjI1MywxNTMuOTUgMzA2LjEzNSwxNTMuMDY4IDE1My4wNjcsMCAwLDE1My4wNjggMC44ODIsMTUzLjk1ICIvPg0KPHJlY3QgeD0iNzYuMDA5IiB5PSIxNDMuOTUiIGZpbGw9IiMzOTc1YjYiIHdpZHRoPSIxNTQuMTE3IiBoZWlnaHQ9IjE2NC4xMTciLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.o-benefit-component .content UL.with-cross LI:before,
.o-benefit-component .scrollable-text--container UL.with-cross LI:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjUzLDQzIDUzLDIwIDQzLDIwIDQzLDQzIDIwLDQzIDIwLDUzIDQzLDUzIDQzLDc2IDUzLDc2IDUzLDUzIDc2LDUzIDc2LDQzICIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-2 .icon-plus,
.o-benefit-component.colour-option-2-2 .icon-plus,
.o-benefit-component.colour-option-3-2 .icon-plus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzk3NUI2O30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjUzLDQzIDUzLDIwIDQzLDIwIDQzLDQzIDIwLDQzIDIwLDUzIDQzLDUzIDQzLDc2IDUzLDc2IDUzLDUzIDc2LDUzIDc2LDQzICIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-5 .icon-plus,
.o-benefit-component.colour-option-2-5 .icon-plus,
.o-benefit-component.colour-option-3-5 .icon-plus,
.o-benefit-component.colour-option-4-1 .icon-plus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojYmM5YTVjO30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjUzLDQzIDUzLDIwIDQzLDIwIDQzLDQzIDIwLDQzIDIwLDUzIDQzLDUzIDQzLDc2IDUzLDc2IDUzLDUzIDc2LDUzIDc2LDQzICIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-4 .icon-plus,
.o-benefit-component.colour-option-2-4 .icon-plus,
.o-benefit-component.colour-option-3-4 .icon-plus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojOGY5ZWE5O30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjUzLDQzIDUzLDIwIDQzLDIwIDQzLDQzIDIwLDQzIDIwLDUzIDQzLDUzIDQzLDc2IDUzLDc2IDUzLDUzIDc2LDUzIDc2LDQzICIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-1 .icon-plus,
.o-benefit-component.colour-option-2-1 .icon-plus,
.o-benefit-component.colour-option-3-1 .icon-plus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRjczNDI5O30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjUzLDQzIDUzLDIwIDQzLDIwIDQzLDQzIDIwLDQzIDIwLDUzIDQzLDUzIDQzLDc2IDUzLDc2IDUzLDUzIDc2LDUzIDc2LDQzICIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-3 .icon-plus,
.o-benefit-component.colour-option-2-3 .icon-plus,
.o-benefit-component.colour-option-3-3 .icon-plus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNjQ2NDY0O30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjUzLDQzIDUzLDIwIDQzLDIwIDQzLDQzIDIwLDQzIDIwLDUzIDQzLDUzIDQzLDc2IDUzLDc2IDUzLDUzIDc2LDUzIDc2LDQzICIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-2 .icon-minus,
.o-benefit-component.colour-option-2-2 .icon-minus,
.o-benefit-component.colour-option-3-2 .icon-minus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzk3NUI2O30NCjwvc3R5bGU+DQo8cmVjdCB4PSIyMCIgeT0iNDMiIGNsYXNzPSJzdDAiIHdpZHRoPSI1NiIgaGVpZ2h0PSIxMCIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-5 .icon-minus,
.o-benefit-component.colour-option-2-5 .icon-minus,
.o-benefit-component.colour-option-3-5 .icon-minus,
.o-benefit-component.colour-option-4-1 .icon-minus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojYmM5YTVjO30NCjwvc3R5bGU+DQo8cmVjdCB4PSIyMCIgeT0iNDMiIGNsYXNzPSJzdDAiIHdpZHRoPSI1NiIgaGVpZ2h0PSIxMCIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-1 .icon-minus,
.o-benefit-component.colour-option-2-1 .icon-minus,
.o-benefit-component.colour-option-3-1 .icon-minus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRjczNDI5O30NCjwvc3R5bGU+DQo8cmVjdCB4PSIyMCIgeT0iNDMiIGNsYXNzPSJzdDAiIHdpZHRoPSI1NiIgaGVpZ2h0PSIxMCIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-4 .icon-minus,
.o-benefit-component.colour-option-2-4 .icon-minus,
.o-benefit-component.colour-option-3-4 .icon-minus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojOGY5ZWE5O30NCjwvc3R5bGU+DQo8cmVjdCB4PSIyMCIgeT0iNDMiIGNsYXNzPSJzdDAiIHdpZHRoPSI1NiIgaGVpZ2h0PSIxMCIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-3 .icon-minus,
.o-benefit-component.colour-option-2-3 .icon-minus,
.o-benefit-component.colour-option-3-3 .icon-minus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNjQ2NDY0O30NCjwvc3R5bGU+DQo8cmVjdCB4PSIyMCIgeT0iNDMiIGNsYXNzPSJzdDAiIHdpZHRoPSI1NiIgaGVpZ2h0PSIxMCIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-2 .icon-pfeil-links,
.o-benefit-component.colour-option-2-2 .icon-pfeil-links,
.o-benefit-component.colour-option-3-2 .icon-pfeil-links {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzk3NUI2O30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQxLjIsNDggNjEsMjguMiA1My45LDIxLjEgMjcsNDggNTMuOSw3NC45IDYxLDY3LjggIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-5 .icon-pfeil-links,
.o-benefit-component.colour-option-2-5 .icon-pfeil-links,
.o-benefit-component.colour-option-3-5 .icon-pfeil-links,
.o-benefit-component.colour-option-4-1 .icon-pfeil-links {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojYmM5YTVjO30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQxLjIsNDggNjEsMjguMiA1My45LDIxLjEgMjcsNDggNTMuOSw3NC45IDYxLDY3LjggIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-2 .icon-pfeil-links-rechts,
.o-benefit-component.colour-option-2-2 .icon-pfeil-links-rechts,
.o-benefit-component.colour-option-3-2 .icon-pfeil-links-rechts {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzk3NUI2O30NCjwvc3R5bGU+DQo8Zz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjU5LjEsMjEuMSA1Mi4xLDI4LjIgNzEuOSw0OCA1Mi4xLDY3LjggNTkuMSw3NC45IDg2LDQ4IAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQzLjksMjguMiAzNi45LDIxLjEgMTAsNDggMzYuOSw3NC45IDQzLjksNjcuOCAyNC4xLDQ4IAkiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-5 .icon-pfeil-links-rechts,
.o-benefit-component.colour-option-2-5 .icon-pfeil-links-rechts,
.o-benefit-component.colour-option-3-5 .icon-pfeil-links-rechts,
.o-benefit-component.colour-option-4-1 .icon-pfeil-links-rechts {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojYmM5YTVjO30NCjwvc3R5bGU+DQo8Zz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjU5LjEsMjEuMSA1Mi4xLDI4LjIgNzEuOSw0OCA1Mi4xLDY3LjggNTkuMSw3NC45IDg2LDQ4IAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQzLjksMjguMiAzNi45LDIxLjEgMTAsNDggMzYuOSw3NC45IDQzLjksNjcuOCAyNC4xLDQ4IAkiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-1 .icon-pfeil-links-rechts,
.o-benefit-component.colour-option-2-1 .icon-pfeil-links-rechts,
.o-benefit-component.colour-option-3-1 .icon-pfeil-links-rechts {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRjczNDI5O30NCjwvc3R5bGU+DQo8Zz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjU5LjEsMjEuMSA1Mi4xLDI4LjIgNzEuOSw0OCA1Mi4xLDY3LjggNTkuMSw3NC45IDg2LDQ4IAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQzLjksMjguMiAzNi45LDIxLjEgMTAsNDggMzYuOSw3NC45IDQzLjksNjcuOCAyNC4xLDQ4IAkiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-4 .icon-pfeil-links-rechts,
.o-benefit-component.colour-option-2-4 .icon-pfeil-links-rechts,
.o-benefit-component.colour-option-3-4 .icon-pfeil-links-rechts {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojOGY5ZWE5O30NCjwvc3R5bGU+DQo8Zz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjU5LjEsMjEuMSA1Mi4xLDI4LjIgNzEuOSw0OCA1Mi4xLDY3LjggNTkuMSw3NC45IDg2LDQ4IAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQzLjksMjguMiAzNi45LDIxLjEgMTAsNDggMzYuOSw3NC45IDQzLjksNjcuOCAyNC4xLDQ4IAkiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-3 .icon-pfeil-links-rechts,
.o-benefit-component.colour-option-2-3 .icon-pfeil-links-rechts,
.o-benefit-component.colour-option-3-3 .icon-pfeil-links-rechts {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNjQ2NDY0O30NCjwvc3R5bGU+DQo8Zz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjU5LjEsMjEuMSA1Mi4xLDI4LjIgNzEuOSw0OCA1Mi4xLDY3LjggNTkuMSw3NC45IDg2LDQ4IAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQzLjksMjguMiAzNi45LDIxLjEgMTAsNDggMzYuOSw3NC45IDQzLjksNjcuOCAyNC4xLDQ4IAkiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-1 .icon-pfeil-links,
.o-benefit-component.colour-option-2-1 .icon-pfeil-links,
.o-benefit-component.colour-option-3-1 .icon-pfeil-links {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRjczNDI5O30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQxLjIsNDggNjEsMjguMiA1My45LDIxLjEgMjcsNDggNTMuOSw3NC45IDYxLDY3LjggIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-4 .icon-pfeil-links,
.o-benefit-component.colour-option-2-4 .icon-pfeil-links,
.o-benefit-component.colour-option-3-4 .icon-pfeil-links {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojOGY5ZWE5O30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQxLjIsNDggNjEsMjguMiA1My45LDIxLjEgMjcsNDggNTMuOSw3NC45IDYxLDY3LjggIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-3 .icon-pfeil-links,
.o-benefit-component.colour-option-2-3 .icon-pfeil-links,
.o-benefit-component.colour-option-3-3 .icon-pfeil-links {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNjQ2NDY0O30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQxLjIsNDggNjEsMjguMiA1My45LDIxLjEgMjcsNDggNTMuOSw3NC45IDYxLDY3LjggIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-2 .icon-pfeil-rechts,
.o-benefit-component.colour-option-2-2 .icon-pfeil-rechts,
.o-benefit-component.colour-option-3-2 .icon-pfeil-rechts {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzk3NUI2O30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQyLjUsMjEuMSAzNS40LDI4LjIgNTUuMiw0OCAzNS40LDY3LjggNDIuNSw3NC45IDY5LjMsNDggIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-5 .icon-pfeil-rechts,
.o-benefit-component.colour-option-2-5 .icon-pfeil-rechts,
.o-benefit-component.colour-option-3-5 .icon-pfeil-rechts,
.o-benefit-component.colour-option-4-1 .icon-pfeil-rechts {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojYmM5YTVjO30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQyLjUsMjEuMSAzNS40LDI4LjIgNTUuMiw0OCAzNS40LDY3LjggNDIuNSw3NC45IDY5LjMsNDggIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-1 .icon-pfeil-rechts,
.o-benefit-component.colour-option-2-1 .icon-pfeil-rechts,
.o-benefit-component.colour-option-3-1 .icon-pfeil-rechts {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRjczNDI5O30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQyLjUsMjEuMSAzNS40LDI4LjIgNTUuMiw0OCAzNS40LDY3LjggNDIuNSw3NC45IDY5LjMsNDggIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-4 .icon-pfeil-rechts,
.o-benefit-component.colour-option-2-4 .icon-pfeil-rechts,
.o-benefit-component.colour-option-3-4 .icon-pfeil-rechts {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojOGY5ZWE5O30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQyLjUsMjEuMSAzNS40LDI4LjIgNTUuMiw0OCAzNS40LDY3LjggNDIuNSw3NC45IDY5LjMsNDggIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.o-benefit-component.colour-option-1-3 .icon-pfeil-rechts,
.o-benefit-component.colour-option-2-3 .icon-pfeil-rechts,
.o-benefit-component.colour-option-3-3 .icon-pfeil-rechts {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNjQ2NDY0O30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQyLjUsMjEuMSAzNS40LDI4LjIgNTUuMiw0OCAzNS40LDY3LjggNDIuNSw3NC45IDY5LjMsNDggIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.joker-opa-form .m-form-row-radio.with-icon .single-account INPUT[type="radio"]:checked+.wtf-control-indicator,
.joker-opa-form .m-form-row-radio.with-icon .single-account INPUT[type="radio"]:focus+.wtf-control-indicator {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNi4xNTYiIGhlaWdodD0iNDAuMzQ0IiB2aWV3Qm94PSIwIDAgMzYuMTU2IDQwLjM0NCI+DQogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPg0KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4NCiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4NCiAgIDwvcmRmOlJERj4NCjwveDp4bXBtZXRhPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgDQo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4NCjxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICMzZjNmM2Y7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgICAgb3BhY2l0eTogMC44Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggaWQ9Ikljb24tZWluemVsa29udG8iIGNsYXNzPSJjbHMtMSIgZD0iTTM2MS41NDgsMzU3LjkzOEgzMzEuMjc3YTIuODYxLDIuODYxLDAsMCwxLTIuNjU3LTEuMjA3Yy0wLjY4My0xLjEtLjQzNy00LjcyMS43NS02Ljk1NCwxLjItMi4yNjMsNS42NjgtMi43MjEsOS40LTMuNDE0bDAuMzc5LS4wNzFhMi44MTgsMi44MTgsMCwwLDAsMi4yOC0yLjYxMywxNi4xOSwxNi4xOSwwLDAsMS0yLjgzLTQuNDU0Yy0wLjAyNy0uMDYtMC4wNTMtMC4xMTYtMC4wNzgtMC4xNjctMS43NjYtLjM0NC0yLjk0OS0yLjEzMi0zLjM2NC0zLjlhNC40LDQuNCwwLDAsMSwuOTkzLTQuMzY3Yy0xLjI1MS00LjczNy0uMDM3LTguNzg3LDMuMzg0LTExLjE4N2ExMi4xNzUsMTIuMTc1LDAsMCwxLDEzLjQxMSwwYzMuNDEzLDIuNCw0LjYyLDYuNDQ5LDMuMzY0LDExLjE4M2E0LjQsNC40LDAsMCwxLC45OTEsNC4zNjZjLTAuNDE1LDEuNzctMS42LDMuNTU3LTMuMzY0LDMuOS0wLjAyNS4wNTItLjA1LDAuMTA4LTAuMDc4LDAuMTY4YTE2LjE2NiwxNi4xNjYsMCwwLDEtMi44Myw0LjQ1NCwyLjgzNSwyLjgzNSwwLDAsMCwyLjMxOCwyLjYyMWwwLjM0MywwLjA2M2MzLjczMiwwLjY5Myw4LjIsMS4xNTEsOS40LDMuNDE1LDAuOTU4LDEuOCwxLjgyNCw1LjY3Ny45ODIsNy4wMzZBMi43NDEsMi43NDEsMCwwLDEsMzYxLjU0OCwzNTcuOTM4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyOC4yNSAtMzE3LjU5NCkiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.joker-opa-form .m-form-row-radio.with-icon .community-account INPUT[type="radio"]:checked+.wtf-control-indicator,
.joker-opa-form .m-form-row-radio.with-icon .community-account INPUT[type="radio"]:focus+.wtf-control-indicator {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NS4xNTciIGhlaWdodD0iNDAuMzQ0IiB2aWV3Qm94PSIwIDAgNDUuMTU3IDQwLjM0NCI+DQogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPg0KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4NCiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4NCiAgIDwvcmRmOlJERj4NCjwveDp4bXBtZXRhPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgDQo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4NCjxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICMzZjNmM2Y7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgICAgb3BhY2l0eTogMC44Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggaWQ9Imljb24tZ2VtZWluc2NoYWZ0c2tvbnRvIiBjbGFzcz0iY2xzLTEiIGQ9Ik01MTEuNjQ4LDM0Ni4zNjNsLTAuMzQtLjA2M0EyLjgzLDIuODMsMCwwLDEsNTA5LDM0My42NzlhMTYuMTU4LDE2LjE1OCwwLDAsMCwyLjgyMS00LjQ1NGMwLjAyOC0uMDYuMDUzLTAuMTE2LDAuMDc4LTAuMTY4LDEuNzYzLS4zNDUsMi45NDEtMi4xMzIsMy4zNTQtMy45YTQuNDA2LDQuNDA2LDAsMCwwLS45ODgtNC4zNjZjMS4yNTItNC43MzMuMDQ5LTguNzgxLTMuMzU1LTExLjE4MmExMi4xMSwxMi4xMSwwLDAsMC0xMy4zNzIsMGMtMy40MTEsMi40LTQuNjIyLDYuNDUtMy4zNzUsMTEuMTg3YTQuNDEsNC40MSwwLDAsMC0uOTg5LDQuMzY3YzAuNDE0LDEuNzcxLDEuNTkzLDMuNTU5LDMuMzU1LDMuOSwwLjAyNCwwLjA1LjA1LDAuMTA2LDAuMDc3LDAuMTY0YTE2LjE4OCwxNi4xODgsMCwwLDAsMi44MjIsNC40NTcsMi44MTUsMi44MTUsMCwwLDEtMi4yNzQsMi42MTNsLTAuMzc5LjA3MWMtMy43MjEuNjkzLTYuMTgsMS4xNTEtNy4zNzksMy40MTQtMS4xODQsMi4yMzMtMS40MjgsNS44NTQtLjc0OSw2Ljk1NGEyLjg1MywyLjg1MywwLDAsMCwyLjY1LDEuMjA3aDI2LjJhMi43MywyLjczLDAsMCwwLDIuNTE4LTEuMTI0YzAuODM5LTEuMzYtLjA2NS01LjMxMy0wLjk3OS03LjAzN0M1MTcuODMsMzQ3LjUxNCw1MTUuMzcxLDM0Ny4wNTYsNTExLjY0OCwzNDYuMzYzWm0yMC40ODIsMy40MTRjLTEuMi0yLjI2My0zLjY1OC0yLjcyMS03LjM4MS0zLjQxNGwtMC4zNC0uMDYzYTIuODI5LDIuODI5LDAsMCwxLTIuMzEtMi42MjEsMTYuMTc1LDE2LjE3NSwwLDAsMCwyLjgyLTQuNDU0YzAuMDI4LS4wNi4wNTMtMC4xMTYsMC4wNzgtMC4xNjgsMS43NjMtLjM0NSwyLjk0MS0yLjEzMiwzLjM1NC0zLjlhNC40LDQuNCwwLDAsMC0uOTg4LTQuMzY2YzEuMjUyLTQuNzMzLjA0OS04Ljc4MS0zLjM1NC0xMS4xODJhMTIuMTc0LDEyLjE3NCwwLDAsMC0xMC43NTktMS4zMjhjMy4zMjcsMi44MjQsNC42NTksNy4wNiwzLjczMiwxMS45YTcuMjksNy4yOSwwLDAsMSwuNzI1LDUuNTI3LDcuNzYzLDcuNzYzLDAsMCwxLTMuOTc1LDUuMzQzLDIwLjYyMSwyMC42MjEsMCwwLDEtMS4zODgsMi40MjRjMC4wNjIsMC4wNjcuMTE4LDAuMTM4LDAuMTgyLDAuMi0wLjAxNi4xMTUtLjA1OSwwLjIwNS0wLjA4MiwwLjMxMywzLjgyNCwwLjcxNSw3LjEwNiwxLjQwNiw4LjgyMSw0LjY0MiwwLjg3MSwxLjY0MywyLjQ3MSw2LjY3My45ODQsOS4zaDguMzQyYTIuNzMzLDIuNzMzLDAsMCwwLDIuNTE5LTEuMTI0QzUzMy45NDgsMzU1LjQ1NCw1MzMuMDQ1LDM1MS41LDUzMi4xMywzNDkuNzc3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4OC4yODEgLTMxNy41OTQpIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.joker-opa-form .m-form-row-radio.with-icon .female INPUT[type="radio"]:checked+.wtf-control-indicator,
.joker-opa-form .m-form-row-radio.with-icon .female INPUT[type="radio"]:focus+.wtf-control-indicator {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNS4xMjUiIGhlaWdodD0iNDAuNSIgdmlld0JveD0iMCAwIDM1LjEyNSA0MC41Ij4NCiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+DQo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+DQogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPg0KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPg0KICAgPC9yZGY6UkRGPg0KPC94OnhtcG1ldGE+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICANCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPg0KPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogIzNmM2YzZjsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgICBvcGFjaXR5OiAwLjg7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBpZD0iaWNvbi1mcmF1IiBjbGFzcz0iY2xzLTEiIGQ9Ik01MDYuMTE3LDYyNS4zNDdsMC4yODctLjAwNywwLjExNywwLjE3M2EyMS45ODQsMjEuOTg0LDAsMCwwLDIuNTYyLDMuMTcyLDMuMjA2LDMuMjA2LDAsMCwxLS43ODQsMS44YzAuMDY4LDEuNTI1LjgyLDMuMzg1LDUuNDI4LDMuMzg1LDUuMzg4LDAsNS4zODgtMi42MDksNS4zODgtMy40NjYsMC0uMDE2LjAwOS0wLjAyOSwwLjAxLTAuMDQ1YTMuMjc0LDMuMjc0LDAsMCwxLS42NzUtMS42NzMsMjEuODkxLDIxLjg5MSwwLDAsMCwyLjU2MS0zLjE3MmwwLjExOC0uMTcyLDAuMDY1LDBhNC40LDQuNCwwLDAsMCwzLjA5LS43MjdjMS0uODE1LDEuNDg5LTIuMjkzLDEuNTQyLTQuNjUxLDAuMTUtNi43MzctMi4zMTQtMTIuOTE1LTYuMjgtMTUuNzM4LTIuNzMzLTEuOTQ1LTYuMDc0LTIuMjc2LTkuNjgtLjk2NWE1LjgsNS44LDAsMCwwLTQuMzcsMS41NTJjLTIuNjExLDIuMzU5LTQuMTA5LDcuMjI4LTQuMTA5LDEzLjM1OSwwLDMuNS40MTIsNS4zMzUsMS40MjIsNi4zMjRBNC4xODMsNC4xODMsMCwwLDAsNTA2LjExNyw2MjUuMzQ3Wm0yNC4xNDgsOS40NDRjLTEuMTc0LTIuMjctNS41OC0yLjcyOC05LjIyNC0zLjQyM2wtMC4wMzEtLjAwNmMtMC4zMTcsMi0xLjgwNiw0LjQ5Mi03LjI4Myw0LjQ5Mi01LjIyLDAtNi45MTgtMi4yMjUtNy4zMDctNC40NzItMy42LjY4Ny03Ljk4NywxLjE1NS05LjE1MiwzLjQwOHMtMS40LDUuODYzLS43MzIsNi45NjdhMi43NzMsMi43NzMsMCwwLDAsMi41OTMsMS4yMDloMjkuNjNhMi4zMywyLjMzLDAsMCwwLDIuMTQ1LTEuMUM1MzEuOSw2NDAuMjI0LDUzMC42NjYsNjM1LjU2Nyw1MzAuMjY1LDYzNC43OTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDk2LjE1NiAtNjAyLjQ2OSkiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.joker-opa-form .m-form-row-radio.with-icon .male INPUT[type="radio"]:checked+.wtf-control-indicator,
.joker-opa-form .m-form-row-radio.with-icon .male INPUT[type="radio"]:focus+.wtf-control-indicator {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNi4xNTYiIGhlaWdodD0iNDAuNjg4IiB2aWV3Qm94PSIwIDAgMzYuMTU2IDQwLjY4OCI+DQogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPg0KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4NCiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4NCiAgIDwvcmRmOlJERj4NCjwveDp4bXBtZXRhPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgDQo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4NCjxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICMzZjNmM2Y7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgICAgb3BhY2l0eTogMC44Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggaWQ9Imljb24taGVyciIgY2xhc3M9ImNscy0xIiBkPSJNMzY0LjA5MSw2MzUuNzg2Yy0xLjItMi4yODMtNS42Ny0yLjc0NC05LjQwNS0zLjQ0M2wtMC4zMzgtLjA2MmEyLjg1MSwyLjg1MSwwLDAsMS0yLjMxNy0yLjYzNywyMi4xMTUsMjIuMTE1LDAsMCwwLDIuNjI1LTMuMTkxbDAuMTUxLS4yMTdjMS44NC0uMjg0LDMuMDY5LTIuMTI5LDMuNS0zLjk1OWE0LjQ1Nyw0LjQ1NywwLDAsMC0xLTQuNDA1LDEwLjYsMTAuNiwwLDAsMCwuMzk0LTQuMjg4LDMuNDQ0LDMuNDQ0LDAsMCwwLC42LTIuOTc1LDIsMiwwLDAsMC0xLjYyNi0xLjI5Yy0wLjcyNy0uMTI1LTAuODM5LTAuMzQyLTEuMjU2LTEuMTQ4YTguNTUyLDguNTUyLDAsMCwwLTMuMzUxLTMuNjkzLDkuMTE5LDkuMTE5LDAsMCwwLTcuMDczLS44LDguNSw4LjUsMCwwLDAtNS4zMSwzLjgzNyw1LjAyNCw1LjAyNCwwLDAsMC0yLjI0OSwyLjEzMmMtMS4xMjIsMS45NzgtMS4yMTgsNC43NDMtLjI4Nyw4LjIyOGE0LjQ1OCw0LjQ1OCwwLDAsMC0uOTkzLDQuNGMwLjQyNSwxLjgzMSwxLjY1NSwzLjY3NywzLjQ5NSwzLjk1OSwwLjA0NCwwLjA2NC4wOTMsMC4xMzYsMC4xNSwwLjIxN2EyMi4xMTUsMjIuMTE1LDAsMCwwLDIuNjI1LDMuMTkxLDIuODM0LDIuODM0LDAsMCwxLTIuMjc5LDIuNjI5bC0wLjM3Ni4wN2MtMy43MzUuNy04LjIsMS4xNi05LjQsMy40NDMtMS4xODgsMi4yNTMtMS40MzMsNS44ODctLjc1MSw3QTIuODU3LDIuODU3LDAsMCwwLDMzMi4yNzgsNjQ0aDMwLjI3YTIuNzMxLDIuNzMxLDAsMCwwLDIuNTI1LTEuMTM1QzM2NS45MTUsNjQxLjUsMzY1LjAwOCw2MzcuNTI1LDM2NC4wOTEsNjM1Ljc4NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjkuMjUgLTYwMy4zMTIpIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.joker-opa-form .m-form-row-radio.with-icon .single-account .wtf-control-indicator {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNi4xNTYiIGhlaWdodD0iNDAuMzQ0IiB2aWV3Qm94PSIwIDAgMzYuMTU2IDQwLjM0NCI+DQogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPg0KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4NCiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4NCiAgIDwvcmRmOlJERj4NCjwveDp4bXBtZXRhPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgDQo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4NCjxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNiZWJlYmU7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgICAgb3BhY2l0eTogMC44Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggaWQ9Ikljb24tZWluemVsa29udG8iIGNsYXNzPSJjbHMtMSIgZD0iTTM2MS41NDgsMzU3LjkzOEgzMzEuMjc3YTIuODYxLDIuODYxLDAsMCwxLTIuNjU3LTEuMjA3Yy0wLjY4My0xLjEtLjQzNy00LjcyMS43NS02Ljk1NCwxLjItMi4yNjMsNS42NjgtMi43MjEsOS40LTMuNDE0bDAuMzc5LS4wNzFhMi44MTgsMi44MTgsMCwwLDAsMi4yOC0yLjYxMywxNi4xOSwxNi4xOSwwLDAsMS0yLjgzLTQuNDU0Yy0wLjAyNy0uMDYtMC4wNTMtMC4xMTYtMC4wNzgtMC4xNjctMS43NjYtLjM0NC0yLjk0OS0yLjEzMi0zLjM2NC0zLjlhNC40LDQuNCwwLDAsMSwuOTkzLTQuMzY3Yy0xLjI1MS00LjczNy0uMDM3LTguNzg3LDMuMzg0LTExLjE4N2ExMi4xNzUsMTIuMTc1LDAsMCwxLDEzLjQxMSwwYzMuNDEzLDIuNCw0LjYyLDYuNDQ5LDMuMzY0LDExLjE4M2E0LjQsNC40LDAsMCwxLC45OTEsNC4zNjZjLTAuNDE1LDEuNzctMS42LDMuNTU3LTMuMzY0LDMuOS0wLjAyNS4wNTItLjA1LDAuMTA4LTAuMDc4LDAuMTY4YTE2LjE2NiwxNi4xNjYsMCwwLDEtMi44Myw0LjQ1NCwyLjgzNSwyLjgzNSwwLDAsMCwyLjMxOCwyLjYyMWwwLjM0MywwLjA2M2MzLjczMiwwLjY5Myw4LjIsMS4xNTEsOS40LDMuNDE1LDAuOTU4LDEuOCwxLjgyNCw1LjY3Ny45ODIsNy4wMzZBMi43NDEsMi43NDEsMCwwLDEsMzYxLjU0OCwzNTcuOTM4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyOC4yNSAtMzE3LjU5NCkiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.joker-opa-form .m-form-row-radio.with-icon .community-account .wtf-control-indicator {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NS4xNTciIGhlaWdodD0iNDAuMzQ0IiB2aWV3Qm94PSIwIDAgNDUuMTU3IDQwLjM0NCI+DQogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPg0KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4NCiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4NCiAgIDwvcmRmOlJERj4NCjwveDp4bXBtZXRhPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgDQo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4NCjxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNiZWJlYmU7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgICAgb3BhY2l0eTogMC44Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggaWQ9Imljb24tZ2VtZWluc2NoYWZ0c2tvbnRvIiBjbGFzcz0iY2xzLTEiIGQ9Ik01MTEuNjQ4LDM0Ni4zNjNsLTAuMzQtLjA2M0EyLjgzLDIuODMsMCwwLDEsNTA5LDM0My42NzlhMTYuMTU4LDE2LjE1OCwwLDAsMCwyLjgyMS00LjQ1NGMwLjAyOC0uMDYuMDUzLTAuMTE2LDAuMDc4LTAuMTY4LDEuNzYzLS4zNDUsMi45NDEtMi4xMzIsMy4zNTQtMy45YTQuNDA2LDQuNDA2LDAsMCwwLS45ODgtNC4zNjZjMS4yNTItNC43MzMuMDQ5LTguNzgxLTMuMzU1LTExLjE4MmExMi4xMSwxMi4xMSwwLDAsMC0xMy4zNzIsMGMtMy40MTEsMi40LTQuNjIyLDYuNDUtMy4zNzUsMTEuMTg3YTQuNDEsNC40MSwwLDAsMC0uOTg5LDQuMzY3YzAuNDE0LDEuNzcxLDEuNTkzLDMuNTU5LDMuMzU1LDMuOSwwLjAyNCwwLjA1LjA1LDAuMTA2LDAuMDc3LDAuMTY0YTE2LjE4OCwxNi4xODgsMCwwLDAsMi44MjIsNC40NTcsMi44MTUsMi44MTUsMCwwLDEtMi4yNzQsMi42MTNsLTAuMzc5LjA3MWMtMy43MjEuNjkzLTYuMTgsMS4xNTEtNy4zNzksMy40MTQtMS4xODQsMi4yMzMtMS40MjgsNS44NTQtLjc0OSw2Ljk1NGEyLjg1MywyLjg1MywwLDAsMCwyLjY1LDEuMjA3aDI2LjJhMi43MywyLjczLDAsMCwwLDIuNTE4LTEuMTI0YzAuODM5LTEuMzYtLjA2NS01LjMxMy0wLjk3OS03LjAzN0M1MTcuODMsMzQ3LjUxNCw1MTUuMzcxLDM0Ny4wNTYsNTExLjY0OCwzNDYuMzYzWm0yMC40ODIsMy40MTRjLTEuMi0yLjI2My0zLjY1OC0yLjcyMS03LjM4MS0zLjQxNGwtMC4zNC0uMDYzYTIuODI5LDIuODI5LDAsMCwxLTIuMzEtMi42MjEsMTYuMTc1LDE2LjE3NSwwLDAsMCwyLjgyLTQuNDU0YzAuMDI4LS4wNi4wNTMtMC4xMTYsMC4wNzgtMC4xNjgsMS43NjMtLjM0NSwyLjk0MS0yLjEzMiwzLjM1NC0zLjlhNC40LDQuNCwwLDAsMC0uOTg4LTQuMzY2YzEuMjUyLTQuNzMzLjA0OS04Ljc4MS0zLjM1NC0xMS4xODJhMTIuMTc0LDEyLjE3NCwwLDAsMC0xMC43NTktMS4zMjhjMy4zMjcsMi44MjQsNC42NTksNy4wNiwzLjczMiwxMS45YTcuMjksNy4yOSwwLDAsMSwuNzI1LDUuNTI3LDcuNzYzLDcuNzYzLDAsMCwxLTMuOTc1LDUuMzQzLDIwLjYyMSwyMC42MjEsMCwwLDEtMS4zODgsMi40MjRjMC4wNjIsMC4wNjcuMTE4LDAuMTM4LDAuMTgyLDAuMi0wLjAxNi4xMTUtLjA1OSwwLjIwNS0wLjA4MiwwLjMxMywzLjgyNCwwLjcxNSw3LjEwNiwxLjQwNiw4LjgyMSw0LjY0MiwwLjg3MSwxLjY0MywyLjQ3MSw2LjY3My45ODQsOS4zaDguMzQyYTIuNzMzLDIuNzMzLDAsMCwwLDIuNTE5LTEuMTI0QzUzMy45NDgsMzU1LjQ1NCw1MzMuMDQ1LDM1MS41LDUzMi4xMywzNDkuNzc3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4OC4yODEgLTMxNy41OTQpIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.joker-opa-form .m-form-row-radio.with-icon .female .wtf-control-indicator {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNS4xMjUiIGhlaWdodD0iNDAuNSIgdmlld0JveD0iMCAwIDM1LjEyNSA0MC41Ij4NCiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+DQo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+DQogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPg0KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPg0KICAgPC9yZGY6UkRGPg0KPC94OnhtcG1ldGE+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgICAgICAgICANCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPg0KPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogI2JlYmViZTsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgICBvcGFjaXR5OiAwLjg7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBpZD0iaWNvbi1mcmF1IiBjbGFzcz0iY2xzLTEiIGQ9Ik01MDYuMTE3LDYyNS4zNDdsMC4yODctLjAwNywwLjExNywwLjE3M2EyMS45ODQsMjEuOTg0LDAsMCwwLDIuNTYyLDMuMTcyLDMuMjA2LDMuMjA2LDAsMCwxLS43ODQsMS44YzAuMDY4LDEuNTI1LjgyLDMuMzg1LDUuNDI4LDMuMzg1LDUuMzg4LDAsNS4zODgtMi42MDksNS4zODgtMy40NjYsMC0uMDE2LjAwOS0wLjAyOSwwLjAxLTAuMDQ1YTMuMjc0LDMuMjc0LDAsMCwxLS42NzUtMS42NzMsMjEuODkxLDIxLjg5MSwwLDAsMCwyLjU2MS0zLjE3MmwwLjExOC0uMTcyLDAuMDY1LDBhNC40LDQuNCwwLDAsMCwzLjA5LS43MjdjMS0uODE1LDEuNDg5LTIuMjkzLDEuNTQyLTQuNjUxLDAuMTUtNi43MzctMi4zMTQtMTIuOTE1LTYuMjgtMTUuNzM4LTIuNzMzLTEuOTQ1LTYuMDc0LTIuMjc2LTkuNjgtLjk2NWE1LjgsNS44LDAsMCwwLTQuMzcsMS41NTJjLTIuNjExLDIuMzU5LTQuMTA5LDcuMjI4LTQuMTA5LDEzLjM1OSwwLDMuNS40MTIsNS4zMzUsMS40MjIsNi4zMjRBNC4xODMsNC4xODMsMCwwLDAsNTA2LjExNyw2MjUuMzQ3Wm0yNC4xNDgsOS40NDRjLTEuMTc0LTIuMjctNS41OC0yLjcyOC05LjIyNC0zLjQyM2wtMC4wMzEtLjAwNmMtMC4zMTcsMi0xLjgwNiw0LjQ5Mi03LjI4Myw0LjQ5Mi01LjIyLDAtNi45MTgtMi4yMjUtNy4zMDctNC40NzItMy42LjY4Ny03Ljk4NywxLjE1NS05LjE1MiwzLjQwOHMtMS40LDUuODYzLS43MzIsNi45NjdhMi43NzMsMi43NzMsMCwwLDAsMi41OTMsMS4yMDloMjkuNjNhMi4zMywyLjMzLDAsMCwwLDIuMTQ1LTEuMUM1MzEuOSw2NDAuMjI0LDUzMC42NjYsNjM1LjU2Nyw1MzAuMjY1LDYzNC43OTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDk2LjE1NiAtNjAyLjQ2OSkiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat
}

.joker-opa-form .m-form-row-radio.with-icon .male .wtf-control-indicator {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNi4xNTYiIGhlaWdodD0iNDAuNjg4IiB2aWV3Qm94PSIwIDAgMzYuMTU2IDQwLjY4OCI+DQogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPg0KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4NCiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4NCiAgIDwvcmRmOlJERj4NCjwveDp4bXBtZXRhPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgDQo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4NCjxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNiZWJlYmU7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgICAgb3BhY2l0eTogMC44Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggaWQ9Imljb24taGVyciIgY2xhc3M9ImNscy0xIiBkPSJNMzY0LjA5MSw2MzUuNzg2Yy0xLjItMi4yODMtNS42Ny0yLjc0NC05LjQwNS0zLjQ0M2wtMC4zMzgtLjA2MmEyLjg1MSwyLjg1MSwwLDAsMS0yLjMxNy0yLjYzNywyMi4xMTUsMjIuMTE1LDAsMCwwLDIuNjI1LTMuMTkxbDAuMTUxLS4yMTdjMS44NC0uMjg0LDMuMDY5LTIuMTI5LDMuNS0zLjk1OWE0LjQ1Nyw0LjQ1NywwLDAsMC0xLTQuNDA1LDEwLjYsMTAuNiwwLDAsMCwuMzk0LTQuMjg4LDMuNDQ0LDMuNDQ0LDAsMCwwLC42LTIuOTc1LDIsMiwwLDAsMC0xLjYyNi0xLjI5Yy0wLjcyNy0uMTI1LTAuODM5LTAuMzQyLTEuMjU2LTEuMTQ4YTguNTUyLDguNTUyLDAsMCwwLTMuMzUxLTMuNjkzLDkuMTE5LDkuMTE5LDAsMCwwLTcuMDczLS44LDguNSw4LjUsMCwwLDAtNS4zMSwzLjgzNyw1LjAyNCw1LjAyNCwwLDAsMC0yLjI0OSwyLjEzMmMtMS4xMjIsMS45NzgtMS4yMTgsNC43NDMtLjI4Nyw4LjIyOGE0LjQ1OCw0LjQ1OCwwLDAsMC0uOTkzLDQuNGMwLjQyNSwxLjgzMSwxLjY1NSwzLjY3NywzLjQ5NSwzLjk1OSwwLjA0NCwwLjA2NC4wOTMsMC4xMzYsMC4xNSwwLjIxN2EyMi4xMTUsMjIuMTE1LDAsMCwwLDIuNjI1LDMuMTkxLDIuODM0LDIuODM0LDAsMCwxLTIuMjc5LDIuNjI5bC0wLjM3Ni4wN2MtMy43MzUuNy04LjIsMS4xNi05LjQsMy40NDMtMS4xODgsMi4yNTMtMS40MzMsNS44ODctLjc1MSw3QTIuODU3LDIuODU3LDAsMCwwLDMzMi4yNzgsNjQ0aDMwLjI3YTIuNzMxLDIuNzMxLDAsMCwwLDIuNTI1LTEuMTM1QzM2NS45MTUsNjQxLjUsMzY1LjAwOCw2MzcuNTI1LDM2NC4wOTEsNjM1Ljc4NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjkuMjUgLTYwMy4zMTIpIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.joker-opa-form.joker-opa-form-confirmation .m-form-row-radio .wtf-control.icon-creditcard .wtf-control-indicator:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQyIDMwLjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQyIDMwLjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zNiwwSDZDMi43LDAsMCwyLjcsMCw2djE4LjRjMCwzLjMsMi43LDYsNiw2aDMwYzMuMywwLDYtMi43LDYtNlY2QzQyLDIuNywzOS4zLDAsMzYsMHogTTQwLDI0LjRjMCwyLjItMS44LDQtNCw0SDYNCgkJYy0yLjIsMC00LTEuOC00LTRWNmMwLTIuMiwxLjgtNCw0LTRoMzBjMi4yLDAsNCwxLjgsNCw0VjI0LjR6Ii8+DQoJPHBhdGggZD0iTTE3LjYsMTcuOUg3LjRjLTEuMSwwLTIsMC45LTIsMlYyM2MwLDEuMSwwLjksMiwyLDJoMTAuMWMxLjEsMCwyLTAuOSwyLTJ2LTMuMkMxOS42LDE4LjgsMTguNywxNy45LDE3LjYsMTcuOXogTTE3LjYsMjMNCgkJSDcuNHYtMy4yaDEwLjFWMjN6Ii8+DQoJPHBhdGggZD0iTTMzLDZjLTAuOSwwLTEuOCwwLjMtMi41LDAuOUMyOS44LDYuMywyOSw2LDI4LDZjLTIuMiwwLTQsMS44LTQsNHMxLjgsNCw0LDRjMC45LDAsMS44LTAuMywyLjUtMC45QzMxLjIsMTMuNywzMiwxNCwzMywxNA0KCQljMi4yLDAsNC0xLjgsNC00UzM1LjIsNiwzMyw2eiBNMjgsMTJjLTEuMSwwLTItMC45LTItMnMwLjktMiwyLTJzMiwwLjksMiwyUzI5LjEsMTIsMjgsMTJ6IE0zMywxMmMtMC41LDAtMC45LTAuMi0xLjMtMC41DQoJCWMwLjItMC41LDAuMy0xLDAuMy0xLjVzLTAuMS0xLjEtMC4zLTEuNUMzMiw4LjIsMzIuNSw4LDMzLDhjMS4xLDAsMiwwLjksMiwyUzM0LjEsMTIsMzMsMTJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.m-search-result-item.public-area:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMCAzOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzAgMzg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJfMSIgZD0iTTI5LDBIMUMwLjQsMCwwLDAuNSwwLDF2MzZjMCwwLjYsMC40LDEsMSwxaDI4YzAuNiwwLDEtMC40LDEtMVYxQzMwLDAuNSwyOS42LDAsMjksMHogTTI4LDM2SDJWMmgyNlYzNnogTTguMSwxOA0KCUw4LjEsMThMMjIsMThjMC42LDAsMS0wLjQsMS0xcy0wLjQtMS0xLTFsMCwwTDguMSwxNmMtMC42LDAtMSwwLjQtMSwxUzcuNSwxOCw4LjEsMThMOC4xLDE4eiBNOC4xLDIzTDguMSwyM0wyMiwyM2MwLjYsMCwxLTAuNCwxLTENCglzLTAuNC0xLTEtMWwwLDBMOC4xLDIxYy0wLjYsMC0xLDAuNC0xLDFTNy41LDIzLDguMSwyM0w4LjEsMjN6IE04LjEsMjhIMTRjMC42LDAsMS0wLjQsMS0xcy0wLjQtMS0xLTFIOC4xYy0wLjYsMC0xLDAuNC0xLDENCglTNy41LDI4LDguMSwyOEw4LjEsMjh6IE04LjEsMTNIMTRjMC42LDAsMS0wLjQsMS0xcy0wLjQtMS0xLTFIOC4xYy0wLjYsMC0xLDAuNC0xLDFDNy4xLDEyLjYsNy41LDEzLDguMSwxM0w4LjEsMTN6Ii8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.m-search-result-item.private-area:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMCAzOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzAgMzg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJfMSIgZD0iTTI5LDE0aC00VjguOUMyNSwzLjcsMjAuOSwwLDE1LDBTNSwzLjcsNSw4LjlWMTRIMWMtMC42LDAtMSwwLjQtMSwxbDAsMHYyMmMwLDAuNiwwLjQsMSwxLDFsMCwwaDI4DQoJYzAuNiwwLDEtMC40LDEtMWwwLDBWMTUuMUMzMCwxNC41LDI5LjYsMTQsMjksMTRMMjksMTR6IE03LDguOUM3LDQuMSwxMSwyLDE1LDJzOCwyLjEsOCw2LjlWMTRIN1Y4Ljl6IE0yOCwzNS45SDJWMTYuMWgyNlYzNS45DQoJTDI4LDM1Ljl6IE0xMiwyOHYyLjdjMCwxLjMsMSwyLjMsMi4yLDIuM2gxLjVjMS4zLDAsMi4zLTEuMSwyLjItMi4zVjI4YzEuNi0wLjksMy0yLjQsMy00YzAtMi43LTIuNy01LTYtNXMtNiwyLjItNiw1DQoJQzksMjUuNiwxMC40LDI3LDEyLDI4TDEyLDI4eiBNMTUsMjFjMi4yLDAsNCwxLjMsNCwyLjljMCwxLTEuMiwxLjktMi40LDIuNUMxNi4yLDI2LjYsMTYsMjcsMTYsMjcuM3YzLjNjMCwwLjItMC4xLDAuMy0wLjIsMC4zDQoJaC0xLjVjLTAuMSwwLTAuMy0wLjEtMC4yLTAuM3YtMy4zYzAtMC40LTAuMi0wLjgtMC42LTAuOUMxMi4yLDI1LjksMTEsMjUsMTEsMjRDMTEsMjIuNCwxMi44LDIxLDE1LDIxTDE1LDIxeiIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat
}

header.main-header .login-search .search,
.close-button,
form.banking-form a.icon-link,
form.global-form a.icon-link,
.tooltip,
.banking-account-informations .banking-account-informations--box.banking-account-informations--icon p {
    text-indent: -100000px;
    white-space: nowrap;
    overflow: hidden
}

@media only screen and (max-width:79.938em) {
    .show-only-desktop {
        display: none;
        visibility: hidden
    }
}

@media only screen and (min-width:80em) {
    .hide-only-desktop {
        display: none;
        visibility: hidden
    }
}

* {
    -webkit-text-size-adjust: 100%
}

HTML,
BODY {
    font-family: 'Sparkasse-Regular';
    background: #fff;
    height: auto;
    min-height: 100%;
    overscroll-behavior-y: contain
}

@media only screen and (min-width:1600px) {
    body {
        background-color: #f6f6f6
    }

    body:before {
        content: '';
        speak: none;
        position: fixed;
        width: 1600px;
        height: 100%;
        background-color: #fff;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        box-shadow: 0 0 76px -9px #dbd8db
    }
}

main {
    width: 100%;
    display: block;
    background: #fff
}

.page-wrapper,
.page-wrapper-navigation {
    margin: 0 auto;
    max-width: 1600px;
    background-color: #fff
}

.page-wrapper {
    transition: -webkit-transform .5s ease-in;
    transition: transform .5s ease-in;
    transition: transform .5s ease-in, -webkit-transform .5s ease-in
}

.page-wrapper.page-wrapper-main {
    position: relative
}

.page-wrapper.active {
    -webkit-transform: translate(275px, 0);
    -ms-transform: translate(275px, 0);
    transform: translate(275px, 0);
    position: fixed;
    top: 0;
    z-index: 1
}

.page-wrapper.active:after {
    content: "";
    speak: none;
    height: 100%;
    width: 1px;
    position: absolute;
    left: -1px;
    top: 0;
    background-color: #bababa
}

@media only screen and (max-width:39.938em) {
    .page-wrapper.active.page-wrapper-main {
        top: 89px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .page-wrapper.active.page-wrapper-main {
        top: 131px
    }
}

@media only screen and (min-width:40em) {
    .page-wrapper.active {
        -webkit-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        transform: translate(440px, 0)
    }
}

@media only screen and (min-width:80em) {
    .page-wrapper {
        background-color: #fff
    }
}

.no-padding {
    padding: 0
}

@media only screen and (max-width:39.938em) {
    .full-width--mobile {
        padding: 0
    }
}

.content-wrapper {
    margin-top: 25px;
    margin-bottom: 25px
}

.content-wrapper>.row {
    position: relative
}

.content-wrapper.no-margin {
    margin-bottom: 0
}

main {
    padding-bottom: 70px
}

@media only screen and (min-width:80em) {
    main {
        padding-bottom: 105px
    }
}

section ul {
    overflow: hidden
}

section ul.list-unstyled {
    list-style: none;
    margin: 0;
    padding: 0
}

section ul.list-unstyled li {
    list-style: none
}

@media only screen and (min-width:40em) {
    .row {
        padding: 0 1.07143rem
    }
}

@media only screen and (min-width:80em) {
    .row {
        padding: 0 5.71429rem
    }
}

.row .row {
    padding: 0
}

.main-wrapper:last-child:not(:first-child) section {
    margin-bottom: 0
}

blockquote {
    font-family: 'Sparkasse-Bold';
    font-size: 1.42857rem;
    line-height: 130%;
    margin: 1.21429rem 0 1.64286rem 0
}

@media only screen and (min-width:40em) {
    blockquote {
        border-left: none;
        border-right: 10px solid #3975b6;
        float: left;
        width: 250px;
        margin-left: -160px;
        text-align: right;
        margin-right: 30px;
        font-size: 1.78571rem;
        margin-top: 10px;
        padding-right: 20px;
        word-wrap: break-word
    }
}

@media only screen and (min-width:80em) {
    blockquote {
        font-size: 2.14286rem;
        width: 350px;
        margin-right: 50px;
        border-right: 12px solid #3975b6;
        margin-top: 25px;
        padding-top: 0;
        line-height: 2.5rem;
        margin-left: -200px;
        padding-bottom: 2px
    }
}

blockquote.red {
    border-left-color: #f73429;
    color: #f73429
}

@media only screen and (min-width:40em) {
    blockquote.red {
        border-right-color: #f73429
    }
}

strong,
b {
    font-family: 'Sparkasse-Bold';
    font-weight: normal
}

sup,
sub {
    line-height: 0
}

[att^=h] sup {
    padding-left: .42857rem
}

h1 {
    font-family: 'Sparkasse-Light';
    margin-top: 0;
    font-size: 1.5rem;
    line-height: 1.57143rem
}

@media only screen and (min-width:40em) {
    h1 {
        font-size: 2rem;
        line-height: 2.07143rem
    }
}

@media only screen and (min-width:80em) {
    h1 {
        font-size: 2.14286rem;
        line-height: 2.64286rem
    }
}

h2,
h3,
h4,
h5,
h6 {
    font-family: 'Sparkasse-Regular';
    margin-top: 0
}

h5 {
    font-family: 'Sparkasse-Bold'
}

@media only screen and (min-width:80em) {
    h5 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:40em) {

    p,
    li {
        font-size: 1.14286rem
    }
}

@media only screen and (min-width:80em) {

    p,
    li {
        font-size: 1.28571rem
    }
}

::-moz-selection {
    background: #f73429
}

::selection {
    background: #f73429
}

::-moz-selection {
    background: #f73429
}

.stage-text h1::-moz-selection,
.stage-text h2::-moz-selection,
a::-moz-selection,
a span::-moz-selection,
.contact-element-information a .contact-element-information a span::-moz-selection,
.text-link::-moz-selection,
.teaser-top-headline::-moz-selection {
    background: #3975b6
}

.stage-text h1::selection,
.stage-text h2::selection,
a::selection,
a span::selection,
.contact-element-information a .contact-element-information a span::selection,
.text-link::selection,
.teaser-top-headline::selection {
    background: #3975b6
}

.stage-text h1::-moz-selection,
.stage-text h2::-moz-selection,
a::-moz-selection,
a span::-moz-selection,
.contact-element-information a .contact-element-information a span::-moz-selection,
.text-link::-moz-selection,
.teaser-top-headline::-moz-selection {
    background: #3975b6
}

footer a::-moz-selection,
footer span::-moz-selection,
.button::-moz-selection {
    background: #f73429
}

footer a::selection,
footer span::selection,
.button::selection {
    background: #f73429
}

footer a::-moz-selection,
footer span::-moz-selection,
.button::-moz-selection {
    background: #f73429
}

small {
    font-size: 1rem
}

small.error {
    color: #f73429
}

.headline-summary,
.content .headline-summary,
.scrollable-text--container .headline-summary {
    font-size: 1.28571rem;
    font-family: 'Sparkasse-Light';
    margin-top: 1.42857rem;
    margin-bottom: 1.42857rem
}

@media only screen and (min-width:40em) {

    .headline-summary,
    .content .headline-summary,
    .scrollable-text--container .headline-summary {
        font-size: 1.57143rem;
        line-height: 1.85714rem
    }
}

@media only screen and (min-width:80em) {

    .headline-summary,
    .content .headline-summary,
    .scrollable-text--container .headline-summary {
        font-size: 2.14286rem;
        line-height: 2.5rem
    }
}

.main-headline {
    margin-bottom: 3.21429rem;
    margin-top: 0
}

.main-headline h1 {
    font-size: 1.5rem;
    line-height: 1.57143rem
}

@media only screen and (min-width:40em) {
    .main-headline h1 {
        font-size: 2rem;
        line-height: 2.07143rem
    }
}

@media only screen and (min-width:80em) {
    .main-headline h1 {
        font-size: 3rem;
        line-height: 3.07143rem
    }
}

p.subheadline {
    font-size: 1.14286rem
}

@media only screen and (min-width:40em) {
    p.subheadline {
        font-size: 1.42857rem
    }
}

@media only screen and (min-width:80em) {
    p.subheadline {
        font-size: 1.71429rem
    }
}

.mobile-centered {
    text-align: center
}

@media only screen and (min-width:80em) {
    .mobile-centered {
        text-align: left
    }
}

.browser-support {
    position: relative;
    background: #5d5d65;
    color: #fff;
    text-align: center;
    padding: 1.42857rem
}

.browser-support p {
    line-height: 1.14286rem;
    margin-bottom: 0
}

.chart-containment {
    height: 250px
}

h2,
h3,
h4 {
    font-family: 'Sparkasse-Light'
}

h1 {
    font-family: 'Sparkasse-Regular'
}

.text-bold {
    font-family: 'Sparkasse-Bold' !important
}

header.main-header {
    background-color: #fff;
    position: relative;
    border-top: 8px solid #f73429
}

header.main-header::after {
    speak: none;
    background-color: #bababa;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1
}

@media only screen and (min-width:80em) {
    header.main-header::after {
        width: calc(100% - 160px - 40px);
        left: 100px
    }
}

header.main-header.has-no-stage::after {
    content: " "
}

header.main-header.open:after {
    content: " "
}

@media only screen and (min-width:80em) {
    header.main-header {
        border-top-width: 0
    }

    header.main-header .columns.logo {
        margin-right: 20px;
        width: auto
    }

    header.main-header .columns.login-search {
        width: 30%
    }
}

header.main-header .row {
    position: relative
}

header.main-header .logo {
    float: left;
    z-index: 101
}

@media only screen and (min-width:80em) {
    header.main-header .logo {
        width: auto
    }
}

header.main-header .logo a {
    display: block
}

header.main-header .logo a img {
    margin: .5rem 0 .71429rem 0;
    width: auto;
    max-height: 38px
}

@media only screen and (min-width:40em) {
    header.main-header .logo a img {
        margin: .85714rem 0 .71429rem 0;
        max-height: 57px
    }
}

@media only screen and (min-width:80em) {
    header.main-header .logo a img {
        margin: 1.28571rem 0 1rem 0;
        min-height: 68px;
        max-height: 68px
    }
}

header.main-header .header-row {
    background-color: #f73429;
    max-width: none
}

header.main-header .header-row .top-nav {
    display: none
}

@media only screen and (min-width:80em) {
    header.main-header .header-row .top-nav {
        display: block;
        margin-left: 15rem
    }
}

header.main-header .login-search {
    text-align: right;
    font-size: 0;
    margin-top: 1.07143rem;
    z-index: 101
}

@media only screen and (max-width:39.938em) {
    header.main-header .login-search {
        position: absolute;
        right: 0
    }
}

@media only screen and (min-width:40em) {
    header.main-header .login-search {
        margin-top: 1.85714rem
    }
}

@media only screen and (min-width:80em) {
    header.main-header .login-search {
        margin-top: 3.5rem
    }
}

header.main-header .login-search a {
    display: inline-block;
    vertical-align: top
}

header.main-header .login-search .search {
    position: relative;
    width: 35px;
    height: 35px;
    display: none;
    font-size: 0;
    margin-right: 10px
}

header.main-header .login-search .search:before {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    left: 7px;
    top: 7px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #3f3f3f
}

@media only screen and (min-width:80em) {
    header.main-header .login-search .search {
        display: inline-block
    }
}

header.main-header .login-search .search:hover,
header.main-header .login-search .search:focus {
    outline: 0
}

header.main-header .login-search .search:hover:before,
header.main-header .login-search .search:focus:before {
    color: #f73429
}

header.main-header .login-search .button {
    margin: 0;
    float: right;
    z-index: 101
}

@media only screen and (min-width:40em) {
    header.main-header .login-search .button {
        float: none
    }
}

header.main-header .main-nav {
    position: absolute;
    bottom: 0;
    margin-left: 15rem;
    padding: 0;
    display: none
}

header.main-header .main-nav ul {
    margin: 0
}

header.main-header .main-nav li {
    list-style: none
}

@media only screen and (min-width:80em) {
    header.main-header .main-nav {
        display: block
    }
}

header.main-header .main-nav A {
    font-size: 1.5rem;
    padding: 0 .35714rem;
    font-family: 'Sparkasse-Light';
    color: #3f3f3f;
    position: relative;
    z-index: 101
}

header.main-header .main-nav A:hover,
header.main-header .main-nav A:focus {
    color: inherit
}

@media only screen and (min-width:80em) {
    header.main-header .main-nav A {
        border-bottom: 3px solid transparent;
        padding-bottom: .5rem
    }
}

header.main-header .main-nav A.active {
    border-bottom: 3px solid #f73429
}

header.main-header .main-nav A.active-page {
    font-family: 'Sparkasse-Bold'
}

@media only screen and (min-width:80em) {
    header.main-header .main-nav A.active-page {
        padding-bottom: .42857rem
    }
}

header.main-header .main-nav A:hover,
header.main-header .main-nav A:focus {
    color: #f73429;
    outline: 0
}

header.main-header .main-nav A:focus {
    color: #f73429;
    outline: 0
}

header.main-header .main-nav A.online-banking:after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-left: 9px;
    margin-right: 8px;
    font-size: 14px;
    color: #3f3f3f
}

header.main-header .main-nav li {
    float: left;
    margin-right: 1.78571rem;
    margin-bottom: .5rem
}

header.main-header .top-nav ul {
    margin: 0
}

header.main-header .top-nav li {
    list-style: none
}

header.main-header .top-nav a {
    color: #fff;
    font-size: 1rem;
    line-height: 2.14286rem;
    display: block;
    padding: 0 .35714rem;
    position: relative;
    z-index: 101
}

header.main-header .top-nav a:after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 1px;
    color: transparent;
    overflow: hidden;
    visibility: hidden;
    margin-bottom: -1px
}

header.main-header .top-nav a:focus {
    text-decoration: underline;
    outline: 0
}

header.main-header .top-nav LI {
    border-top: 4px solid #f73429;
    float: left;
    text-align: center;
    margin-right: .71429rem
}

header.main-header .top-nav LI.active,
header.main-header .top-nav LI:hover {
    border-top: 4px solid #fff
}

header.main-header .top-nav LI.active A {
    font-family: 'Sparkasse-Bold'
}

header.main-header.landing-header {
    border-top: 10px solid #f73429
}

@media only screen and (max-width:39.938em) {
    header.main-header.landing-header {
        border-top-width: 7px
    }
}

@media only screen and (max-width:39.938em) {
    header.main-header.landing-header .logo a img {
        margin-top: .64286rem
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    header.main-header.landing-header .logo a img {
        margin-top: .92857rem
    }
}

header.main-header .header-navigation-close {
    display: none;
    position: absolute
}

@media only screen and (min-width:80em) {
    header.main-header .header-navigation-close {
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
        top: 0;
        z-index: 100
    }
}

.global-nav {
    width: 275px;
    -webkit-transform: translate(-275px, 0);
    -ms-transform: translate(-275px, 0);
    transform: translate(-275px, 0);
    transition: -webkit-transform .5s ease-in;
    transition: transform .5s ease-in;
    transition: transform .5s ease-in, -webkit-transform .5s ease-in;
    z-index: 0;
    position: absolute;
    top: 8px
}

.global-nav.active {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.global-nav:before {
    content: "";
    speak: none;
    width: 100%;
    height: 8px;
    position: absolute;
    top: -8px;
    background-color: #f73429
}

.global-nav:after {
    content: "";
    speak: none;
    height: 100%;
    width: 1px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #bababa
}

@media only screen and (min-width:40em) {
    .global-nav {
        width: 440px;
        -webkit-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        transform: translate(-440px, 0)
    }
}

@media only screen and (min-width:80em) {
    .global-nav {
        width: 100%;
        top: 135px;
        max-width: 1600px;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .global-nav:before,
    .global-nav:after {
        display: none
    }
}

.global-nav .mailbox-count {
    display: inline-block;
    position: relative;
    top: auto;
    right: auto;
    height: auto;
    width: auto;
    background: 0;
    margin-left: .33em;
    color: #f73429
}

.global-nav .mailbox-count::before {
    display: none;
    content: ''
}

.global-nav A.active .mailbox-count {
    background: 0
}

@media only screen and (min-width:80em) {
    .global-nav .row-break {
        clear: both
    }
}

@media only screen and (max-width:39.938em) {
    .global-nav nav {
        padding: 0
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .global-nav nav {
        padding: 0
    }
}

@media only screen and (min-width:80em) {
    .global-nav nav>ul {
        padding-top: 35px;
        margin: 0 20px;
        padding-bottom: 2.85714rem
    }

    .global-nav nav.open:after {
        content: "";
        speak: none;
        width: 100%;
        height: 10px;
        bottom: 0;
        position: absolute;
        left: 0;
        box-shadow: 2px 4px 8px -4px rgba(0, 0, 0, 0.58)
    }
}

@media only screen and (min-width:80em) {

    .global-nav ul,
    .global-nav li,
    .global-nav nav {
        background-color: #fff
    }
}

.global-nav li a {
    color: #fff;
    background-color: #f73429
}

.global-nav a {
    display: block;
    font-size: 1.14286rem;
    padding: .78571rem 1.14286rem;
    z-index: 101;
    position: relative
}

.global-nav a.active {
    font-family: 'Sparkasse-Bold'
}

@media only screen and (max-width:39.938em) {
    .global-nav a {
        padding-right: 3.57143rem
    }
}

@media only screen and (min-width:80em) {
    .global-nav a {
        border-bottom: 3px solid #fff;
        font-size: 1.07143rem
    }
}

@media only screen and (min-width:80em) {
    .global-nav a {
        display: inline-block
    }

    .global-nav a.active-page {
        border-bottom: 3px solid #f73429;
        font-family: 'Sparkasse-Bold'
    }

    .global-nav a:hover {
        color: #f73429
    }

    .global-nav a.headline {
        display: none
    }
}

@media only screen and (max-width:79.938em) {
    .global-nav a:focus {
        color: #f73429;
        text-decoration: underline
    }
}

@media only screen and (max-width:79.938em) {
    .global-nav .top-class-menu>LI>A:focus {
        color: #fff;
        text-decoration: underline
    }
}

.global-nav ul {
    margin: 0
}

.global-nav li {
    list-style-type: none
}

.global-nav ul ul ul {
    display: none
}

.global-nav ul ul ul.active {
    display: block
}

@media only screen and (min-width:80em) {
    .global-nav ul ul ul {
        display: block
    }
}

@media only screen and (min-width:80em) {
    .global-nav .menu-row {
        width: 25%;
        float: left
    }
}

@media only screen and (min-width:80em) {
    .global-nav .menu-row>li {
        float: none;
        width: auto;
        overflow: auto;
        padding-right: 2.14286rem
    }
}

.global-nav nav>ul>li {
    padding-bottom: .71429rem;
    overflow: auto
}

@media only screen and (min-width:80em) {
    .global-nav nav>ul>li {
        display: none
    }
}

.global-nav nav>ul>li.active {
    display: block
}

.global-nav nav>ul>li>a.active {
    font-family: 'Sparkasse-Light'
}

@media only screen and (min-width:80em) {
    .global-nav nav>ul.top-class-menu>li>a {
        display: none
    }
}

@media only screen and (min-width:80em) {
    .global-nav .headline {
        display: none
    }
}

.global-nav nav>ul>li>ul {
    display: none
}

.global-nav nav>ul>li>ul.active {
    display: block
}

.global-nav ul ul ul ul {
    padding-bottom: 6px
}

.global-nav ul ul li a {
    background-color: #e8e8e8;
    color: #3f3f3f;
    position: relative
}

.global-nav ul ul ul li a {
    background-color: #f6f6f6;
    padding-left: 1.85714rem
}

@media only screen and (min-width:80em) {
    .global-nav nav>ul>li>ul>li {
        display: none
    }

    .global-nav nav>ul>li>ul>li.active {
        display: block
    }
}

@media only screen and (min-width:80em) {
    .global-nav nav>ul>li>ul {
        display: block;
    }
    .global-nav .menu-row>li>a {
        font-family: 'Sparkasse-Bold';
        font-size: 1.28571rem;
        line-height: 1.57143rem;
        margin-bottom: 6px;
        background-color: #fff;
        padding: 0
    }
}

.global-nav .teaser-container .sub-headline {
    display: inline-block;
    color: #f73429;
    font-family: 'Sparkasse-Bold';
    font-size: 1.14286rem;
    padding-top: 5px;
    margin-bottom: 0;
    border-bottom: 2px solid transparent
}

.global-nav .teaser-container p {
    margin-bottom: 0;
    font-size: 1.14286rem
}

@media only screen and (min-width:80em) {
    .global-nav .teaser-container p {
        font-size: 1.07143rem
    }
}

@media only screen and (min-width:80em) {
    .global-nav .teaser-container {
        display: none !important
    }

    .global-nav .teaser-container.active {
        display: block !important
    }
}

.global-nav .teaser-container a {
    color: #3f3f3f;
    border: 0;
    margin-bottom: 1.42857rem;
    font-family: 'Sparkasse-Light';
    padding: 0;
    background-color: #fff
}

.global-nav .teaser-container a:hover {
    border: 0
}

.global-nav .teaser-container a:hover .sub-headline {
    border-bottom: 2px solid #f73429
}

.global-nav .teaser-container a img {
    width: 100%
}

@media only screen and (min-width:80em) {
    .global-nav nav>ul>li>ul>li>ul>li {
        margin-bottom: 35px
    }
}

@media only screen and (min-width:80em) {
    .global-nav nav>ul>li>ul {
        width: 100%;
        float: left
    }
}

.global-nav nav>ul>li>ul>li>ul>li>ul>li>a {
    font-family: 'Sparkasse-Light'
}

@media only screen and (min-width:80em) {
    .global-nav nav>ul>li>ul>li>ul>li>ul>li>a {
        line-height: 1.71429rem;
        padding: 0
    }

    .global-nav nav>ul>li>ul>li>ul>li>ul>li>a.active-page {
        font-family: 'Sparkasse-Bold'
    }
}

@media only screen and (min-width:80em) {
    .global-nav ul ul ul li {
        float: left;
        width: 33.33333333%
    }
}

@media only screen and (min-width:80em) {
    .global-nav ul ul ul ul li {
        width: 100%
    }
}

.global-nav ul ul ul ul li a {
    background-color: #fff;
    padding-left: 2.64286rem
}

.global-nav ul ul ul .nav-link {
    padding: 14px 10px 14px 37px
}

.global-nav SPAN {
    width: 11px;
    height: 7px;
    position: absolute;
    right: 30px;
    top: 48%
}

.global-nav SPAN:before {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    width: 11px;
    height: 11px;
    font-size: 11px;
    color: #3f3f3f
}

@media only screen and (min-width:80em) {
    .global-nav SPAN {
        display: none
    }
}

@media only screen and (min-width:80em) {
    .global-nav:not(.navigation-close) .nav-link {
        display: none
    }
}

.global-nav .navigation-close {
    display: none;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0
}

.global-nav .navigation-close A {
    color: #3f3f3f;
    background-color: #efefef;
    border: 0;
    display: block;
    padding: 13px 0;
    font-family: 'Sparkasse-Bold'
}

.global-nav .navigation-close A:after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    top: 0;
    margin-left: 5px;
    font-size: 8px;
    color: #3f3f3f
}

.global-nav .navigation-close A:hover,
.global-nav .navigation-close A:focus {
    border: 0;
    background-color: #d4d4d4
}

@media only screen and (min-width:80em) {
    .global-nav nav.open+.navigation-close {
        display: block
    }
}

.open-mobile-nav a {
    position: relative;
    display: block;
    height: 52px;
    width: 22px;
    font-size: 17px;
    color: #3f3f3f
}

.open-mobile-nav a:after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 17px;
    width: 20px;
    height: 20px;
    display: block;
    font-size: 20px;
    line-height: 1;
    color: #3f3f3f
}

@media only screen and (min-width:40em) {
    .open-mobile-nav a {
        font-family: 'Sparkasse-Regular';
        height: 35px;
        line-height: 2.5rem;
        margin-top: 1.71429rem;
        width: 114px
    }

    .open-mobile-nav a:after {
        top: 8px
    }
}

@media only screen and (min-width:40em) {
    .open-mobile-nav span {
        margin-left: 1.5rem;
        padding-left: 1rem
    }
}

@media only screen and (max-width:79.938em) {
    .nav-is-open .page-wrapper {
        position: fixed;
        top: 0;
        z-index: 1;
        transition: none
    }

    .nav-is-open .page-wrapper:after {
        content: '';
        speak: none;
        height: 100%;
        width: 1px;
        position: absolute;
        left: -1px;
        top: 0;
        background-color: #bababa
    }

    .nav-is-open .header-wrapper {
        width: 100%
    }

    .nav-is-open .global-nav {
        transition: none;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .nav-is-open .page-wrapper {
        -webkit-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        transform: translate(440px, 0)
    }

    .nav-is-open .page-wrapper-main {
        top: 131px
    }
}

@media only screen and (max-width:39.938em) {
    .nav-is-open .page-wrapper {
        -webkit-transform: translate(275px, 0);
        -ms-transform: translate(275px, 0);
        transform: translate(275px, 0)
    }

    .nav-is-open .page-wrapper-main {
        top: 89px
    }
}

body.search-header-active {
    overflow: hidden
}

input.header-search {
    font-family: 'Sparkasse-Regular';
    background-color: #e8e8e8;
    background-size: 27px 19px;
    background-repeat: no-repeat;
    display: block;
    background-position: 98.5% 50%;
    border: 0;
    font-size: 1.42857rem;
    height: 2.71429rem;
    box-shadow: none;
    margin-bottom: 0
}

input.header-search:focus {
    background-color: #e8e8e8;
    background-repeat: no-repeat;
    background-position: 98.5% 50%;
    background-size: 27px 19px
}

.global-nav .mobile-search {
    margin: 0 1.14286rem
}

.global-nav .mobile-search input.header-search {
    font-family: 'Sparkasse-Bold';
    margin: 1.14286rem 0;
    background-size: 27px 19px;
    height: 2.64286rem;
    font-size: 1.14286rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.search-wrapper {
    margin-top: 25px
}

.search-wrapper .mobile-search INPUT.header-search {
    font-family: 'Sparkasse-Bold';
    margin: 0 16px 16px 16px;
    font-size: 16px
}

@media only screen and (min-width:40em) {
    .search-wrapper .mobile-search INPUT.header-search {
        margin: 0 16px 0 0
    }
}

INPUT.header-search::-ms-clear {
    display: none
}

.search-wrapper {
    display: none
}

@media only screen and (min-width:40em) {
    .search-wrapper .mobile-search {
        display: table;
        margin: 0 auto
    }
}

@media only screen and (min-width:40em) {
    .search-wrapper .ui-widget {
        float: left
    }
}

.search-wrapper .cancel-button-input {
    text-indent: -9999px;
    position: absolute;
    width: 52px;
    height: 37px;
    right: 23%;
    z-index: 999
}

.search-wrapper .cancel-button-input:after {
    content: "";
    speak: none;
    background-size: 13px 13px;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 15px;
    top: 11px
}

@media only screen and (min-width:390px) {
    .search-wrapper .cancel-button-input {
        right: 20%
    }
}

@media only screen and (min-width:480px) {
    .search-wrapper .cancel-button-input {
        right: 17%
    }
}

@media only screen and (min-width:570px) {
    .search-wrapper .cancel-button-input {
        right: 12.3%
    }
}

@media only screen and (min-width:40em) {
    .search-wrapper .cancel-button-input {
        display: none
    }
}

.search-wrapper.active {
    display: block;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 901
}

@media only screen and (min-width:80em) {
    .search-wrapper.active {
        top: 160px
    }
}

.search-wrapper .header-search {
    background-image: none;
    float: left;
    margin-top: 25px;
    width: 72%;
    padding-left: 1.07143rem
}

@media only screen and (min-width:390px) {
    .search-wrapper .header-search {
        width: 77%
    }
}

@media only screen and (min-width:480px) {
    .search-wrapper .header-search {
        width: 80%
    }
}

@media only screen and (min-width:570px) {
    .search-wrapper .header-search {
        width: 85%
    }
}

@media only screen and (min-width:40em) {
    .search-wrapper .header-search {
        margin-left: 0;
        width: 335px;
        height: 2.85714rem
    }
}

@media only screen and (min-width:800px) {
    .search-wrapper .header-search {
        width: 490px
    }
}

.search-wrapper .header-search:focus {
    background-image: none
}

.search-wrapper .cancel {
    display: none
}

@media only screen and (min-width:40em) {
    .search-wrapper .cancel {
        display: inline-block;
        background-color: #e8e8e8;
        color: #3f3f3f;
        margin-top: 0
    }
}

.search-wrapper input[type="submit"] {
    background-color: #f73429;
    background-size: 20px 20px;
    background-position: 10px 10px;
    border: 0;
    height: 38px;
    padding: 0;
    text-indent: -9999px;
    width: 40px
}

@media only screen and (min-width:40em) {
    .search-wrapper input[type="submit"] {
        background-color: #f73429;
        text-indent: 0;
        background-image: none;
        width: auto;
        font-size: 16px;
        display: inline-block;
        height: auto;
        padding: 10px 31px 10px 15px;
        color: #e8e8e8;
        margin-top: 0;
        margin-right: 16px
    }
}

.search-wrapper input[type="submit"]:focus {
    text-decoration: underline
}

.search-wrapper .submit-arrow:after {
    top: 1.14286rem;
    right: 2.21429rem
}

.search-wrapper .submit-arrow,
.search-wrapper .submit-cancel {
    display: inline-block
}

.search-wrapper .submit-arrow:after,
.search-wrapper .submit-cancel:after {
    display: none
}

@media only screen and (min-width:40em) {

    .search-wrapper .submit-arrow,
    .search-wrapper .submit-cancel {
        display: inline-block
    }

    .search-wrapper .submit-arrow:after,
    .search-wrapper .submit-cancel:after {
        display: block
    }
}

.ui-helper-hidden-accessible {
    display: none
}

.ui-front.search-ui-front {
    width: 72% !important
}

@media only screen and (min-width:390px) {
    .ui-front.search-ui-front {
        width: 77% !important
    }
}

@media only screen and (min-width:480px) {
    .ui-front.search-ui-front {
        width: 80% !important
    }
}

@media only screen and (min-width:570px) {
    .ui-front.search-ui-front {
        width: 85% !important
    }
}

@media only screen and (min-width:40em) {
    .ui-front.search-ui-front {
        width: 335px !important;
        margin-left: 0
    }
}

@media only screen and (min-width:800px) {
    .ui-front.search-ui-front {
        width: 490px !important
    }
}

.search-view {
    margin-top: 45px
}

@media only screen and (min-width:80em) {
    .search-view {
        margin-left: 80px;
        margin-right: 80px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .search-view {
        margin-left: 15px;
        margin-right: 15px
    }
}

.search-view h1 {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:80em) {
    .search-view h1 {
        margin-bottom: 30px
    }
}

.search-view form {
    padding-left: 20px;
    padding-right: 20px
}

.search-view .search {
    background-color: #e8e8e8;
    font-size: 19px;
    border: 0;
    box-shadow: none;
    margin-bottom: 0;
    height: 40px
}

@media only screen and (min-width:40em) {
    .search-view .search {
        width: 380px;
        float: left;
        margin-right: 25px
    }
}

@media only screen and (min-width:80em) {
    .search-view .search {
        width: 470px
    }
}

.search-view .submit-arrow,
.search-view .submit-cancel {
    display: inline-block
}

.search-view .submit-arrow:after,
.search-view .submit-cancel:after {
    top: 40px;
    right: 27px
}

@media only screen and (min-width:40em) {

    .search-view .submit-arrow:after,
    .search-view .submit-cancel:after {
        right: 16px;
        top: 15px
    }
}

.search-view .row-form--select {
    margin-top: 20px
}

.search-view .new-search {
    cursor: pointer;
    width: auto;
    border: 0;
    color: white;
    font-size: 16px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 30px 0 15px;
    margin-top: 25px;
    margin-right: 16px
}

@media only screen and (min-width:40em) {
    .search-view .new-search {
        margin: 0
    }
}

.search-view p {
    margin-bottom: 20px
}

@media only screen and (min-width:40em) {
    .search-view p {
        margin-bottom: 26px
    }
}

@media only screen and (min-width:80em) {
    .search-view p {
        font-size: 18px;
        margin-bottom: 21px
    }
}

.stage {
    position: relative
}

@media only screen and (min-width:80em) {
    .stage {
        padding-bottom: 31.25%
    }

    .stage.stage-slide-show {
        padding-bottom: calc(31.25% - -48px)
    }
}

.stage .slick-slider .slick-dots {
    margin-bottom: 0
}

@media only screen and (max-width:39.938em) {
    .stage:not(.text-only)>.row {
        padding-right: 0
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .stage:not(.text-only)>.row {
        padding-right: 0
    }
}

.stage img .stage,
.stage .video-stage .stage,
.stage.stage-slide-show .stage {
    margin-bottom: 0
}

@media only screen and (min-width:80em) {

    .stage img,
    .stage .video-stage {
        position: absolute;
        width: 100%
    }
}

.stage.stage-slide-show img {
    margin-top: 0;
    position: relative
}

@media only screen and (min-width:80em) {
    .stage.stage-slide-show .slide-show {
        position: absolute;
        width: 100%
    }
}

.stage.stage-slide-show .slide-show a {
    display: block;
    position: relative
}

.stage img {
    width: 100%;
    height: auto
}

.stage .mejs-video,
.stage video,
.stage img {
    margin-bottom: 0
}

.stage h1,
.stage .teaser-headline {
    font-family: 'Sparkasse-Light';
    font-size: 1.57143rem;
    margin: 0;
    display: block
}

@media only screen and (min-width:40em) {

    .stage h1,
    .stage .teaser-headline {
        font-size: 1.92857rem
    }
}

@media only screen and (min-width:80em) {

    .stage h1,
    .stage .teaser-headline {
        line-height: 3.57143rem;
        font-size: 3rem
    }
}

.stage .teaser-headline {
    font-size: 1.5rem
}

@media only screen and (min-width:40em) {
    .stage .teaser-headline {
        font-size: 2.07143rem;
        margin-top: .71429rem;
        margin-bottom: .71429rem
    }
}

@media only screen and (min-width:80em) {
    .stage .teaser-headline {
        margin: 0;
        font-size: 3.14286rem;
        line-height: 3.28571rem
    }
}

.stage h2,
.stage .teaser-headline+p {
    font-family: 'Sparkasse-Regular';
    font-size: 1.14286rem;
    line-height: 120%;
    margin-bottom: .57143rem
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .stage h2,
    .stage .teaser-headline+p {
        margin-top: 0
    }
}

@media only screen and (min-width:40em) {

    .stage h2,
    .stage .teaser-headline+p {
        font-size: 1.14286rem;
        line-height: 1.42857rem;
        margin-bottom: .71429rem
    }
}

@media only screen and (min-width:80em) {

    .stage h2,
    .stage .teaser-headline+p {
        font-size: 1.35714rem;
        line-height: 1.92857rem
    }
}

.stage h1 {
    font-family: 'Sparkasse-Regular';
    font-size: 1.57143rem;
    margin-top: .85714rem;
    margin-bottom: .42857rem
}

@media only screen and (min-width:40em) {
    .stage h1 {
        font-size: 1.92857rem
    }
}

@media only screen and (min-width:80em) {
    .stage h1 {
        margin-bottom: .14286rem;
        margin-top: .14286rem;
        font-size: 2.14286rem
    }
}

.stage h2 {
    font-size: 1.14286rem
}

@media only screen and (min-width:40em) {
    .stage h2 {
        font-size: 1.14286rem;
        margin-bottom: .92857rem;
        line-height: 1.42857rem
    }
}

@media only screen and (min-width:80em) {
    .stage h2 {
        font-size: 1.35714rem;
        margin-bottom: .71429rem
    }
}

.stage .stage-text {
    background-color: #f73429
}

@media only screen and (min-width:80em) {
    .stage .stage-text {
        position: absolute;
        bottom: 50px;
        padding-top: 0;
        width: auto;
        background-color: rgba(247, 52, 41, 0.85)
    }
}

.stage .stage-text.hide {
    display: none
}

.stage .stage-text H1,
.stage .stage-text H2,
.stage .stage-text>span {
    color: #fff;
    opacity: .85
}

.stage .stage-text:before {
    content: "";
    speak: none;
    height: 100%;
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f73429
}

@media only screen and (min-width:40em) {
    .stage .stage-text:before {
        width: 1.07143rem;
        left: -1.07143rem
    }
}

@media only screen and (min-width:80em) {
    .stage .stage-text:before {
        width: 5.71429rem;
        left: -5.71429rem;
        background-color: rgba(247, 52, 41, 0.85)
    }
}

.stage .stage-text-product {
    background-color: #f73429;
    margin-top: 1px
}

@media only screen and (min-width:56em) {
    .stage .stage-text-product {
        bottom: 7.14286rem;
        position: absolute;
        right: 2.5rem;
        width: auto
    }
}

@media only screen and (min-width:56em) and (max-width:79.938em) {
    .stage .stage-text-product {
        display: none
    }
}

@media only screen and (min-width:40em) and (max-width:55.938em) {
    .stage .stage-text-product:before {
        content: "";
        position: absolute;
        top: 0;
        left: -15px;
        width: 15px;
        height: 100%;
        background-color: #f73429
    }
}

@media only screen and (min-width:80em) {
    .stage .stage-text-product {
        bottom: 3.57143rem;
        left: 0;
        right: auto;
        padding-left: .71429rem;
        padding-right: .71429rem;
        background-color: rgba(247, 52, 41, 0.85)
    }
}

.stage .stage-text-product p {
    font-family: 'Sparkasse-Regular';
    color: #fff;
    font-size: 1.57143rem;
    line-height: 1.3;
    margin-bottom: 2px
}

@media only screen and (max-width:55.938em) {
    .stage .stage-text-product p {
        padding: .42857rem 0 .14286rem
    }
}

@media only screen and (min-width:56em) {
    .stage .stage-text-product p {
        font-size: 1.92857rem;
        margin-bottom: .64286rem;
        margin-top: .64286rem
    }
}

@media only screen and (min-width:80em) {
    .stage .stage-text-product p {
        font-size: 2.14286rem;
        line-height: 2.5rem;
        margin-top: .78571rem;
        margin-bottom: 2.64286rem
    }
}

.stage .stage-text-product span {
    font-size: 1.14286rem
}

@media only screen and (min-width:56em) {
    .stage .stage-text-product span {
        font-size: 1.14286rem
    }
}

@media only screen and (min-width:80em) {
    .stage .stage-text-product span {
        font-size: 1.35714rem
    }
}

.stage .stage-text-product span:first-child {
    padding-right: .35714rem
}

@media only screen and (min-width:56em) {
    .stage .stage-text-product span.stage-text-product-subline {
        display: block
    }
}

@media only screen and (min-width:80em) {
    .stage .stage-text-product span.stage-text-product-subline {
        position: relative;
        bottom: 0;
        height: 0
    }
}

@media only screen and (max-width:39.938em) {
    .stage.text-only {
        padding-top: 25px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .stage.text-only {
        padding-top: 40px
    }
}

@media only screen and (min-width:80em) {
    .stage.text-only {
        padding-top: 60px;
        padding-bottom: 0
    }
}

.stage.text-only h1,
.stage.text-only h2 {
    color: #fff
}

.stage.text-only .columns {
    background-color: #f73429
}

.stage.text-only .columns:before {
    content: "";
    speak: none;
    height: 100%;
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f73429
}

@media only screen and (min-width:40em) {
    .stage.text-only .columns:before {
        width: 1.07143rem;
        left: -1.07143rem
    }
}

@media only screen and (min-width:80em) {
    .stage.text-only .columns:before {
        width: 5.71429rem;
        left: -5.71429rem
    }
}

.stage.text-only .columns:after {
    display: none;
    content: "";
    speak: none;
    height: 100%;
    width: 20px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff
}

@media only screen and (min-width:40em) {
    .stage.text-only .columns:after {
        display: block
    }
}

.stage .m-flash-bubble {
    position: absolute;
    top: -130px;
    right: 20px
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .stage .m-flash-bubble {
        top: -88px;
        right: calc(50% - 47px)
    }
}

@media only screen and (max-width:39.938em) {
    .stage .m-flash-bubble {
        top: -79px;
        left: 20px
    }

    .stage .m-flash-bubble.align-right {
        right: 20px
    }
}

.stage .m-signet {
    position: absolute;
    bottom: -35px;
    right: 100px
}

.stage .m-signet PICTURE {
    position: relative;
    display: block;
    width: 103px
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .stage .m-signet PICTURE {
        width: 78px
    }
}

.stage .m-signet PICTURE IMG,
.stage .m-signet PICTURE SOURCE {
    position: absolute;
    bottom: 0
}

.stage .m-signet.landscape PICTURE {
    width: 170px
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .stage .m-signet.landscape PICTURE {
        width: 127px
    }
}

.stage .m-signet IMG {
    display: block;
    margin-top: 0
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .stage .m-signet {
        right: 35px
    }
}

@media only screen and (max-width:39.938em) {
    .stage .m-signet {
        display: none
    }
}

@media only screen and (min-width:80em) {

    main>article,
    main>section {
        position: relative
    }
}

main article p,
main article li,
main section p,
main section li,
.overlay p,
.overlay li,
.landing-page p,
.landing-page li {
    margin-bottom: 1.07143rem
}

main article ul ul,
main article ol,
main section ul ul,
main section ol,
.overlay ul ul,
.overlay ol,
.landing-page ul ul,
.landing-page ol {
    margin-bottom: 0
}

main article img,
main article .content-highlight,
main section img,
main section .content-highlight,
.overlay img,
.overlay .content-highlight,
.landing-page img,
.landing-page .content-highlight {
    margin-bottom: 2.14286rem
}

main article .mejs-video,
main article video,
main section .mejs-video,
main section video,
.overlay .mejs-video,
.overlay video,
.landing-page .mejs-video,
.landing-page video {
    margin-bottom: .71429rem
}

main article .content-highlight,
main article .content-table,
main article .content-accordion,
main section .content-highlight,
main section .content-table,
main section .content-accordion,
.overlay .content-highlight,
.overlay .content-table,
.overlay .content-accordion,
.landing-page .content-highlight,
.landing-page .content-table,
.landing-page .content-accordion {
    clear: both
}

@media only screen and (min-width:80em) {

    main article .content-highlight,
    main article .content-table,
    main article .content-accordion,
    main section .content-highlight,
    main section .content-table,
    main section .content-accordion,
    .overlay .content-highlight,
    .overlay .content-table,
    .overlay .content-accordion,
    .landing-page .content-highlight,
    .landing-page .content-table,
    .landing-page .content-accordion {
        margin-bottom: 1.42857rem
    }
}

@media only screen and (min-width:40em) {

    main article p,
    main article li,
    main section p,
    main section li,
    .overlay p,
    .overlay li,
    .landing-page p,
    .landing-page li {
        font-size: 1.14286rem
    }
}

main article li,
main section li,
.overlay li,
.landing-page li {
    padding-left: 0
}

main article .content ul,
main article .scrollable-text--container ul,
main article .overlay-content ul,
main section .content ul,
main section .scrollable-text--container ul,
main section .overlay-content ul,
.overlay .content ul,
.overlay .scrollable-text--container ul,
.overlay .overlay-content ul,
.landing-page .content ul,
.landing-page .scrollable-text--container ul,
.landing-page .overlay-content ul {
    margin-left: 0
}

main article .content ul li,
main article .scrollable-text--container ul li,
main article .overlay-content ul li,
main section .content ul li,
main section .scrollable-text--container ul li,
main section .overlay-content ul li,
.overlay .content ul li,
.overlay .scrollable-text--container ul li,
.overlay .overlay-content ul li,
.landing-page .content ul li,
.landing-page .scrollable-text--container ul li,
.landing-page .overlay-content ul li {
    position: relative;
    padding-left: 1.78571rem;
    list-style-type: none
}

@media only screen and (min-width:80em) {

    main article .content ul li a.text-link.inline-link,
    main article .scrollable-text--container ul li a.text-link.inline-link,
    main article .overlay-content ul li a.text-link.inline-link,
    main section .content ul li a.text-link.inline-link,
    main section .scrollable-text--container ul li a.text-link.inline-link,
    main section .overlay-content ul li a.text-link.inline-link,
    .overlay .content ul li a.text-link.inline-link,
    .overlay .scrollable-text--container ul li a.text-link.inline-link,
    .overlay .overlay-content ul li a.text-link.inline-link,
    .landing-page .content ul li a.text-link.inline-link,
    .landing-page .scrollable-text--container ul li a.text-link.inline-link,
    .landing-page .overlay-content ul li a.text-link.inline-link {
        font-size: 1.14286rem
    }
}

main article .content ul li:before,
main article .scrollable-text--container ul li:before,
main article .overlay-content ul li:before,
main section .content ul li:before,
main section .scrollable-text--container ul li:before,
main section .overlay-content ul li:before,
.overlay .content ul li:before,
.overlay .scrollable-text--container ul li:before,
.overlay .overlay-content ul li:before,
.landing-page .content ul li:before,
.landing-page .scrollable-text--container ul li:before,
.landing-page .overlay-content ul li:before {
    content: '';
    display: inline-block;
    height: 10px;
    position: absolute;
    left: 0;
    top: .40em;
    width: 10px
}

@media only screen and (max-width:39.938em) {

    main article .content ul li:before,
    main article .scrollable-text--container ul li:before,
    main article .overlay-content ul li:before,
    main section .content ul li:before,
    main section .scrollable-text--container ul li:before,
    main section .overlay-content ul li:before,
    .overlay .content ul li:before,
    .overlay .scrollable-text--container ul li:before,
    .overlay .overlay-content ul li:before,
    .landing-page .content ul li:before,
    .landing-page .scrollable-text--container ul li:before,
    .landing-page .overlay-content ul li:before {
        top: .35em
    }
}

main article .content ul li ol li,
main article .scrollable-text--container ul li ol li,
main article .overlay-content ul li ol li,
main section .content ul li ol li,
main section .scrollable-text--container ul li ol li,
main section .overlay-content ul li ol li,
.overlay .content ul li ol li,
.overlay .scrollable-text--container ul li ol li,
.overlay .overlay-content ul li ol li,
.landing-page .content ul li ol li,
.landing-page .scrollable-text--container ul li ol li,
.landing-page .overlay-content ul li ol li {
    padding-left: 0
}

main article .content ul li ol li:before,
main article .scrollable-text--container ul li ol li:before,
main article .overlay-content ul li ol li:before,
main section .content ul li ol li:before,
main section .scrollable-text--container ul li ol li:before,
main section .overlay-content ul li ol li:before,
.overlay .content ul li ol li:before,
.overlay .scrollable-text--container ul li ol li:before,
.overlay .overlay-content ul li ol li:before,
.landing-page .content ul li ol li:before,
.landing-page .scrollable-text--container ul li ol li:before,
.landing-page .overlay-content ul li ol li:before {
    display: none
}

main article .content ol,
main article .scrollable-text--container ol,
main article .overlay-content ol,
main section .content ol,
main section .scrollable-text--container ol,
main section .overlay-content ol,
.overlay .content ol,
.overlay .scrollable-text--container ol,
.overlay .overlay-content ol,
.landing-page .content ol,
.landing-page .scrollable-text--container ol,
.landing-page .overlay-content ol {
    list-style-image: none;
    list-style-type: decimal;
    margin: 1.07143rem 0 0 1.5em
}

main article .content ol ul,
main article .scrollable-text--container ol ul,
main article .content ol ol,
main article .scrollable-text--container ol ol,
main article .overlay-content ol ul,
main article .overlay-content ol ol,
main section .content ol ul,
main section .scrollable-text--container ol ul,
main section .content ol ol,
main section .scrollable-text--container ol ol,
main section .overlay-content ol ul,
main section .overlay-content ol ol,
.overlay .content ol ul,
.overlay .scrollable-text--container ol ul,
.overlay .content ol ol,
.overlay .scrollable-text--container ol ol,
.overlay .overlay-content ol ul,
.overlay .overlay-content ol ol,
.landing-page .content ol ul,
.landing-page .scrollable-text--container ol ul,
.landing-page .content ol ol,
.landing-page .scrollable-text--container ol ol,
.landing-page .overlay-content ol ul,
.landing-page .overlay-content ol ol {
    margin-top: 1.07143rem
}

main article .content ol li,
main article .scrollable-text--container ol li,
main article .overlay-content ol li,
main section .content ol li,
main section .scrollable-text--container ol li,
main section .overlay-content ol li,
.overlay .content ol li,
.overlay .scrollable-text--container ol li,
.overlay .overlay-content ol li,
.landing-page .content ol li,
.landing-page .scrollable-text--container ol li,
.landing-page .overlay-content ol li {
    padding-left: 1px;
    list-style-image: none;
    list-style: decimal
}

main article .content ol li:before,
main article .scrollable-text--container ol li:before,
main article .overlay-content ol li:before,
main section .content ol li:before,
main section .scrollable-text--container ol li:before,
main section .overlay-content ol li:before,
.overlay .content ol li:before,
.overlay .scrollable-text--container ol li:before,
.overlay .overlay-content ol li:before,
.landing-page .content ol li:before,
.landing-page .scrollable-text--container ol li:before,
.landing-page .overlay-content ol li:before {
    display: none
}

main article .content img.left,
main article .scrollable-text--container img.left,
main article .overlay-content img.left,
main section .content img.left,
main section .scrollable-text--container img.left,
main section .overlay-content img.left,
.overlay .content img.left,
.overlay .scrollable-text--container img.left,
.overlay .overlay-content img.left,
.landing-page .content img.left,
.landing-page .scrollable-text--container img.left,
.landing-page .overlay-content img.left {
    margin-right: 20px;
    margin-bottom: 10px
}

main article .content img.right,
main article .scrollable-text--container img.right,
main article .overlay-content img.right,
main section .content img.right,
main section .scrollable-text--container img.right,
main section .overlay-content img.right,
.overlay .content img.right,
.overlay .scrollable-text--container img.right,
.overlay .overlay-content img.right,
.landing-page .content img.right,
.landing-page .scrollable-text--container img.right,
.landing-page .overlay-content img.right {
    margin-left: 20px;
    margin-bottom: 10px
}

@media only screen and (max-width:39.938em) {

    main article .content img.small-6,
    main article .scrollable-text--container img.small-6,
    main article .overlay-content img.small-6,
    main section .content img.small-6,
    main section .scrollable-text--container img.small-6,
    main section .overlay-content img.small-6,
    .overlay .content img.small-6,
    .overlay .scrollable-text--container img.small-6,
    .overlay .overlay-content img.small-6,
    .landing-page .content img.small-6,
    .landing-page .scrollable-text--container img.small-6,
    .landing-page .overlay-content img.small-6 {
        float: none !important
    }

    main article .content img.small-6.right,
    main article .scrollable-text--container img.small-6.right,
    main article .overlay-content img.small-6.right,
    main section .content img.small-6.right,
    main section .scrollable-text--container img.small-6.right,
    main section .overlay-content img.small-6.right,
    .overlay .content img.small-6.right,
    .overlay .scrollable-text--container img.small-6.right,
    .overlay .overlay-content img.small-6.right,
    .landing-page .content img.small-6.right,
    .landing-page .scrollable-text--container img.small-6.right,
    .landing-page .overlay-content img.small-6.right {
        margin-left: 0
    }
}

main article H2,
main section H2,
.overlay H2,
.landing-page H2 {
    line-height: 1.35;
    font-family: 'Sparkasse-Bold'
}

@media only screen and (min-width:40em) {

    main article H2,
    main section H2,
    .overlay H2,
    .landing-page H2 {
        font-size: 22px;
        line-height: 1.2
    }
}

@media only screen and (min-width:80em) {

    main article H2,
    main section H2,
    .overlay H2,
    .landing-page H2 {
        font-size: 30px;
        padding: 0
    }
}

main article H2,
main section H2,
.overlay H2,
.landing-page H2 {
    font-family: 'Sparkasse-Regular';
    display: table;
    width: 100%;
    font-size: 21px
}

main article H2 .number,
main section H2 .number,
.overlay H2 .number,
.landing-page H2 .number {
    font-family: 'Sparkasse-Regular';
    display: table-cell;
    font-size: 70px;
    line-height: 90%;
    padding-right: 12px;
    vertical-align: bottom;
    word-break: normal
}

@media only screen and (min-width:40em) {

    main article H2 .number,
    main section H2 .number,
    .overlay H2 .number,
    .landing-page H2 .number {
        display: block;
        float: right;
        font-size: 80px;
        line-height: 80%;
        margin-bottom: 8px;
        margin-right: -7px;
        padding: 0
    }
}

@media only screen and (min-width:80em) {

    main article H2 .number,
    main section H2 .number,
    .overlay H2 .number,
    .landing-page H2 .number {
        font-size: 75px;
        line-height: 86%;
        margin-bottom: 12px
    }
}

main article H2 .text,
main section H2 .text,
.overlay H2 .text,
.landing-page H2 .text {
    font-size: 22px;
    line-height: 27px;
    display: table-cell;
    width: 100%;
    vertical-align: bottom
}

@media only screen and (min-width:40em) {

    main article H2 .text,
    main section H2 .text,
    .overlay H2 .text,
    .landing-page H2 .text {
        float: right;
        font-size: 23px;
        line-height: 29px;
        text-align: right;
        word-break: normal
    }
}

@media only screen and (min-width:80em) {

    main article H2 .text,
    main section H2 .text,
    .overlay H2 .text,
    .landing-page H2 .text {
        font-size: 34px;
        line-height: 42px
    }
}

@media only screen and (min-width:80em) and (min--moz-device-pixel-ratio:0) {

    main article H2 .text,
    main section H2 .text,
    .overlay H2 .text,
    .landing-page H2 .text {
        word-break: normal
    }
}

.module {
    margin-bottom: 3.57143rem
}

@media only screen and (min-width:40em) {
    .module {
        margin-bottom: 5rem
    }
}

@media only screen and (min-width:80em) {
    .module {
        margin-bottom: 6.42857rem
    }
}

.module {
    clear: both;
    overflow: auto;
    padding: 0 1.42857rem
}

@media only screen and (min-width:40em) {
    .module {
        padding: 0 2.5rem
    }
}

@media only screen and (min-width:80em) {
    .module {
        padding: 0 7%
    }
}

.module.no-margin-bottom {
    margin-bottom: 0
}

.module {
    padding: 0 1.42857rem
}

.module:last-child:not(:first-child) {
    margin-bottom: 0
}

.inline-component {
    clear: both
}

@media only screen and (min-width:80em) {
    .inline-component {
        margin-bottom: 2.85714rem
    }
}

.inline-component:last-child {
    margin-bottom: 0
}

FOOTER.page-footer {
    background-color: #f6f6f6;
    position: relative;
    z-index: 0;
    max-width: 1600px;
    margin: 0 auto
}

FOOTER.page-footer *,
FOOTER.page-footer a:focus {
    color: #646464;
    outline: 0
}

FOOTER.page-footer .link-group {
    margin: 30px 0 0 0;
    padding: 0 20px
}

@media only screen and (max-width:39.938em) {
    FOOTER.page-footer .link-group {
        margin-top: 20px;
        width: 100%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    FOOTER.page-footer .link-group {
        width: 50%
    }
}

@media only screen and (min-width:40em) {
    FOOTER.page-footer .link-group .footer-nav {
        height: auto
    }
}

@media only screen and (min-width:80em) {
    FOOTER.page-footer .link-group {
        width: 25%
    }
}

FOOTER.page-footer ul,
FOOTER.page-footer ul li ul {
    margin: 0
}

@media only screen and (max-width:39.938em) {

    FOOTER.page-footer .links-wrapper,
    FOOTER.page-footer .info-wrapper {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    FOOTER.page-footer .links-wrapper,
    FOOTER.page-footer .info-wrapper {
        padding-left: calc(15px - -20px);
        padding-right: calc(15px - -20px)
    }
}

@media only screen and (min-width:80em) {

    FOOTER.page-footer .links-wrapper,
    FOOTER.page-footer .info-wrapper {
        padding-left: calc(80px - -20px);
        padding-right: calc(80px - -20px)
    }
}

FOOTER.page-footer .menus {
    padding-top: 20px;
    padding-bottom: 50px
}

@media only screen and (max-width:39.938em) {
    FOOTER.page-footer .menus {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    FOOTER.page-footer .menus {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media only screen and (min-width:80em) {
    FOOTER.page-footer .menus {
        margin-left: 80px;
        margin-right: 80px
    }
}

FOOTER.page-footer .menus .nav-accordion {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

FOOTER.page-footer li {
    float: none;
    list-style-type: none
}

@media only screen and (min-width:40em) {
    FOOTER.page-footer li {
        float: left
    }
}

FOOTER.page-footer li .footer-nav-headline {
    font-family: 'Sparkasse-Light';
    position: relative;
    margin: 0 0 10px;
    font-size: 23px;
    line-height: 30px
}

FOOTER.page-footer li .footer-nav-headline SPAN {
    display: block;
    width: 11px;
    height: 7px;
    position: absolute;
    right: 0;
    top: 48%
}

FOOTER.page-footer li .footer-nav-headline SPAN:before {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 3px;
    width: 11px;
    height: 11px;
    font-size: 11px;
    color: #3f3f3f
}

@media only screen and (min-width:40em) {
    FOOTER.page-footer li .footer-nav-headline SPAN {
        display: none
    }
}

FOOTER.page-footer li .footer-nav-headline.phone:focus {
    text-decoration: underline
}

FOOTER.page-footer li .footer-nav {
    height: 0;
    overflow: hidden
}

@media only screen and (min-width:40em) {
    FOOTER.page-footer li .footer-nav {
        height: auto;
        overflow: visible
    }
}

FOOTER.page-footer li .footer-nav li {
    font-family: 'Sparkasse-Light';
    float: none;
    font-size: 14px;
    padding-bottom: 6px
}

FOOTER.page-footer li .footer-nav li a,
FOOTER.page-footer li .footer-nav li span {
    display: block;
    padding: 6px 0;
    position: relative
}

FOOTER.page-footer li .footer-nav li a:hover:after,
FOOTER.page-footer li .footer-nav li a:focus:after,
FOOTER.page-footer li .footer-nav li span:hover:after,
FOOTER.page-footer li .footer-nav li span:focus:after {
    content: "";
    speak: none;
    position: absolute;
    height: 3px;
    background-color: #f73429;
    width: calc(100%);
    bottom: .14286rem;
    right: 0
}

FOOTER.page-footer li .footer-nav li a,
FOOTER.page-footer li .footer-nav li span {
    display: inline-block
}

FOOTER.page-footer li .footer-nav.contact-links li {
    position: relative
}

FOOTER.page-footer li .footer-nav.contact-links li a:before,
FOOTER.page-footer li .footer-nav.contact-links li span:before {
    content: '';
    display: inline-block;
    height: 33px;
    position: absolute;
    left: 0;
    top: 0;
    width: 23px
}

FOOTER.page-footer li .footer-nav.contact-links li a,
FOOTER.page-footer li .footer-nav.contact-links li span {
    padding: 6px 0 6px 44px
}

FOOTER.page-footer li .footer-nav.contact-links li a:hover:after,
FOOTER.page-footer li .footer-nav.contact-links li a:focus:after,
FOOTER.page-footer li .footer-nav.contact-links li span:hover:after,
FOOTER.page-footer li .footer-nav.contact-links li span:focus:after {
    width: calc(100% - 44px)
}

FOOTER.page-footer li .footer-nav.contact-links li.no-icon a,
FOOTER.page-footer li .footer-nav.contact-links li.no-icon span {
    background: 0
}

FOOTER.page-footer li .footer-nav.contact-links li.hotline a:before,
FOOTER.page-footer li .footer-nav.contact-links li.hotline span:before {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    top: 2px;
    left: -2px;
    display: block;
    font-size: 33px;
    color: #bdbdbd
}

FOOTER.page-footer li .footer-nav.contact-links li.hotline a:hover:before,
FOOTER.page-footer li .footer-nav.contact-links li.hotline a:focus:before,
FOOTER.page-footer li .footer-nav.contact-links li.hotline span:hover:before,
FOOTER.page-footer li .footer-nav.contact-links li.hotline span:focus:before {
    color: #3f3f3f
}

FOOTER.page-footer li .footer-nav.contact-links li.facebook a:before,
FOOTER.page-footer li .footer-nav.contact-links li.facebook span:before {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    height: 25px;
    top: 4px;
    left: 1px;
    width: 25px;
    font-size: 24px;
    color: #bdbdbd
}

FOOTER.page-footer li .footer-nav.contact-links li.facebook a:hover:before,
FOOTER.page-footer li .footer-nav.contact-links li.facebook a:focus:before,
FOOTER.page-footer li .footer-nav.contact-links li.facebook span:hover:before,
FOOTER.page-footer li .footer-nav.contact-links li.facebook span:focus:before {
    color: #3f3f3f
}

FOOTER.page-footer li .footer-nav.contact-links li.xing a:before,
FOOTER.page-footer li .footer-nav.contact-links li.xing span:before {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    height: 23px;
    top: 4px;
    left: 2px;
    width: 23px;
    font-size: 24px;
    color: #bdbdbd
}

FOOTER.page-footer li .footer-nav.contact-links li.xing a:hover:before,
FOOTER.page-footer li .footer-nav.contact-links li.xing a:focus:before,
FOOTER.page-footer li .footer-nav.contact-links li.xing span:hover:before,
FOOTER.page-footer li .footer-nav.contact-links li.xing span:focus:before {
    color: #3f3f3f
}

FOOTER.page-footer li .footer-nav.contact-links li.youtube a:before,
FOOTER.page-footer li .footer-nav.contact-links li.youtube span:before {
    height: 24px;
    top: 4px;
    width: 27px;
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    font-size: 20px;
    color: #bdbdbd
}

FOOTER.page-footer li .footer-nav.contact-links li.youtube a:hover:before,
FOOTER.page-footer li .footer-nav.contact-links li.youtube a:focus:before,
FOOTER.page-footer li .footer-nav.contact-links li.youtube span:hover:before,
FOOTER.page-footer li .footer-nav.contact-links li.youtube span:focus:before {
    color: #3f3f3f
}

FOOTER.page-footer li .footer-nav.contact-links li.rss a:before,
FOOTER.page-footer li .footer-nav.contact-links li.rss span:before {
    height: 22px;
    left: 4px;
    top: 8px;
    width: 22px;
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    font-size: 20px;
    color: #bdbdbd
}

FOOTER.page-footer li .footer-nav.contact-links li.rss a:hover:before,
FOOTER.page-footer li .footer-nav.contact-links li.rss a:focus:before,
FOOTER.page-footer li .footer-nav.contact-links li.rss span:hover:before,
FOOTER.page-footer li .footer-nav.contact-links li.rss span:focus:before {
    color: #3f3f3f
}

FOOTER.page-footer li .footer-nav.contact-links li.text-chat-link a:before,
FOOTER.page-footer li .footer-nav.contact-links li.text-chat-link span:before {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    height: 23px;
    top: 5px;
    left: 1px;
    width: 27px;
    display: block;
    font-size: 26px;
    color: #bdbdbd
}

FOOTER.page-footer li .footer-nav.contact-links li.text-chat-link a:hover:before,
FOOTER.page-footer li .footer-nav.contact-links li.text-chat-link a:focus:before,
FOOTER.page-footer li .footer-nav.contact-links li.text-chat-link span:hover:before,
FOOTER.page-footer li .footer-nav.contact-links li.text-chat-link span:focus:before {
    color: #3f3f3f
}

FOOTER.page-footer li .footer-nav.contact-links li.feedback a:before,
FOOTER.page-footer li .footer-nav.contact-links li.feedback span:before {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 3px;
    height: 24px;
    width: 26px;
    font-size: 27px;
    color: #bdbdbd
}

FOOTER.page-footer li .footer-nav.contact-links li.feedback a:hover:before,
FOOTER.page-footer li .footer-nav.contact-links li.feedback a:focus:before,
FOOTER.page-footer li .footer-nav.contact-links li.feedback span:hover:before,
FOOTER.page-footer li .footer-nav.contact-links li.feedback span:focus:before {
    color: #3f3f3f
}

FOOTER.page-footer .links-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #efefef
}

@media only screen and (max-width:39.938em) {
    FOOTER.page-footer .links-wrapper {
        padding: 30px 20px
    }
}

@media only screen and (min-width:80em) {
    FOOTER.page-footer .links-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

FOOTER.page-footer .links-inner,
FOOTER.page-footer .links2 {
    text-align: center
}

FOOTER.page-footer .links-inner a,
FOOTER.page-footer .links2 a {
    position: relative;
    margin: 13px 12px 13px 0;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap
}

@media only screen and (min-width:40em) {

    FOOTER.page-footer .links-inner a,
    FOOTER.page-footer .links2 a {
        margin: 1px 12px 2px 0
    }
}

FOOTER.page-footer .links-inner a::after,
FOOTER.page-footer .links2 a::after {
    position: absolute;
    right: -10px;
    bottom: 1px;
    font-family: 'Sparkasse-Regular';
    content: '|';
    line-height: 1rem
}

@media only screen and (min-width:40em) {

    FOOTER.page-footer .links-inner a::after,
    FOOTER.page-footer .links2 a::after {
        bottom: 3px
    }
}

@media only screen and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    FOOTER.page-footer .links-inner a::after,
    FOOTER.page-footer .links2 a::after {
        bottom: 7px
    }
}

@media only screen and (min-width:40em) and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    FOOTER.page-footer .links-inner a::after,
    FOOTER.page-footer .links2 a::after {
        bottom: 9px
    }
}

FOOTER.page-footer .links-inner a:hover:before,
FOOTER.page-footer .links-inner a:focus:before,
FOOTER.page-footer .links2 a:hover:before,
FOOTER.page-footer .links2 a:focus:before {
    content: "";
    speak: none;
    position: absolute;
    height: 3px;
    background-color: #f73429;
    width: calc(100%);
    bottom: -6px;
    right: 0
}

@media only screen and (max-width:39.938em) {

    FOOTER.page-footer .links-inner a:last-of-type::after,
    FOOTER.page-footer .links2 a:last-of-type::after {
        content: '';
        padding: 0
    }
}

@media only screen and (min-width:40em) {

    FOOTER.page-footer .links-inner a:last-child::after,
    FOOTER.page-footer .links2 a:last-child::after {
        content: '';
        padding: 0
    }
}

@media only screen and (min-width:80em) {

    FOOTER.page-footer .links-inner,
    FOOTER.page-footer .links2 {
        text-align: left
    }
}

FOOTER.page-footer .language-selection {
    margin-top: 15px;
    font-family: 'Sparkasse-Light';
    text-align: center
}

@media only screen and (min-width:80em) {
    FOOTER.page-footer .language-selection {
        margin-top: 0;
        text-align: right;
        width: 33.33333%
    }
}

FOOTER.page-footer .language-selection a {
    position: relative;
    padding: 0 0 0 34px;
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    line-height: 28px
}

FOOTER.page-footer .language-selection a:hover,
FOOTER.page-footer .language-selection a:focus {
    text-decoration: none;
    color: #646464
}

FOOTER.page-footer .language-selection a:active,
FOOTER.page-footer .language-selection a.active {
    border-color: #646464
}

FOOTER.page-footer .language-selection a[class*=language] {
    display: inline-block
}

FOOTER.page-footer .language-selection a:before {
    content: "";
    speak: none;
    position: absolute;
    width: 23px;
    height: 15px;
    left: 4px;
    top: 6px
}

FOOTER.page-footer .language-selection a.de {
    margin-right: 8px
}

FOOTER.page-footer .links-inner a {
    font-family: 'Sparkasse-Bold'
}

@media only screen and (min-width:80em) {
    FOOTER.page-footer .links-inner {
        width: 66.66667%
    }
}

FOOTER.page-footer .links2 {
    margin-top: 35px;
    font-family: 'Sparkasse-Light'
}

FOOTER.page-footer .links2 a::after {
    padding: 0 2px 0 6px
}

@media only screen and (min-width:80em) {
    FOOTER.page-footer .links2 {
        margin-top: 20px
    }
}

FOOTER.page-footer .menu-text {
    color: #a3a3a3;
    text-align: center;
    display: block;
    margin-bottom: 10px
}

@media only screen and (min-width:40em) {
    FOOTER.page-footer .menu-text {
        display: initial;
        margin-right: 15px
    }
}

@media only screen and (min-width:80em) {
    FOOTER.page-footer .menu-text {
        display: inline
    }
}

FOOTER.page-footer .info-wrapper {
    font-family: 'Sparkasse-Light';
    background-color: #fff;
    font-size: 14px;
    line-height: 20px
}

FOOTER.page-footer .info-wrapper .info-content {
    margin: 0;
    padding: 10px 0;
    text-align: center
}

@media only screen and (min-width:80em) {
    FOOTER.page-footer .info-wrapper .info-content {
        text-align: right
    }
}

FOOTER.page-footer .info-wrapper .info-content span::after {
    content: '|';
    padding: 0 2px 0 6px
}

FOOTER.page-footer .info-wrapper .info-content span:not(:first-of-type)::after,
FOOTER.page-footer .info-wrapper .info-content span.copyright::after {
    content: '';
    padding: 0
}

FOOTER.page-footer .info-wrapper .info-content .copyright {
    margin-top: 15px;
    color: #a3a3a3;
    display: block;
    white-space: nowrap
}

@media only screen and (min-width:80em) {
    FOOTER.page-footer .info-wrapper .info-content .copyright {
        margin-top: 0;
        margin-left: 15px;
        display: inline
    }
}

.footer-nav-headline {
    font-family: 'Sparkasse-Light';
    position: relative;
    margin: 0 0 10px;
    font-size: 23px;
    line-height: 1.3
}

.footer-nav-headline SPAN {
    display: block;
    width: 11px;
    height: 7px;
    position: absolute;
    right: 0;
    top: 48%
}

.footer-nav-headline SPAN:before {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 3px;
    width: 11px;
    height: 11px;
    font-size: 11px;
    color: #3f3f3f
}

@media only screen and (min-width:40em) {
    .footer-nav-headline SPAN {
        display: none
    }
}

.footer-nav-headline.phone:focus {
    text-decoration: underline
}

.expand-wrapper .expand-content {
    overflow: hidden
}

.expand-wrapper .expand-content.closed {
    height: 0
}

video {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
    overflow: hidden
}

@media only screen {
    video {
        height: auto
    }
}

@media only screen and (min-width:80em) {
    video {
        max-height: 585px
    }
}

@media only screen and (min-width:40em) {
    .video-stage {
        position: relative;
        padding-bottom: 31.5%;
        height: 0;
        overflow: hidden
    }
}

.video-stage .mejs-ipad video {
    width: auto !important;
    object-fit: fill !important
}

.video-stage .mejs-video {
    height: auto
}

@media only screen and (min-width:80em) {
    .video-stage .mejs-video {
        max-height: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important
    }
}

.video-stage .mejs-video video {
    object-fit: contain;
    background-color: #e8e8e8
}

.video-stage .mejs-container:after {
    content: '';
    display: block
}

@media only screen and (min-width:40em) {
    .video-stage .mejs-container:after {
        padding-top: 31.5%
    }
}

@media only screen and (min-width:40em) {
    .mejs-video {
        height: auto
    }
}

.mejs-video video {
    object-fit: fill;
    background-color: #fff
}

.mejs-container-fullscreen video {
    max-height: none;
    height: auto
}

@media only screen and (min-width:40em) {
    .mejs-container-fullscreen video {
        max-height: none
    }
}

@media only screen and (min-width:80em) {
    .mejs-container-fullscreen video {
        max-height: none
    }
}

.mejs-container-fullscreen.mejs-video {
    max-height: none;
    height: auto
}

@media only screen and (min-width:40em) {
    .mejs-container-fullscreen.mejs-video {
        max-height: none
    }
}

@media only screen and (min-width:80em) {
    .mejs-container-fullscreen.mejs-video {
        max-height: none
    }
}

.video-description h3 {
    font-family: 'Sparkasse-Bold';
    font-size: 1.42857rem
}

.video-description p {
    font-size: 1rem
}

.mejs-video video {
    margin: 0 auto
}

.mejs-poster {
    background-size: cover
}

.overlay video {
    visibility: visible
}

.button,
.inline-button {
    font-family: 'Sparkasse-Bold';
    font-size: 1.42857rem;
    margin: 0 1rem 1rem 0;
    position: relative;
    word-break: normal;
    text-align: left
}

.button span,
.button i,
.inline-button span,
.inline-button i {
    padding-left: .5em;
    font-style: normal
}

.button.primary,
.button.secondary,
.button.special {
    margin-right: 1.42857rem;
    font-size: 1.14286rem
}

.button.link-arrow {
    padding-right: 1.78571rem !important
}

.button.primary,
.button.secondary,
.button.special,
input[type='submit'].primary,
input[type='submit'].secondary,
input[type='submit'].special {
    padding: .71429rem 1.78571rem .71429rem 1.07143rem
}

.button.primary:after,
.button.secondary:after,
.button.special:after,
input[type='submit'].primary:after,
input[type='submit'].secondary:after,
input[type='submit'].special:after {
    content: "";
    speak: none;
    display: inline-block;
    width: 8px;
    height: 9px;
    margin-left: .35714rem;
    position: absolute;
    bottom: 14px;
    right: 12px
}

.button.primary:hover,
.button.primary:active,
.button.primary:focus,
input[type='submit'].primary:hover,
input[type='submit'].primary:active,
input[type='submit'].primary:focus {
    background-color: #b9271f;
    outline: 0
}

.button.primary.more,
input[type='submit'].primary.more {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    margin-right: 0;
    text-align: center;
    display: block
}

@media only screen and (min-width:40em) {

    .button.primary.more,
    input[type='submit'].primary.more {
        padding-left: 4.28571rem;
        padding-right: 4.28571rem;
        margin: 0 auto !important;
        display: table
    }
}

.button.primary.more.more-results,
input[type='submit'].primary.more.more-results {
    display: none
}

.button.primary.more.more-results.show,
input[type='submit'].primary.more.more-results.show {
    display: block
}

@media only screen and (min-width:40em) {

    .button.primary.more.more-results.show,
    input[type='submit'].primary.more.more-results.show {
        display: table
    }
}

.button.primary.more:before,
input[type='submit'].primary.more:before {
    content: "";
    speak: none;
    margin-right: 1.07143rem;
    left: .71429rem
}

@media only screen and (min-width:40em) {

    .button.primary.more:before,
    input[type='submit'].primary.more:before {
        left: 1.42857rem
    }
}

.button.primary.more:after,
input[type='submit'].primary.more:after {
    margin-left: 1.07143rem;
    right: .71429rem
}

@media only screen and (min-width:40em) {

    .button.primary.more:after,
    input[type='submit'].primary.more:after {
        right: 1.42857rem
    }
}

.button.primary.more:before,
.button.primary.more:after,
input[type='submit'].primary.more:before,
input[type='submit'].primary.more:after {
    margin-bottom: .28571rem;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -.35714rem;
    height: 9px;
    width: 12px
}

.button.secondary,
input[type='submit'].secondary {
    background-color: #a4a4a4;
    color: #fff
}

.button.secondary:hover,
.button.secondary:active,
.button.secondary:focus,
input[type='submit'].secondary:hover,
input[type='submit'].secondary:active,
input[type='submit'].secondary:focus {
    background-color: #7b7b7b
}

.button.secondary.scroll-top,
input[type='submit'].secondary.scroll-top {
    display: none;
    position: fixed;
    right: -20px;
    bottom: 6px;
    height: 40px;
    padding-right: 27px;
    z-index: 9999;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15)
}

.button.secondary.scroll-top b,
input[type='submit'].secondary.scroll-top b {
    display: none;
    color: #fff
}

@media only screen and (min-width:80em) {

    .button.secondary.scroll-top b,
    input[type='submit'].secondary.scroll-top b {
        display: inherit
    }
}

@media only screen and (min-width:80em) {

    .button.secondary.scroll-top:after,
    input[type='submit'].secondary.scroll-top:after {
        font-family: 'haspa-icons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        content: "\e008";
        position: absolute;
        top: 15px;
        right: 15px;
        bottom: auto;
        left: auto;
        margin-left: 0;
        display: block;
        width: 10px;
        height: 8px;
        font-size: 8px;
        color: #fff;
        background-image: none
    }
}

@media only screen and (max-width:79.938em) {

    .button.secondary.scroll-top:after,
    input[type='submit'].secondary.scroll-top:after {
        font-family: 'haspa-icons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        content: "\e008";
        position: absolute;
        top: calc(50% - 3px);
        left: calc(50% - 5px);
        display: block;
        width: 10px;
        height: 9px;
        right: auto;
        bottom: auto;
        margin-left: 0;
        font-size: 9px;
        color: #fff;
        background-image: none
    }
}

@media only screen and (min-width:80em) {

    .button.secondary.scroll-top,
    input[type='submit'].secondary.scroll-top {
        display: block !important;
        position: absolute;
        margin-bottom: 0;
        margin-right: 7.14286rem;
        padding-right: 37px;
        right: 0;
        top: -70px;
        float: right;
        box-shadow: none
    }
}

.button.back,
input[type='submit'].back {
    padding-right: 1.07143rem
}

.button.back:before,
input[type='submit'].back:before {
    content: "";
    speak: none;
    display: inline-block;
    width: 8px;
    height: 9px;
    margin-right: .35714rem
}

.button.back:after,
input[type='submit'].back:after {
    display: none
}

.button.cancel,
input[type='submit'].cancel {
    padding-right: 1.92857rem
}

.button.cancel:after,
input[type='submit'].cancel:after {
    width: 10px;
    height: 9px
}

.button.special,
input[type='submit'].special {
    background-color: #3975b6
}

.button.special:hover,
.button.special:active,
.button.special:focus,
input[type='submit'].special:hover,
input[type='submit'].special:active,
input[type='submit'].special:focus {
    background-color: #2b5888;
    outline: 0
}

.button.special.login,
.button.special.logout,
input[type='submit'].special.login,
input[type='submit'].special.logout {
    padding: 3px 15px 5px;
    max-height: 26px
}

@media only screen and (min-width:40em) {

    .button.special.login,
    .button.special.logout,
    input[type='submit'].special.login,
    input[type='submit'].special.logout {
        max-height: 35px
    }
}

.button.special.login:after,
.button.special.logout:after,
input[type='submit'].special.login:after,
input[type='submit'].special.logout:after {
    display: none;
    background-size: 10px 14px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
    height: 14px;
    width: 10px
}

@media only screen and (min-width:40em) {

    .button.special.login,
    .button.special.logout,
    input[type='submit'].special.login,
    input[type='submit'].special.logout {
        padding: 8px 15px 10px;
        padding-right: 36px
    }

    .button.special.login:after,
    .button.special.logout:after,
    input[type='submit'].special.login:after,
    input[type='submit'].special.logout:after {
        display: block
    }
}

@media only screen and (min-width:40em) {

    .button.special.login:after,
    .button.special.logout:after,
    input[type='submit'].special.login:after,
    input[type='submit'].special.logout:after {
        font-family: 'haspa-icons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        position: absolute;
        display: block;
        top: 17px;
        right: 8px;
        width: 20px;
        height: 20px;
        font-size: 15px;
        color: #fff;
        background-image: none
    }

    .button.special.login:after,
    input[type='submit'].special.login:after {
        content: "\e031"
    }

    .button.special.logout:after,
    input[type='submit'].special.logout:after {
        content: "\e032"
    }
}

.button.pseudo,
input[type='submit'].pseudo {
    padding-left: 0
}

.button.pseudo:hover,
.button.pseudo:active,
.button.pseudo:focus,
input[type='submit'].pseudo:hover,
input[type='submit'].pseudo:active,
input[type='submit'].pseudo:focus {
    background-color: transparent
}

.submit-arrow {
    position: relative
}

.submit-arrow:after {
    content: "";
    speak: none;
    height: 10px;
    width: 7px;
    position: absolute;
    right: 1.78571rem;
    top: 2.85714rem
}

@media only screen and (min-width:40em) {

    .submit-arrow:hover .button-submit,
    .submit-arrow:active .button-submit,
    .submit-arrow:focus .button-submit {
        background-color: #b9271f
    }
}

.submit-cancel,
.submit-back {
    position: relative
}

@media only screen and (max-width:39.938em) {

    .submit-cancel,
    .submit-back {
        margin-bottom: 14px
    }
}

.submit-cancel:after,
.submit-back:after {
    content: "";
    speak: none;
    width: 10px;
    height: 9px;
    position: absolute;
    right: 1.78571rem;
    top: 2.85714rem
}

@media only screen and (min-width:40em) {

    .submit-cancel:hover .button-submit,
    .submit-cancel:active .button-submit,
    .submit-cancel:focus .button-submit,
    .submit-back:hover .button-submit,
    .submit-back:active .button-submit,
    .submit-back:focus .button-submit {
        background-color: #7b7b7b
    }
}

.submit-back:after {
    width: 8px;
    height: 9px
}

.button-submit,
input[type="submit"] {
    outline: 0;
    font-family: 'Sparkasse-Bold';
    background-color: #f73429
}

@media only screen and (max-width:39.938em) {

    .mobile-centered .button.primary,
    .mobile-centered .button.secondary,
    .mobile-centered .button.special {
        margin-right: 0
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .mobile-centered .button.primary:last-child,
    .mobile-centered .button.secondary:last-child,
    .mobile-centered .button.special:last-child {
        margin-right: 0
    }
}

.mobile-centered .m-cta-container>.button+.button,
.mobile-centered .m-cta-container>.button+.button-switch,
.mobile-centered .m-cta-container>.button-switch+.button,
.mobile-centered .m-cta-container>.button-switch+.button-switch {
    margin-left: 4px
}

.button-switch {
    margin-bottom: 1rem;
    display: inline-block
}

.button-switch>a {
    margin-bottom: 0
}

.button-switch .button-switch-options {
    max-width: 100%;
    position: absolute;
    left: 0;
    display: none;
    z-index: 100
}

@media only screen and (min-width:80em) {
    .button-switch .button-switch-options {
        transition: top .5s;
        -moz-transition: top .5s;
        -webkit-transition: top .5s
    }
}

.button-switch .button-switch-options>a {
    white-space: normal;
    display: block;
    margin: 0 !important;
    padding-right: .85714rem;
    text-align: left;
    word-wrap: break-word;
    word-break: break-word
}

.button-switch .button-switch-options>a:after {
    display: none
}

.button-switch .button-switch-options>a>span {
    position: relative;
    padding-left: 0;
    padding-right: .92857rem;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    -moz-hyphens: auto
}

.button-switch .button-switch-options>a>span:after {
    content: "";
    speak: none;
    display: inline-block;
    width: 8px;
    height: 9px;
    margin-left: .35714rem;
    position: absolute;
    bottom: 4px
}

.button-switch .button-switch-options.active {
    display: block
}

.button-switch.active .button-switch-options {
    display: block
}

.text-chat span.not-cklickable {
    cursor: default
}

.chats .video-chat {
    display: inline-block
}

.chats .video-chat div span {
    font-family: 'Sparkasse-Bold';
    background-color: #a4a4a4;
    color: #fff;
    padding: .71429rem 1.78571rem .71429rem 1.07143rem;
    margin-right: 1.42857rem;
    font-size: 1.14286rem;
    position: relative;
    cursor: default
}

.chats .video-chat div span:after {
    content: "";
    speak: none;
    display: inline-block;
    width: 8px;
    height: 9px;
    margin-left: .35714rem;
    position: absolute;
    bottom: 14px;
    right: 12px
}

.chats .video-chat div a {
    font-family: 'Sparkasse-Bold';
    background-color: #f73429 !important;
    color: #fff;
    padding: .71429rem 1.78571rem .71429rem 1.07143rem;
    margin-right: 1.42857rem;
    font-size: 1.14286rem;
    position: relative
}

.chats .video-chat div a:after {
    content: "";
    speak: none;
    display: inline-block;
    width: 8px;
    height: 9px;
    margin-left: .35714rem;
    position: absolute;
    bottom: 14px;
    right: 12px
}

.chats .video-chat div a.pv_agentUnavailable {
    background-color: #a4a4a4 !important;
    cursor: default
}

.contact-tab-body .button.primary.pv_groupconnect {
    cursor: default
}

.contact-tab-body .button.primary>div>a {
    color: #fff
}

.contact-tab-body .button.primary>div>a.pv_agentUnavailable {
    background-color: transparent;
}

.buttons-wrapper-center {
    text-align: center
}

@supports(-moz-appearance:meterbar) and (background-blend-mode:difference, normal) {
    .button-switch .button-switch-options>a>span:after {
        display: none
    }
}

@supports(-moz-appearance:meterbar) and (background-blend-mode:difference, normal) {
    @media only screen and (min-width: 80em) {
        .button-switch .button-switch-options>a>span:after {
            display: inline-block
        }
    }
}

.link-list a.text-link {
    margin-right: 1.42857rem !important;
    padding-right: .71429rem
}

A.link-arrow,
A.link-arrow-white,
A.link-arrow-grey,
SPAN.link-arrow,
SPAN.link-arrow-white,
SPAN.link-arrow-grey {
    position: relative;
    padding-right: 13px !important;
    word-break: break-word;
    display: inline-block
}

A.link-arrow:after,
A.link-arrow-white:after,
A.link-arrow-grey:after,
SPAN.link-arrow:after,
SPAN.link-arrow-white:after,
SPAN.link-arrow-grey:after {
    content: "";
    speak: none;
    margin-left: 5px;
    display: inline-block;
    position: absolute;
    margin-top: 10px;
    width: 8px;
    height: 9px
}

A.link-arrow.inline-link,
A.link-arrow-white.inline-link,
A.link-arrow-grey.inline-link,
SPAN.link-arrow.inline-link,
SPAN.link-arrow-white.inline-link,
SPAN.link-arrow-grey.inline-link {
    margin-right: 0
}

A.link-arrow.inline-link:after,
A.link-arrow-white.inline-link:after,
A.link-arrow-grey.inline-link:after,
SPAN.link-arrow.inline-link:after,
SPAN.link-arrow-white.inline-link:after,
SPAN.link-arrow-grey.inline-link:after {
    width: 6px;
    height: 7px;
    margin-left: 3px;
    bottom: 5px
}

@media only screen and (min-width:40em) {

    A.link-arrow.inline-link:after,
    A.link-arrow-white.inline-link:after,
    A.link-arrow-grey.inline-link:after,
    SPAN.link-arrow.inline-link:after,
    SPAN.link-arrow-white.inline-link:after,
    SPAN.link-arrow-grey.inline-link:after {
        width: 7px;
        height: 8px;
        margin-left: 5px;
        bottom: 6px
    }
}

@media only screen and (min-width:80em) {

    A.link-arrow.inline-link:after,
    A.link-arrow-white.inline-link:after,
    A.link-arrow-grey.inline-link:after,
    SPAN.link-arrow.inline-link:after,
    SPAN.link-arrow-white.inline-link:after,
    SPAN.link-arrow-grey.inline-link:after {
        width: 8px;
        height: 9px;
        margin-left: 5px
    }
}

A.link-arrow.right-aligned,
A.link-arrow-white.right-aligned,
A.link-arrow-grey.right-aligned,
SPAN.link-arrow.right-aligned,
SPAN.link-arrow-white.right-aligned,
SPAN.link-arrow-grey.right-aligned {
    margin-right: 0
}

A.text-link,
SPAN.text-link {
    font-family: 'Sparkasse-Bold';
    position: relative;
    font-size: 14px;
    display: inline;
    border-bottom: 2px solid transparent;
    padding-bottom: 2px
}

@media only screen and (min-width:40em) {

    A.text-link,
    SPAN.text-link {
        font-size: 16px
    }
}

A.text-link.inline-link,
SPAN.text-link.inline-link {
    font-size: 1rem;
    word-break: normal
}

@media only screen and (min-width:40em) {

    A.text-link.inline-link,
    SPAN.text-link.inline-link {
        font-size: 16px
    }
}

@media only screen {

    A.text-link.link-arrow:after,
    SPAN.text-link.link-arrow:after {
        margin-top: 7px;
        background-size: auto;
        width: 6px;
        height: 8px
    }
}

@media only screen and (min-width:40em) {

    A.text-link.link-arrow:after,
    SPAN.text-link.link-arrow:after {
        margin-top: 9px;
        background-size: auto;
        width: 7px;
        height: 8px
    }
}

@media only screen and (min-width:80em) {

    A.text-link.link-arrow:after,
    SPAN.text-link.link-arrow:after {
        margin-top: 10px;
        background-size: auto;
        width: 8px;
        height: 9px
    }
}

A.small,
SPAN.small {
    font-size: 16px
}

A.small.link-arrow:after,
A.small.link-arrow-white:after,
A.small.link-arrow-grey:after,
SPAN.small.link-arrow:after,
SPAN.small.link-arrow-white:after,
SPAN.small.link-arrow-grey:after {
    margin-top: 9px
}

.text-link-wrap {
    margin-bottom: 1.14286rem
}

@media only screen and (max-width:39.938em) {
    .text-link-wrap {
        float: left
    }
}

@media only screen and (min-width:40em) {
    .text-link-wrap {
        position: absolute;
        left: auto;
        right: 20px;
        top: .71429rem;
        margin-bottom: 0
    }
}

.text-link-wrap .text-link {
    margin-right: 0
}

BODY:not(.has-touch) .text-link:hover,
BODY:not(.has-touch) .text-link:focus {
    outline: 0;
    border-bottom-color: #f73429
}

@supports(-moz-appearance:meterbar) and (background-blend-mode:difference, normal) {

    .content:not(table) a.inline-link:after,
    .scrollable-text--container:not(table) a.inline-link:after,
    .content:not(table) span.inline-link:after,
    .scrollable-text--container:not(table) span.inline-link:after,
    .contact-element a.inline-link:after,
    .contact-element span.inline-link:after,
    .inner-wrapper .body a.inline-link:after,
    .inner-wrapper .body span.inline-link:after,
    .button-list a.inline-link:after,
    .button-list span.inline-link:after,
    .in-content a.inline-link:after,
    .in-content span.inline-link:after {
        bottom: auto
    }
}

@media only screen and (min-width:40em) {
    @supports(-moz-appearance: meterbar) and (background-blend-mode:difference, normal) {

        .content:not(table) a.inline-link:after,
        .scrollable-text--container:not(table) a.inline-link:after,
        .content:not(table) span.inline-link:after,
        .scrollable-text--container:not(table) span.inline-link:after,
        .contact-element a.inline-link:after,
        .contact-element span.inline-link:after,
        .inner-wrapper .body a.inline-link:after,
        .inner-wrapper .body span.inline-link:after,
        .button-list a.inline-link:after,
        .button-list span.inline-link:after,
        .in-content a.inline-link:after,
        .in-content span.inline-link:after {
            bottom: auto;
            margin-top: .5rem
        }
    }
}

@media only screen and (min-width:80em) {
    @supports(-moz-appearance: meterbar) and (background-blend-mode:difference, normal) {

        .content:not(table) a.inline-link:after,
        .scrollable-text--container:not(table) a.inline-link:after,
        .content:not(table) span.inline-link:after,
        .scrollable-text--container:not(table) span.inline-link:after,
        .contact-element a.inline-link:after,
        .contact-element span.inline-link:after,
        .inner-wrapper .body a.inline-link:after,
        .inner-wrapper .body span.inline-link:after,
        .button-list a.inline-link:after,
        .button-list span.inline-link:after,
        .in-content a.inline-link:after,
        .in-content span.inline-link:after {
            margin-top: .42857rem
        }
    }
}

@media only screen {
    @supports(-moz-appearance: meterbar) and (background-blend-mode:difference, normal) {

        .content:not(table) a.inline-link.link-arrow:after,
        .scrollable-text--container:not(table) a.inline-link.link-arrow:after,
        .content:not(table) span.inline-link.link-arrow:after,
        .scrollable-text--container:not(table) span.inline-link.link-arrow:after,
        .contact-element a.inline-link.link-arrow:after,
        .contact-element span.inline-link.link-arrow:after,
        .inner-wrapper .body a.inline-link.link-arrow:after,
        .inner-wrapper .body span.inline-link.link-arrow:after,
        .button-list a.inline-link.link-arrow:after,
        .button-list span.inline-link.link-arrow:after,
        .in-content a.inline-link.link-arrow:after,
        .in-content span.inline-link.link-arrow:after {
            margin-top: .57143rem
        }
    }
}

@media only screen and (min-width:40em) {
    @supports(-moz-appearance: meterbar) and (background-blend-mode:difference, normal) {

        .content:not(table) a.inline-link.link-arrow:after,
        .scrollable-text--container:not(table) a.inline-link.link-arrow:after,
        .content:not(table) span.inline-link.link-arrow:after,
        .scrollable-text--container:not(table) span.inline-link.link-arrow:after,
        .contact-element a.inline-link.link-arrow:after,
        .contact-element span.inline-link.link-arrow:after,
        .inner-wrapper .body a.inline-link.link-arrow:after,
        .inner-wrapper .body span.inline-link.link-arrow:after,
        .button-list a.inline-link.link-arrow:after,
        .button-list span.inline-link.link-arrow:after,
        .in-content a.inline-link.link-arrow:after,
        .in-content span.inline-link.link-arrow:after {
            margin-top: .64286rem
        }
    }
}

@media only screen and (min-width:80em) {
    @supports(-moz-appearance: meterbar) and (background-blend-mode:difference, normal) {

        .content:not(table) a.inline-link.link-arrow:after,
        .scrollable-text--container:not(table) a.inline-link.link-arrow:after,
        .content:not(table) span.inline-link.link-arrow:after,
        .scrollable-text--container:not(table) span.inline-link.link-arrow:after,
        .contact-element a.inline-link.link-arrow:after,
        .contact-element span.inline-link.link-arrow:after,
        .inner-wrapper .body a.inline-link.link-arrow:after,
        .inner-wrapper .body span.inline-link.link-arrow:after,
        .button-list a.inline-link.link-arrow:after,
        .button-list span.inline-link.link-arrow:after,
        .in-content a.inline-link.link-arrow:after,
        .in-content span.inline-link.link-arrow:after {
            margin-top: .57143rem
        }
    }
}

@supports(-moz-appearance:meterbar) and (background-blend-mode:difference, normal) {

    .content:not(table) a.inline-link.link-arrow:after,
    .scrollable-text--container:not(table) a.inline-link.link-arrow:after,
    .content:not(table) span.inline-link.link-arrow:after,
    .scrollable-text--container:not(table) span.inline-link.link-arrow:after,
    .contact-element a.inline-link.link-arrow:after,
    .contact-element span.inline-link.link-arrow:after,
    .inner-wrapper .body a.inline-link.link-arrow:after,
    .inner-wrapper .body span.inline-link.link-arrow:after,
    .button-list a.inline-link.link-arrow:after,
    .button-list span.inline-link.link-arrow:after,
    .in-content a.inline-link.link-arrow:after,
    .in-content span.inline-link.link-arrow:after {
        display: none
    }
}

@supports(-moz-appearance:meterbar) and (background-blend-mode:difference, normal) {

    .content:not(table) a.inline-link.link-arrow,
    .scrollable-text--container:not(table) a.inline-link.link-arrow,
    .content:not(table) span.inline-link.link-arrow,
    .scrollable-text--container:not(table) span.inline-link.link-arrow,
    .contact-element a.inline-link.link-arrow,
    .contact-element span.inline-link.link-arrow,
    .inner-wrapper .body a.inline-link.link-arrow,
    .inner-wrapper .body span.inline-link.link-arrow,
    .button-list a.inline-link.link-arrow,
    .button-list span.inline-link.link-arrow,
    .in-content a.inline-link.link-arrow,
    .in-content span.inline-link.link-arrow {
        padding-right: 0 !important
    }
}

@media only screen {
    @supports(-moz-appearance: meterbar) and (background-blend-mode:difference, normal) {

        .text-link-wrap a.link-arrow,
        .text-link-wrap span.link-arrow {
            padding-right: 0 !important
        }
    }
}

@supports(-moz-appearance:meterbar) and (background-blend-mode:difference, normal) {

    .text-link-wrap a.link-arrow:after,
    .text-link-wrap span.link-arrow:after {
        display: none
    }
}

.action-links {
    padding: .35714rem 0 .14286rem 1.57143rem;
    margin-bottom: 1.42857rem;
    position: relative
}

@media only screen and (min-width:40em) {
    .action-links {
        padding: .85714rem 0 .5rem 2.07143rem
    }
}

@media only screen and (min-width:80em) {
    .action-links {
        padding: 1.71429rem 0 .64286rem 3.35714rem
    }
}

.action-links:before {
    content: "";
    speak: none;
    width: 10px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #f73429;
    position: absolute
}

@media only screen and (min-width:80em) {
    .action-links:before {
        width: 12px
    }
}

.action-links p {
    font-family: 'Sparkasse-Bold';
    font-size: 1.21429rem;
    line-height: 1.5rem;
    margin-bottom: 1.21429rem
}

@media only screen and (min-width:40em) {
    .action-links p {
        font-size: 1.64286rem;
        line-height: 1.78571rem;
        margin-bottom: 1.92857rem
    }
}

@media only screen and (min-width:80em) {
    .action-links p {
        font-size: 2.14286rem
    }
}

.action-links ul {
    margin: 0
}

.action-links li {
    list-style: none;
    margin-right: 1.42857rem;
    margin-bottom: .78571rem;
    padding-left: 0
}

@media only screen and (min-width:40em) {
    .action-links li {
        display: inline-block;
        font-size: 0;
        margin-bottom: .64286rem
    }
}

@media only screen and (min-width:80em) {
    .action-links li {
        margin-bottom: 1.07143rem
    }
}

.action-links li:before {
    display: none
}

.action-links a {
    font-size: 1.14286rem
}

.action-links a.link-arrow:after {
    margin-top: .57143rem
}

.icons em,
.table-icons em {
    display: inline-block;
    margin-right: 20px
}

.icons [class*="icon-"],
.table-icons [class*="icon-"] {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.icons [class*="icon-"]:after,
.table-icons [class*="icon-"]:after {
    content: "";
    speak: none;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 27px 27px;
    width: 27px;
    height: 27px;
    cursor: pointer
}

.icons a,
.table-icons a {
    background-size: 20px 20px;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-left: .28571rem;
    text-indent: -9999em
}

.icons a.show-label,
.table-icons a.show-label {
    text-indent: 0;
    width: auto;
    height: auto;
    margin-left: 0
}

.icons a.show-label [class*="icon-"]:after,
.table-icons a.show-label [class*="icon-"]:after {
    position: relative;
    display: inline-block;
    margin-right: .35714rem
}

.icons .icon-edit:after,
.table-icons .icon-edit:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-edit-dark:after,
.table-icons .icon-edit-dark:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-details:after,
.table-icons .icon-details:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-details-dark:after,
.table-icons .icon-details-dark:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-delete:after,
.table-icons .icon-delete:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-delete-dark:after,
.table-icons .icon-delete-dark:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-plus:after,
.table-icons .icon-plus:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-plus-dark:after,
.table-icons .icon-plus-dark:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-complaint:after,
.table-icons .icon-complaint:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-complaint-dark:after,
.table-icons .icon-complaint-dark:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-deactivate:after,
.table-icons .icon-deactivate:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-deactivate-dark:after,
.table-icons .icon-deactivate-dark:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-activate:after,
.table-icons .icon-activate:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-activate-dark:after,
.table-icons .icon-activate-dark:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-register-chip:after,
.table-icons .icon-register-chip:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-register-chip-dark:after,
.table-icons .icon-register-chip-dark:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-sync:after,
.table-icons .icon-sync:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-sync-dark:after,
.table-icons .icon-sync-dark:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-postbox-red:after,
.table-icons .icon-postbox-red:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.icons .icon-postbox-dark:after,
.table-icons .icon-postbox-dark:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.product-info-stage .product-info-text {
    background-color: #f73429
}

.product-info-stage .product-info-text h1,
.product-info-stage .product-info-text h2,
.product-info-stage .product-info-text span {
    color: #fff
}

.product-info-stage .product-info-text h1 {
    font-size: 1.5rem;
    font-family: 'Sparkasse-Bold'
}

@media only screen and (min-width:40em) {
    .product-info-stage .product-info-text h1 {
        font-family: 'Sparkasse-Regular';
        font-size: 1.71429rem;
        line-height: 120%
    }
}

.product-info-stage .product-info-text h2 {
    font-family: 'Sparkasse-Regular';
    font-size: 1.28571rem
}

.product-info-stage .product-info-text .small {
    font-size: 1rem;
    font-family: 'Sparkasse-Regular'
}

.button-list {
    margin-top: 20px
}

@media only screen and (max-width:39.938em) {
    .button-list {
        margin-right: 20px;
        margin-left: 20px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .button-list {
        margin-right: calc(15px - -20px);
        margin-left: calc(15px - -20px);
        text-align: center
    }

    .button-list .m-cta-container {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width:80em) {
    .button-list {
        margin-right: calc(80px - -20px);
        margin-left: calc(80px - 20px - -25%)
    }
}

.button-list a {
    text-transform: none
}

.button-list.in-content {
    font-family: 'Sparkasse-Regular'
}

.product-list-wrapper {
    margin-top: 45px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:39.938em) {
    .product-list-wrapper {
        margin-right: 20px;
        margin-left: 20px
    }

    .product-list-wrapper .product-list-item {
        width: 100%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .product-list-wrapper {
        margin-right: 15px;
        margin-left: 15px
    }

    .product-list-wrapper .product-list-item {
        width: 33.33333%
    }

    .product-list-wrapper .product-list-item-headline {
        width: 100%
    }
}

@media only screen and (min-width:80em) {
    .product-list-wrapper {
        margin-right: 80px;
        margin-left: 80px
    }

    .product-list-wrapper .product-list-item {
        width: 25%
    }
}

.product-list-wrapper .product-list-item {
    padding: 0 20px;
    text-align: center
}

@media only screen and (min-width:80em) {
    .product-list-wrapper .product-list-item {
        text-align: left
    }

    .product-list-wrapper .product-list-item.product-list-item-headline {
        text-align: right
    }
}

@media only screen and (min-width:80em) {
    .product-list-wrapper .product-list-item-headline h3 {
        margin-top: 30px;
        height: 87px
    }
}

.product-list-wrapper h3 {
    margin-bottom: 0;
    font-family: 'Sparkasse-Light';
    font-size: 38px;
    display: block
}

.product-list-wrapper p {
    margin-top: 10px;
    font-family: 'Sparkasse-Regular';
    font-size: 16px
}

.product-list-wrapper img {
    margin-bottom: 0;
    max-height: 59px
}

@media only screen and (min-width:40em) {
    .product-list-wrapper img {
        max-height: 100px
    }
}

.product-box {
    margin-top: 45px
}

.product-box h3 {
    margin-bottom: 0;
    font-family: 'Sparkasse-Light';
    font-size: 38px;
    display: block
}

.product-box .toggle-wrapper {
    display: none
}

.product-box .toggle-wrapper.active {
    display: block;
    padding-bottom: 1.42857rem !important
}

.product-box>.columns {
    margin: 0
}

@media only screen and (max-width:39.938em) {
    .product-box>.columns {
        padding: 0
    }
}

.product-box>.columns>.wrapper {
    margin-bottom: 1.42857rem
}

.product-box>.columns>.wrapper:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:40em) {
    .product-box .row .row {
        padding: 0 20px
    }
}

@media only screen and (min-width:80em) {
    .product-box .text-center {
        height: 61px;
        text-align: right !important;
        margin-top: .14286rem
    }
}

.product-box h4 {
    display: inherit;
    word-break: break-word;
    font-family: 'Sparkasse-Regular'
}

.product-box .first-level {
    display: block;
    overflow: auto
}

.product-box .first-level h4 {
    font-family: 'Sparkasse-Regular';
    line-height: 4.28571rem;
    float: left;
    margin-bottom: 0
}

.product-box .second-level h4 {
    font-family: 'Sparkasse-Light';
    font-size: 1.28571rem;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: block
}

@media only screen and (min-width:40em) {
    .product-box .second-level h4 {
        text-align: center;
        line-height: 1.5rem;
        display: block
    }
}

@media only screen and (min-width:80em) {
    .product-box .second-level h4 {
        text-align: left
    }
}

@media only screen and (min-width:80em) {
    .product-box .second-level .toggle {
        float: left !important
    }
}

.product-box .body {
    display: none;
    padding: .71429rem 0 1.42857rem 0
}

@media only screen and (min-width:40em) {
    .product-box .body {
        padding: 2.5rem 1.71429rem
    }
}

@media only screen and (min-width:40em) {
    .product-box .n-1 {
        clear: both
    }
}

.product-box .active.inner-box .body {
    display: block
}

@media only screen and (min-width:40em) {
    .product-box .active.inner-box .body {
        position: absolute;
        background-color: #FFF;
        margin: .21429rem 0 .21429rem -.71429rem
    }
}

@media only screen and (min-width:80em) {
    .product-box .active.inner-box .body {
        margin: .21429rem 0 .14286rem -.71429rem
    }
}

.product-box .inner-box {
    margin-bottom: 3px
}

@media only screen and (min-width:40em) {
    .product-box .inner-box {
        padding: 0 2px
    }
}

.product-box .inner-box.columns:last-child {
    float: left
}

@media only screen and (min-width:40em) {
    .product-box .inner-box.active .inner-wrapper {
        position: relative
    }

    .product-box .inner-box.active .inner-wrapper:after {
        content: "";
        speak: none;
        position: absolute;
        bottom: -3px;
        left: 0;
        height: 3px;
        width: 100%;
        background-color: #fff
    }
}

.product-box .inner-box .body ul {
    margin-left: 0
}

.product-box .inner-box .body ul li {
    position: relative;
    padding-left: 1.78571rem;
    list-style-type: none
}

.product-box .inner-box .body ul li:last-child {
    margin-bottom: 0
}

.product-box .inner-box .body ul li:before {
    content: '';
    display: inline-block;
    height: 10px;
    position: absolute;
    left: 0;
    top: .4em;
    width: 10px
}

@media only screen and (max-width:39.938em) {
    .product-box .inner-box .body ul li:before {
        top: 5px
    }
}

.product-box .inner-box .body ul li ol li {
    padding-left: 0
}

.product-box .inner-box .body ul li ol li:before {
    display: none
}

.product-box .inner-box .body ol {
    list-style-image: none;
    list-style-type: decimal;
    margin: 1.07143rem 0 0 2em
}

.product-box .inner-box .body ol ul,
.product-box .inner-box .body ol ol {
    margin-top: 1.07143rem
}

.product-box .inner-box .body ol li {
    padding-left: 0;
    list-style-image: none;
    list-style: decimal
}

.product-box .inner-box .body ol li:before {
    display: none
}

.product-box .inner-box .body>ul:last-child,
.product-box .inner-box .body>ol:last-child {
    margin-bottom: 0
}

.product-box .inner-box .body>ul:last-child>li:last-child,
.product-box .inner-box .body>ol:last-child>li:last-child {
    margin-bottom: 0
}

.product-box .wrapper {
    background-color: #e8e8e8;
    margin-left: 0;
    margin-right: 0
}

.product-box .inner-wrapper {
    background-color: #fff;
    padding: 0 10px
}

.product-box .head {
    display: table;
    height: 52px;
    width: 100%
}

@media only screen and (min-width:40em) {
    .product-box .head {
        height: 145px
    }
}

@media only screen and (min-width:80em) {
    .product-box .head {
        vertical-align: bottom;
        height: 117px
    }
}

.product-box .head a {
    display: table-cell;
    vertical-align: middle;
    outline: 0
}

@media only screen and (min-width:80em) {
    .product-box .head a {
        vertical-align: bottom;
        padding: 0 1.42857rem 2.85714rem 5.57143rem
    }
}

.product-box .head a:hover,
.product-box .head a:active,
.product-box .head a:focus {
    text-decoration: none
}

.product-box .head a H4 {
    position: relative
}

@media only screen and (min-width:80em) {
    .product-box .head a H4 {
        margin: 0;
        padding: 0
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .product-box .head a H4 {
        margin: 0 0 28px 0;
        padding: 10px 0 0
    }
}

@media only screen and (max-width:39.938em) {
    .product-box .head a H4 {
        margin: 0;
        padding: 0 40px
    }
}

.product-box .head a H4:before {
    content: "";
    speak: none;
    background-position: 8px 0;
    background-size: 29px 24px;
    display: block;
    left: -.57143rem;
    top: 0;
    bottom: 0;
    position: absolute;
    width: 40px;
    height: 24px;
    margin: auto 0
}

@media only screen and (min-width:40em) {
    .product-box .head a H4:before {
        background-size: 44px 36px;
        background-position: center center;
        width: 100%;
        height: 35px;
        position: static;
        margin: 0 0 .57143rem 0
    }
}

@media only screen and (min-width:80em) {
    .product-box .head a H4:before {
        width: 70px;
        position: absolute;
        left: -4.92857rem;
        margin: 0;
        bottom: .14286rem;
        top: auto;
        background-position: left
    }
}

.product-box .head a H4:after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    height: 24px;
    width: 24px;
    font-size: 20px;
    color: #3f3f3f
}

@media only screen and (min-width:80em) {
    .product-box .head a H4:after {
        bottom: -26px;
        left: 1px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .product-box .head a H4:after {
        bottom: -28px;
        left: calc(50% - 12px)
    }
}

@media only screen and (max-width:39.938em) {
    .product-box .head a H4:after {
        right: 7px;
        bottom: calc(50% - 18px);
        left: auto
    }
}

.product-box p:last-child {
    margin: 0
}

.product-box .toggle {
    height: 40px;
    float: right;
    text-indent: -9999px;
    padding: 0;
    width: 28px
}

.product-box .toggle:after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 17px;
    right: 7px;
    width: 21px;
    height: 21px;
    font-size: 18px;
    color: #3f3f3f
}

.product-box-simple .toggle-wrapper {
    display: table
}

@media only screen {
    .product-box-simple .toggle-wrapper.active {
        padding-top: .92857rem;
        padding-bottom: 2.14286rem !important
    }
}

@media only screen and (min-width:40em) {
    .product-box-simple .toggle-wrapper.active {
        padding-top: 1.64286rem;
        padding-bottom: 2.14286rem !important
    }
}

@media only screen and (min-width:80em) {
    .product-box-simple .toggle-wrapper.active {
        padding-top: 0;
        padding-bottom: 3.35714rem !important
    }
}

@media only screen and (max-width:39.938em) {
    .product-box-simple .inner-box {
        padding: 0
    }
}

.product-box-simple {
    background-color: #e8e8e8
}

@media only screen and (min-width:80em) {
    .product-box-simple .headline-config {
        padding-top: 3.35714rem
    }

    .product-box-simple .product-box .text-center {
        padding-right: 0
    }
}

.no-touch .product-box .head:hover h4 {
    color: #f73429
}

.product-box-list {
    margin-top: calc(45px - 20px);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-box-list h3 {
    margin-bottom: 0;
    font-family: 'Sparkasse-Light';
    font-size: 38px;
    display: block
}

.product-box-list .product-box-list-inner-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media only screen and (max-width:39.938em) {
    .product-box-list {
        margin-right: 20px;
        margin-left: 20px
    }

    .product-box-list .product-list-item {
        width: 100%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .product-box-list {
        margin-right: 15px;
        margin-left: 15px
    }

    .product-box-list .product-box-list-inner-wrapper {
        margin-top: -10px
    }

    .product-box-list .product-list-item {
        width: 33.33333%
    }

    .product-box-list .product-list-item-headline {
        width: 100%
    }
}

@media only screen and (min-width:80em) {
    .product-box-list {
        margin-right: 80px;
        margin-left: 80px
    }

    .product-box-list .product-list-item-headline {
        margin-top: -12px;
        width: 25%
    }

    .product-box-list .product-box-list-inner-wrapper {
        width: 75%
    }

    .product-box-list .product-box-list-inner-wrapper .product-list-item {
        width: 33.33333%
    }
}

.product-box-list .product-list-item-headline h3 {
    margin-top: 0
}

.product-box-list .product-list-item {
    padding: 20px 20px 0;
    text-align: center
}

@media only screen and (min-width:80em) {
    .product-box-list .product-list-item {
        text-align: left
    }

    .product-box-list .product-list-item.product-list-item-headline {
        text-align: right
    }
}

.product-box-list .product-box-list-headline {
    font-family: 'Sparkasse-Regular';
    font-size: 24px;
    color: #3f3f3f
}

.product-box-list p {
    margin-bottom: 0;
    font-family: 'Sparkasse-Regular';
    color: #979797;
    font-size: 13px;
    text-transform: uppercase
}

@media only screen and (min-width:80em) {
    .product-info-banner-headline .text-center {
        text-align: left !important
    }
}

.product-info-banner-headline>div {
    font-size: 1.28571rem;
    font-family: 'Sparkasse-Light';
    margin-top: 1.42857rem;
    margin-bottom: 1.42857rem
}

@media only screen and (min-width:40em) {
    .product-info-banner-headline>div {
        font-size: 1.57143rem;
        line-height: 1.85714rem
    }
}

@media only screen and (min-width:80em) {
    .product-info-banner-headline>div {
        font-size: 2.14286rem;
        line-height: 2.5rem
    }
}

@media only screen and (max-width:39.938em) {
    .product-finder .columns {
        padding: 0;
        float: left;
        width: 100%
    }
}

@media only screen and (max-width:39.938em) {
    .product-finder .product-finder-features-list li:before {
        top: 5px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .product-finder .product-finder-features-list li:before {
        top: 6px
    }
}

.product-finder figure {
    margin: 0;
    position: relative
}

@media only screen and (max-width:39.938em) {
    .product-finder figure {
        margin-bottom: 1.42857rem
    }
}

.product-finder figure img {
    width: 100%
}

.product-finder figure figcaption {
    background-color: #f73429;
    color: #fff;
    bottom: 0;
    left: 0;
    padding: .14286rem .71429rem;
    position: absolute;
    right: 0
}

@media only screen and (min-width:40em) {
    .product-finder .accordion-content {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.product-finder .typo-headline {
    font-family: 'Sparkasse-Regular';
    border-left: 22px solid transparent;
    color: #fff;
    display: block;
    font-size: 28px;
    line-height: 38px;
    margin: -1px 0 0 -11px;
    overflow: visible;
    padding-bottom: 3px;
    position: relative
}

@media only screen and (min-width:40em) {
    .product-finder .typo-headline {
        font-size: 33px;
        line-height: 44px
    }
}

@media only screen and (min-width:80em) {
    .product-finder .typo-headline {
        font-size: 44px;
        line-height: 58px
    }
}

.product-finder .typo-headline .typo-headline__title {
    background-color: #f73429;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 11px 0 0 #f73429, -11px 0 0 #f73429
}

.product-finder .typo-headline.blue {
    font-family: 'Sparkasse-Light'
}

.product-finder .typo-headline.blue .typo-headline__title {
    background-color: #3975b6;
    box-shadow: 11px 0 0 #3975b6, -11px 0 0 #3975b6
}

.product-finder .context {
    font-family: 'Sparkasse-Regular';
    border-left: 22px solid transparent;
    display: block;
    font-size: 1.28571rem;
    line-height: 1.92857rem;
    margin: -.07143rem 0 1.14286rem -.78571rem;
    overflow: visible;
    position: relative
}

@media only screen and (min-width:40em) {
    .product-finder .context {
        line-height: 2.14286rem
    }
}

@media only screen and (min-width:80em) {
    .product-finder .context {
        font-size: 1.5rem;
        line-height: 2.5rem
    }
}

.product-finder .context span {
    background-color: #e8e8e8;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 11px 0 0 #e8e8e8, -11px 0 0 #e8e8e8
}

.product-finder .product-finder-links a:first-of-type {
    margin-right: 1.78571rem
}

.product-finder .product-finder-links a:last-of-type {
    margin-right: 0
}

@media only screen and (max-width:39.938em) {
    .product-finder .product-finder-links a {
        clear: both;
        float: right;
        margin-right: 0
    }

    .product-finder .product-finder-links a:first-of-type {
        margin-bottom: .71429rem;
        margin-right: .85714rem
    }
}

.summary-text {
    margin-top: 45px
}

@media only screen and (max-width:39.938em) {
    .summary-text {
        margin-left: 20px;
        margin-right: 20px
    }
}

.summary-text p {
    font-family: 'Sparkasse-Light';
    font-size: 17px;
    margin-top: 0
}

@media only screen and (min-width:40em) {
    .summary-text p {
        font-size: 22px;
        line-height: 26px;
        padding: 0
    }
}

@media only screen and (min-width:80em) {
    .summary-text p {
        font-size: 24px;
        line-height: 30px;
        padding: 0
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .summary-text.product {
        text-align: center;
        margin-right: calc(15px - -20px);
        margin-left: calc(15px - -20px)
    }
}

@media only screen and (min-width:80em) {
    .summary-text.product {
        margin-right: 80px;
        margin-left: calc(25% - 20px - -80px)
    }
}

.summary-text.productlean {
    text-align: center
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .summary-text.productlean {
        margin-right: calc(15px - -20px);
        margin-left: calc(15px - -20px)
    }
}

@media only screen and (min-width:80em) {
    .summary-text.productlean {
        margin-right: 80px;
        margin-left: 80px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .summary-text.article {
        margin-left: calc(33.3333% - -25px);
        margin-right: calc(15px - -20px)
    }
}

@media only screen and (min-width:80em) {
    .summary-text.article {
        margin-left: calc(80px - -20px);
        margin-right: calc(80px - -20px);
        padding-left: 25%
    }
}

.summary-text.center-align {
    text-align: center
}

@media only screen and (min-width:80em) {
    .summary-text.center-align {
        text-align: left
    }
}

.overlay {
    display: none
}

.overlay.active {
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: 900;
    position: fixed;
    top: 0
}

.overlay.active .overlay-background {
    bottom: 0;
    height: 200%;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.75)
}

.overlay-container {
    display: none
}

.overlay-container.open {
    display: block;
    z-index: 11;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 95%
}

@media only screen and (min-width:40em) {
    .overlay-container.open {
        width: 65%;
        max-width: 880px
    }
}

@media only screen and (min-width:40em) {
    .overlay-container.open.forced {
        width: 85%;
        max-width: 1200px
    }
}

.overlay-container.fixedButtons .overlay-content-container.is-scrollable {
    margin-bottom: 0;
    padding: 0
}

@media only screen and (min-width:80em) {
    .overlay-container.fixedButtons .overlay-content-container.is-scrollable {
        padding-top: 60px;
        padding-right: 35px;
        padding-left: 49px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .overlay-container.fixedButtons .overlay-content-container.is-scrollable {
        padding-top: 30px;
        padding-right: 19px;
        padding-left: 29px
    }
}

@media only screen and (max-width:39.938em) {
    .overlay-container.fixedButtons .overlay-content-container.is-scrollable {
        padding-top: 16px;
        padding-right: 0;
        padding-left: 10px
    }
}

.overlay-container.fixedButtons .overlay-content {
    padding: 0
}

@media only screen and (max-width:39.938em) {
    .overlay-container.fixedButtons .overlay-content {
        padding-right: 10px;
        padding-left: 10px
    }
}

.overlay-container.fixedButtons .overlay-button-wrapper {
    margin-bottom: 0
}

@media only screen and (min-width:80em) {
    .overlay-container.fixedButtons .overlay-button-wrapper {
        padding-right: 11px;
        padding-left: 11px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .overlay-container.fixedButtons .overlay-button-wrapper {
        padding-right: 11px;
        padding-left: 11px
    }
}

.overlay-container h1,
.overlay-container h2,
.overlay-container h3,
.overlay-container h4,
.overlay-container h5,
.overlay-container h6 {
    font-family: 'Sparkasse-Bold';
    margin-top: 0;
    max-width: 85%
}

@media only screen and (min-width:40em) {

    .overlay-container h1,
    .overlay-container h2,
    .overlay-container h3,
    .overlay-container h4,
    .overlay-container h5,
    .overlay-container h6 {
        max-width: 93%
    }
}

.overlay-container a.text-link.link-arrow {
    display: inline-block;
    font-size: 1.07143rem;
    margin-bottom: .35714rem
}

.overlay-container a.text-link.link-arrow:after {
    height: 8px;
    margin-top: .57143rem
}

.overlay-container .overlay-headline {
    font-size: 1.5rem;
    margin-bottom: 1.42857rem
}

.close-button {
    width: 28px;
    height: 28px;
    background-size: 24px 24px;
    background-position: 2px 2px;
    background-color: #fff;
    display: block;
    position: absolute;
    right: .71429rem;
    top: 1.35714rem;
    z-index: 11
}

@media only screen and (min-width:40em) {
    .close-button {
        right: 2.14286rem;
        top: 2.07143rem
    }
}

@media only screen and (min-width:80em) {
    .close-button {
        right: 3.42857rem;
        top: 3.35714rem
    }
}

.overlay-content-container {
    background-color: #fff;
    position: relative;
    z-index: 101;
    padding: 16px 0
}

@media only screen and (min-width:40em) {
    .overlay-content-container {
        padding: 1.78571rem 2.14286rem 1.07143rem 2.14286rem
    }
}

@media only screen and (min-width:80em) {
    .overlay-content-container {
        padding: 3.21429rem 3.57143rem 2.5rem 3.57143rem
    }
}

.overlay-content-container .overlay-content {
    position: relative;
    overflow: hidden;
    max-height: 200px;
    padding: 0 10px
}

.overlay-content-container .overlay-content:focus {
    outline: 0
}

@media only screen and (min-width:40em) {
    .overlay-content-container .overlay-content {
        padding: 0
    }
}

@media only screen and (min-width:40em) {
    .overlay-content-container .overlay-content {
        max-height: 200px
    }
}

@media only screen and (min-height:400px) {
    .overlay-content-container .overlay-content {
        max-height: 300px
    }
}

@media only screen and (min-height:500px) {
    .overlay-content-container .overlay-content {
        max-height: 400px
    }
}

@media only screen and (min-height:600px) {
    .overlay-content-container .overlay-content {
        max-height: 500px
    }
}

@media only screen and (min-height:700px) {
    .overlay-content-container .overlay-content {
        max-height: 600px
    }
}

.overlay-content-container .overlay-content .reset-filter {
    margin-top: .35714rem
}

@media only screen and (min-width:80em) {
    .overlay-content-container .overlay-content .reset-filter {
        margin-top: 0
    }
}

.overlay-content-container .overlay-content img.left {
    margin-right: 1.42857rem;
    margin-bottom: 0
}

.overlay-content-container .overlay-content img.right {
    margin-left: 1.42857rem;
    margin-bottom: 0
}

@media only screen and (max-width:39.938em) {

    .overlay-content-container .overlay-content img.small-6,
    .overlay-content-container .overlay-content img.small-4 {
        float: none !important;
        margin-left: 0;
        margin-bottom: 15px
    }
}

.overlay-content-container.is-scrollable {
    padding-bottom: 20px
}

@media only screen and (min-width:40em) {
    .overlay-content-container.is-scrollable {
        padding: 2.14286rem 1.42857rem 2.14286rem 2.14286rem
    }
}

@media only screen and (min-width:80em) {
    .overlay-content-container.is-scrollable {
        padding: 3.21429rem 2.85714rem 3.21429rem 3.57143rem
    }
}

.overlay-content-container.is-scrollable:after {
    content: "";
    speak: none;
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 45%, #fff 63%, #fff 100%);
    pointer-events: none
}

@media only screen and (min-width:40em) {
    .overlay-content-container.is-scrollable:after {
        height: 90px
    }
}

@media only screen and (min-width:80em) {
    .overlay-content-container.is-scrollable:after {
        height: 135px
    }
}

.overlay-content-container .content-highlight {
    margin-bottom: .71429rem
}

.iScrollVerticalScrollbar.iScrollLoneScrollbar {
    position: absolute;
    z-index: 9999;
    width: 12px;
    top: 2px;
    right: -2px;
    bottom: 2px;
    overflow: hidden
}

.iScrollIndicator {
    position: absolute;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    transition-duration: 0ms;
    -webkit-transform: translate(0px, 0px) translateZ(0px);
    transform: translate(0px, 0px) translateZ(0px);
    transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1)
}

.content-accordion {
    margin-left: -1.42857rem;
    margin-right: -1.42857rem;
    overflow: hidden
}

@media only screen and (min-width:40em) {
    .content-accordion {
        margin-left: 0;
        margin-right: 0
    }
}

.content-accordion img,
.content-accordion .content img,
.content-accordion .scrollable-text--container img {
    width: auto
}

.content-accordion>ul:first-child {
    margin: 0
}

.content-accordion>ul:first-child>li {
    list-style: none;
    margin: 0 0 .71429rem;
    padding: 0
}

@media only screen and (min-width:80em) {
    .compressed .content-accordion>ul:first-child>li {
        margin-bottom: 0
    }

    .compressed .content-accordion>ul:first-child>li:last-child header {
        border-bottom: 1px solid #e5e5e5
    }

    .compressed .content-accordion>ul:first-child>li header {
        border-top: 1px solid #e5e5e5;
        padding: .5rem 3.21429rem .5rem .5rem !important;
        font-family: 'Sparkasse-Bold';
        font-size: 1.28571rem !important
    }

    .compressed .content-accordion>ul:first-child>li header .medium-7 {
        padding-left: 0
    }

    .compressed .content-accordion>ul:first-child>li header>span {
        right: .71429rem;
        top: 50% !important
    }

    .compressed .content-accordion>ul:first-child>li header:not(.closed) {
        border-bottom: 1px solid #e5e5e5
    }

    .compressed .no-accordion .content-accordion>ul:first-child>li header {
        padding-right: 0 !important
    }
}

.content-accordion>ul:first-child>li:last-child {
    margin-bottom: 0
}

.content-accordion>ul:first-child>li ul {
    margin-top: .71429rem
}

@media only screen and (min-width:80em) {
    .compressed .content-accordion>ul:first-child>li ul {
        margin-top: 0
    }
}

.content-accordion>ul:first-child>li.open .accordion-handle {
    display: block
}

.content-accordion>ul:first-child>li .accordion-handle {
    font-family: 'Sparkasse-Regular';
    background-color: #f6f6f6;
    box-sizing: content-box;
    cursor: pointer;
    font-size: 1.14286rem;
    height: auto;
    line-height: 1.5em;
    padding: 1.42857rem 4.28571rem 1.42857rem 1.42857rem;
    position: relative
}

@media only screen and (min-width:40em) {
    .content-accordion>ul:first-child>li .accordion-handle {
        font-size: 1.35714rem;
        margin: 0;
        padding: 1.71429rem 4.28571rem 1.71429rem 1.71429rem
    }
}

@media only screen and (min-width:80em) {
    .content-accordion>ul:first-child>li .accordion-handle {
        font-size: 1.5rem;
        padding: 1.64286rem 4.28571rem 1.64286rem 2rem
    }
}

.content-accordion>ul:first-child>li .accordion-handle SPAN {
    display: block;
    height: 32px;
    margin-top: -18px;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 32px
}

.content-accordion>ul:first-child>li .accordion-handle SPAN:after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 7px;
    left: 5px;
    width: 21px;
    height: 21px;
    font-size: 21px;
    color: #3f3f3f
}

.content-accordion>ul:first-child>li .accordion-handle.closed+.accordion-content {
    height: 0;
    padding-top: 0;
    padding-bottom: 0
}

.content-accordion>ul:first-child>li .accordion-handle.closed+.accordion-content A,
.content-accordion>ul:first-child>li .accordion-handle.closed+.accordion-content [tabindex],
.content-accordion>ul:first-child>li .accordion-handle.closed+.accordion-content INPUT,
.content-accordion>ul:first-child>li .accordion-handle.closed+.accordion-content BUTTON {
    display: none
}

.content-accordion>ul:first-child>li .accordion-handle .account-value-total {
    background-image: none;
    position: absolute;
    right: 80px;
    width: auto
}

@media only screen and (max-width:39.938em) {
    .content-accordion>ul:first-child>li .accordion-handle .account-value-total {
        top: 38px
    }
}

@media only screen and (min-width:40em) {
    .content-accordion>ul:first-child>li .accordion-handle .account-value-total {
        top: 40px
    }
}

.content-accordion>ul:first-child>li .accordion-handle .account-value-total:after {
    display: none
}

.content-accordion>ul:first-child>li .accordion-handle .currency {
    background-image: none;
    position: absolute;
    right: 65px;
    width: auto
}

@media only screen and (max-width:39.938em) {
    .content-accordion>ul:first-child>li .accordion-handle .currency {
        top: 38px
    }
}

@media only screen and (min-width:40em) {
    .content-accordion>ul:first-child>li .accordion-handle .currency {
        top: 40px
    }
}

.content-accordion>ul:first-child>li .accordion-handle .currency:after {
    display: none
}

.content-accordion>ul:first-child>li .accordion-handle:hover,
.content-accordion>ul:first-child>li .accordion-handle:focus {
    background-color: #ececec;
    outline: 0
}

.content-accordion>ul:first-child>li .accordion-content {
    font-size: 1rem;
    overflow: hidden;
    padding: 1.42857rem
}

@media only screen and (min-width:40em) {
    .content-accordion>ul:first-child>li .accordion-content {
        font-size: 1.14286rem
    }
}

@media only screen and (min-width:80em) {
    .content-accordion>ul:first-child>li .accordion-content {
        font-size: 1.28571rem
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .content-accordion>ul:first-child.accounts .accordion-handle {
        font-size: 1.28571rem;
        padding: 1.21429rem 3.57143rem 1.21429rem 0
    }
}

@media only screen and (min-width:80em) {
    .content-accordion>ul:first-child.accounts .accordion-handle {
        font-size: 1.57143rem;
        padding-left: 0;
        line-height: 2.07143rem
    }
}

.content-accordion>ul:first-child.accounts .accordion-handle.accountname {
    overflow: hidden
}

@media only screen and (min-width:80em) {

    .compressed .content-accordion>ul:first-child.accounts .accordion-handle.accountname[data-account-state="negative"] .account-value-total,
    .compressed .content-accordion>ul:first-child.accounts .accordion-handle.accountname[data-account-state="negative"] .currency {
        color: #f73429
    }
}

@media only screen and (max-width:39.938em) {
    .content-accordion>ul:first-child.accounts .accordion-handle.accountname {
        padding-right: 20px !important
    }

    .content-accordion>ul:first-child.accounts .accordion-handle.accountname>span {
        top: 30px
    }

    .content-accordion>ul:first-child.accounts .accordion-handle.accountname>div {
        line-height: 1.3;
        padding-left: 0;
        -ms-word-break: break-all;
        word-break: break-all
    }

    .content-accordion>ul:first-child.accounts .accordion-handle.accountname>div:first-of-type {
        padding-right: 170px
    }

    .content-accordion>ul:first-child.accounts .accordion-handle.accountname>div:last-of-type {
        clear: both;
        float: none;
        text-align: right
    }

    .content-accordion>ul:first-child.accounts .accordion-handle.accountname>div span {
        margin-top: 0;
        top: -20px
    }

    .content-accordion>ul:first-child.accounts .accordion-handle.accountname>div span.currency {
        right: 45px
    }

    .content-accordion>ul:first-child.accounts .accordion-handle.accountname>div span.account-value-total {
        right: 4.28571rem
    }

    .content-accordion>ul:first-child.accounts .accordion-handle.accountname>div span.account-value-total[data-account-value-total="negative"] {
        color: #f73429
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .content-accordion>ul:first-child.accounts .accordion-handle.accountname>span {
        right: 10px
    }
}

@media only screen and (min-width:40em) {
    .content-accordion>ul:first-child.accounts .accordion-handle.accountname>div span {
        top: 1.42857rem
    }

    .content-accordion>ul:first-child.accounts .accordion-handle.accountname>div span.currency {
        right: 5px
    }

    .content-accordion>ul:first-child.accounts .accordion-handle.accountname>div span.account-value-total {
        right: 20px
    }
}

@media only screen and (min-width:80em) {
    .content-accordion>ul:first-child.accounts .accordion-handle.accountname>span {
        top: 40px
    }

    .compressed .content-accordion>ul:first-child.accounts .accordion-handle.accountname>div span {
        top: 1.28571rem
    }
}

.content-accordion>ul:first-child.accounts .accordion-inactive {
    font-family: 'Sparkasse-Regular';
    background-color: #f6f6f6;
    box-sizing: content-box;
    cursor: default;
    font-size: 1.14286rem;
    height: auto;
    line-height: 1.5em;
    padding: 1.42857rem 4.28571rem 1.42857rem 1.42857rem;
    position: relative
}

@media only screen and (min-width:40em) {
    .content-accordion>ul:first-child.accounts .accordion-inactive {
        font-size: 1.28571rem;
        margin: 0;
        padding: 1.21429rem 3.57143rem 1.21429rem 0
    }
}

@media only screen and (min-width:80em) {
    .content-accordion>ul:first-child.accounts .accordion-inactive {
        font-size: 1.57143rem;
        padding: 1.64286rem 4.28571rem 1.64286rem 0;
        line-height: 2.07143rem;
        height: 2.07143rem
    }
}

@media only screen and (min-width:80em) {

    .compressed .content-accordion>ul:first-child.accounts .accordion-inactive[data-account-state="negative"] .account-value-saldo,
    .compressed .content-accordion>ul:first-child.accounts .accordion-inactive[data-account-state="negative"] .currency {
        color: #f73429
    }
}

.content-accordion>ul:first-child.accounts .accordion-inactive .account-value-saldo {
    background-image: none;
    position: absolute;
    right: 80px;
    width: auto
}

@media only screen and (max-width:39.938em) {
    .content-accordion>ul:first-child.accounts .accordion-inactive .account-value-saldo {
        top: 38px
    }
}

@media only screen and (min-width:40em) {
    .content-accordion>ul:first-child.accounts .accordion-inactive .account-value-saldo {
        top: 40px
    }
}

.content-accordion>ul:first-child.accounts .accordion-inactive .account-value-saldo:after {
    display: none
}

.content-accordion>ul:first-child.accounts .accordion-inactive .currency {
    background-image: none;
    position: absolute;
    right: 65px;
    width: auto
}

@media only screen and (max-width:39.938em) {
    .content-accordion>ul:first-child.accounts .accordion-inactive .currency {
        top: 38px
    }
}

@media only screen and (min-width:40em) {
    .content-accordion>ul:first-child.accounts .accordion-inactive .currency {
        top: 40px
    }
}

.content-accordion>ul:first-child.accounts .accordion-inactive .currency:after {
    display: none
}

.content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo {
    overflow: hidden
}

.content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo p {
    margin-bottom: 0
}

@media only screen and (max-width:39.938em) {
    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo p {
        font-size: 1.14286rem
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo p {
        font-size: 1.28571rem
    }
}

@media only screen and (min-width:80em) {
    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo p {
        font-size: 1.57143rem;
        line-height: 2.07143rem
    }

    .compressed .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo p {
        font-size: 1.28571rem
    }
}

@media only screen and (min-width:40em) {
    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo p span {
        display: inline-block !important
    }
}

@media only screen {
    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo p a.tooltip {
        top: 3px
    }
}

@media only screen and (min-width:80em) {
    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo p a.tooltip {
        top: 2px
    }
}

@media only screen and (max-width:39.938em) {
    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo {
        padding-right: 20px !important
    }

    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo>span {
        top: 30px
    }

    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo>div {
        line-height: 1.3;
        padding-left: 0;
        -ms-word-break: break-all;
        word-break: break-all
    }

    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo>div:first-of-type {
        padding-right: 170px
    }

    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo>div:last-of-type {
        clear: both;
        float: none;
        text-align: right
    }

    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo>div span {
        margin-top: 0;
        top: -20px
    }

    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo>div span.currency {
        right: 0
    }

    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo>div span.account-value-saldo {
        right: 1.07143rem
    }
}

@media only screen and (min-width:40em) {
    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo {
        font-family: 'Sparkasse-Bold'
    }

    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo>span {
        top: 35px
    }

    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo>div span {
        top: 0
    }

    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo>div span.currency {
        right: 5px
    }

    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo>div span.account-value-saldo {
        right: 20px
    }
}

@media only screen and (min-width:80em) {
    .content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo>span {
        top: 40px
    }
}

.content-accordion>ul:first-child.accounts .accordion-inactive.account-saldo:hover {
    background-color: #f6f6f6
}

.content-accordion>ul:first-child.accounts .accordion-content {
    padding: 0
}

.content-accordion .accordion-content {
    transition: all 50ms ease-out
}

.content-accordion.no-accordion>ul:first-child>li.financial-overview-block {
    margin-bottom: 0
}

.content-accordion.no-accordion>ul:first-child>li:last-child {
    margin-top: .71429rem
}

@media only screen and (min-width:80em) {
    .compressed .content-accordion.no-accordion>ul:first-child>li:last-child {
        margin-top: 0
    }

    .compressed .content-accordion.no-accordion>ul:first-child>li:last-child header {
        border-top: 0;
        padding-right: .5rem !important
    }
}

@media only screen and (max-width:39.938em) {
    .content-accordion.no-accordion>ul:first-child>li:nth-last-child(2) li.account:last-child {
        border-bottom: 0;
        margin-bottom: 0
    }
}

@media only screen and (max-width:39.938em) {
    .content-accordion.no-accordion>ul:first-child.accounts .accordion-content li.account {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: .35714rem
    }
}

.content-accordion.no-accordion>ul:first-child.accounts .accordion-handle {
    display: none !important
}

@media only screen and (min-width:40em) {
    .content-accordion.no-accordion>ul:first-child.accounts .accordion-inactive {
        padding-right: 1.42857rem
    }

    .content-accordion.no-accordion>ul:first-child.accounts .accordion-inactive.account-saldo>div span.currency {
        right: 0
    }

    .content-accordion.no-accordion>ul:first-child.accounts .accordion-inactive.account-saldo>div span.account-value-saldo {
        right: 1.07143rem
    }
}

.content-disclaimer {
    margin-top: 45px
}

@media only screen and (min-width:80em) {
    .content-disclaimer {
        margin-left: calc(80px - -20px);
        margin-right: calc(80px - -20px)
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .content-disclaimer {
        margin-left: calc(15px - -20px);
        margin-right: calc(15px - -20px)
    }
}

@media only screen and (max-width:39.938em) {
    .content-disclaimer {
        margin-left: 20px;
        margin-right: 20px
    }
}

.content-disclaimer .disclaimer-headline {
    display: block;
    margin-bottom: 6px
}

.content-disclaimer ul {
    margin: 0;
    padding: 0
}

.content-disclaimer ul li {
    font-size: 14px;
    list-style: none;
    margin: 0 0 10px;
    padding-left: 0;
    -webkit-text-size-adjust: none
}

@media only screen and (min-width:80em) {
    .content-disclaimer ul li:last-child {
        margin-bottom: 20px
    }
}

.content-disclaimer ul li a,
.content-disclaimer ul li a.inline-link {
    font-size: 14px
}

.content-disclaimer ul li a.link-arrow:after,
.content-disclaimer ul li a.link-arrow-white:after,
.content-disclaimer ul li a.link-arrow-grey:after,
.content-disclaimer ul li a.inline-link.link-arrow:after,
.content-disclaimer ul li a.inline-link.link-arrow-white:after,
.content-disclaimer ul li a.inline-link.link-arrow-grey:after {
    width: 6px;
    height: 7px
}

.content-disclaimer sup {
    color: #3f3f3f;
    margin-right: 2px;
    padding: 0;
    font-size: 8px
}

.overlay .content-highlight .highlight-box,
.content-highlight .highlight-box {
    position: relative;
    background: #3975b6;
    color: #fff;
    font-size: 1rem;
    margin: 0 -20px;
    padding: 2.57143rem 1.64286rem
}

.overlay .content-highlight .highlight-box h3,
.content-highlight .highlight-box h3 {
    font-family: 'Sparkasse-Bold';
    font-size: 1.21429rem;
    margin-bottom: 1rem
}

@media only screen and (min-width:40em) {

    .overlay .content-highlight .highlight-box h3,
    .content-highlight .highlight-box h3 {
        font-size: 1.35714rem
    }
}

@media only screen and (min-width:80em) {

    .overlay .content-highlight .highlight-box h3,
    .content-highlight .highlight-box h3 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:40em) {

    .overlay .content-highlight .highlight-box,
    .content-highlight .highlight-box {
        font-size: 1.14286rem;
        margin: 0;
        padding: 2.71429rem 2.14286rem
    }
}

@media only screen and (min-width:80em) {

    .overlay .content-highlight .highlight-box,
    .content-highlight .highlight-box {
        font-size: 1.28571rem;
        padding: 3.57143rem
    }
}

.overlay .content-highlight .highlight-box *:last-child,
.content-highlight .highlight-box *:last-child {
    margin-bottom: 0
}

.overlay .content-highlight .highlight-box.grey,
.content-highlight .highlight-box.grey {
    background: #f6f6f6;
    color: #3f3f3f
}

.overlay .content-highlight .highlight-box.grey ul li,
.content-highlight .highlight-box.grey ul li {
    list-style-image: url(../Images/dot-grey-png-data.png);
    margin-bottom: 1.07143rem
}

@media only screen and (min-width:80em) {

    .overlay .content-highlight .highlight-box.fixed,
    .content-highlight .highlight-box.fixed {
        width: 755px
    }
}

.overlay .content-highlight .highlight-box ul li,
.content-highlight .highlight-box ul li {
    font-size: 1rem
}

@media only screen and (min-width:40em) {

    .overlay .content-highlight .highlight-box ul li,
    .content-highlight .highlight-box ul li {
        font-size: 1.14286rem
    }
}

@media only screen and (min-width:80em) {

    .overlay .content-highlight .highlight-box ul li,
    .content-highlight .highlight-box ul li {
        font-size: 1.14286rem
    }
}

.overlay .content-highlight .highlight-box .button-wrapper a,
.content-highlight .highlight-box .button-wrapper a {
    float: none;
    margin-right: 25px;
    margin-top: 15px
}

.overlay .content-highlight .highlight-box .button-wrapper a:first-of-type,
.content-highlight .highlight-box .button-wrapper a:first-of-type {
    margin-top: 0;
    margin-right: 35px
}

@media only screen and (min-width:40em) {

    .overlay .content-highlight .highlight-box .button-wrapper a,
    .content-highlight .highlight-box .button-wrapper a {
        clear: none;
        margin-bottom: 0;
        margin-top: 0
    }
}

.overlay .content-highlight .highlight-box .button-wrapper .link-wrap,
.content-highlight .highlight-box .button-wrapper .link-wrap {
    display: inline-block
}

.overlay .content-highlight .highlight-box .button-wrapper .inner-button-wrapper,
.content-highlight .highlight-box .button-wrapper .inner-button-wrapper {
    display: inline-block
}

.overlay .content-highlight .highlight-box .button-wrapper .inner-button-wrapper a,
.content-highlight .highlight-box .button-wrapper .inner-button-wrapper a {
    margin: 15px 25px 0 0
}

.overlay .content-highlight .highlight-box .bottom-text,
.content-highlight .highlight-box .bottom-text {
    margin-top: 15px;
    margin-bottom: -30px;
    font-size: 1rem
}

.overlay .content-highlight .highlight-box .bottom-text:before,
.overlay .content-highlight .highlight-box .bottom-text:after,
.content-highlight .highlight-box .bottom-text:before,
.content-highlight .highlight-box .bottom-text:after {
    content: " ";
    display: table
}

.overlay .content-highlight .highlight-box .bottom-text:after,
.content-highlight .highlight-box .bottom-text:after {
    clear: both
}

.overlay .content-highlight .highlight-box .bottom-text span,
.content-highlight .highlight-box .bottom-text span {
    margin-top: 12px;
    float: right;
    text-align: right
}

@media only screen and (min-width:40em) {

    .overlay .content-highlight .highlight-box .bottom-text,
    .content-highlight .highlight-box .bottom-text {
        margin-bottom: 0;
        margin-top: 0;
        position: absolute;
        left: auto;
        right: 8px;
        bottom: 5px
    }
}

.overlay .content-highlight ul li,
.content-highlight ul li {
    margin-bottom: 1.07143rem
}

.overlay .content-highlight .highlight-box {
    margin-left: -10px;
    margin-right: -10px;
    padding: 1.85714rem .92857rem
}

@media only screen and (min-width:40em) {
    .overlay .content-highlight .highlight-box {
        margin-left: 0;
        margin-right: 0;
        padding: 2.57143rem 1.64286rem
    }
}

.content-table {
    margin-top: 45px
}

.content-table:before,
.content-table:after {
    content: " ";
    display: table
}

.content-table:after {
    clear: both
}

.table-headline {
    font-family: 'Sparkasse-Regular';
    color: #3f3f3f;
    font-size: 1.14286rem;
    margin-bottom: 1.28571rem;
    padding: 0;
    text-align: left
}

@media only screen and (min-width:40em) {
    .table-headline {
        font-size: 1.35714rem
    }
}

@media only screen and (min-width:80em) {
    .table-headline {
        font-size: 1.5rem
    }
}

.table-scrollable {
    overflow-y: hidden;
    -webkit-overflow-scrolling: auto
}

.table-scrollable::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px
}

.table-scrollable::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, 0.3)
}

@media only screen and (max-width:39.938em) {
    .table-scrollable {
        margin-right: -1.42857rem
    }
}

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

table:last-child {
    margin: 0
}

table .text-right {
    text-align: right
}

table thead,
table tbody {
    font-family: 'Sparkasse-Regular'
}

table thead tr td,
table thead tr th,
table tbody tr td,
table tbody tr th {
    background: transparent;
    color: #3f3f3f;
    padding: .78571rem 1.14286rem;
    text-align: left
}

@media only screen and (max-width:39.938em) {

    table thead tr td,
    table thead tr th,
    table tbody tr td,
    table tbody tr th {
        -webkit-text-size-adjust: none;
        min-width: 175px
    }

    .table-scrollable.content table thead tr td,
    .table-scrollable.scrollable-text--container table thead tr td,
    .table-scrollable.content table thead tr th,
    .table-scrollable.scrollable-text--container table thead tr th,
    .table-scrollable.content table tbody tr td,
    .table-scrollable.scrollable-text--container table tbody tr td,
    .table-scrollable.content table tbody tr th,
    .table-scrollable.scrollable-text--container table tbody tr th {
        min-width: 100%
    }
}

@media only screen and (min-width:40em) {

    table thead tr td,
    table thead tr th,
    table tbody tr td,
    table tbody tr th {
        padding: 1rem 1.14286rem
    }
}

@media only screen and (min-width:80em) {

    table thead tr td,
    table thead tr th,
    table tbody tr td,
    table tbody tr th {
        padding: .92857rem 1.14286rem
    }
}

table thead tr td p,
table thead tr td *:last-child,
table thead tr th p,
table thead tr th *:last-child,
table tbody tr td p,
table tbody tr td *:last-child,
table tbody tr th p,
table tbody tr th *:last-child {
    margin-bottom: 0
}

table thead tr td,
table thead tr th,
table thead tr p,
table tbody tr td,
table tbody tr th,
table tbody tr p {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.45
}

@media only screen and (min-width:40em) {

    table thead tr td,
    table thead tr th,
    table thead tr p,
    table tbody tr td,
    table tbody tr th,
    table tbody tr p {
        font-size: 1.14286rem;
        line-height: 1.4
    }
}

@media only screen and (min-width:80em) {

    table thead tr td,
    table thead tr th,
    table thead tr p,
    table tbody tr td,
    table tbody tr th,
    table tbody tr p {
        font-size: 1.14286rem;
        line-height: 1.45
    }
}

table thead tr th,
table tbody tr th {
    font-family: 'Sparkasse-Bold';
    line-height: 1.64286rem;
    vertical-align: bottom
}

@media only screen and (min-width:80em) {

    table thead tr th,
    table tbody tr th {
        font-size: 1.28571rem
    }
}

table tbody tr:nth-of-type(even) {
    background: #fff
}

table tbody tr:nth-child(2n-1) {
    background: #f6f6f6
}

table thead tr {
    background: #f6f6f6
}

table thead+tbody tr:nth-child(2n-1) {
    background: #fff
}

table thead+tbody tr:nth-of-type(even) {
    background: #f6f6f6
}

table thead+tbody tr.white-background {
    background: #fff
}

table thead+tbody tr.grey-background {
    background: #f6f6f6
}

table.bordered-table tbody tr,
table.bordered-table thead tr {
    background: #fff
}

table.bordered-table thead+tbody tr:nth-of-type(even) {
    background: #fff
}

table tfoot tr td {
    font-family: 'Sparkasse-Regular';
    color: #3f3f3f;
    font-weight: normal
}

table ul {
    margin-bottom: 0
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .comparison-table {
        margin-right: 15px;
        margin-left: 15px
    }
}

@media only screen and (min-width:80em) {
    .comparison-table {
        margin-right: 80px;
        margin-left: 80px
    }
}

.content-table.comparison-table {
    margin-bottom: 0;
    padding-right: 20px;
    padding-left: 20px
}

@media only screen and (min-width:80em) {
    .content-table.comparison-table .short-text {
        width: 66.66667%
    }
}

.content-table.comparison-table tr {
    background-color: #fff
}

.content-table.comparison-table tr .highlight-col {
    background-color: #f9f9f9
}

.content-table.comparison-table td,
.content-table.comparison-table th {
    text-align: center;
    width: 116px
}

@media only screen and (min-width:40em) {

    .content-table.comparison-table td,
    .content-table.comparison-table th {
        width: 150px
    }
}

@media only screen and (min-width:80em) {

    .content-table.comparison-table td,
    .content-table.comparison-table th {
        width: 252px
    }
}

.content-table.comparison-table td {
    vertical-align: middle
}

.content-table.comparison-table td:first-child {
    text-align: left;
    width: auto
}

.content-table.comparison-table td strong {
    font-size: 1rem
}

.content-table.comparison-table thead th {
    font-family: 'Sparkasse-Bold';
    font-size: 1.14286rem;
    vertical-align: bottom
}

.content-table.comparison-table thead th a.link-arrow:after,
.content-table.comparison-table thead th span.link-arrow:after {
    margin-top: .64286rem
}

.content-table.comparison-table thead th.highlight-col {
    border-top: 8px solid #3975b6
}

@media only screen and (min-width:40em) {
    .content-table.comparison-table thead th.highlight-col {
        border-top-width: 13px
    }
}

.content-table.comparison-table thead th .comparison-badge {
    color: #3975b6;
    font-size: 1rem;
    margin: -.35714rem 0 .28571rem
}

@media only screen and (min-width:40em) {
    .content-table.comparison-table thead th .comparison-badge {
        font-size: 1.07143rem;
        margin-bottom: 1.35714rem
    }
}

.content-table.comparison-table thead th .comparison-price {
    font-family: 'Sparkasse-Regular';
    margin-bottom: .5rem;
    margin-top: .14286rem
}

@media only screen and (min-width:40em) {
    .content-table.comparison-table thead th .comparison-price {
        font-size: 1.28571rem;
        margin-bottom: 1.07143rem;
        margin-top: .85714rem
    }
}

.content-table.comparison-table tbody tr:nth-child(2n-1) {
    background-color: #f6f6f6
}

.content-table.comparison-table tbody tr:nth-child(2n-1) .highlight-col {
    background-color: #f0f0f0
}

@media only screen and (min-width:80em) {
    .content-table.comparison-table tbody td:not(:first-of-type) {
        font-family: 'Sparkasse-Bold'
    }
}

.content-table.comparison-table th span,
.content-table.comparison-table tfoot span {
    display: block
}

.content-table.comparison-table th .button,
.content-table.comparison-table tfoot .button {
    margin: 0
}

.content-table.comparison-table tfoot td span {
    line-height: 1.5rem;
    margin-bottom: .21429rem
}

@media only screen and (min-width:40em) {
    .content-table.comparison-table tfoot td span {
        font-size: 1.14286rem;
        margin: 2.14286rem 0 1.14286rem
    }
}

@media only screen and (min-width:80em) {
    .content-table.comparison-table tfoot td span {
        margin: .92857rem 0 1.28571rem
    }
}

.content-table.comparison-table .blue-check {
    vertical-align: middle
}

.content-table.comparison-table .blue-check p {
    display: inline-block;
    text-indent: -9999em;
    margin: 0;
    position: relative
}

.content-table.comparison-table .blue-check p:after {
    content: "";
    speak: none;
    display: inline-block;
    width: 30px;
    height: 25px;
    top: 0;
    left: -15px;
    position: absolute
}

.table-fixed-width table td:first-child {
    max-width: 380px
}

.table-fixed-width table td {
    vertical-align: top
}

.table-fixed-width table td.table-icons {
    vertical-align: middle
}

.accordion-table {
    width: 100%;
    margin: 0
}

.accordion-table p,
.accordion-table .text-link {
    font-size: 1.14286rem
}

.accordion-table .text-link {
    margin-left: .71429rem
}

.accordion-table .text-link:first-of-type {
    margin-left: 0
}

.accordion-table .table-head {
    background: #f6f6f6;
    margin: 0;
    padding-right: 2.14286rem
}

.accordion-table .table-head p {
    font-family: 'Sparkasse-Bold';
    margin-bottom: 0;
    padding: 1.14286rem 0 1.07143rem 0
}

.accordion-table .accordion-content {
    margin-top: 10px;
    border-top: 1px solid #f6f6f6;
    padding-right: 0
}

.accordion-table .accordion-content .row {
    margin-bottom: 0;
    position: relative
}

.accordion-table .accordion-content .form-buttons {
    text-align: left
}

.accordion-table .accordion-content .form-buttons .button:not(.button-submit),
.accordion-table .accordion-content .form-buttons .submit-arrow,
.accordion-table .accordion-content .form-buttons .submit-cancel {
    margin: 1.42857rem 1.42857rem 0 0
}

@media only screen and (min-width:80em) {

    .accordion-table .accordion-content .form-buttons .button:not(.button-submit),
    .accordion-table .accordion-content .form-buttons .submit-arrow,
    .accordion-table .accordion-content .form-buttons .submit-cancel {
        margin: 1.42857rem 0 0 1.42857rem
    }
}

.accordion-table .accordion-content .form-buttons .button.button-submit {
    margin-left: 0
}

@media only screen and (min-width:80em) {
    .accordion-table .accordion-content .form-buttons {
        text-align: right;
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: 50%
    }

    .accordion-table .accordion-content .form-buttons .button {
        margin: 0 0 0 1.42857rem
    }
}

.accordion-table .accordion-content .form-buttons .submit-arrow {
    float: none
}

.accordion-table .accordion-handle {
    display: table;
    margin: 0;
    position: relative;
    width: 100%
}

.accordion-table .accordion-handle.table {
    padding-right: 1.07143rem
}

.accordion-table .accordion-handle .table-second-col p {
    padding-right: 1.07143rem
}

.accordion-table .accordion-handle p {
    margin-bottom: 0
}

.accordion-table .accordion-handle p span.title {
    font-family: 'Sparkasse-Bold'
}

.accordion-table .accordion-handle p span.content,
.accordion-table .accordion-handle p span.scrollable-text--container {
    padding-left: .21429rem
}

@media only screen and (min-width:40em) {
    .accordion-table .accordion-handle .table-content--contents {
        margin-left: .21429rem
    }
}

.accordion-table .accordion-handle .table-content--contents p {
    display: table;
    width: 100%
}

.accordion-table .accordion-handle .table-content--contents p span {
    display: table-cell
}

.accordion-table .accordion-handle .table-content--contents p span:first-child {
    width: 50%
}

@media only screen and (min-width:40em) {
    .accordion-table .accordion-handle .table-content--contents p span:first-child {
        width: 150px
    }
}

@media only screen and (min-width:40em) {
    .accordion-table .accordion-handle .table-content--contents.standing-order p span:first-child {
        width: 200px
    }
}

@media only screen and (min-width:40em) {
    .accordion-table .accordion-handle .table-content--links {
        margin-left: .21429rem
    }
}

.accordion-table .accordion-handle .table-content--links span.link-arrow:after,
.accordion-table .accordion-handle .table-content--links a.link-arrow:after {
    margin-top: .64286rem
}

.accordion-table .accordion-handle:after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 17px;
    right: 7px;
    width: 21px;
    height: 21px;
    font-size: 18px;
    color: #3f3f3f
}

.accordion-table .accordion-handle.closed .accordion-content {
    height: 0;
    padding: 0 2.14286rem;
    overflow: hidden;
    margin-top: 0;
    display: none
}

.accordion-table .table {
    padding: .71429rem 0;
    background: #fff
}

.accordion-table .table:nth-child(2n-1) {
    background: #f6f6f6
}

.accordion-table .table-head+.table:nth-child(2n-1) {
    background: #fff
}

.accordion-table .table-head+.table:nth-of-type(uneven) {
    background: #f6f6f6
}

.overlay .accordion-content .row {
    margin: 0
}

.overlay .accordion-table .table-head {
    padding-left: 0
}

.form-table tr td {
    padding-top: 1.5rem;
    position: relative;
    vertical-align: top
}

.form-table tr td.form-element {
    padding-top: 1.14286rem
}

.form-table tr td label {
    display: inline-block;
    float: left;
    padding: .64286rem .64286rem .64286rem 0;
    text-align: left;
    white-space: nowrap;
    width: auto
}

.form-table tr td .form--select {
    display: inline-block;
    min-width: 140px
}

.table-icons .icon-wrapper {
    white-space: nowrap;
    line-height: 0;
    vertical-align: middle
}

.table-icons .icon-wrapper:after {
    height: 0
}

.bordered-table tbody tr,
.bordered-table thead tr {
    border-bottom: 2px solid #f6f6f6
}

.bordered-table tbody tr:last-of-type {
    border-bottom: 0
}

@media only screen and (max-width:39.938em) {

    .overlay table thead tr td,
    .overlay table thead tr th,
    .overlay table tbody tr td,
    .overlay table tbody tr th {
        min-width: 0
    }
}

.slide-show {
    opacity: 0;
    transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

.slide-show.slick-initialized {
    opacity: 1
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin: 0
}

.slick-slider BUTTON {
    outline: 0
}

.slick-slider BUTTON:active,
.slick-slider BUTTON:hover,
.slick-slider BUTTON:focus {
    opacity: 1;
    outline: 0
}

.slick-slider>BUTTON {
    background-color: transparent;
    background-size: 24px 45px;
    background-position: 10px 10px;
    box-sizing: content-box;
    height: 45px;
    left: 0;
    margin: -60px 0 0;
    opacity: .5;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    top: 50%;
    width: 24px;
    z-index: 3
}

.slick-slider>BUTTON.slick-next {
    left: auto;
    right: 0
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-slider .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-slider .slick-list:focus {
    outline: 0
}

.slick-slider .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track {
    display: block;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0
}

.slick-slider .slick-track:before,
.slick-slider .slick-track:after {
    content: "";
    display: table
}

.slick-slider .slick-track:after {
    clear: both
}

.slick-loading .slick-slider .slick-track {
    visibility: hidden
}

.slick-slider .slick-dots {
    height: 32px;
    margin: .71429rem 0;
    text-align: center;
    width: 100%
}

@media only screen and (min-width:40em) {
    .slick-slider .slick-dots {
        margin: .85714rem 0 1rem
    }
}

@media only screen and (min-width:80em) {
    .slick-slider .slick-dots {
        margin: 1.14286rem 0 1.42857rem
    }
}

.slick-slider .slick-dots li {
    display: inline-block
}

.slick-slider .slick-dots button {
    background: 0;
    display: block;
    height: 12px;
    margin: .71429rem;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: -9999em;
    width: 12px
}

.slick-slider .slick-dots button:after {
    background-color: #e8e8e8;
    border-radius: 16px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    speak: none;
    top: 0;
    width: 12px
}

.slick-slider .slick-dots .slick-active button:after {
    background-color: #f73429
}

.slick-slide {
    display: block;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: 0
}

.slick-slide .slick-slider {
    margin: 0;
    padding: 0
}

.slick-slide img {
    display: block
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.content-gallery-slide-show {
    margin-top: 45px
}

.content-gallery-slide-show .gallery-slide-show {
    opacity: 0;
    transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

.content-gallery-slide-show .gallery-slide-show.slick-initialized {
    opacity: 1
}

.content-gallery-slide-show .slick-slider .slick-list {
    padding-left: 1.42857rem
}

@media only screen and (min-width:40em) {
    .content-gallery-slide-show .slick-slider .slick-list {
        padding-left: 2.5rem
    }
}

@media only screen and (min-width:80em) {
    .content-gallery-slide-show .slick-slider .slick-list {
        padding-left: 7.14286rem
    }
}

.content-gallery-slide-show .slick-slider .slick-slide {
    margin: 0 .35714rem 0 0
}

@media only screen and (min-width:40em) {
    .content-gallery-slide-show .slick-slider .slick-slide {
        margin: 0 .5rem
    }
}

@media only screen and (min-width:80em) {
    .content-gallery-slide-show .slick-slider .slick-slide {
        margin: 0 .71429rem
    }
}

.content-gallery-slide-show .slick-slider figure {
    margin: 0
}

.content-gallery-slide-show .slick-slider figure img {
    height: 182px;
    margin: 0
}

@media only screen and (min-width:40em) {
    .content-gallery-slide-show .slick-slider figure img {
        height: auto;
        max-height: 338px;
        min-height: 300px
    }
}

@media only screen and (min-width:80em) {
    .content-gallery-slide-show .slick-slider figure img {
        max-height: 570px
    }
}

.content-gallery-slide-show .slick-slider figure figcaption {
    display: none
}

.content-gallery-slide-show .slick-slider>button {
    left: 1.42857rem;
    margin: -1.60714rem 0 0
}

.content-gallery-slide-show .slick-slider>button.slick-next {
    left: auto;
    right: 1.42857rem
}

.content-gallery-slide-show .gallery-info-container,
.content-gallery-slide-show .figcaption-container {
    padding-right: 20px;
    padding-left: 20px
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .content-gallery-slide-show .gallery-info-container,
    .content-gallery-slide-show .figcaption-container {
        margin-right: 15px;
        margin-left: 15px
    }
}

@media only screen and (min-width:80em) {

    .content-gallery-slide-show .gallery-info-container,
    .content-gallery-slide-show .figcaption-container {
        margin-right: 80px;
        margin-left: 80px
    }
}

.content-gallery-slide-show .gallery-info-container .gallery-headline {
    font-family: 'Sparkasse-Regular';
    font-size: 1.28571rem;
    margin-bottom: .85714rem
}

@media only screen and (min-width:40em) {
    .content-gallery-slide-show .gallery-info-container .gallery-headline {
        font-size: 1.85714rem;
        margin-bottom: 1.42857rem
    }
}

@media only screen and (min-width:80em) {
    .content-gallery-slide-show .gallery-info-container .gallery-headline {
        font-size: 2.14286rem;
        line-height: 2.57143rem;
        margin-bottom: 1.14286rem
    }
}

.content-gallery-slide-show .gallery-info-container .gallery-description {
    font-size: 1rem;
    margin-bottom: 1.28571rem
}

@media only screen and (min-width:40em) {
    .content-gallery-slide-show .gallery-info-container .gallery-description {
        font-size: 1.14286rem;
        margin-bottom: 1.21429rem
    }
}

@media only screen and (min-width:80em) {
    .content-gallery-slide-show .gallery-info-container .gallery-description {
        font-size: 1.28571rem;
        margin-bottom: 2.85714rem
    }
}

.content-gallery-slide-show .figcaption-container {
    padding-top: .57143rem
}

@media only screen and (min-width:80em) {
    .content-gallery-slide-show .figcaption-container {
        padding-top: .42857rem
    }
}

.content-gallery-slide-show .figcaption-container .figcaption {
    font-size: 1rem
}

.content-gallery-slide-show .slick-slide {
    margin: 0 10px;
    opacity: .2
}

.content-gallery-slide-show .slick-slide:not(.slick-current):hover {
    cursor: pointer;
    opacity: .5
}

.content-gallery-slide-show .slick-slide img {
    margin-bottom: .71429rem
}

.content-gallery-slide-show .slick-slide.slick-loading img {
    display: block
}

.content-gallery-slide-show .slick-slide.slick-active {
    opacity: 1
}

.content-gallery-slide-show .slick-slide.slick-active:focus {
    outline: 0
}

.content-gallery-slide-show .slick-slide.slick-active figcaption {
    visibility: visible
}

.content-gallery-slide-show .slick-slide.slick-active~.slick-active {
    opacity: .2
}

.content-gallery-slide-show .slick-slide.slick-active~.slick-active figcaption {
    visibility: hidden
}

.content-gallery-slide-show .slick-slide.slick-active~.slick-active:not(.slick-current):hover {
    cursor: pointer;
    opacity: .5
}

.contact-element-wrapper {
    margin-top: 45px
}

@media only screen and (min-width:40em) {
    .contact-element-wrapper {
        padding: 0 2.85714rem
    }
}

@media only screen and (max-width:39.938em) {
    .contact-element {
        background-color: #f6f6f6;
        margin: 0 -1.42857rem;
        padding: 1.42857rem
    }
}

.contact-element p {
    margin-bottom: .78571rem
}

@media only screen and (min-width:40em) {
    .contact-element p {
        font-size: 1.14286rem
    }
}

@media only screen and (min-width:80em) {
    .contact-element p {
        font-size: 1.28571rem
    }
}

.contact-element p.content-element-quote {
    font-family: 'Sparkasse-Light';
    font-size: 1.21429rem;
    margin: 0
}

@media only screen and (min-width:40em) {
    .contact-element p.content-element-quote {
        font-size: 1.57143rem;
        line-height: 1.85714rem;
        padding: 0
    }
}

@media only screen and (min-width:80em) {
    .contact-element p.content-element-quote {
        font-size: 2.14286rem;
        line-height: 2.5rem;
        padding: 0
    }
}

@media only screen and (min-width:40em) {
    .contact-element p.content-element-quote {
        display: table-cell !important;
        vertical-align: bottom
    }
}

.contact-element p span {
    display: block
}

.contact-element p span.name {
    font-family: 'Sparkasse-Bold';
    font-size: 1.21429rem
}

@media only screen and (min-width:40em) {
    .contact-element p span.name {
        font-size: 1.42857rem
    }
}

@media only screen and (min-width:80em) {
    .contact-element p span.name {
        font-size: 1.64286rem
    }
}

.contact-element a {
    font-family: 'Sparkasse-Bold'
}

.contact-element a.contact-phone {
    font-family: 'Sparkasse-Regular';
    color: #3f3f3f
}

.contact-element .contact-element-first-elm>div {
    padding-bottom: .78571rem;
    padding-right: 1.42857rem;
    padding-left: 20px
}

.contact-element .contact-element-first-elm>div:first-child {
    padding-right: 5.71429rem
}

@media only screen and (min-width:40em) {
    .contact-element .contact-element-first-elm {
        padding-left: 15rem;
        float: left !important
    }

    .contact-element .contact-element-first-elm>div {
        float: left;
        padding-left: 0
    }
}

.contact-element .contact-element-icons {
    z-index: 1
}

@media only screen and (min-width:40em) {
    .contact-element .contact-element-icons {
        padding-left: 1.42857rem;
        position: absolute;
        width: 189px;
        padding-right: 0
    }

    .contact-element .contact-element-icons ul {
        text-align: center
    }
}

.contact-element .contact-element-quote {
    display: table;
    padding-bottom: .71429rem
}

.contact-element .contact-element-quote img,
.contact-element .contact-element-quote p {
    display: table-cell;
    vertical-align: bottom
}

.contact-element .contact-element-quote p {
    padding-left: .71429rem
}

.contact-element .contact-element-quote img {
    min-width: 120px
}

@media only screen and (min-width:40em) {
    .contact-element .contact-element-quote {
        display: table !important;
        height: 135px;
        padding-bottom: 0;
        padding-left: 15rem
    }

    .contact-element .contact-element-quote img,
    .contact-element .contact-element-quote p {
        display: block
    }

    .contact-element .contact-element-quote p {
        padding: 3.57143rem 0 .92857rem
    }

    .contact-element .contact-element-quote img {
        display: none
    }
}

@media only screen and (min-width:80em) {
    .contact-element .contact-element-quote {
        height: 103px
    }
}

.contact-element .contact-element-small-image {
    padding: 0 0 0 1.42857rem;
    position: absolute;
    width: 100%;
    height: 100%
}

@media only screen and (min-width:40em) {
    .contact-element .contact-element-small-image {
        top: 1.07143rem;
        max-width: 189px
    }
}

@media only screen and (min-width:80em) {
    .contact-element .contact-element-small-image {
        top: 0
    }
}

@media only screen and (min-width:40em) {
    .contact-element .contact-element-information {
        background-color: #f6f6f6;
        padding-top: 1.42857rem;
        padding-left: 13.57143rem
    }
}

.contact-element .contact-element-information>div p:first-child {
    min-height: 3.14286rem
}

@media only screen and (min-width:40em) {
    .contact-element .contact-element-information>div p:first-child {
        min-height: 3.57143rem
    }
}

@media only screen and (min-width:80em) {
    .contact-element .contact-element-information>div p:first-child {
        min-height: 4.21429rem
    }
}

.contact-element .contact-element-information a.contact-email:hover {
    border-bottom: 2px solid #f73429;
    padding-bottom: 2px
}

.contact-element .contact-element-information a.expand-handle {
    position: relative;
    font-size: 1.07143rem;
    border-bottom: 2px solid transparent;
    padding-bottom: 2px
}

@media only screen and (min-width:40em) {
    .contact-element .contact-element-information a.expand-handle {
        font-size: 1.14286rem;
        position: absolute;
        bottom: .57143rem;
        right: 1.78571rem
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .contact-element .contact-element-information a.expand-handle {
        padding-right: 1.28571rem
    }

    .contact-element .contact-element-information a.expand-handle span {
        display: none
    }
}

.contact-element .contact-element-information a.expand-handle:after {
    content: "";
    speak: none;
    display: block;
    position: absolute;
    height: 7px;
    width: 10px;
    right: 0;
    top: .57143rem
}

@media only screen and (min-width:40em) {
    .contact-element .contact-element-information a.expand-handle:after {
        top: .71429rem
    }
}

.contact-element .contact-element-information a.expand-handle span {
    padding-left: .35714rem;
    padding-right: 1.28571rem
}

.contact-element .contact-element-information a.expand-handle:hover {
    border-bottom: 2px solid #f73429;
    padding-bottom: 2px
}

@media only screen and (min-width:40em) {
    .contact-element .expand-content {
        padding-bottom: 0;
        background-color: #f6f6f6
    }

    .contact-element .expand-content.closed div:first-child {
        display: none
    }
}

.contact-element .expand-content div:first-child {
    padding-top: .71429rem
}

@media only screen and (min-width:40em) {
    .contact-element .expand-content div:first-child {
        padding-top: 0
    }
}

.contact-element .expand-content p {
    margin-bottom: 0
}

.contact-element ul {
    margin-left: 0;
    line-height: 0
}

.contact-element ul li {
    list-style-type: none;
    display: inline-block
}

.contact-element ul li a {
    text-indent: -119988px;
    background-size: 100%;
    font-size: 0;
    display: block;
    width: 33px;
    height: 33px;
    margin-right: .71429rem
}

@media only screen and (min-width:40em) {
    .contact-element ul li a {
        width: 23px;
        height: 23px
    }
}

@media only screen and (min-width:80em) {
    .contact-element ul li a {
        width: 33px;
        height: 33px
    }
}

.contact-element ul li.vcard {
    margin: 0;
    border: 0;
    padding: 0
}

.contact-element ul li.vcard a {
    width: 46px;
    height: 36px
}

@media only screen and (min-width:40em) {
    .contact-element ul li.vcard a {
        width: 36px
    }
}

@media only screen and (min-width:80em) {
    .contact-element ul li.vcard a {
        width: 46px
    }
}

.contact-element ul li:last-child a {
    margin-right: 0
}

.contact-element.banking {
    background-color: transparent;
    position: relative
}

@media only screen and (max-width:39.938em) {
    .contact-element.banking {
        margin: 0;
        padding: 0
    }
}

.contact-element.banking .headline-summary {
    position: relative;
    margin-bottom: 2.85714rem;
    margin-left: 1.42857rem
}

@media only screen and (min-width:40em) {
    .contact-element.banking .headline-summary {
        margin-bottom: 1.14286rem;
        margin-left: 0
    }
}

.contact-element.banking .assistance {
    position: absolute;
    left: 40px;
    top: 45px
}

@media only screen and (min-width:40em) {
    .contact-element.banking .assistance {
        left: auto;
        right: 20px;
        top: 20px
    }
}

@media only screen and (min-width:80em) {
    .contact-element.banking .assistance {
        top: 30px
    }
}

.contact-element.banking .contact-element-information {
    background-color: #f6f6f6;
    position: relative;
    padding: 1.42857rem 1.42857rem 0 1.42857rem
}

@media only screen and (min-width:40em) {
    .contact-element.banking .contact-element-information {
        padding-left: 0;
        padding-bottom: 1.07143rem
    }
}

@media only screen and (min-width:80em) {
    .contact-element.banking .contact-element-information {
        overflow: hidden;
        padding-bottom: 0
    }
}

.contact-element.banking .contact-person-address {
    margin-left: 10rem;
    width: auto
}

@media only screen and (min-width:40em) {
    .contact-element.banking .contact-person-address {
        margin-bottom: .71429rem
    }
}

@media only screen and (min-width:80em) {
    .contact-element.banking .contact-person-address {
        margin-bottom: 0;
        overflow: hidden
    }
}

.contact-element.banking .contact-person-address .contact-person-city {
    display: block
}

@media only screen and (min-width:40em) {
    .contact-element.banking .contact-person-address .contact-person-city {
        display: inline-block
    }
}

.contact-element.banking .contact-element-small-image {
    bottom: 20px;
    height: 124px;
    left: 0;
    overflow: hidden;
    top: 20px;
    max-width: 124px
}

@media only screen and (min-width:40em) {
    .contact-element.banking .contact-element-small-image {
        max-width: 114px
    }
}

@media only screen and (min-width:80em) {
    .contact-element.banking .contact-element-small-image {
        max-width: 124px
    }
}

.contact-element.banking .contact-person-options {
    padding-left: 0;
    padding-right: 0;
    text-align: right;
    float: left;
    margin-left: 0
}

@media only screen and (min-width:40em) {
    .contact-element.banking .contact-person-options {
        float: right
    }
}

@media only screen and (min-width:80em) {
    .contact-element.banking .contact-person-options {
        bottom: 12px;
        margin-bottom: 0;
        margin-right: 1.78571rem;
        right: 0;
        position: absolute
    }
}

.contact-element.banking .contact-person-options a {
    clear: both;
    float: left;
    margin: 0 0 .78571rem 0
}

@media only screen and (min-width:40em) {
    .contact-element.banking .contact-person-options a {
        float: none;
        clear: none;
        margin: 0 0 0 2.14286rem
    }
}

.contact-tab {
    visibility: hidden
}

@media only screen and (max-width:39.938em) {
    .contact-tab {
        margin-bottom: 45px
    }
}

@media only screen and (min-width:40em) {
    .contact-tab {
        position: fixed;
        right: -267px;
        z-index: 890;
        visibility: hidden
    }

    .contact-tab .row,
    .contact-tab .columns {
        padding: 0
    }
}

.contact-tab-wrapper {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15)
}

@media only screen and (min-width:40em) {
    .contact-tab-wrapper {
        box-shadow: none
    }
}

@media only screen and (min-width:40em) {
    .contact-tab-header {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
        left: -70px;
        position: absolute;
        width: 70px;
        z-index: 900
    }
}

.contact-tab-header .ct-handle {
    display: block
}

.contact-tab-header .ct-handle .ct-handle-icons {
    background-color: #f73429;
    height: 45px;
    transition: background-color .3s ease
}

@media only screen and (min-width:40em) {
    .contact-tab-header .ct-handle .ct-handle-icons {
        height: auto;
        padding: .71429rem 0 .35714rem
    }

    .contact-tab-header .ct-handle .ct-handle-icons:hover {
        background-color: #b9271f
    }
}

.contact-tab-header .ct-handle SPAN {
    cursor: pointer;
    display: block;
    height: 45px;
    margin: 0 auto
}

@media only screen {
    .contact-tab-header .ct-handle SPAN {
        float: left;
        width: 33.333%
    }
}

@media only screen and (min-width:40em) {
    .contact-tab-header .ct-handle SPAN {
        float: none;
        margin-bottom: 3px;
        width: 100%
    }
}

.contact-tab-header .ct-handle .ct-first-icon:before,
.contact-tab-header .ct-handle .ct-second-icon:before,
.contact-tab-header .ct-handle .ct-third-icon:before,
.contact-tab-header .ct-handle .ct-close-icon:before {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    display: block;
    color: #fff;
    text-align: center;
    text-indent: 0
}

.contact-tab-header .ct-handle .ct-first-icon:before {
    top: 8px;
    font-size: 30px
}

.contact-tab-header .ct-handle .ct-second-icon:before {
    top: 9px;
    left: 0;
    font-size: 30px
}

@media only screen and (max-width:39.938em) {
    .contact-tab-header .ct-handle .ct-second-icon:before {
        top: 8px;
        left: 1px;
        font-size: 31px
    }
}

.contact-tab-header .ct-handle .ct-third-icon:before {
    top: 8px;
    font-size: 32px
}

@media only screen and (min-width:40em) {
    .contact-tab-header .ct-handle .ct-third-icon {
        margin-bottom: 8px
    }
}

.contact-tab-header .ct-handle .ct-close-icon {
    display: none;
    border-top: 1px solid #fff;
    transition: background-color .3s ease
}

.contact-tab-header .ct-handle .ct-close-icon:before {
    top: 11px;
    font-size: 24px
}

@media only screen and (min-width:40em) {
    .contact-tab-header .ct-handle .ct-close-icon {
        display: block;
        margin-bottom: 0
    }
}

.contact-tab-header.closed .ct-handle .ct-close-icon {
    display: none
}

.contact-tab-body {
    min-width: 280px
}

@media only screen and (min-width:40em) {
    .contact-tab-body {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
        float: left
    }
}

.contact-tab-body .ct-body-header {
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 1.42857rem 1.07143rem 0
}

.contact-tab-body h4 {
    font-family: 'Sparkasse-Bold';
    font-size: 1.35714rem
}

.contact-tab-body p {
    font-size: 1.14286rem
}

.contact-tab-body small {
    font-family: 'Sparkasse-Light';
    font-size: .85714rem
}

.contact-tab-body .ct-nav ul {
    margin: 0
}

.contact-tab-body .ct-nav LI {
    background-color: #f6f6f6;
    border-bottom: 1px solid #ddd;
    list-style: none;
    margin: 0
}

.contact-tab-body .ct-nav A,
.contact-tab-body .ct-nav SPAN {
    font-family: 'Sparkasse-Bold';
    background-color: transparent;
    color: #3f3f3f;
    display: block;
    font-size: 16px;
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 69px;
    text-align: left;
    white-space: nowrap
}

.contact-tab-body .ct-nav A:hover,
.contact-tab-body .ct-nav A:active,
.contact-tab-body .ct-nav SPAN:hover,
.contact-tab-body .ct-nav SPAN:active {
    background-color: #acacac
}

.contact-tab-body .ct-nav A::after,
.contact-tab-body .ct-nav SPAN::after {
    bottom: 16px
}

.contact-tab-body .ct-nav SPAN {
    cursor: default;
    opacity: .4
}

.contact-tab-body .ct-nav SPAN:hover,
.contact-tab-body .ct-nav SPAN:active {
    background-color: transparent
}

.contact-tab-body .ct-nav .video-chat A,
.contact-tab-body .ct-nav .video-chat SPAN,
.contact-tab-body .ct-nav .text-chat A,
.contact-tab-body .ct-nav .text-chat SPAN,
.contact-tab-body .ct-nav .all-options A,
.contact-tab-body .ct-nav .all-options SPAN,
.contact-tab-body .ct-nav .find-branch A,
.contact-tab-body .ct-nav .find-branch SPAN,
.contact-tab-body .ct-nav .appointment A,
.contact-tab-body .ct-nav .appointment SPAN {
    position: relative
}

.contact-tab-body .ct-nav .video-chat A:before,
.contact-tab-body .ct-nav .video-chat SPAN:before,
.contact-tab-body .ct-nav .text-chat A:before,
.contact-tab-body .ct-nav .text-chat SPAN:before,
.contact-tab-body .ct-nav .all-options A:before,
.contact-tab-body .ct-nav .all-options SPAN:before,
.contact-tab-body .ct-nav .find-branch A:before,
.contact-tab-body .ct-nav .find-branch SPAN:before,
.contact-tab-body .ct-nav .appointment A:before,
.contact-tab-body .ct-nav .appointment SPAN:before {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    color: #3f3f3f
}

.contact-tab-body .ct-nav .text-chat A:before,
.contact-tab-body .ct-nav .text-chat SPAN:before {
    top: 10px;
    left: 25px;
    font-size: 22px
}

.contact-tab-body .ct-nav .video-chat A:before,
.contact-tab-body .ct-nav .video-chat SPAN:before {
    left: 23px;
    font-size: 22px
}

.contact-tab-body .ct-nav .video-chat SPAN:after {
    bottom: 47px
}

.contact-tab-body .ct-nav .all-options A:before {
    left: 26px;
    font-size: 22px
}

.contact-tab-body .ct-nav .find-branch A:before {
    left: 26px;
    font-size: 21px
}

.contact-tab-body .ct-nav .appointment A:before {
    left: 25px;
    font-size: 22px
}

.contact-tab-body .mail:hover::before {
    width: 100%
}

@media only screen and (min-width:40em) {
    .expand-wrapper .contact-tab-body.closed {
        height: auto
    }
}

.o-short-text {
    margin-top: 45px;
    padding-right: 20px;
    padding-left: 20px
}

.o-short-text:before,
.o-short-text:after {
    content: " ";
    display: table
}

.o-short-text:after {
    clear: both
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-short-text {
        margin-right: 15px;
        margin-left: 15px
    }
}

@media only screen and (min-width:80em) {
    .o-short-text {
        margin-right: 80px;
        margin-left: 80px;
        width: 75%
    }
}

.short-text h2,
.short-text h3 {
    font-family: 'Sparkasse-Bold'
}

.short-text h2 {
    font-size: 18px
}

@media only screen and (min-width:40em) {
    .short-text h2 {
        font-size: 23px
    }
}

@media only screen and (min-width:80em) {
    .short-text h2 {
        font-size: 24px
    }
}

.short-text h3 {
    font-size: 1.14286rem
}

@media only screen and (min-width:40em) {
    .short-text h3 {
        font-size: 20px;
        padding-bottom: 10px
    }
}

.short-text ul.link-list {
    margin-left: 0
}

.short-text ul.link-list li {
    list-style-type: none;
    list-style-image: none;
    padding-left: 0
}

.short-text .short-text-summary p,
.short-text .short-text-summary li {
    font-size: 17px;
    font-family: 'Sparkasse-Light'
}

@media only screen and (min-width:40em) {

    .short-text .short-text-summary p,
    .short-text .short-text-summary li {
        font-size: 22px;
        line-height: 26px
    }
}

@media only screen and (min-width:80em) {

    .short-text .short-text-summary p,
    .short-text .short-text-summary li {
        font-size: 24px;
        line-height: 30px
    }
}

.short-text img {
    margin-bottom: 1.28571rem
}

@media only screen and (min-width:40em) {
    .short-text img {
        margin-bottom: 0
    }
}

.short-text .short-text-summary+.short-text-block {
    margin-top: 45px
}

.short-text .short-text-block-image img {
    max-width: 124px;
    margin: 10px 10px 20px 0
}

@media only screen and (min-width:40em) {
    .short-text .short-text-block-image img {
        float: left;
        margin: 0 30px 0 0
    }
}

@media only screen and (min-width:80em) {
    .short-text .short-text-block-image img {
        margin-right: 50px
    }
}

.short-text .short-text-block-image .content,
.short-text .short-text-block-image .scrollable-text--container {
    display: table-cell
}

.short-text .short-text-block {
    /*margin-top: calc($defaultOrganismsMarginTop - 10px)*/
    margin-top: 10px;
}

.short-text .short-text-block:before,
.short-text .short-text-block:after {
    content: " ";
    display: table
}

.short-text .short-text-block:after {
    clear: both
}

@media only screen and (min-width:40em) {

    .short-text .short-text-block .content:not(.full-width),
    .short-text .short-text-block .scrollable-text--container:not(.full-width) {
        float: left;
        clear: none;
        width: calc(100% - 155px)
    }
}

@media only screen and (min-width:80em) {

    .short-text .short-text-block .content:not(.full-width),
    .short-text .short-text-block .scrollable-text--container:not(.full-width) {
        width: calc(100% - 175px)
    }
}

form.banking-form [class*="column"]+[class*="column"]:last-child,
form.global-form [class*="column"]+[class*="column"]:last-child {
    float: left !important
}

form.banking-form *:focus,
form.banking-form *:active,
form.global-form *:focus,
form.global-form *:active {
    outline: 0
}

form.banking-form input:-webkit-autofill,
form.banking-form input:-webkit-autofill:focus,
form.global-form input:-webkit-autofill,
form.global-form input:-webkit-autofill:focus {
    background-color: white !important
}

form.banking-form input::-webkit-outer-spin-button,
form.banking-form input::-webkit-inner-spin-button,
form.global-form input::-webkit-outer-spin-button,
form.global-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

form.banking-form select,
form.banking-form select option,
form.global-form select,
form.global-form select option {
    font-family: 'Sparkasse-Regular'
}

form.banking-form FIELDSET,
form.global-form FIELDSET {
    border: 0;
    padding: 0;
    margin: 0
}

form.banking-form .legend,
form.global-form .legend {
    font-family: 'Sparkasse-Bold';
    font-size: 1.14286rem;
    line-height: 1.28571rem;
    padding: 0;
    margin-bottom: .71429rem
}

form.banking-form label,
form.global-form label {
    cursor: default;
    display: inline-block;
    padding-bottom: .35714rem;
    word-break: break-word;
    word-wrap: break-word
}

form.banking-form select,
form.banking-form select option,
form.banking-form input,
form.banking-form textarea,
form.banking-form label,
form.banking-form p.form-label,
form.banking-form p.form-content,
form.banking-form .legend+p,
form.global-form select,
form.global-form select option,
form.global-form input,
form.global-form textarea,
form.global-form label,
form.global-form p.form-label,
form.global-form p.form-content,
form.global-form .legend+p {
    font-size: 1.14286rem;
    line-height: 1.28571rem
}

form.banking-form select,
form.banking-form select option,
form.banking-form input,
form.banking-form textarea,
form.banking-form label,
form.global-form select,
form.global-form select option,
form.global-form input,
form.global-form textarea,
form.global-form label {
    padding: .64286rem .85714rem
}

form.banking-form select,
form.banking-form select option,
form.global-form select,
form.global-form select option {
    padding: .64286rem 2.5rem .64286rem .71429rem
}

form.banking-form select:focus,
form.banking-form select option:focus,
form.global-form select:focus,
form.global-form select option:focus {
    background-color: #bebebe
}

form.banking-form label,
form.global-form label {
    padding: 0 0 .64286rem 0
}

form.banking-form label+input+label,
form.banking-form p.form-label+input+p.form-label,
form.banking-form p.form-label+input+label,
form.banking-form label+input+p.form-label,
form.global-form label+input+label,
form.global-form p.form-label+input+p.form-label,
form.global-form p.form-label+input+label,
form.global-form label+input+p.form-label {
    padding-top: .64286rem;
    padding-bottom: 0
}

form.banking-form input,
form.banking-form select,
form.banking-form textarea,
form.global-form input,
form.global-form select,
form.global-form textarea {
    display: block;
    border-radius: 0;
    color: #3f3f3f;
    border: 0;
    background-color: #d7d7d7;
    margin-bottom: 0
}

form.banking-form textarea+small,
form.global-form textarea+small {
    float: right;
    padding-top: .14286rem
}

form.banking-form .multi-input-wrapper input,
form.global-form .multi-input-wrapper input {
    width: 50px;
    float: left;
    margin: 0 10px 10px 0
}

form.banking-form .multi-input-wrapper input:nth-of-type(4n+5),
form.global-form .multi-input-wrapper input:nth-of-type(4n+5) {
    clear: left
}

form.banking-form .multi-input-wrapper input:nth-of-type(4n+4),
form.global-form .multi-input-wrapper input:nth-of-type(4n+4) {
    margin-right: 0
}

form.banking-form input[type="text"],
form.banking-form input[type="password"],
form.banking-form input[type="date"],
form.banking-form input[type="datetime"],
form.banking-form input[type="datetime-local"],
form.banking-form input[type="month"],
form.banking-form input[type="week"],
form.banking-form input[type="email"],
form.banking-form input[type="number"],
form.banking-form input[type="search"],
form.banking-form input[type="tel"],
form.banking-form input[type="time"],
form.banking-form input[type="url"],
form.banking-form input[type="color"],
form.banking-form textarea,
form.global-form input[type="text"],
form.global-form input[type="password"],
form.global-form input[type="date"],
form.global-form input[type="datetime"],
form.global-form input[type="datetime-local"],
form.global-form input[type="month"],
form.global-form input[type="week"],
form.global-form input[type="email"],
form.global-form input[type="number"],
form.global-form input[type="search"],
form.global-form input[type="tel"],
form.global-form input[type="time"],
form.global-form input[type="url"],
form.global-form input[type="color"],
form.global-form textarea {
    background-color: #d7d7d7;
    border: 0;
    box-shadow: none
}

form.banking-form input[type="text"]:focus,
form.banking-form input[type="password"]:focus,
form.banking-form input[type="date"]:focus,
form.banking-form input[type="datetime"]:focus,
form.banking-form input[type="datetime-local"]:focus,
form.banking-form input[type="month"]:focus,
form.banking-form input[type="week"]:focus,
form.banking-form input[type="email"]:focus,
form.banking-form input[type="number"]:focus,
form.banking-form input[type="search"]:focus,
form.banking-form input[type="tel"]:focus,
form.banking-form input[type="time"]:focus,
form.banking-form input[type="url"]:focus,
form.banking-form input[type="color"]:focus,
form.banking-form textarea:focus,
form.global-form input[type="text"]:focus,
form.global-form input[type="password"]:focus,
form.global-form input[type="date"]:focus,
form.global-form input[type="datetime"]:focus,
form.global-form input[type="datetime-local"]:focus,
form.global-form input[type="month"]:focus,
form.global-form input[type="week"]:focus,
form.global-form input[type="email"]:focus,
form.global-form input[type="number"]:focus,
form.global-form input[type="search"]:focus,
form.global-form input[type="tel"]:focus,
form.global-form input[type="time"]:focus,
form.global-form input[type="url"]:focus,
form.global-form input[type="color"]:focus,
form.global-form textarea:focus {
    background-color: #bebebe
}

form.banking-form input[type="text"],
form.banking-form input[type="password"],
form.banking-form input[type="date"],
form.banking-form input[type="datetime"],
form.banking-form input[type="datetime-local"],
form.banking-form input[type="month"],
form.banking-form input[type="week"],
form.banking-form input[type="email"],
form.banking-form input[type="number"],
form.banking-form input[type="search"],
form.banking-form input[type="tel"],
form.banking-form input[type="time"],
form.banking-form input[type="url"],
form.banking-form input[type="color"],
form.global-form input[type="text"],
form.global-form input[type="password"],
form.global-form input[type="date"],
form.global-form input[type="datetime"],
form.global-form input[type="datetime-local"],
form.global-form input[type="month"],
form.global-form input[type="week"],
form.global-form input[type="email"],
form.global-form input[type="number"],
form.global-form input[type="search"],
form.global-form input[type="tel"],
form.global-form input[type="time"],
form.global-form input[type="url"],
form.global-form input[type="color"] {
    height: 2.78571rem
}

form.banking-form input#recipientIban,
form.banking-form input#payerIban,
form.global-form input#recipientIban,
form.global-form input#payerIban {
    text-transform: uppercase
}

form.banking-form .row,
form.global-form .row {
    margin-bottom: 1.42857rem
}

@media only screen and (min-width:80em) {

    form.banking-form .row,
    form.global-form .row {
        margin-bottom: .71429rem
    }
}

form.banking-form .columns .columns,
form.global-form .columns .columns {
    padding: 0
}

form.banking-form .columns .columns p,
form.global-form .columns .columns p {
    margin-bottom: .35714rem;
    font-size: 1.14286rem
}

@media only screen and (min-width:40em) {

    form.banking-form .columns .columns.horizontal-align,
    form.global-form .columns .columns.horizontal-align {
        display: block;
        padding-left: 1.07143rem
    }

    form.banking-form .columns .columns.horizontal-align label+input:not([type=checkbox]):not([type=radio]),
    form.global-form .columns .columns.horizontal-align label+input:not([type=checkbox]):not([type=radio]) {
        max-width: 100px
    }

    form.banking-form .columns .columns.horizontal-align label,
    form.banking-form .columns .columns.horizontal-align label+input:not([type=checkbox]):not([type=radio]),
    form.global-form .columns .columns.horizontal-align label,
    form.global-form .columns .columns.horizontal-align label+input:not([type=checkbox]):not([type=radio]) {
        display: inline-block;
        float: left
    }

    form.banking-form .columns .columns.horizontal-align label,
    form.global-form .columns .columns.horizontal-align label {
        margin-right: 1.07143rem;
        text-align: right;
        padding-left: 0;
        padding-top: .71429rem;
        padding-right: 0 !important
    }
}

@media only screen and (min-width:40em) and (min-width:40em) {

    form.banking-form .columns .columns.horizontal-align label,
    form.global-form .columns .columns.horizontal-align label {
        padding-left: 20px;
        padding-right: 20px;
        width: 33.33333%;
        float: left;
        word-break: break-word
    }
}

@media only screen and (min-width:40em) and (min-width:80em) {

    form.banking-form .columns .columns.horizontal-align label,
    form.global-form .columns .columns.horizontal-align label {
        padding-left: 20px;
        padding-right: 20px;
        width: 25%;
        float: left
    }
}

@media only screen and (min-width:40em) {

    form.banking-form .columns.horizontal-align input.error,
    form.global-form .columns.horizontal-align input.error {
        margin-bottom: 1.42857rem
    }

    form.banking-form .columns.horizontal-align small.error,
    form.global-form .columns.horizontal-align small.error {
        width: auto;
        position: absolute
    }
}

@media only screen {

    form.banking-form p.form-label,
    form.global-form p.form-label {
        padding-bottom: .64286rem
    }
}

@media only screen and (min-width:40em) {

    form.banking-form .multi-input-wrapper input:nth-of-type(4n+5),
    form.global-form .multi-input-wrapper input:nth-of-type(4n+5) {
        clear: none
    }

    form.banking-form .multi-input-wrapper input:nth-of-type(4n+4),
    form.global-form .multi-input-wrapper input:nth-of-type(4n+4) {
        margin-right: 10px
    }

    form.banking-form .columns.postbox-input,
    form.global-form .columns.postbox-input {
        display: table;
        table-layout: fixed
    }

    form.banking-form .columns.postbox-input label+input,
    form.global-form .columns.postbox-input label+input {
        display: table-cell;
        width: 100%
    }
}

@media only screen and (min-width:80em) {

    form.banking-form .columns,
    form.global-form .columns {
        display: table;
        table-layout: fixed
    }

    form.banking-form label,
    form.banking-form p.form-label,
    form.global-form label,
    form.global-form p.form-label {
        padding-left: 20px;
        padding-right: 20px;
        width: 25%;
        float: left;
        text-align: right;
        display: table-cell;
        float: none;
        vertical-align: top;
        padding-bottom: 0;
        padding-left: 0
    }

    form.banking-form label+input+label,
    form.banking-form p.form-label+input+p.form-label,
    form.banking-form p.form-label+input+label,
    form.banking-form label+input+p.form-label,
    form.global-form label+input+label,
    form.global-form p.form-label+input+p.form-label,
    form.global-form p.form-label+input+label,
    form.global-form label+input+p.form-label {
        text-align: left
    }

    form.banking-form p.form-label:not(.disable-vertical-align),
    form.global-form p.form-label:not(.disable-vertical-align) {
        padding-top: 0
    }

    form.banking-form input+a,
    form.global-form input+a {
        display: table-cell
    }

    form.banking-form label+input,
    form.banking-form label+textarea,
    form.banking-form label+.form--select,
    form.banking-form p.form-content,
    form.global-form label+input,
    form.global-form label+textarea,
    form.global-form label+.form--select,
    form.global-form p.form-content {
        padding-left: 20px;
        padding-right: 20px;
        width: 75%;
        float: left
    }

    form.banking-form label+.form--select,
    form.global-form label+.form--select {
        width: auto
    }

    form.banking-form label+textarea,
    form.global-form label+textarea {
        resize: vertical
    }

    form.banking-form label+input,
    form.banking-form label+textarea,
    form.banking-form label+.form--select,
    form.global-form label+input,
    form.global-form label+textarea,
    form.global-form label+.form--select {
        padding: .64286rem .85714rem
    }

    form.banking-form label+input,
    form.banking-form label+textarea,
    form.global-form label+input,
    form.global-form label+textarea {
        display: table-cell;
        width: 100%
    }

    form.banking-form label+.form--select,
    form.global-form label+.form--select {
        padding: 0
    }

    form.banking-form label,
    form.global-form label {
        padding-top: .71429rem
    }

    form.banking-form .columns.column-long .columns,
    form.global-form .columns.column-long .columns {
        float: none;
        vertical-align: top
    }

    form.banking-form .columns.column-long .columns label,
    form.global-form .columns.column-long .columns label {
        padding-top: 11px
    }

    form.banking-form .columns .columns,
    form.global-form .columns .columns {
        display: table-cell
    }

    form.banking-form .columns .columns p,
    form.global-form .columns .columns p {
        text-align: right;
        padding-right: 20px
    }
}

form.banking-form .columns .columns p,
form.global-form .columns .columns p {
    word-break: break-word;
    word-wrap: break-word
}

form.banking-form p.form-label,
form.banking-form p.form-content,
form.global-form p.form-label,
form.global-form p.form-content {
    margin: 0
}

form.banking-form p.form-content,
form.global-form p.form-content {
    padding-left: 0;
    font-family: 'Sparkasse-Bold'
}

form.banking-form .overview-box.overview-box-in-form .row,
form.global-form .overview-box.overview-box-in-form .row {
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width:40em) {

    form.banking-form .overview-box.overview-box-in-form .form-label,
    form.global-form .overview-box.overview-box-in-form .form-label {
        padding-left: 20px;
        padding-right: 20px;
        width: 33.33333%;
        float: left;
        float: none;
        padding: 0;
        text-align: right;
        vertical-align: top;
        word-break: break-word
    }
}

@media only screen and (min-width:80em) {

    form.banking-form .overview-box.overview-box-in-form .form-label,
    form.global-form .overview-box.overview-box-in-form .form-label {
        padding-left: 20px;
        padding-right: 20px;
        width: 25%;
        float: left;
        padding: 0;
        float: none
    }
}

form.banking-form .overview-box.overview-box-in-form .form-content,
form.global-form .overview-box.overview-box-in-form .form-content {
    text-align: left;
    margin-bottom: 1.07143rem
}

@media only screen and (min-width:40em) {

    form.banking-form .overview-box.overview-box-in-form .form-content,
    form.global-form .overview-box.overview-box-in-form .form-content {
        padding-left: 20px;
        padding-right: 20px;
        width: 66.66667%;
        float: left;
        float: none;
        padding: 0 0 0 1.07143rem
    }
}

@media only screen and (min-width:80em) {

    form.banking-form .overview-box.overview-box-in-form .form-content,
    form.global-form .overview-box.overview-box-in-form .form-content {
        padding-left: 20px;
        padding-right: 20px;
        width: 75%;
        float: left;
        float: none;
        padding: 0 0 0 1.07143rem
    }
}

form.banking-form input[type='submit'],
form.global-form input[type='submit'] {
    background-color: #f73429;
    color: #fff;
    display: inline-block;
    margin-right: 0;
    padding-right: 2.14286rem;
    line-height: 1.42857rem
}

form.banking-form input[type='submit'].special,
form.global-form input[type='submit'].special {
    background-color: #3975b6
}

form.banking-form input[type='submit'].special:hover,
form.banking-form input[type='submit'].special:active,
form.banking-form input[type='submit'].special:focus,
form.global-form input[type='submit'].special:hover,
form.global-form input[type='submit'].special:active,
form.global-form input[type='submit'].special:focus {
    background-color: #2b5888
}

form.banking-form input[type='submit'].secondary,
form.global-form input[type='submit'].secondary {
    background-color: #a4a4a4
}

form.banking-form input[type='submit'].secondary:hover,
form.banking-form input[type='submit'].secondary:active,
form.banking-form input[type='submit'].secondary:focus,
form.global-form input[type='submit'].secondary:hover,
form.global-form input[type='submit'].secondary:active,
form.global-form input[type='submit'].secondary:focus {
    background-color: #7b7b7b
}

form.banking-form .submit-arrow,
form.banking-form .submit-cancel,
form.banking-form .submit-back,
form.global-form .submit-arrow,
form.global-form .submit-cancel,
form.global-form .submit-back {
    display: inline-block
}

form.banking-form .submit-arrow:after,
form.banking-form .submit-cancel:after,
form.banking-form .submit-back:after,
form.global-form .submit-arrow:after,
form.global-form .submit-cancel:after,
form.global-form .submit-back:after {
    right: 1.07143rem;
    top: 1.14286rem
}

form.banking-form .submit-back input[type=submit],
form.global-form .submit-back input[type=submit] {
    padding-left: 2.14286rem;
    padding-right: 1.78571rem
}

form.banking-form .submit-back:after,
form.global-form .submit-back:after {
    left: 2.5rem;
    right: auto
}

form.banking-form input[type=checkbox],
form.banking-form input[type=radio],
form.banking-form input[type=hidden],
form.global-form input[type=checkbox],
form.global-form input[type=radio],
form.global-form input[type=hidden] {
    display: none
}

form.banking-form input[type=checkbox]+label,
form.banking-form input[type=radio]+label,
form.banking-form input[type=hidden]+label,
form.global-form input[type=checkbox]+label,
form.global-form input[type=radio]+label,
form.global-form input[type=hidden]+label {
    cursor: pointer;
    margin-left: 0;
    line-height: 1.42857rem
}

@media only screen and (min-width:80em) {

    form.banking-form input[type=checkbox]+label,
    form.banking-form input[type=radio]+label,
    form.banking-form input[type=hidden]+label,
    form.global-form input[type=checkbox]+label,
    form.global-form input[type=radio]+label,
    form.global-form input[type=hidden]+label {
        width: auto;
        float: none;
        display: inline-block
    }
}

form.banking-form input[type=radio],
form.banking-form input[type=checkbox],
form.global-form input[type=radio],
form.global-form input[type=checkbox] {
    display: block;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute
}

form.banking-form input[type=radio]:focus+LABEL:before,
form.banking-form input[type=checkbox]:focus+LABEL:before,
form.global-form input[type=radio]:focus+LABEL:before,
form.global-form input[type=checkbox]:focus+LABEL:before {
    background-color: #bebebe
}

form.banking-form input[type=checkbox]:focus+label:after,
form.global-form input[type=checkbox]:focus+label:after {
    background-color: #bebebe
}

form.banking-form input[type=checkbox]+label,
form.banking-form input[type=checkbox]+input[type=hidden]+label,
form.global-form input[type=checkbox]+label,
form.global-form input[type=checkbox]+input[type=hidden]+label {
    cursor: pointer;
    display: inline-block;
    margin-right: 1.42857rem;
    position: relative;
    padding: .5rem 0 .5rem 2.85714rem;
    text-align: left;
    width: auto;
    margin-bottom: .71429rem
}

form.banking-form input[type=checkbox]+label.long-label,
form.banking-form input[type=checkbox]+input[type=hidden]+label.long-label,
form.global-form input[type=checkbox]+label.long-label,
form.global-form input[type=checkbox]+input[type=hidden]+label.long-label {
    padding-top: 0
}

@media only screen and (min-width:40em) {

    form.banking-form input[type=checkbox]+label,
    form.banking-form input[type=checkbox]+input[type=hidden]+label,
    form.global-form input[type=checkbox]+label,
    form.global-form input[type=checkbox]+input[type=hidden]+label {
        margin-bottom: 0
    }
}

form.banking-form input[type=checkbox]+label:hover:after,
form.banking-form input[type=checkbox]+label:focus:after,
form.banking-form input[type=checkbox]+input[type=hidden]+label:hover:after,
form.banking-form input[type=checkbox]+input[type=hidden]+label:focus:after,
form.global-form input[type=checkbox]+label:hover:after,
form.global-form input[type=checkbox]+label:focus:after,
form.global-form input[type=checkbox]+input[type=hidden]+label:hover:after,
form.global-form input[type=checkbox]+input[type=hidden]+label:focus:after {
    background-color: #bebebe
}

form.banking-form input[type=checkbox]+label:before,
form.banking-form input[type=checkbox]+label:after,
form.banking-form input[type=checkbox]+input[type=hidden]+label:before,
form.banking-form input[type=checkbox]+input[type=hidden]+label:after,
form.global-form input[type=checkbox]+label:before,
form.global-form input[type=checkbox]+label:after,
form.global-form input[type=checkbox]+input[type=hidden]+label:before,
form.global-form input[type=checkbox]+input[type=hidden]+label:after {
    content: " ";
    position: absolute;
    speak: none
}

form.banking-form input[type=checkbox]+label:before,
form.banking-form input[type=checkbox]+input[type=hidden]+label:before,
form.global-form input[type=checkbox]+label:before,
form.global-form input[type=checkbox]+input[type=hidden]+label:before {
    left: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    z-index: 1;
    background-size: 20px 20px
}

form.banking-form input[type=checkbox]+label:after,
form.banking-form input[type=checkbox]+input[type=hidden]+label:after,
form.global-form input[type=checkbox]+label:after,
form.global-form input[type=checkbox]+input[type=hidden]+label:after {
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    z-index: 0;
    background-color: #d7d7d7
}

form.banking-form input[type=checkbox]+label,
form.banking-form input[type=checkbox]+input[type=hidden]+label,
form.banking-form input[type=radio]+label,
form.global-form input[type=checkbox]+label,
form.global-form input[type=checkbox]+input[type=hidden]+label,
form.global-form input[type=radio]+label {
    min-height: 30px
}

form.banking-form input[type=checkbox]+label.has-info,
form.banking-form input[type=checkbox]+input[type=hidden]+label.has-info,
form.banking-form input[type=radio]+label.has-info,
form.global-form input[type=checkbox]+label.has-info,
form.global-form input[type=checkbox]+input[type=hidden]+label.has-info,
form.global-form input[type=radio]+label.has-info {
    margin-right: 2.85714rem;
    text-align: left
}

form.banking-form input[type=checkbox]+label.has-info .icon-link,
form.banking-form input[type=checkbox]+input[type=hidden]+label.has-info .icon-link,
form.banking-form input[type=radio]+label.has-info .icon-link,
form.global-form input[type=checkbox]+label.has-info .icon-link,
form.global-form input[type=checkbox]+input[type=hidden]+label.has-info .icon-link,
form.global-form input[type=radio]+label.has-info .icon-link {
    margin: 0;
    position: absolute;
    right: -26px;
    top: -11px;
    z-index: 100
}

@media only screen and (min-width:80em) {

    form.banking-form input[type=checkbox]+label.has-info .icon-link,
    form.banking-form input[type=checkbox]+input[type=hidden]+label.has-info .icon-link,
    form.banking-form input[type=radio]+label.has-info .icon-link,
    form.global-form input[type=checkbox]+label.has-info .icon-link,
    form.global-form input[type=checkbox]+input[type=hidden]+label.has-info .icon-link,
    form.global-form input[type=radio]+label.has-info .icon-link {
        top: -3px
    }
}

form.banking-form input[type=checkbox]+label.has-info[data-label-text=""] .icon-link,
form.banking-form input[type=checkbox]+input[type=hidden]+label.has-info[data-label-text=""] .icon-link,
form.banking-form input[type=radio]+label.has-info[data-label-text=""] .icon-link,
form.global-form input[type=checkbox]+label.has-info[data-label-text=""] .icon-link,
form.global-form input[type=checkbox]+input[type=hidden]+label.has-info[data-label-text=""] .icon-link,
form.global-form input[type=radio]+label.has-info[data-label-text=""] .icon-link {
    right: -20px
}

form.banking-form input[type=radio]+label,
form.banking-form input[type=radio]+.radio-select,
form.global-form input[type=radio]+label,
form.global-form input[type=radio]+.radio-select {
    padding: 0 0 .35714rem 2.85714rem
}

@media only screen and (min-width:40em) {

    form.banking-form input[type=radio]+label,
    form.banking-form input[type=radio]+.radio-select,
    form.global-form input[type=radio]+label,
    form.global-form input[type=radio]+.radio-select {
        display: inline-block
    }
}

form.banking-form input[type=radio]+label:hover:before,
form.banking-form input[type=radio]+label:focus:before,
form.banking-form input[type=radio]+.radio-select:hover:before,
form.banking-form input[type=radio]+.radio-select:focus:before,
form.global-form input[type=radio]+label:hover:before,
form.global-form input[type=radio]+label:focus:before,
form.global-form input[type=radio]+.radio-select:hover:before,
form.global-form input[type=radio]+.radio-select:focus:before {
    background-color: #bebebe
}

form.banking-form input[type=radio]+label:before,
form.banking-form input[type=radio]+.radio-select:before,
form.global-form input[type=radio]+label:before,
form.global-form input[type=radio]+.radio-select:before {
    content: "";
    speak: none;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 15px;
    background-color: #d7d7d7
}

form.banking-form input[type=radio]+.radio-select,
form.global-form input[type=radio]+.radio-select {
    margin: 0 1.42857rem .71429rem 0
}

@media only screen and (min-width:40em) {

    form.banking-form input[type=radio]+.radio-select,
    form.global-form input[type=radio]+.radio-select {
        margin-bottom: 0
    }
}

form.banking-form input[type=radio]+label,
form.global-form input[type=radio]+label {
    cursor: pointer;
    position: relative;
    margin-bottom: .71429rem;
    padding: .35714rem 0 .35714rem 2.85714rem;
    text-align: left
}

@media only screen and (min-width:40em) {

    form.banking-form input[type=radio]+label,
    form.global-form input[type=radio]+label {
        margin-bottom: 0
    }
}

form.banking-form .extra-margin input[type=radio]+label,
form.global-form .extra-margin input[type=radio]+label {
    margin-bottom: .71429rem
}

form.banking-form .left input[type=radio]+label,
form.global-form .left input[type=radio]+label {
    margin-bottom: .71429rem !important
}

form.banking-form input[type=radio]:checked+label:after,
form.banking-form input[type=radio]:checked+.radio-select:after,
form.global-form input[type=radio]:checked+label:after,
form.global-form input[type=radio]:checked+.radio-select:after {
    content: "";
    speak: none;
    position: absolute;
    border-radius: 10px;
    background-color: #3f3f3f;
    width: 14px;
    height: 14px;
    left: .57143rem;
    top: .57143rem
}

form.banking-form select,
form.global-form select {
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #d7d7d7;
    background-image: none;
    height: 38px;
    line-height: 20px
}

form.banking-form select option:disabled,
form.global-form select option:disabled {
    display: none
}

form.banking-form select option,
form.global-form select option {
    margin: .42857rem;
    border: 0
}

form.banking-form select[multiple],
form.global-form select[multiple] {
    padding: 0;
    overflow: hidden
}

form.banking-form select[multiple] OPTION,
form.global-form select[multiple] OPTION {
    padding: .5rem .85714rem;
    margin: 0
}

form.banking-form select[multiple] OPTION:hover,
form.banking-form select[multiple] OPTION:focus,
form.global-form select[multiple] OPTION:hover,
form.global-form select[multiple] OPTION:focus {
    background-color: #bebebe
}

form.banking-form select[multiple] option[selected],
form.banking-form select[multiple] option:focus,
form.global-form select[multiple] option[selected],
form.global-form select[multiple] option:focus {
    background-color: #bebebe
}

form.banking-form .form--select,
form.global-form .form--select {
    display: inline-block;
    position: relative;
    width: auto;
    min-width: 120px
}

@media only screen and (min-width:40em) {

    form.banking-form .form--select,
    form.global-form .form--select {
        min-width: 180px
    }
}

form.banking-form .form--select.multiple,
form.global-form .form--select.multiple {
    overflow: hidden
}

form.banking-form .form--select:not(.multiple):before,
form.global-form .form--select:not(.multiple):before {
    content: ' ';
    position: absolute;
    width: 30px;
    height: 100%;
    right: 1px;
    top: 0;
    border: 0;
    pointer-events: none;
    background-color: #d7d7d7
}

form.banking-form .form--select:not(.multiple):after,
form.global-form .form--select:not(.multiple):after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 14px;
    right: 11px;
    width: 12px;
    height: 11px;
    font-size: 11px;
    color: #3f3f3f;
    pointer-events: none
}

form.banking-form .form--select:hover:not(.multiple):before,
form.banking-form .form--select:focus:not(.multiple):before,
form.global-form .form--select:hover:not(.multiple):before,
form.global-form .form--select:focus:not(.multiple):before {
    background-color: #bebebe
}

form.banking-form .form--select+small,
form.global-form .form--select+small {
    display: inline-block;
    width: 100%
}

form.banking-form .radio-select,
form.global-form .radio-select {
    position: relative
}

form.banking-form .form-buttons,
form.global-form .form-buttons {
    text-align: right;
    margin-top: 1.42857rem
}

form.banking-form .form-buttons a.text-link,
form.banking-form .form-buttons span.text-link,
form.global-form .form-buttons a.text-link,
form.global-form .form-buttons span.text-link {
    margin-left: 1.42857rem;
    margin-bottom: 14px;
    display: inline-block
}

form.banking-form .form-buttons .submit-arrow,
form.global-form .form-buttons .submit-arrow {
    margin-bottom: 14px
}

form.banking-form .form-buttons .button-list .button.primary,
form.banking-form .form-buttons .button-list .button.secondary,
form.banking-form .form-buttons .button-list .button.special,
form.banking-form .form-buttons .button.primary,
form.banking-form .form-buttons .button.secondary,
form.banking-form .form-buttons .button.special,
form.global-form .form-buttons .button-list .button.primary,
form.global-form .form-buttons .button-list .button.secondary,
form.global-form .form-buttons .button-list .button.special,
form.global-form .form-buttons .button.primary,
form.global-form .form-buttons .button.secondary,
form.global-form .form-buttons .button.special {
    margin-left: 1.42857rem;
    margin-right: 0
}

@media only screen and (min-width:40em) {

    form.banking-form .form-buttons.postbox-button,
    form.global-form .form-buttons.postbox-button {
        width: 183px;
        display: table-cell;
        vertical-align: bottom
    }

    form.banking-form .form-buttons.postbox-button a,
    form.global-form .form-buttons.postbox-button a {
        margin-bottom: 0
    }
}

@media only screen and (min-width:80em) {

    form.banking-form .form-buttons.postbox-button,
    form.global-form .form-buttons.postbox-button {
        vertical-align: top
    }
}

form.banking-form input[type="text"].error,
form.banking-form input[type="password"].error,
form.banking-form input[type="date"].error,
form.banking-form input[type="datetime"].error,
form.banking-form input[type="datetime-local"].error,
form.banking-form input[type="month"].error,
form.banking-form input[type="week"].error,
form.banking-form input[type="email"].error,
form.banking-form input[type="number"].error,
form.banking-form input[type="search"].error,
form.banking-form input[type="tel"].error,
form.banking-form input[type="time"].error,
form.banking-form input[type="url"].error,
form.banking-form input[type="color"].error,
form.banking-form textarea.error,
form.banking-form select.error,
form.global-form input[type="text"].error,
form.global-form input[type="password"].error,
form.global-form input[type="date"].error,
form.global-form input[type="datetime"].error,
form.global-form input[type="datetime-local"].error,
form.global-form input[type="month"].error,
form.global-form input[type="week"].error,
form.global-form input[type="email"].error,
form.global-form input[type="number"].error,
form.global-form input[type="search"].error,
form.global-form input[type="tel"].error,
form.global-form input[type="time"].error,
form.global-form input[type="url"].error,
form.global-form input[type="color"].error,
form.global-form textarea.error,
form.global-form select.error {
    border: 1px solid #f73429
}

form.banking-form input[type="text"]:hover,
form.banking-form input[type="text"]:focus,
form.banking-form input[type="text"].autofocussed,
form.banking-form input[type="password"]:hover,
form.banking-form input[type="password"]:focus,
form.banking-form input[type="password"].autofocussed,
form.banking-form input[type="date"]:hover,
form.banking-form input[type="date"]:focus,
form.banking-form input[type="date"].autofocussed,
form.banking-form input[type="datetime"]:hover,
form.banking-form input[type="datetime"]:focus,
form.banking-form input[type="datetime"].autofocussed,
form.banking-form input[type="datetime-local"]:hover,
form.banking-form input[type="datetime-local"]:focus,
form.banking-form input[type="datetime-local"].autofocussed,
form.banking-form input[type="month"]:hover,
form.banking-form input[type="month"]:focus,
form.banking-form input[type="month"].autofocussed,
form.banking-form input[type="week"]:hover,
form.banking-form input[type="week"]:focus,
form.banking-form input[type="week"].autofocussed,
form.banking-form input[type="email"]:hover,
form.banking-form input[type="email"]:focus,
form.banking-form input[type="email"].autofocussed,
form.banking-form input[type="number"]:hover,
form.banking-form input[type="number"]:focus,
form.banking-form input[type="number"].autofocussed,
form.banking-form input[type="search"]:hover,
form.banking-form input[type="search"]:focus,
form.banking-form input[type="search"].autofocussed,
form.banking-form input[type="tel"]:hover,
form.banking-form input[type="tel"]:focus,
form.banking-form input[type="tel"].autofocussed,
form.banking-form input[type="time"]:hover,
form.banking-form input[type="time"]:focus,
form.banking-form input[type="time"].autofocussed,
form.banking-form input[type="url"]:hover,
form.banking-form input[type="url"]:focus,
form.banking-form input[type="url"].autofocussed,
form.banking-form input[type="color"]:hover,
form.banking-form input[type="color"]:focus,
form.banking-form input[type="color"].autofocussed,
form.banking-form textarea:hover,
form.banking-form textarea:focus,
form.banking-form textarea.autofocussed,
form.banking-form select:hover,
form.banking-form select:focus,
form.banking-form select.autofocussed,
form.global-form input[type="text"]:hover,
form.global-form input[type="text"]:focus,
form.global-form input[type="text"].autofocussed,
form.global-form input[type="password"]:hover,
form.global-form input[type="password"]:focus,
form.global-form input[type="password"].autofocussed,
form.global-form input[type="date"]:hover,
form.global-form input[type="date"]:focus,
form.global-form input[type="date"].autofocussed,
form.global-form input[type="datetime"]:hover,
form.global-form input[type="datetime"]:focus,
form.global-form input[type="datetime"].autofocussed,
form.global-form input[type="datetime-local"]:hover,
form.global-form input[type="datetime-local"]:focus,
form.global-form input[type="datetime-local"].autofocussed,
form.global-form input[type="month"]:hover,
form.global-form input[type="month"]:focus,
form.global-form input[type="month"].autofocussed,
form.global-form input[type="week"]:hover,
form.global-form input[type="week"]:focus,
form.global-form input[type="week"].autofocussed,
form.global-form input[type="email"]:hover,
form.global-form input[type="email"]:focus,
form.global-form input[type="email"].autofocussed,
form.global-form input[type="number"]:hover,
form.global-form input[type="number"]:focus,
form.global-form input[type="number"].autofocussed,
form.global-form input[type="search"]:hover,
form.global-form input[type="search"]:focus,
form.global-form input[type="search"].autofocussed,
form.global-form input[type="tel"]:hover,
form.global-form input[type="tel"]:focus,
form.global-form input[type="tel"].autofocussed,
form.global-form input[type="time"]:hover,
form.global-form input[type="time"]:focus,
form.global-form input[type="time"].autofocussed,
form.global-form input[type="url"]:hover,
form.global-form input[type="url"]:focus,
form.global-form input[type="url"].autofocussed,
form.global-form input[type="color"]:hover,
form.global-form input[type="color"]:focus,
form.global-form input[type="color"].autofocussed,
form.global-form textarea:hover,
form.global-form textarea:focus,
form.global-form textarea.autofocussed,
form.global-form select:hover,
form.global-form select:focus,
form.global-form select.autofocussed {
    background-color: #bebebe
}

form.banking-form input[type="text"].short-input,
form.banking-form input[type="password"].short-input,
form.banking-form input[type="date"].short-input,
form.banking-form input[type="datetime"].short-input,
form.banking-form input[type="datetime-local"].short-input,
form.banking-form input[type="month"].short-input,
form.banking-form input[type="week"].short-input,
form.banking-form input[type="email"].short-input,
form.banking-form input[type="number"].short-input,
form.banking-form input[type="search"].short-input,
form.banking-form input[type="tel"].short-input,
form.banking-form input[type="time"].short-input,
form.banking-form input[type="url"].short-input,
form.banking-form input[type="color"].short-input,
form.banking-form textarea.short-input,
form.banking-form select.short-input,
form.global-form input[type="text"].short-input,
form.global-form input[type="password"].short-input,
form.global-form input[type="date"].short-input,
form.global-form input[type="datetime"].short-input,
form.global-form input[type="datetime-local"].short-input,
form.global-form input[type="month"].short-input,
form.global-form input[type="week"].short-input,
form.global-form input[type="email"].short-input,
form.global-form input[type="number"].short-input,
form.global-form input[type="search"].short-input,
form.global-form input[type="tel"].short-input,
form.global-form input[type="time"].short-input,
form.global-form input[type="url"].short-input,
form.global-form input[type="color"].short-input,
form.global-form textarea.short-input,
form.global-form select.short-input {
    width: 200px;
    float: left
}

form.banking-form input[type="text"].short-input+.extra-label,
form.banking-form input[type="password"].short-input+.extra-label,
form.banking-form input[type="date"].short-input+.extra-label,
form.banking-form input[type="datetime"].short-input+.extra-label,
form.banking-form input[type="datetime-local"].short-input+.extra-label,
form.banking-form input[type="month"].short-input+.extra-label,
form.banking-form input[type="week"].short-input+.extra-label,
form.banking-form input[type="email"].short-input+.extra-label,
form.banking-form input[type="number"].short-input+.extra-label,
form.banking-form input[type="search"].short-input+.extra-label,
form.banking-form input[type="tel"].short-input+.extra-label,
form.banking-form input[type="time"].short-input+.extra-label,
form.banking-form input[type="url"].short-input+.extra-label,
form.banking-form input[type="color"].short-input+.extra-label,
form.banking-form textarea.short-input+.extra-label,
form.banking-form select.short-input+.extra-label,
form.global-form input[type="text"].short-input+.extra-label,
form.global-form input[type="password"].short-input+.extra-label,
form.global-form input[type="date"].short-input+.extra-label,
form.global-form input[type="datetime"].short-input+.extra-label,
form.global-form input[type="datetime-local"].short-input+.extra-label,
form.global-form input[type="month"].short-input+.extra-label,
form.global-form input[type="week"].short-input+.extra-label,
form.global-form input[type="email"].short-input+.extra-label,
form.global-form input[type="number"].short-input+.extra-label,
form.global-form input[type="search"].short-input+.extra-label,
form.global-form input[type="tel"].short-input+.extra-label,
form.global-form input[type="time"].short-input+.extra-label,
form.global-form input[type="url"].short-input+.extra-label,
form.global-form input[type="color"].short-input+.extra-label,
form.global-form textarea.short-input+.extra-label,
form.global-form select.short-input+.extra-label {
    display: inline-block;
    width: auto;
    padding-left: 10px !important;
    margin-top: 8px
}

@media only screen and (min-width:80em) {

    form.banking-form input[type="text"].short-input+.extra-label,
    form.banking-form input[type="password"].short-input+.extra-label,
    form.banking-form input[type="date"].short-input+.extra-label,
    form.banking-form input[type="datetime"].short-input+.extra-label,
    form.banking-form input[type="datetime-local"].short-input+.extra-label,
    form.banking-form input[type="month"].short-input+.extra-label,
    form.banking-form input[type="week"].short-input+.extra-label,
    form.banking-form input[type="email"].short-input+.extra-label,
    form.banking-form input[type="number"].short-input+.extra-label,
    form.banking-form input[type="search"].short-input+.extra-label,
    form.banking-form input[type="tel"].short-input+.extra-label,
    form.banking-form input[type="time"].short-input+.extra-label,
    form.banking-form input[type="url"].short-input+.extra-label,
    form.banking-form input[type="color"].short-input+.extra-label,
    form.banking-form textarea.short-input+.extra-label,
    form.banking-form select.short-input+.extra-label,
    form.global-form input[type="text"].short-input+.extra-label,
    form.global-form input[type="password"].short-input+.extra-label,
    form.global-form input[type="date"].short-input+.extra-label,
    form.global-form input[type="datetime"].short-input+.extra-label,
    form.global-form input[type="datetime-local"].short-input+.extra-label,
    form.global-form input[type="month"].short-input+.extra-label,
    form.global-form input[type="week"].short-input+.extra-label,
    form.global-form input[type="email"].short-input+.extra-label,
    form.global-form input[type="number"].short-input+.extra-label,
    form.global-form input[type="search"].short-input+.extra-label,
    form.global-form input[type="tel"].short-input+.extra-label,
    form.global-form input[type="time"].short-input+.extra-label,
    form.global-form input[type="url"].short-input+.extra-label,
    form.global-form input[type="color"].short-input+.extra-label,
    form.global-form textarea.short-input+.extra-label,
    form.global-form select.short-input+.extra-label {
        margin-top: 0
    }
}

form.banking-form .form--select.autofocussed:before,
form.banking-form .form--select.autofocussed select,
form.global-form .form--select.autofocussed:before,
form.global-form .form--select.autofocussed select {
    background-color: #bebebe
}

form.banking-form input[type=checkbox].error+label:after,
form.banking-form input[type=checkbox].error+input[type=hidden]+label:after,
form.global-form input[type=checkbox].error+label:after,
form.global-form input[type=checkbox].error+input[type=hidden]+label:after {
    border: 1px solid #f73429
}

form.banking-form input[type=checkbox]:disabled+label,
form.global-form input[type=checkbox]:disabled+label {
    cursor: no-drop;
    color: #e8e8e8
}

form.banking-form input[type=checkbox]:disabled+label:hover:after,
form.banking-form input[type=checkbox]:disabled+label:focus:after,
form.global-form input[type=checkbox]:disabled+label:hover:after,
form.global-form input[type=checkbox]:disabled+label:focus:after {
    background-color: #d7d7d7
}

form.banking-form input[type=checkbox]:disabled:checked+LABEL,
form.global-form input[type=checkbox]:disabled:checked+LABEL {
    color: #3f3f3f
}

form.banking-form input[type=checkbox]:disabled:checked+LABEL::before,
form.banking-form input[type=checkbox]:disabled:checked+LABEL::after,
form.global-form input[type=checkbox]:disabled:checked+LABEL::before,
form.global-form input[type=checkbox]:disabled:checked+LABEL::after {
    opacity: .4
}

form.banking-form input[type=radio].error+label:before,
form.global-form input[type=radio].error+label:before {
    border: 1px solid #f73429
}

form.banking-form .form--select.error:not(.multiple):before,
form.global-form .form--select.error:not(.multiple):before {
    border-top: 1px solid #f73429;
    border-bottom: 1px solid #f73429
}

form.banking-form .icon-container,
form.global-form .icon-container {
    display: table
}

form.banking-form .icon-container input,
form.banking-form .icon-container a.icon-link,
form.banking-form .icon-container .icon-link,
form.global-form .icon-container input,
form.global-form .icon-container a.icon-link,
form.global-form .icon-container .icon-link {
    display: table-cell;
    vertical-align: middle
}

form.banking-form .icon-container label,
form.global-form .icon-container label {
    display: table-row;
    padding-bottom: .71429rem
}

@media only screen and (min-width:80em) {

    form.banking-form .icon-container label,
    form.global-form .icon-container label {
        display: table-cell;
        padding-bottom: 0
    }
}

form.banking-form .icon-container input,
form.global-form .icon-container input {
    margin-top: .57143rem
}

@media only screen and (min-width:80em) {

    form.banking-form .icon-container input,
    form.global-form .icon-container input {
        margin-top: 0
    }
}

form.banking-form .icon-container label+textarea,
form.global-form .icon-container label+textarea {
    margin-top: .64286rem
}

@media only screen and (min-width:80em) {

    form.banking-form .icon-container label+textarea,
    form.global-form .icon-container label+textarea {
        margin-top: 0
    }
}

form.banking-form .icon-container .datepicker-wrapper,
form.global-form .icon-container .datepicker-wrapper {
    width: 120px
}

form.banking-form .icon-container .datepicker-wrapper:after,
form.global-form .icon-container .datepicker-wrapper:after {
    content: "";
    speak: none;
    position: absolute;
    width: 21px;
    height: 29px;
    right: 0;
    top: 6px;
    margin-top: 8px
}

form.banking-form .icon-link,
form.global-form .icon-link {
    width: 28px;
    position: relative;
    margin-left: 30px
}

form.banking-form .icon-link .tooltip,
form.global-form .icon-link .tooltip {
    position: absolute;
    top: 1.28571rem;
    left: .35714rem
}

@media only screen and (min-width:80em) {

    form.banking-form .icon-link .tooltip,
    form.global-form .icon-link .tooltip {
        top: .71429rem
    }
}

form.banking-form a.icon-link.icon-template:after,
form.banking-form a.icon-link.icon-iban:after,
form.banking-form a.icon-link.icon-calendar:after,
form.global-form a.icon-link.icon-template:after,
form.global-form a.icon-link.icon-iban:after,
form.global-form a.icon-link.icon-calendar:after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 4px;
    right: 7px;
    width: 18px;
    height: 26px;
    font-size: 26px;
    text-indent: 0;
    color: #3f3f3f
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    form.banking-form a.icon-link.icon-template:after,
    form.banking-form a.icon-link.icon-iban:after,
    form.banking-form a.icon-link.icon-calendar:after,
    form.global-form a.icon-link.icon-template:after,
    form.global-form a.icon-link.icon-iban:after,
    form.global-form a.icon-link.icon-calendar:after {
        top: 14px
    }
}

@media only screen and (max-width:39.938em) {

    form.banking-form a.icon-link.icon-template:after,
    form.banking-form a.icon-link.icon-iban:after,
    form.banking-form a.icon-link.icon-calendar:after,
    form.global-form a.icon-link.icon-template:after,
    form.global-form a.icon-link.icon-iban:after,
    form.global-form a.icon-link.icon-calendar:after {
        top: 14px
    }
}

form.banking-form a.icon-link.icon-calendar,
form.global-form a.icon-link.icon-calendar {
    width: 32px
}

form.banking-form a.icon-link.icon-calendar:after,
form.global-form a.icon-link.icon-calendar:after {
    width: 28px;
    height: 34px
}

form.banking-form a.icon-link.icon-template:hover:after,
form.banking-form a.icon-link.icon-template:focus:after,
form.global-form a.icon-link.icon-template:hover:after,
form.global-form a.icon-link.icon-template:focus:after {
    color: #f73429
}

form.banking-form a.icon-link.icon-iban:hover:after,
form.banking-form a.icon-link.icon-iban:focus:after,
form.global-form a.icon-link.icon-iban:hover:after,
form.global-form a.icon-link.icon-iban:focus:after {
    color: #f73429
}

form.banking-form a.icon-link.icon-calendar,
form.global-form a.icon-link.icon-calendar {
    float: left;
    height: 45px;
    margin-left: 15px
}

@media only screen and (min-width:40em) {

    form.banking-form a.icon-link.icon-calendar,
    form.global-form a.icon-link.icon-calendar {
        height: 40px
    }
}

form.banking-form a.icon-link.icon-calendar:after,
form.global-form a.icon-link.icon-calendar:after {
    font-size: 29px;
    right: 0
}

@media only screen and (max-width:39.938em) {

    form.banking-form a.icon-link.icon-calendar:after,
    form.global-form a.icon-link.icon-calendar:after {
        top: 4px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    form.banking-form a.icon-link.icon-calendar:after,
    form.global-form a.icon-link.icon-calendar:after {
        top: 5px
    }
}

@media only screen and (min-width:80em) {

    form.banking-form a.icon-link.icon-calendar:after,
    form.global-form a.icon-link.icon-calendar:after {
        top: 3px
    }
}

form.banking-form a.icon-link.icon-calendar:hover:after,
form.banking-form a.icon-link.icon-calendar:focus:after,
form.global-form a.icon-link.icon-calendar:hover:after,
form.global-form a.icon-link.icon-calendar:focus:after {
    color: #f73429
}

form.banking-form a.icon-link.icon-calendar.icon-calendar-layer,
form.global-form a.icon-link.icon-calendar.icon-calendar-layer {
    top: -1px
}

form.banking-form .left a.icon-link.icon-calendar:after,
form.global-form .left a.icon-link.icon-calendar:after {
    top: -5px
}

@media only screen and (min-width:80em) {

    form.banking-form .left a.icon-link.icon-calendar:after,
    form.global-form .left a.icon-link.icon-calendar:after {
        top: 4px
    }
}

form.banking-form .login-form .login-form-element,
form.global-form .login-form .login-form-element {
    margin-bottom: 1.42857rem
}

form.banking-form .login-form .login-form-element:last-child,
form.global-form .login-form .login-form-element:last-child {
    text-align: right
}

form.banking-form .login-form .login-form-element p,
form.global-form .login-form .login-form-element p {
    margin-bottom: .35714rem
}

form.banking-form .login-form .login-form-element .submit-arrow,
form.global-form .login-form .login-form-element .submit-arrow {
    float: right
}

form.banking-form .login-form small.error,
form.global-form .login-form small.error {
    float: none;
    width: auto
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    form.banking-form .login-form,
    form.global-form .login-form {
        display: table;
        width: 100%;
        float: left
    }

    form.banking-form .login-form .login-form-element,
    form.global-form .login-form .login-form-element {
        display: table-cell;
        vertical-align: top;
        padding-right: 1.42857rem;
        margin-bottom: 0
    }

    form.banking-form .login-form .login-form-element:last-child,
    form.global-form .login-form .login-form-element:last-child {
        width: 120px;
        padding-right: 0
    }

    form.banking-form .login-form input[type="submit"],
    form.global-form .login-form input[type="submit"] {
        margin-left: 0;
        margin-top: 2rem
    }
}

@media only screen and (min-width:80em) {

    form.banking-form .login-form,
    form.global-form .login-form {
        display: table;
        width: 855px
    }

    form.banking-form .login-form .login-form-element,
    form.global-form .login-form .login-form-element {
        margin-bottom: 0
    }

    form.banking-form .login-form .login-form-element:last-child,
    form.global-form .login-form .login-form-element:last-child {
        text-align: left
    }

    form.banking-form .login-form .login-field,
    form.banking-form .login-form p,
    form.global-form .login-form .login-field,
    form.global-form .login-form p {
        float: left
    }

    form.banking-form .login-form p,
    form.global-form .login-form p {
        padding-top: .71429rem;
        margin-right: .71429rem;
        font-size: 1.14286rem;
        line-height: 1.28571rem
    }

    form.banking-form .login-form input[type="text"],
    form.banking-form .login-form input[type="number"],
    form.banking-form .login-form input[type="password"],
    form.banking-form .login-form small.error,
    form.global-form .login-form input[type="text"],
    form.global-form .login-form input[type="number"],
    form.global-form .login-form input[type="password"],
    form.global-form .login-form small.error {
        max-width: 190px
    }

    form.banking-form .login-form input[type="text"],
    form.banking-form .login-form input[type="number"],
    form.banking-form .login-form input[type="password"],
    form.banking-form .login-form div.multi-input-wrapper,
    form.global-form .login-form input[type="text"],
    form.global-form .login-form input[type="number"],
    form.global-form .login-form input[type="password"],
    form.global-form .login-form div.multi-input-wrapper {
        margin-right: 1.42857rem
    }
}

form.banking-form .link-list,
form.global-form .link-list {
    text-align: right
}

@media only screen and (min-width:80em) {

    form.banking-form .link-list,
    form.global-form .link-list {
        text-align: left
    }
}

form.banking-form .link-list a,
form.global-form .link-list a {
    margin-left: 2.14286rem
}

@media only screen and (min-width:80em) {

    form.banking-form .link-list a,
    form.global-form .link-list a {
        margin-right: 2.14286rem;
        margin-left: 0
    }
}

form.banking-form .input--wrapper,
form.global-form .input--wrapper {
    padding: 0 0 .35714rem 2.85714rem
}

form.banking-form .input-field--wrapper:first-of-type:before,
form.global-form .input-field--wrapper:first-of-type:before {
    content: "";
    speak: none;
    width: 30px;
    height: 30px;
    position: absolute;
    left: -2.85714rem;
    top: 5px;
    border-radius: 15px;
    background-color: #d7d7d7
}

form.banking-form input[type=radio]:checked+.input-field--wrapper:first-of-type:after,
form.global-form input[type=radio]:checked+.input-field--wrapper:first-of-type:after {
    content: "";
    speak: none;
    position: absolute;
    border-radius: 10px;
    background-color: #3f3f3f;
    width: 14px;
    height: 14px;
    left: -2.28571rem;
    top: .92857rem
}

form.banking-form .input-field--wrapper,
form.global-form .input-field--wrapper {
    float: left;
    clear: left;
    position: relative;
    margin-bottom: .71429rem
}

@media only screen and (min-width:80em) {

    form.banking-form .input-field--wrapper,
    form.global-form .input-field--wrapper {
        clear: none;
        margin-right: 1.42857rem;
        padding-right: 2.14286rem
    }
}

form.banking-form .input-field--wrapper span,
form.global-form .input-field--wrapper span {
    min-width: 27px;
    text-align: right;
    display: inline-block;
    float: left;
    margin-top: .71429rem;
    font-size: 1.14286rem
}

form.banking-form .input-field--wrapper>a,
form.global-form .input-field--wrapper>a {
    display: inline-block;
    height: 2.71429rem;
    float: left;
    position: absolute
}

form.banking-form .input-field--wrapper>a.icon-calendar-layer,
form.global-form .input-field--wrapper>a.icon-calendar-layer {
    margin-left: 0
}

@media only screen and (min-width:80em) {

    form.banking-form .input-field--wrapper>a,
    form.global-form .input-field--wrapper>a {
        right: -5px;
        top: 4px
    }
}

form.banking-form .input-field--wrapper .datepicker-container-for-copy-wrapper,
form.global-form .input-field--wrapper .datepicker-container-for-copy-wrapper {
    display: none;
    float: left;
    clear: left;
    margin-left: -40px
}

@media only screen and (min-width:80em) {

    form.banking-form .input-field--wrapper .datepicker-container-for-copy-wrapper,
    form.global-form .input-field--wrapper .datepicker-container-for-copy-wrapper {
        margin-left: 0
    }
}

form.banking-form .input-field--wrapper .datepicker-container-for-copy-wrapper p,
form.global-form .input-field--wrapper .datepicker-container-for-copy-wrapper p {
    margin-bottom: .21429rem
}

form.banking-form input.datepicker,
form.global-form input.datepicker {
    width: 120px;
    float: left
}

form.banking-form input.datepicker+small.error,
form.global-form input.datepicker+small.error {
    width: 140px;
    float: left;
    clear: left
}

form.banking-form .columns p:last-child,
form.global-form .columns p:last-child {
    margin-bottom: 0
}

form.banking-form label.extra-label,
form.global-form label.extra-label {
    padding-left: 0;
    text-align: left
}

@media only screen and (min-width:80em) {

    form.banking-form label.extra-label,
    form.global-form label.extra-label {
        padding-left: 10px
    }
}

form.banking-form label.long-label,
form.global-form label.long-label {
    padding-top: 0;
    vertical-align: middle
}

form.banking-form .radio-plus-input,
form.global-form .radio-plus-input {
    display: table;
    width: 100%
}

form.banking-form .radio-plus-input label,
form.global-form .radio-plus-input label {
    display: table-cell !important;
    margin-right: 0;
    top: 4px;
    width: 40px !important
}

form.banking-form .radio-plus-input label.extra-label,
form.global-form .radio-plus-input label.extra-label {
    width: auto !important;
    min-width: 40px;
    padding-left: 10px;
    padding-top: 0;
    vertical-align: middle
}

form.banking-form .radio-plus-input+p,
form.global-form .radio-plus-input+p {
    text-align: left !important;
    padding-left: 40px !important
}

form.banking-form p#account-turnover--single-account-hidden-input.form-label,
form.global-form p#account-turnover--single-account-hidden-input.form-label {
    margin: 0;
    padding: 0
}

form.banking-form p#account-turnover--single-account-form-content.form-content,
form.global-form p#account-turnover--single-account-form-content.form-content {
    width: auto;
    font-family: 'Sparkasse-Regular'
}

@media only screen and (min-width:40em) {

    form.banking-form p#account-turnover--single-account-form-content.form-content,
    form.global-form p#account-turnover--single-account-form-content.form-content {
        margin-top: 7px
    }
}

@media only screen and (min-width:80em) {

    form.banking-form p#account-turnover--single-account-form-content.form-content,
    form.global-form p#account-turnover--single-account-form-content.form-content {
        margin-top: 9px
    }
}

form.banking-form .scrollable-text,
form.global-form .scrollable-text {
    margin-bottom: 1.07143rem
}

small.error {
    font-size: 1rem;
    display: inline-block;
    background: 0;
    font-style: normal;
    padding: 0;
    padding-top: .14286rem;
    margin-bottom: 0;
    width: 100%;
    line-height: 100%;
    margin-top: 0
}

small.error[data-id="capslock-on"] {
    display: none
}

.errorHeadline {
    font-family: 'Sparkasse-Bold';
    color: #f73429
}

@media only screen and (min-width:80em) {

    .overlay-content form.banking-form label,
    .overlay-content form.global-forms label {
        padding-left: 20px;
        padding-right: 20px;
        width: 25%;
        float: left;
        text-align: right;
        vertical-align: top;
        padding-left: 0;
        word-break: normal;
        float: none
    }

    .overlay-content form.banking-form label+input,
    .overlay-content form.global-forms label+input {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        float: left;
        padding-left: .85714rem;
        padding-right: .85714rem
    }
}

.overlay-content form.banking-form .columns,
.overlay-content form.global-forms .columns {
    padding-left: 0;
    padding-right: 0
}

.overlay-content form.banking-form .form-buttons,
.overlay-content form.global-forms .form-buttons {
    margin-top: 0
}

.overlay-content form.banking-form input[type=checkbox]+label,
.overlay-content form.global-forms input[type=checkbox]+label {
    display: block;
    margin-bottom: .71429rem
}

@media only screen and (min-width:40em) {

    .overlay-content form.banking-form input[type=checkbox]+label,
    .overlay-content form.global-forms input[type=checkbox]+label {
        display: inline-block;
        margin-bottom: 0
    }
}

.overlay-content form.banking-form .row:last-child,
.overlay-content form.global-forms .row:last-child {
    margin-bottom: 0
}

.overlay-content form.banking-form a.icon-link.icon-calendar:after,
.overlay-content form.global-forms a.icon-link.icon-calendar:after {
    margin-top: 0
}

.overlay-content form.banking-form input[type=radio]+.form--select,
.overlay-content form.banking-form input[type=radio]+.radio-select,
.overlay-content form.global-forms input[type=radio]+.form--select,
.overlay-content form.global-forms input[type=radio]+.radio-select {
    margin: 0 1.42857rem .71429rem 0
}

.overlay-content form.banking-form label,
.overlay-content form.global-forms label {
    display: block
}

@media only screen and (min-width:80em) {

    .overlay-content form.banking-form label,
    .overlay-content form.global-forms label {
        display: table-cell
    }
}

.overlay-content form.banking-form>.row,
.overlay-content form.global-forms>.row {
    padding: 0
}

.overlay-content input.datepicker {
    display: inline-block;
    margin-left: .35714rem
}

.overlay-content input.datepicker+small.error {
    width: 140px;
    float: left;
    clear: left
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .overlay-content .input-field--wrapper input.datepicker {
        width: 180px
    }
}

form.global-form input[type=checkbox]+label,
form.global-form input[type=checkbox]+input[type=hidden]+label {
    margin-bottom: 10px
}

MAIN SECTION [class*=teaser] A IMG,
MAIN FOOTER [class*=teaser] A IMG {
    margin-bottom: 0
}

.teaser-top-headline {
    display: inline;
    line-height: 1.5
}

.teaser-group {
    margin: 0
}

.teaser-group LI {
    list-style: none;
    margin: 0;
    padding-bottom: 2.14286rem
}

@media only screen and (max-width:39.938em) {
    .teaser-group LI:last-child {
        padding-bottom: 0
    }
}

@media only screen and (min-width:40em) {
    .teaser-group LI {
        padding-bottom: 0
    }
}

.teaser-group LI A.teaser-content {
    display: block;
    height: 100%
}

.teaser-group LI A:hover P.typo-headline .typo-headline__title,
.teaser-group LI A:focus P.typo-headline .typo-headline__title {
    background-color: #b9271f;
    box-shadow: 11px 0 0 #b9271f, -11px 0 0 #b9271f
}

.teaser-group LI A:hover DIV.typo-headline.blue .typo-headline__title,
.teaser-group LI A:focus DIV.typo-headline.blue .typo-headline__title {
    background-color: #2b5888;
    box-shadow: 11px 0 0 #2b5888, -11px 0 0 #2b5888
}

.teaser-group LI A:hover .button.primary,
.teaser-group LI A:focus .button.primary {
    background-color: #b9271f
}

.teaser-group IMG {
    height: auto;
    max-width: 100%;
    width: 100%
}

.teaser-group .teaser-top-headline {
    display: block
}

@media only screen and (max-width:39.938em) {

    A.a-link-inline,
    SPAN.a-link-inline {
        font-size: 1rem
    }
}

@media only screen and (min-width:40em) {

    A.a-link-inline,
    SPAN.a-link-inline {
        font-size: 1.14286rem
    }
}

.teaser-big {
    margin-top: 45px
}

@media only screen and (min-width:40em) {
    .teaser-big {
        margin-right: 35px;
        margin-left: 35px
    }
}

@media only screen and (min-width:80em) {
    .teaser-big {
        margin-right: 100px;
        margin-left: 100px
    }
}

.teaser-big a {
    display: block;
    height: 100%;
    position: relative
}

@media only screen and (min-width:80em) {
    .teaser-big a {
        padding-bottom: 31.25%
    }
}

.teaser-big a img {
    width: 100%;
    max-height: 100%
}

@media only screen and (min-width:80em) {
    .teaser-big a img {
        position: absolute
    }
}

.teaser-big a .context {
    font-family: 'Sparkasse-Light';
    color: #3f3f3f;
    font-size: 1.28571rem;
    margin: 0 0 .71429rem
}

@media only screen and (min-width:40em) {
    .teaser-big a .context {
        font-size: 1.35714rem
    }
}

@media only screen and (min-width:80em) {
    .teaser-big a .context {
        color: #fff;
        margin: 0
    }
}

@media only screen and (min-width:80em) {

    .teaser-big a:hover>div,
    .teaser-big a:focus>div {
        background-color: #f73429
    }
}

.teaser-big a:hover .button.primary,
.teaser-big a:focus .button.primary {
    background-color: #b9271f
}

.teaser-big a>div:last-child {
    padding-bottom: 0
}

@media only screen and (max-width:39.938em) {
    .teaser-big a>div {
        padding: 0 20px
    }
}

@media only screen and (min-width:80em) {
    .teaser-big a>div {
        position: absolute;
        bottom: 100px;
        left: 50px;
        padding: 15px 15px 10px;
        background-color: rgba(247, 52, 41, 0.8)
    }

    .teaser-big a>div:last-child {
        padding-bottom: 10px
    }
}

.teaser-big .teaser-top-headline {
    font-family: 'Sparkasse-Bold';
    color: #f73429;
    font-size: 23px;
    margin: 12px 0 0
}

@media only screen and (min-width:40em) {
    .teaser-big .teaser-top-headline {
        font-size: 26px;
        margin: 10px 0 4px
    }
}

@media only screen and (min-width:80em) {
    .teaser-big .teaser-top-headline {
        color: #fff;
        font-size: 30px;
        margin: 6px 0 10px
    }
}

.teaser-big .context {
    font-family: 'Sparkasse-Light';
    margin: 0 0 .71429rem
}

@media only screen and (min-width:80em) {
    .teaser-big .context {
        color: #fff;
        margin: 0
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .teaser-big .button {
        margin-bottom: 6px
    }
}

@media only screen and (min-width:80em) {
    .teaser-big .button {
        bottom: -65px;
        left: 0;
        position: absolute
    }
}

.stage-teaser>a {
    display: block;
    height: 100%;
    position: relative
}

.stage-teaser img {
    height: auto;
    max-width: 100%
}

.stage-teaser .teaser-headline {
    font-family: 'Sparkasse-Bold';
    color: #fff;
    font-size: 23px
}

@media only screen and (min-width:40em) {
    .stage-teaser .teaser-headline {
        font-size: 26px
    }
}

@media only screen and (min-width:80em) {
    .stage-teaser .teaser-headline {
        font-size: 30px
    }
}

.stage-teaser .stage-teaser-content-wrapper {
    background-color: #f73429
}

@media only screen and (min-width:80em) {
    .stage-teaser .stage-teaser-content-wrapper {
        background-color: transparent;
        bottom: 40px;
        max-width: 1600px;
        position: absolute
    }
}

.stage-teaser .stage-teaser-text {
    padding: .42857rem 0 0
}

@media only screen and (min-width:40em) {
    .stage-teaser .stage-teaser-text {
        padding-top: 0
    }
}

@media only screen and (min-width:80em) {
    .stage-teaser .stage-teaser-text {
        background-color: rgba(247, 52, 41, 0.85);
        margin-bottom: .71429rem;
        padding: 1.07143rem;
        float: left
    }
}

@media only screen and (min-width:80em) {
    .stage-teaser .stage-teaser-text>.context {
        font-family: 'Sparkasse-Light';
        margin-bottom: 0
    }
}

.stage-teaser .stage-teaser-text:hover,
.stage-teaser .stage-teaser-text:focus {
    background-color: #f73429
}

.stage-teaser .context {
    color: #fff;
    margin: 0
}

@media only screen and (min-width:40em) {
    .stage-teaser .context {
        font-size: 1.35714rem
    }
}

@media only screen and (min-width:80em) {
    .stage-teaser .context {
        font-family: 'Sparkasse-Light';
        font-size: 1.5rem
    }
}

@media only screen {
    .stage-teaser .button {
        padding-left: 0
    }

    .stage-teaser .button:hover,
    .stage-teaser .button:active,
    .stage-teaser .button:focus {
        background-color: transparent
    }
}

@media only screen and (min-width:80em) {
    .stage-teaser .button {
        padding-left: 1.07143rem;
        float: left;
        clear: left
    }

    .stage-teaser .button:hover,
    .stage-teaser .button:active,
    .stage-teaser .button:focus {
        background-color: #b9271f
    }
}

@media only screen and (max-width:79.938em) {
    .stage-teaser:focus .button {
        background-color: transparent
    }
}

.teaser-medium .teaser-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 45px
}

@media only screen and (max-width:39.938em) {
    .teaser-medium .teaser-group {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .teaser-medium .teaser-group {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media only screen and (min-width:80em) {
    .teaser-medium .teaser-group {
        margin-left: 80px;
        margin-right: 80px
    }
}

.teaser-medium .teaser-group .teaser-list-item {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (max-width:39.938em) {
    .teaser-medium .teaser-group .teaser-list-item {
        padding-bottom: 0;
        width: 100%
    }

    .teaser-medium .teaser-group .teaser-list-item:not(:first-child) {
        margin-top: 45px
    }
}

@media only screen and (min-width:40em) {
    .teaser-medium .teaser-group .teaser-list-item {
        width: 50%
    }
}

.teaser-medium .teaser-group .standard-teaser a:hover .teaser-top-headline,
.teaser-medium .teaser-group .standard-teaser a:focus .teaser-top-headline {
    border-bottom: 3px solid #f73429
}

.teaser-medium .teaser-group .standard-teaser a img {
    display: block;
    margin-bottom: 10px
}

@media only screen and (min-width:80em) {
    .teaser-medium .teaser-group .standard-teaser a img {
        margin-bottom: 15px
    }
}

.teaser-medium .teaser-group .teaser-top-headline {
    display: inline;
    margin-bottom: 0;
    padding: 0;
    font-family: 'Sparkasse-Bold';
    color: #f73429;
    word-break: normal;
    border-bottom: 3px solid transparent
}

@media only screen and (max-width:39.938em) {
    .teaser-medium .teaser-group .teaser-top-headline {
        font-size: 23px;
        line-height: 29px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .teaser-medium .teaser-group .teaser-top-headline {
        font-size: 26px;
        line-height: 30px
    }
}

@media only screen and (min-width:80em) {
    .teaser-medium .teaser-group .teaser-top-headline {
        line-height: 36px
    }
}

.teaser-medium .teaser-group .teaser-content {
    font-family: 'Sparkasse-Light';
    color: #3f3f3f
}

@media only screen and (max-width:39.938em) {
    .teaser-medium .teaser-group .teaser-content {
        font-size: 17px;
        line-height: 23px
    }
}

@media only screen and (min-width:40em) {
    .teaser-medium .teaser-group .teaser-content {
        font-size: 19px;
        line-height: 25px
    }
}

.teaser-medium .icon-teaser a {
    position: relative;
    text-align: center
}

.teaser-medium .icon-teaser a:hover .icon-teaser-text,
.teaser-medium .icon-teaser a:focus .icon-teaser-text {
    background-color: #b9271f
}

.teaser-medium .icon-teaser a:hover .icon-teaser-text .teaser-top-headline,
.teaser-medium .icon-teaser a:focus .icon-teaser-text .teaser-top-headline {
    border-bottom: 3px solid #b9271f
}

.teaser-medium .icon-teaser a .icon-teaser-image {
    background-color: #f6f6f6
}

.teaser-medium .icon-teaser a img {
    display: inline-block;
    margin: 3.5% auto 3.2%;
    max-height: 129px;
    height: auto
}

@media only screen and (max-width:39.938em) {
    .teaser-medium .icon-teaser a img {
        width: 14%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .teaser-medium .icon-teaser a img {
        min-width: 60px;
        width: 15%
    }
}

@media only screen and (min-width:80em) {
    .teaser-medium .icon-teaser a img {
        width: 19%
    }
}

.teaser-medium .icon-teaser a .icon-teaser-text {
    background-color: #f73429;
    text-align: center
}

@media only screen and (max-width:39.938em) {
    .teaser-medium .icon-teaser a .icon-teaser-text {
        padding-bottom: 6px
    }
}

@media only screen and (min-width:40em) {
    .teaser-medium .icon-teaser a .icon-teaser-text {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.teaser-medium .icon-teaser a .icon-teaser-text .teaser-top-headline,
.teaser-medium .icon-teaser a .icon-teaser-text .teaser-content {
    margin-bottom: 0;
    color: #fff
}

@media only screen and (max-width:39.938em) {
    .teaser-medium .icon-teaser a .icon-teaser-text .teaser-content {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .teaser-medium .icon-teaser a .icon-teaser-text .teaser-content {
        padding-top: 6px;
        font-size: 16px;
        line-height: 22px
    }
}

@media only screen and (min-width:80em) {
    .teaser-medium .icon-teaser a .icon-teaser-text .teaser-content {
        margin-top: 0;
        font-size: 19px;
        line-height: 26px
    }
}

.teaser-medium .news-teaser {
    position: relative;
    padding: 0 20px;
    background-clip: content-box
}

.teaser-medium .news-teaser a:hover .teaser-top-headline,
.teaser-medium .news-teaser a:focus .teaser-top-headline {
    border-bottom: 3px solid transparent
}

.teaser-medium .news-teaser a:hover span.text-link,
.teaser-medium .news-teaser a:focus span.text-link {
    border-bottom: 2px solid #f73429
}

.teaser-medium .news-teaser .intro-line,
.teaser-medium .news-teaser .teaser-top-headline,
.teaser-medium .news-teaser .teaser-content,
.teaser-medium .news-teaser .text-link {
    display: block;
    position: relative;
    margin-right: 20px;
    margin-left: 20px;
    z-index: 2
}

.teaser-medium .news-teaser .teaser-top-headline {
    margin-top: 9px;
    margin-bottom: 10px;
    color: #3f3f3f;
    line-height: 35px
}

.teaser-medium .news-teaser .teaser-top-headline.text-link {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    bottom: 10px;
    margin-left: 20px;
    z-index: 2
}

.teaser-medium .news-teaser .teaser-top-headline.text-link:after {
    margin-top: 9px
}

.teaser-medium .news-teaser span.text-link {
    position: absolute;
    bottom: 10px;
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    z-index: 2
}

.teaser-medium .news-teaser span.text-link:after {
    margin-top: 9px
}

.teaser-medium .news-teaser .news-teaser-image {
    display: none;
    float: right
}

@media only screen and (min-width:80em) {
    .teaser-medium .news-teaser .news-teaser-image {
        display: block;
        margin: 10px 20px 20px;
        max-width: 150px;
        max-height: 150px
    }
}

.teaser-medium .news-teaser .news-teaser-background {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0 20px;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.teaser-medium .news-teaser .intro-line {
    padding-top: 17px;
    font-size: 19px;
    line-height: 25px;
    color: #3f3f3f
}

.teaser-medium .news-teaser .teaser-top-headline {
    margin-top: .64286rem;
    color: #3f3f3f;
    line-height: 2.5rem
}

.teaser-medium .news-teaser .teaser-content {
    margin-top: 10px;
    margin-bottom: 48px;
    font-size: 16px;
    line-height: 26px;
    z-index: 2
}

.teaser-medium .news-teaser.white-font {
    color: #fff
}

.teaser-medium .news-teaser.white-font .intro-line,
.teaser-medium .news-teaser.white-font .teaser-top-headline,
.teaser-medium .news-teaser.white-font .teaser-content {
    color: #fff
}

.teaser-medium .news-teaser.white-font span.text-link {
    color: #fff
}

.teaser-medium .news-teaser.white-font A:hover SPAN.text-link,
.teaser-medium .news-teaser.white-font A:focus SPAN.text-link {
    border-bottom-color: #fff
}

.teaser-medium .news-teaser.is-blue {
    background-color: #3975b6
}

.teaser-medium .news-teaser.is-blue:hover,
.teaser-medium .news-teaser.is-blue:focus {
    background-color: #2b5888
}

.teaser-medium .news-teaser.is-grey {
    background-color: #f6f6f6
}

.teaser-medium .news-teaser.is-grey:hover,
.teaser-medium .news-teaser.is-grey:focus {
    background-color: #ececec
}

.teaser-medium .news-teaser.has-overlay a:before {
    position: absolute;
    content: "";
    top: 0;
    left: 20px;
    right: 20px;
    height: 100%;
    opacity: .85;
    background-color: #f73429;
    z-index: 1
}

.teaser-medium .news-teaser.has-overlay:hover A:before,
.teaser-medium .news-teaser.has-overlay:focus A:before {
    opacity: 1
}

.teaser-medium .typo-teaser a:last-child {
    margin-top: 0
}

.teaser-medium .typo-teaser .teaser-top-headline {
    position: relative;
    display: inline-block;
    margin: -3px -11px 0 -11px;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    font-family: 'Sparkasse-Light';
    color: #fff
}

@media only screen and (max-width:39.938em) {
    .teaser-medium .typo-teaser .teaser-top-headline {
        font-size: 28px;
        line-height: 37px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .teaser-medium .typo-teaser .teaser-top-headline {
        font-size: 33px;
        line-height: 43px
    }
}

@media only screen and (min-width:80em) {
    .teaser-medium .typo-teaser .teaser-top-headline {
        font-size: 36px;
        line-height: 51px
    }

    .teaser-medium .typo-teaser .teaser-top-headline span {
        padding-bottom: 2px
    }
}

.teaser-medium .typo-teaser .teaser-top-headline span {
    background-color: #f73429;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 11px 0 0 #f73429, -11px 0 0 #f73429
}

.teaser-medium .typo-teaser .teaser-top-headline.blue span {
    background-color: #3975b6;
    box-shadow: 11px 0 0 #3975b6, -11px 0 0 #3975b6
}

.teaser-medium .typo-teaser .teaser-content {
    position: relative;
    display: block;
    margin: -3px 0 16px -11px;
    border-left: 22px solid transparent;
    font-family: 'Sparkasse-Regular'
}

@media only screen and (max-width:39.938em) {
    .teaser-medium .typo-teaser .teaser-content {
        font-size: 17px;
        line-height: 27px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .teaser-medium .typo-teaser .teaser-content {
        font-size: 19px;
        line-height: 30px
    }
}

@media only screen and (min-width:80em) {
    .teaser-medium .typo-teaser .teaser-content {
        font-size: 21px;
        line-height: 35px
    }
}

.teaser-medium .typo-teaser .teaser-content span {
    background-color: #e8e8e8;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 11px 0 0 #e8e8e8, -11px 0 0 #e8e8e8
}

.teaser-small,
.typo-teaser-small {
    margin-top: 45px
}

.teaser-small:before,
.teaser-small:after,
.typo-teaser-small:before,
.typo-teaser-small:after {
    content: " ";
    display: table
}

.teaser-small:after,
.typo-teaser-small:after {
    clear: both
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .teaser-small,
    .typo-teaser-small {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:80em) {

    .teaser-small,
    .typo-teaser-small {
        padding-left: 80px;
        padding-right: 80px
    }
}

.teaser-small .teaser-group,
.typo-teaser-small .teaser-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.teaser-small .teaser-list-item,
.typo-teaser-small .teaser-list-item {
    padding: 0 20px
}

@media only screen and (max-width:39.938em) {

    .teaser-small .teaser-list-item,
    .typo-teaser-small .teaser-list-item {
        width: 100%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .teaser-small .teaser-list-item,
    .typo-teaser-small .teaser-list-item {
        width: 50%
    }
}

@media only screen and (min-width:80em) {

    .teaser-small .teaser-list-item,
    .typo-teaser-small .teaser-list-item {
        width: 25%
    }
}

.teaser-small .teaser-list-item IMG,
.typo-teaser-small .teaser-list-item IMG {
    display: block
}

.teaser-small .teaser-list-item P,
.typo-teaser-small .teaser-list-item P {
    margin-bottom: 0
}

.teaser-small .teaser-list-item,
.teaser-small .teaser-list-item P,
.typo-teaser-small .teaser-list-item,
.typo-teaser-small .teaser-list-item P {
    font-family: 'Sparkasse-Regular';
    color: #3f3f3f
}

@media only screen and (max-width:39.938em) {

    .teaser-small .teaser-list-item,
    .teaser-small .teaser-list-item P,
    .typo-teaser-small .teaser-list-item,
    .typo-teaser-small .teaser-list-item P {
        font-size: 17px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .teaser-small .teaser-list-item,
    .teaser-small .teaser-list-item P,
    .typo-teaser-small .teaser-list-item,
    .typo-teaser-small .teaser-list-item P {
        font-size: 19px
    }
}

@media only screen and (min-width:80em) {

    .teaser-small .teaser-list-item,
    .teaser-small .teaser-list-item P,
    .typo-teaser-small .teaser-list-item,
    .typo-teaser-small .teaser-list-item P {
        font-size: 19px
    }
}

.teaser-small .teaser-list-item .text-link,
.teaser-small .teaser-list-item P .text-link,
.typo-teaser-small .teaser-list-item .text-link,
.typo-teaser-small .teaser-list-item P .text-link {
    color: #f73429
}

.teaser-small .teaser-content,
.typo-teaser-small .teaser-content {
    display: block;
    padding: 0;
    color: #3f3f3f
}

.teaser-small .teaser-content:focus .text-link,
.teaser-small .teaser-content:focus .a-link-inline,
.typo-teaser-small .teaser-content:focus .text-link,
.typo-teaser-small .teaser-content:focus .a-link-inline {
    border-bottom: 2px solid #f73429
}

.typo-teaser-small {
    background-color: #f6f6f6
}

@media only screen and (max-width:39.938em) {
    .typo-teaser-small .teaser-list-item {
        padding-top: 20px;
        padding-bottom: 0
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .typo-teaser-small .teaser-list-item {
        padding-bottom: 15px;
        padding-top: 30px
    }

    .typo-teaser-small .teaser-list-item:first-child,
    .typo-teaser-small .teaser-list-item:nth-child(2) {
        padding-top: 45px
    }
}

@media only screen and (min-width:80em) {
    .typo-teaser-small .teaser-list-item {
        padding-bottom: 40px;
        padding-top: 45px
    }
}

.typo-teaser-small .teaser-list-item .text-link {
    margin-top: 15px;
    display: inline-block
}

@media only screen and (max-width:79.938em) {
    .typo-teaser-small .teaser-list-item .text-link {
        margin-bottom: 22px
    }
}

.typo-teaser-small .teaser-list-item:hover,
.typo-teaser-small .teaser-list-item:focus {
    background-color: #ececec;
    cursor: pointer
}

.typo-teaser-small .teaser-list-item:hover .text-link,
.typo-teaser-small .teaser-list-item:focus .text-link {
    border-bottom: 2px solid #f73429;
    padding-bottom: 2px
}

.teaser-small .teaser-list-item:hover,
.teaser-small .teaser-list-item:active,
.teaser-small .teaser-list-item:focus {
    color: #f73429
}

.teaser-small .teaser-list-item:hover .teaser-content,
.teaser-small .teaser-list-item:hover P,
.teaser-small .teaser-list-item:active .teaser-content,
.teaser-small .teaser-list-item:active P,
.teaser-small .teaser-list-item:focus .teaser-content,
.teaser-small .teaser-list-item:focus P {
    color: #f73429
}

.teaser-small .teaser-list-item:after {
    position: absolute;
    top: calc(50% - 10px);
    right: 20px;
    font-size: 20px;
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}

@media only screen and (min-width:40em) {
    .teaser-small .teaser-list-item:after {
        display: none
    }
}

@media only screen and (max-width:39.938em) {
    .teaser-small .teaser-list-item {
        position: relative;
        margin-left: 20px;
        margin-right: 20px;
        padding-left: 0;
        background-color: #f6f6f6
    }

    .teaser-small .teaser-list-item:not(:first-child) {
        margin-top: 20px
    }

    .teaser-small .teaser-list-item IMG {
        display: none
    }

    .teaser-small .teaser-list-item .teaser-content {
        padding: 20px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .teaser-small .teaser-list-item:nth-child(3),
    .teaser-small .teaser-list-item:nth-child(4) {
        margin-top: 50px
    }
}

.product-teaser {
    margin-top: 45px;
    padding-right: 20px;
    padding-left: 20px
}

.product-teaser:before,
.product-teaser:after {
    content: " ";
    display: table
}

.product-teaser:after {
    clear: both
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .product-teaser {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media only screen and (min-width:80em) {
    .product-teaser {
        margin-left: 80px;
        margin-right: 80px
    }
}

.product-teaser img {
    width: 100%;
    margin-bottom: 0
}

.product-teaser a {
    display: block;
    float: left;
    height: 100%;
    position: relative;
    width: 100%
}

.product-teaser a:hover .link-arrow-white:before {
    content: "";
    speak: none;
    position: absolute;
    height: 2px;
    background-color: #fff;
    width: 100%;
    bottom: -.07143rem;
    left: 0
}

.product-teaser a:hover .product-teaser--price {
    opacity: 1
}

.product-teaser a:hover .product-teaser--text {
    opacity: 1
}

.product-teaser a p,
.product-teaser a>div span {
    color: #fff
}

.product-teaser a .teaser-image {
    position: relative
}

.product-teaser a .product-teaser--text {
    background-color: #f73429;
    padding-right: 20px;
    padding-left: 20px
}

@media only screen and (min-width:40em) {
    .product-teaser a .product-teaser--text {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        opacity: .85;
        width: 300px
    }
}

@media only screen and (min-width:80em) {
    .product-teaser a .product-teaser--text {
        width: 400px
    }
}

.product-teaser a .product-teaser--text-content {
    padding: .85714rem 0
}

@media only screen and (min-width:40em) {
    .product-teaser a .product-teaser--text-content {
        padding-top: 0
    }
}

@media only screen and (min-width:80em) {
    .product-teaser a .product-teaser--text-content {
        padding-bottom: 2.64286rem
    }
}

.product-teaser a .product-teaser--text-content p,
.product-teaser a .product-teaser--text-content>div span {
    padding: 0
}

@media only screen and (min-width:80em) {

    .product-teaser a .product-teaser--text-content p,
    .product-teaser a .product-teaser--text-content>div span {
        margin: 0 0 0 2.07143rem
    }
}

.product-teaser a .product-teaser--text-content p.teaser-headline {
    font-family: 'Sparkasse-Bold';
    font-size: 1.21429rem;
    line-height: 1.5rem;
    margin-bottom: .35714rem
}

@media only screen and (min-width:40em) {
    .product-teaser a .product-teaser--text-content p.teaser-headline {
        font-size: 1.71429rem;
        line-height: 2.14286rem;
        margin-bottom: .14286rem
    }
}

@media only screen and (min-width:80em) {
    .product-teaser a .product-teaser--text-content p.teaser-headline {
        margin-bottom: .57143rem;
        font-size: 2.14286rem;
        line-height: 2.57143rem
    }
}

.product-teaser a .product-teaser--text-content p.product-teaser--subline {
    font-family: 'Sparkasse-Light';
    font-size: 1.07143rem;
    line-height: 1.42857rem;
    margin-bottom: .71429rem
}

@media only screen and (min-width:40em) {
    .product-teaser a .product-teaser--text-content p.product-teaser--subline {
        font-size: 1.28571rem;
        line-height: 1.78571rem;
        margin-bottom: .71429rem
    }
}

@media only screen and (min-width:80em) {
    .product-teaser a .product-teaser--text-content p.product-teaser--subline {
        margin-bottom: 1.07143rem;
        line-height: 1.78571rem;
        font-size: 1.35714rem
    }
}

.product-teaser a .product-teaser--text-content>div span {
    font-size: .92857rem;
    font-family: 'Sparkasse-Bold'
}

@media only screen and (min-width:80em) {
    .product-teaser a .product-teaser--text-content>div span {
        font-size: 1.07143rem
    }
}

.product-teaser a .product-teaser--text-content>div span:after {
    width: 7px;
    height: 8px;
    bottom: 5px
}

@media only screen and (min-width:80em) {
    .product-teaser a .product-teaser--text-content>div span:after {
        width: 8px;
        height: 9px
    }
}

@media only screen and (min-width:40em) {
    .product-teaser a .product-teaser--text-content {
        display: table;
        height: 100%
    }

    .product-teaser a .product-teaser--text-content>div {
        display: table-cell;
        vertical-align: bottom
    }
}

.product-teaser a .product-teaser--banner {
    position: absolute;
    left: 0;
    background-color: #3975b6;
    letter-spacing: 1px;
    top: .64286rem;
    padding: .42857rem .85714rem .28571rem 1.42857rem
}

@media only screen and (min-width:40em) {
    .product-teaser a .product-teaser--banner {
        top: 1.42857rem;
        padding: .57143rem 1.42857rem
    }
}

@media only screen and (min-width:80em) {
    .product-teaser a .product-teaser--banner {
        top: 2.14286rem;
        padding: .71429rem 1.42857rem .71429rem 3.57143rem
    }
}

.product-teaser a .product-teaser--price {
    position: absolute;
    bottom: .85714rem;
    left: 0;
    background-color: #f73429;
    opacity: .85
}

@media only screen and (min-width:40em) {
    .product-teaser a .product-teaser--price {
        bottom: 1.21429rem;
        right: 2.64286rem;
        left: auto
    }
}

.product-teaser a .product-teaser--price p {
    font-family: 'Sparkasse-Light';
    padding: .42857rem 1.07143rem .07143rem 1.42857rem;
    margin-bottom: 0;
    font-size: 1.28571rem
}

@media only screen and (min-width:40em) {
    .product-teaser a .product-teaser--price p {
        padding: 1.78571rem 1.07143rem .35714rem 1.07143rem;
        font-size: 1.28571rem
    }
}

@media only screen and (min-width:80em) {
    .product-teaser a .product-teaser--price p {
        padding: 4.28571rem 1.64286rem .71429rem 1.64286rem;
        font-size: 1.35714rem
    }
}

.product-teaser a .product-teaser--price p span {
    font-family: 'Sparkasse-Bold';
    font-size: 1.42857rem
}

@media only screen and (min-width:40em) {
    .product-teaser a .product-teaser--price p span {
        font-size: 2.14286rem
    }
}

@media only screen and (min-width:80em) {
    .product-teaser a .product-teaser--price p span {
        font-size: 2.14286rem
    }
}

.campaign-teaser .typo-headline {
    font-family: 'Sparkasse-Bold';
    display: block;
    position: relative;
    margin: -1px 0 0 -20px;
    padding-bottom: 3px;
    padding-top: 20px;
    overflow: visible;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    border-left: 22px solid transparent
}

@media only screen and (min-width:40em) {
    .campaign-teaser .typo-headline {
        line-height: 28px
    }
}

@media only screen and (min-width:80em) {
    .campaign-teaser .typo-headline {
        font-size: 34px;
        line-height: 45px;
        margin: -1px 0 0 -11px;
        padding-top: 0
    }
}

.campaign-teaser .typo-headline .typo-headline__title {
    background-color: #f73429;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 11px 0 0 #f73429, -11px 0 0 #f73429;
    font-size: 18px;
    line-height: 22px;
    padding: 0 0 3px
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .campaign-teaser .typo-headline .typo-headline__title {
        font-size: 26px;
        line-height: 36px
    }
}

@media only screen and (min-width:80em) {
    .campaign-teaser .typo-headline .typo-headline__title {
        font-size: 34px;
        line-height: 47px
    }
}

.campaign-teaser .context {
    font-family: 'Sparkasse-Regular';
    border-left: 22px solid transparent;
    display: block;
    line-height: 1.28571rem;
    margin: -.07143rem 0 0 -1.42857rem;
    overflow: visible;
    position: relative
}

@media only screen and (min-width:40em) {
    .campaign-teaser .context {
        line-height: 2rem;
        color: #fff
    }
}

@media only screen and (min-width:80em) {
    .campaign-teaser .context {
        margin-bottom: 1.14286rem;
        margin-left: -.78571rem;
        color: #3f3f3f
    }
}

.campaign-teaser .context span {
    font-size: 1rem
}

@media only screen and (min-width:40em) {
    .campaign-teaser .context span {
        font-size: 1.35714rem
    }
}

@media only screen and (min-width:80em) {
    .campaign-teaser .context span {
        background-color: #e8e8e8;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        box-shadow: 11px 0 0 #e8e8e8, -11px 0 0 #e8e8e8;
        display: inline-block;
        line-height: 1.92857rem
    }
}

.autocomplete-boxshadow,
.ui-front.open,
.ui-autocomplete-input.autocomplete-open {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.24) !important
}

.ui-front {
    background-color: #e8e8e8;
    z-index: 902;
    position: absolute;
    top: 62px;
    margin-left: 1.14286rem
}

.ui-front.open {
    transition: box-shadow .15s linear;
    -webkit-transition: -webkit-box-shadow .15s linear;
    -moz-transition: -moz-box-shadow .15s linear, box-shadow .15s linear;
    -o-transition: -o-box-shadow .15s linear
}

.ui-front ul {
    list-style-type: none;
    margin-bottom: 0
}

.ui-front li {
    list-style-type: none;
    padding: .71429rem;
    padding-left: 1.07143rem
}

.ui-front a,
.ui-front li {
    color: #646464;
    font-size: 1.14286rem
}

.ui-front a span,
.ui-front li span {
    font-family: 'Sparkasse-Bold'
}

.ui-front .ui-state-focus,
.ui-front li:hover {
    background-color: #bebebe
}

.form-ui-front {
    background-color: #d7d7d7
}

.form-ui-front li {
    padding: .71429rem .85714rem
}

.letter-line {
    background-color: #efefef;
    margin-bottom: .71429rem
}

.letter-line ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: .71429rem;
    margin: 0
}

.letter-line ul li {
    display: table-cell;
    text-align: center
}

.letter-line ul li a,
.letter-line ul li p {
    color: #3f3f3f;
    font-size: 1rem;
    text-transform: uppercase;
    display: block;
    margin: 0
}

.letter-line ul li a.inactive,
.letter-line ul li p.inactive {
    color: #bababa
}

.letter-line ul li p {
    color: #bababa
}

.letter-line ul li a:hover {
    color: #f73429
}

.free-html.o-free-html-big {
    margin-top: 45px
}

@media only screen and (min-width:40em) {
    .free-html.o-free-html-big {
        margin-right: 35px;
        margin-left: 35px
    }
}

@media only screen and (min-width:80em) {
    .free-html.o-free-html-big {
        margin-right: 100px;
        margin-left: 100px
    }
}

@media only screen and (max-width:39.938em) {
    .teaser-small .free-html {
        padding-bottom: .71429rem
    }

    .teaser-small li:last-child .free-html {
        padding-bottom: 0
    }

    .teaser-small li:last-child .free-html>*:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width:80em) {
    .teaser-small .free-html {
        margin-bottom: 0
    }
}

.tooltip {
    border-radius: 16px;
    width: 16px;
    height: 16px;
    background-color: #3f3f3f;
    display: inline-block;
    position: relative;
    margin: 0 5px -2px 5px
}

.tooltip:before {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    font-size: 10px;
    text-indent: 0;
    color: #fff
}

header .tooltip {
    margin-bottom: .07143rem
}

.tooltip-container:not(.overlay-container) {
    display: none
}

.qtip {
    max-width: 100%;
    margin: 0 15px
}

@media only screen and (min-width:40em) {
    .qtip {
        max-width: 400px;
        margin: 0
    }
}

.qtip.qtip-default {
    border: 5px solid #efefef;
    background-color: #fff;
    color: #3f3f3f
}

.qtip .qtip-content {
    padding: 11px 13px
}

@media only screen and (min-width:40em) {
    .qtip .qtip-content {
        padding: 24px
    }
}

.qtip .qtip-content .overlay-content-container {
    padding: 0
}

.qtip .qtip-content p,
.qtip .qtip-content img {
    margin-bottom: 10px
}

.qtip .qtip-content P,
.qtip .qtip-content UL,
.qtip .qtip-content LI {
    font-family: 'Sparkasse-Regular';
    font-size: 14px
}

.qtip .qtip-content *:last-child {
    margin-bottom: 0
}

.qtip .qtip-content .close-button {
    position: static;
    float: right;
    margin-left: 10px
}

.layer-sub-headline {
    display: block;
    font-family: 'Sparkasse-Regular'
}

@media only screen and (max-width:39.938em) {
    .layer-sub-headline {
        font-size: 1.14286rem
    }
}

@media only screen and (min-width:40em) {
    .layer-sub-headline {
        font-size: 1.28571rem
    }
}

.overlay-content .highlight-box {
    margin: 0
}

.overlay-content table th,
.overlay-content table td {
    vertical-align: top
}

.overlay-content ul.list-unstyled,
.overlay-content ol.list-unstyled {
    list-style: none;
    margin: 0;
    padding: 0
}

.overlay-content ul.list-unstyled li,
.overlay-content ol.list-unstyled li {
    list-style: none
}

.description-arrows .description-main-menu,
.description-arrows .description-login,
.description-arrows .description-contact {
    position: absolute;
    z-index: 11;
    color: #fff;
    font-family: 'Sparkasse-Bold';
    font-size: 1.14286rem;
    top: 0;
    left: 0
}

.description-arrows .description-main-menu:after,
.description-arrows .description-login:after,
.description-arrows .description-contact:after {
    content: "";
    speak: none;
    position: absolute;
    background-repeat: no-repeat
}

@media only screen and (min-width:40em) {

    .description-arrows .description-main-menu,
    .description-arrows .description-login,
    .description-arrows .description-contact {
        font-size: 1.21429rem
    }
}

@media only screen and (min-width:80em) {

    .description-arrows .description-main-menu,
    .description-arrows .description-login,
    .description-arrows .description-contact {
        font-size: 1.42857rem
    }
}

.description-arrows .description-contact {
    display: none
}

@media only screen and (min-width:40em) {
    .description-arrows .description-contact {
        display: block
    }
}

.description-arrows .description-main-menu:after {
    background-image: url(../Images/arrow-top-left-small-png-data.png);
    left: -50px;
    top: -17px;
    width: 44px;
    height: 31px
}

@media only screen and (min-width:80em) {
    .description-arrows .description-main-menu:after {
        background-image: url(../Images/arrow-top-right-large-png-data.png);
        right: -93px;
        left: auto;
        top: -28px;
        width: 83px;
        height: 47px
    }
}

.description-arrows .description-login:after {
    background-image: url(../Images/arrow-top-small-png-data.png);
    right: 11px;
    top: -54px;
    width: 19px;
    height: 53px
}

@media only screen and (min-width:40em) {
    .description-arrows .description-login:after {
        background-image: url(../Images/arrow-top-right-medium-png-data.png);
        right: -65px;
        top: -15px;
        width: 58px;
        height: 33px
    }
}

@media only screen and (min-width:80em) {
    .description-arrows .description-login:after {
        background-image: url(../Images/arrow-top-right-large-png-data.png);
        right: -93px;
        left: auto;
        top: -28px;
        width: 83px;
        height: 47px
    }
}

@media only screen and (min-width:40em) {
    .description-arrows .description-contact:after {
        background-image: url(../Images/arrow-top-right-medium-png-data.png);
        right: -65px;
        top: -15px;
        width: 58px;
        height: 33px
    }
}

@media only screen and (min-width:80em) {
    .description-arrows .description-contact:after {
        background-size: 85px 40px;
        top: -20px;
        right: -95px;
        width: 85px;
        height: 40px
    }
}

@media only screen and (min-width:40em) {
    .description-arrows .description-contact.is-top:after {
        background-image: url(../Images/arrow-bottom-right-large-png-data.png);
        background-size: 58px 33px;
        top: 15px;
        width: 58px;
        height: 33px
    }
}

@media only screen and (min-width:80em) {
    .description-arrows .description-contact.is-top:after {
        background-image: url(../Images/arrow-bottom-right-large-png-data.png);
        background-size: auto;
        top: 15px;
        right: -95px;
        width: 85px;
        height: 40px
    }
}

.do-you-know {
    background: #f6f6f6
}

@media only screen and (max-width:39.938em) {
    .do-you-know {
        margin: 0 -20px
    }
}

.do-you-know ul {
    list-style-type: none;
    margin-left: 0;
    width: 100%
}

.do-you-know ul:before,
.do-you-know ul:after {
    content: " ";
    display: table
}

.do-you-know ul:after {
    clear: both
}

.do-you-know ul li {
    width: 50%;
    float: left;
    position: relative;
    text-align: center
}

.do-you-know ul li img {
    width: 130px;
    display: block;
    margin: 16px auto 10px
}

.do-you-know ul li .button {
    margin: 0 auto 7px
}

.do-you-know ul li a:not(.primary),
.do-you-know ul li span {
    float: left;
    width: 100%;
    color: #3f3f3f;
    padding-bottom: 15px;
    font-size: 1rem;
    word-spacing: 200px
}

@media only screen and (min-width:40em) {

    .do-you-know ul li a:not(.primary),
    .do-you-know ul li span {
        padding-bottom: 25px
    }
}

@media only screen and (min-width:80em) {

    .do-you-know ul li a:not(.primary),
    .do-you-know ul li span {
        word-spacing: normal;
        padding: 0 10px 37px
    }
}

.do-you-know ul li p {
    margin-top: 24px;
    margin-bottom: 15px
}

@media only screen and (min-width:40em) {
    .do-you-know ul li p {
        margin-top: 21px;
        margin-bottom: 1.42857rem
    }
}

@media only screen and (min-width:80em) {
    .do-you-know ul li p {
        margin-top: 12px
    }
}

.do-you-know ul li span {
    text-align: center;
    word-spacing: normal;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 200px;
    display: block;
    float: none
}

.do-you-know ul li .option-item>img {
    max-height: 89px;
    width: auto
}

@media only screen and (min-width:40em) {
    .do-you-know ul li {
        width: 25%
    }

    .do-you-know ul li:after {
        content: " ";
        background-color: #dcdbdb;
        width: 1px;
        height: -o-calc(100% - 40px);
        height: calc(100% - 40px);
        margin: 20px 0;
        position: absolute;
        right: 0
    }

    .do-you-know ul li .button {
        margin: 0 auto 11px
    }

    .do-you-know ul li img {
        width: 124px;
        display: block;
        margin: 30px auto 13px
    }
}

@media only screen and (min-width:80em) {
    .do-you-know ul li:after {
        /* Firefox */
        height: -moz-calc(100% - 60px);
        /* WebKit */
        height: -webkit-calc(100% - 60px);
        /* Opera */
        height: -o-calc(100% - 60px);
        /* Standard */
        height: calc(100% - 60px);
        margin: 30px 0
    }

    .do-you-know ul li span {
        max-width: none
    }

    .do-you-know ul li img {
        width: 187px;
        display: block;
        margin: 44px auto 13px
    }
}

.do-you-know ul li:last-of-type:after {
    content: none
}

.do-you-know ul li:hover {
    background-color: #ececec
}

@media only screen and (min-width:40em) {
    .do-you-know {
        margin: 0
    }

    .do-you-know ul {
        display: table;
        table-layout: fixed
    }

    .do-you-know ul li {
        display: table-cell;
        vertical-align: top;
        float: none
    }
}

.lottery-checker {
    position: relative;
    background: url(../Images/lotteriesparen-bg-jpg-data.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2.14286rem 1rem
}

.lottery-checker:before,
.lottery-checker:after {
    content: " ";
    display: table
}

.lottery-checker:after {
    clear: both
}

.lottery-checker p {
    margin-bottom: 0
}

@media only screen and (min-width:40em) {
    .lottery-checker {
        margin-top: 0;
        padding: 1.64286rem 1.78571rem
    }

    .lottery-checker .text-link-wrap {
        left: auto;
        right: 0
    }
}

.lottery-checker .description {
    background-color: #f73429;
    color: #fff;
    display: inline-block;
    padding: .35714rem .57143rem;
    margin-bottom: .71429rem;
    width: 216px
}

@media only screen and (min-width:40em) {
    .lottery-checker .description {
        width: auto;
        font-size: 1.14286rem
    }
}

@media only screen and (min-width:80em) {
    .lottery-checker .description {
        font-size: 1.28571rem
    }
}

.lottery-checker .winning-numbers {
    background-color: #f73429;
    color: #fff;
    width: 80%;
    max-width: 460px;
    padding: 1.07143rem 2.14286rem
}

.lottery-checker .winning-numbers:before,
.lottery-checker .winning-numbers:after {
    content: " ";
    display: table
}

.lottery-checker .winning-numbers:after {
    clear: both
}

@media only screen and (min-width:40em) {
    .lottery-checker .winning-numbers {
        padding: 1.07143rem 3.57143rem;
        width: 70%;
        max-width: 560px
    }
}

@media only screen and (min-width:40em) {
    .lottery-checker .winning-numbers {
        max-width: 660px
    }
}

.lottery-checker .winning-numbers p {
    display: inline-block;
    padding-right: 12px
}

@media only screen and (min-width:40em) {
    .lottery-checker .winning-numbers p {
        padding-right: 3.92857rem
    }
}

.lottery-checker .winning-numbers .winning-numbers--headline {
    color: #fff;
    font-size: 1.28571rem;
    line-height: 1.42857rem;
    font-family: 'Sparkasse-Bold';
    margin-bottom: 0;
    display: block
}

@media only screen and (min-width:40em) {
    .lottery-checker .winning-numbers .winning-numbers--headline {
        font-size: 2.35714rem;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:80em) {
    .lottery-checker .winning-numbers .winning-numbers--headline {
        font-size: 2.85714rem;
        line-height: 3rem
    }
}

@media only screen and (min-width:80em) {
    .lottery-checker .winning-numbers span {
        font-size: 1.21429rem
    }
}

.lottery-checker .bottom-text {
    margin-top: 15px;
    margin-bottom: -30px;
    font-size: 1rem
}

.lottery-checker .bottom-text:before,
.lottery-checker .bottom-text:after {
    content: " ";
    display: table
}

.lottery-checker .bottom-text:after {
    clear: both
}

.lottery-checker .bottom-text span {
    margin-top: 12px;
    float: left
}

@media only screen and (min-width:40em) {
    .lottery-checker .bottom-text {
        margin-bottom: 0;
        margin-top: 0;
        position: absolute;
        left: auto;
        right: 8px;
        bottom: 5px
    }
}

.lottery-checker .slick-slider>button {
    margin: 0;
    left: -2.35714rem;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: 15px 30px;
    background-position: 10px 10px;
    height: 30px;
    width: 15px
}

@media only screen and (min-width:40em) {
    .lottery-checker .slick-slider>button {
        background-size: 20px 35px;
        height: 35px;
        width: 20px;
        left: -3.57143rem
    }
}

.lottery-checker .slick-slider>button.slick-next {
    left: auto;
    right: -2.35714rem
}

@media only screen and (min-width:40em) {
    .lottery-checker .slick-slider>button.slick-next {
        right: -3.57143rem
    }
}

.lottery-checker .slick-slider .slick-slide:focus {
    outline: 0
}

.lottery-checker-bottom-text span {
    float: right;
    text-align: right;
    margin-top: 5px
}

.content-text-introduction {
    margin-top: 45px
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .content-text-introduction {
        margin-left: 15px;
        margin-right: 15px
    }

    .content-text-introduction div:nth-child(2n) {
        clear: left
    }
}

@media only screen and (min-width:80em) {
    .content-text-introduction {
        margin-left: 80px;
        margin-right: 80px
    }
}

.content-text-introduction h1 {
    margin: 0 20px;
    font-family: 'Sparkasse-Bold';
    font-size: 24px;
    line-height: 30px
}

@media only screen and (min-width:40em) {
    .content-text-introduction h1 {
        font-size: 26px;
        line-height: 32px
    }
}

@media only screen and (min-width:80em) {
    .content-text-introduction h1 {
        font-size: 30px;
        line-height: 36px
    }
}

.content-text-introduction h2 {
    margin: 7px 20px 0;
    font-family: 'Sparkasse-Light';
    font-size: 19px;
    line-height: 25px;
    width: auto
}

@media only screen and (max-width:39.938em) {
    .content-text-introduction h2 {
        font-size: 21px;
        line-height: 27px
    }
}

.content-text-introduction .teaser-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0
}

.content-text-introduction .teaser-list-item {
    padding: 0 20px 5px
}

@media only screen and (max-width:39.938em) {
    .content-text-introduction .teaser-list-item {
        width: 100%
    }

    .content-text-introduction .teaser-list-item>*:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width:40em) {
    .content-text-introduction .teaser-list-item {
        width: 50%
    }
}

@media only screen and (min-width:80em) {
    .content-text-introduction .teaser-list-item.intro-teaser-small {
        width: 25%
    }
}

.content-text-introduction .teaser-list-item h3 {
    margin-top: 15px;
    font-family: 'Sparkasse-Bold';
    font-size: 19px;
    line-height: 26px
}

@media only screen and (max-width:39.938em) {
    .content-text-introduction .teaser-list-item h3 {
        font-size: 17px;
        line-height: 23px
    }
}

.content-text-introduction .teaser-list-item p {
    margin-top: 11px;
    font-family: 'Sparkasse-Light';
    font-size: 14px
}

@media only screen and (min-width:40em) {
    .content-text-introduction .teaser-list-item p {
        font-size: 16px
    }
}

.content-text-introduction .teaser-list-item .text-link {
    margin-top: 8px
}

.scrollable-text {
    max-height: 82px
}

@media only screen and (min-width:40em) {
    .scrollable-text {
        max-height: 92px
    }
}

@media only screen and (min-width:80em) {
    .scrollable-text {
        max-height: 103px
    }
}

.scrollable-text {
    position: relative;
    overflow: hidden;
    background-color: #f6f6f6
}

.scrollable-text--container {
    padding: .71429rem
}

.tab-wrapper .tab-content.hide {
    display: none
}

.tab-wrapper .banking-form {
    margin-bottom: 1.14286rem
}

@media only screen and (min-width:40em) {
    .tab-wrapper .banking-form {
        position: absolute;
        left: auto;
        right: 20px;
        bottom: 14px;
        margin-bottom: 0
    }
}

.tab-wrapper .banking-form select option.text-in-title {
    display: none
}

.silver-client HEADER.main-header {
    border-top: 8px solid #707070
}

@media only screen and (min-width:80em) {
    .silver-client HEADER.main-header {
        border-top: 0
    }
}

.silver-client HEADER.main-header .header-row {
    background-color: #707070
}

.silver-client HEADER.main-header .top-nav LI {
    border-top: 4px solid transparent
}

.silver-client HEADER.main-header .top-nav LI.active,
.silver-client HEADER.main-header .top-nav LI:hover {
    border-top: 4px solid #fff
}

.silver-header HEADER.main-header {
    border-top-color: #707070
}

.silver-header HEADER.main-header .header-row {
    background-color: #707070
}

.silver-header HEADER.main-header .top-nav LI {
    border-top: 4px solid #707070
}

.silver-header HEADER.main-header .top-nav LI.active,
.silver-header HEADER.main-header .top-nav LI:hover {
    border-top: 4px solid #fff
}

.silver-client .global-nav:before {
    background-color: #707070
}

.silver-client .global-nav .top-class-menu>li>a {
    background-color: #707070;
    color: #fff
}

@media only screen and (min-width:80em) {

    .silver-client .global-nav .menu-row>li>a,
    .silver-client .global-nav .teaser-container .sub-headline {
        font-family: 'Sparkasse-SerifBold-Italic'
    }

    .silver-client .global-nav nav>ul>li>ul>li>ul>li>ul>li>a,
    .silver-client .global-nav .teaser-container p {
        font-family: 'Sparkasse-Serif-Italic'
    }
}

.silver-header .global-nav:before {
    background-color: #707070
}

.silver-header .global-nav .top-class-menu>LI>A {
    background-color: #707070;
    color: #fff
}

.silver-client .button,
.silver-client .inline-button,
.silver-client A.text-link,
.silver-client SPAN.text-link,
.silver-client BLOCKQUOTE,
.silver-client STRONG,
.silver-client B,
.silver-client TABLE THEAD TR TH,
.silver-client TABLE TBODY TR TH,
.silver-client .product-teaser A .product-teaser--text-content P.teaser-headline,
.silver-client .product-teaser A .product-teaser--text-content>DIV SPAN,
.silver-client .product-teaser A .product-teaser--price P SPAN,
.silver-client .contact-element P SPAN.name,
.silver-client .contact-element A,
.silver-client .contact-tab-body .ct-nav LI A,
.silver-client .contact-tab-body .ct-nav LI SPAN,
.silver-client .contact-tab-body H4,
.silver-client .contact-tab-body P,
.silver-client .video-description H3,
.silver-client .campaign-teaser .typo-headline,
.silver-client .content-text-introduction H1,
.silver-client .content-text-introduction H3,
.silver-client .finder-module-selection .finder--selection A.active,
.silver-client .finder--ruler-wrapper .ruler-labels>SPAN.ruler-range-value,
.silver-client .search-wrapper .button-submit,
.silver-client .ui-front A SPAN,
.silver-client .ui-front LI SPAN,
.silver-client .content-table.comparison-table THEAD TH,
.silver-client .search-view H3 A,
.silver-client .button-submit,
.silver-client INPUT[type="submit"],
.silver-client .overlay-container H1,
.silver-client .overlay-container H2,
.silver-client .overlay-container H3,
.silver-client .overlay-container H4,
.silver-client .overlay-container H5,
.silver-client .overlay-container H6,
.silver-client .short-text H2,
.silver-client .chats .video-chat DIV A,
.silver-client .teaser-image .teaser-top-headline {
    font-family: 'Sparkasse-SerifBold-Italic'
}

.silver-header .teaser-big .button,
.silver-header .teaser-big .inline-button,
.silver-header .teaser-big A.text-link,
.silver-header .teaser-big SPAN.text-link,
.silver-header .teaser-big BLOCKQUOTE,
.silver-header .teaser-big STRONG,
.silver-header .teaser-big B,
.silver-header .teaser-big TABLE THEAD TR TH,
.silver-header .teaser-big TABLE TBODY TR TH,
.silver-header .teaser-big .product-teaser--text-content P.teaser-headline,
.silver-header .teaser-big .product-teaser--text-content>DIV SPAN,
.silver-header .teaser-big .product-teaser--price P SPAN,
.silver-header .teaser-big .typo-headline,
.silver-header .teaser-big .content-text-introduction H1,
.silver-header .teaser-big .content-text-introduction H3,
.silver-header .teaser-big .content-table.comparison-table thead TH,
.silver-header .teaser-big .button-submit,
.silver-header .teaser-big INPUT[type="submit"],
.silver-header .teaser-big .short-text H2,
.silver-header .teaser-big .teaser-image .teaser-top-headline,
.silver-header .teaser-medium .button,
.silver-header .teaser-medium .inline-button,
.silver-header .teaser-medium A.text-link,
.silver-header .teaser-medium SPAN.text-link,
.silver-header .teaser-medium BLOCKQUOTE,
.silver-header .teaser-medium STRONG,
.silver-header .teaser-medium B,
.silver-header .teaser-medium TABLE THEAD TR TH,
.silver-header .teaser-medium TABLE TBODY TR TH,
.silver-header .teaser-medium .product-teaser--text-content P.teaser-headline,
.silver-header .teaser-medium .product-teaser--text-content>DIV SPAN,
.silver-header .teaser-medium .product-teaser--price P SPAN,
.silver-header .teaser-medium .typo-headline,
.silver-header .teaser-medium .content-text-introduction H1,
.silver-header .teaser-medium .content-text-introduction H3,
.silver-header .teaser-medium .content-table.comparison-table thead TH,
.silver-header .teaser-medium .button-submit,
.silver-header .teaser-medium INPUT[type="submit"],
.silver-header .teaser-medium .short-text H2,
.silver-header .teaser-medium .teaser-image .teaser-top-headline,
.silver-header .teaser-small .button,
.silver-header .teaser-small .inline-button,
.silver-header .teaser-small A.text-link,
.silver-header .teaser-small SPAN.text-link,
.silver-header .teaser-small BLOCKQUOTE,
.silver-header .teaser-small STRONG,
.silver-header .teaser-small B,
.silver-header .teaser-small TABLE THEAD TR TH,
.silver-header .teaser-small TABLE TBODY TR TH,
.silver-header .teaser-small .product-teaser--text-content P.teaser-headline,
.silver-header .teaser-small .product-teaser--text-content>DIV SPAN,
.silver-header .teaser-small .product-teaser--price P SPAN,
.silver-header .teaser-small .typo-headline,
.silver-header .teaser-small .content-text-introduction H1,
.silver-header .teaser-small .content-text-introduction H3,
.silver-header .teaser-small .content-table.comparison-table thead TH,
.silver-header .teaser-small .button-submit,
.silver-header .teaser-small INPUT[type="submit"],
.silver-header .teaser-small .short-text H2,
.silver-header .teaser-small .teaser-image .teaser-top-headline,
.silver-header .teaser-group .button,
.silver-header .teaser-group .inline-button,
.silver-header .teaser-group A.text-link,
.silver-header .teaser-group SPAN.text-link,
.silver-header .teaser-group BLOCKQUOTE,
.silver-header .teaser-group STRONG,
.silver-header .teaser-group B,
.silver-header .teaser-group TABLE THEAD TR TH,
.silver-header .teaser-group TABLE TBODY TR TH,
.silver-header .teaser-group .product-teaser--text-content P.teaser-headline,
.silver-header .teaser-group .product-teaser--text-content>DIV SPAN,
.silver-header .teaser-group .product-teaser--price P SPAN,
.silver-header .teaser-group .typo-headline,
.silver-header .teaser-group .content-text-introduction H1,
.silver-header .teaser-group .content-text-introduction H3,
.silver-header .teaser-group .content-table.comparison-table thead TH,
.silver-header .teaser-group .button-submit,
.silver-header .teaser-group INPUT[type="submit"],
.silver-header .teaser-group .short-text H2,
.silver-header .teaser-group .teaser-image .teaser-top-headline,
.silver-header .stage-teaser .button,
.silver-header .stage-teaser .inline-button,
.silver-header .stage-teaser A.text-link,
.silver-header .stage-teaser SPAN.text-link,
.silver-header .stage-teaser BLOCKQUOTE,
.silver-header .stage-teaser STRONG,
.silver-header .stage-teaser B,
.silver-header .stage-teaser TABLE THEAD TR TH,
.silver-header .stage-teaser TABLE TBODY TR TH,
.silver-header .stage-teaser .product-teaser--text-content P.teaser-headline,
.silver-header .stage-teaser .product-teaser--text-content>DIV SPAN,
.silver-header .stage-teaser .product-teaser--price P SPAN,
.silver-header .stage-teaser .typo-headline,
.silver-header .stage-teaser .content-text-introduction H1,
.silver-header .stage-teaser .content-text-introduction H3,
.silver-header .stage-teaser .content-table.comparison-table thead TH,
.silver-header .stage-teaser .button-submit,
.silver-header .stage-teaser INPUT[type="submit"],
.silver-header .stage-teaser .short-text H2,
.silver-header .stage-teaser .teaser-image .teaser-top-headline,
.silver-header .product-teaser .button,
.silver-header .product-teaser .inline-button,
.silver-header .product-teaser A.text-link,
.silver-header .product-teaser SPAN.text-link,
.silver-header .product-teaser BLOCKQUOTE,
.silver-header .product-teaser STRONG,
.silver-header .product-teaser B,
.silver-header .product-teaser TABLE THEAD TR TH,
.silver-header .product-teaser TABLE TBODY TR TH,
.silver-header .product-teaser .product-teaser--text-content P.teaser-headline,
.silver-header .product-teaser .product-teaser--text-content>DIV SPAN,
.silver-header .product-teaser .product-teaser--price P SPAN,
.silver-header .product-teaser .typo-headline,
.silver-header .product-teaser .content-text-introduction H1,
.silver-header .product-teaser .content-text-introduction H3,
.silver-header .product-teaser .content-table.comparison-table thead TH,
.silver-header .product-teaser .button-submit,
.silver-header .product-teaser INPUT[type="submit"],
.silver-header .product-teaser .short-text H2,
.silver-header .product-teaser .teaser-image .teaser-top-headline,
.silver-header .campaign-teaser .button,
.silver-header .campaign-teaser .inline-button,
.silver-header .campaign-teaser A.text-link,
.silver-header .campaign-teaser SPAN.text-link,
.silver-header .campaign-teaser BLOCKQUOTE,
.silver-header .campaign-teaser STRONG,
.silver-header .campaign-teaser B,
.silver-header .campaign-teaser TABLE THEAD TR TH,
.silver-header .campaign-teaser TABLE TBODY TR TH,
.silver-header .campaign-teaser .product-teaser--text-content P.teaser-headline,
.silver-header .campaign-teaser .product-teaser--text-content>DIV SPAN,
.silver-header .campaign-teaser .product-teaser--price P SPAN,
.silver-header .campaign-teaser .typo-headline,
.silver-header .campaign-teaser .content-text-introduction H1,
.silver-header .campaign-teaser .content-text-introduction H3,
.silver-header .campaign-teaser .content-table.comparison-table thead TH,
.silver-header .campaign-teaser .button-submit,
.silver-header .campaign-teaser INPUT[type="submit"],
.silver-header .campaign-teaser .short-text H2,
.silver-header .campaign-teaser .teaser-image .teaser-top-headline,
.silver-header .typo-teaser-small .button,
.silver-header .typo-teaser-small .inline-button,
.silver-header .typo-teaser-small A.text-link,
.silver-header .typo-teaser-small SPAN.text-link,
.silver-header .typo-teaser-small BLOCKQUOTE,
.silver-header .typo-teaser-small STRONG,
.silver-header .typo-teaser-small B,
.silver-header .typo-teaser-small TABLE THEAD TR TH,
.silver-header .typo-teaser-small TABLE TBODY TR TH,
.silver-header .typo-teaser-small .product-teaser--text-content P.teaser-headline,
.silver-header .typo-teaser-small .product-teaser--text-content>DIV SPAN,
.silver-header .typo-teaser-small .product-teaser--price P SPAN,
.silver-header .typo-teaser-small .typo-headline,
.silver-header .typo-teaser-small .content-text-introduction H1,
.silver-header .typo-teaser-small .content-text-introduction H3,
.silver-header .typo-teaser-small .content-table.comparison-table thead TH,
.silver-header .typo-teaser-small .button-submit,
.silver-header .typo-teaser-small INPUT[type="submit"],
.silver-header .typo-teaser-small .short-text H2,
.silver-header .typo-teaser-small .teaser-image .teaser-top-headline,
.silver-header .teaser-small .button,
.silver-header .teaser-small .inline-button,
.silver-header .teaser-small A.text-link,
.silver-header .teaser-small SPAN.text-link,
.silver-header .teaser-small BLOCKQUOTE,
.silver-header .teaser-small STRONG,
.silver-header .teaser-small B,
.silver-header .teaser-small TABLE THEAD TR TH,
.silver-header .teaser-small TABLE TBODY TR TH,
.silver-header .teaser-small .product-teaser--text-content P.teaser-headline,
.silver-header .teaser-small .product-teaser--text-content>DIV SPAN,
.silver-header .teaser-small .product-teaser--price P SPAN,
.silver-header .teaser-small .typo-headline,
.silver-header .teaser-small .content-text-introduction H1,
.silver-header .teaser-small .content-text-introduction H3,
.silver-header .teaser-small .content-table.comparison-table thead TH,
.silver-header .teaser-small .button-submit,
.silver-header .teaser-small INPUT[type="submit"],
.silver-header .teaser-small .short-text H2,
.silver-header .teaser-small .teaser-image .teaser-top-headline {
    font-family: 'Sparkasse-SerifBold-Italic'
}

.silver-header .teaser-big H1,
.silver-header .teaser-big H2,
.silver-header .teaser-big H2 .number,
.silver-header .teaser-big P,
.silver-header .teaser-big LI,
.silver-header .teaser-big .summary-text p,
.silver-header .teaser-big .table-headline,
.silver-header .teaser-big TABLE THEAD,
.silver-header .teaser-big TABLE TBODY,
.silver-header .teaser-big .typo-teaser-small .teaser-group LI A P,
.silver-header .teaser-big .teaser-small LI A P,
.silver-header .teaser-big LI A P,
.silver-header .teaser-big a .product-teaser--text-content p.product-teaser--subline,
.silver-header .teaser-big a .product-teaser--banner,
.silver-header .teaser-big .html-dummy,
.silver-header .teaser-big .product-teaser a .product-teaser--price p,
.silver-header .teaser-big .contact-element p.content-element-quote,
.silver-header .teaser-big .contact-element p,
.silver-header .teaser-big .content-disclaimer ul,
.silver-header .teaser-big .contact-tab-body small,
.silver-header .teaser-big .context,
.silver-header .teaser-big .finder-module-selection .finder--selection a,
.silver-header .teaser-big .finder--checkbox a,
.silver-header .teaser-big .achievements .achievement>a em,
.silver-header .teaser-big .finder--result .content h3,
.silver-header .teaser-big .finder--result .scrollable-text--container h3,
.silver-header .teaser-big .finder--result .scrollable-text--container h3,
.silver-header .teaser-big .finder--ruler-wrapper .ruler-labels>span,
.silver-header .teaser-big .search-wrapper .mobile-search input.header-search,
.silver-header .teaser-big .ui-front a,
.silver-header .teaser-big .ui-front li,
.silver-header .teaser-big .product-list-wrapper h3,
.silver-header .teaser-big .product-box-list .product-box-list-headline,
.silver-header .teaser-big .product-box .first-level h4,
.silver-header .teaser-big .product-box .second-level h4,
.silver-header .teaser-big .product-box-list h3,
.silver-header .teaser-big .product-box h3,
.silver-header .teaser-big .short-text .short-text-summary p,
.silver-header .teaser-big .short-text .short-text-summary li,
.silver-header .teaser-big table tfoot tr td,
.silver-header .teaser-big .layer-sub-headline,
.silver-header .teaser-big .teaser-image a .context,
.silver-header .teaser-medium H1,
.silver-header .teaser-medium H2,
.silver-header .teaser-medium H2 .number,
.silver-header .teaser-medium P,
.silver-header .teaser-medium LI,
.silver-header .teaser-medium .summary-text p,
.silver-header .teaser-medium .table-headline,
.silver-header .teaser-medium TABLE THEAD,
.silver-header .teaser-medium TABLE TBODY,
.silver-header .teaser-medium .typo-teaser-small .teaser-group LI A P,
.silver-header .teaser-medium .teaser-small LI A P,
.silver-header .teaser-medium LI A P,
.silver-header .teaser-medium a .product-teaser--text-content p.product-teaser--subline,
.silver-header .teaser-medium a .product-teaser--banner,
.silver-header .teaser-medium .html-dummy,
.silver-header .teaser-medium .product-teaser a .product-teaser--price p,
.silver-header .teaser-medium .contact-element p.content-element-quote,
.silver-header .teaser-medium .contact-element p,
.silver-header .teaser-medium .content-disclaimer ul,
.silver-header .teaser-medium .contact-tab-body small,
.silver-header .teaser-medium .context,
.silver-header .teaser-medium .finder-module-selection .finder--selection a,
.silver-header .teaser-medium .finder--checkbox a,
.silver-header .teaser-medium .achievements .achievement>a em,
.silver-header .teaser-medium .finder--result .content h3,
.silver-header .teaser-medium .finder--result .scrollable-text--container h3,
.silver-header .teaser-medium .finder--result .scrollable-text--container h3,
.silver-header .teaser-medium .finder--ruler-wrapper .ruler-labels>span,
.silver-header .teaser-medium .search-wrapper .mobile-search input.header-search,
.silver-header .teaser-medium .ui-front a,
.silver-header .teaser-medium .ui-front li,
.silver-header .teaser-medium .product-list-wrapper h3,
.silver-header .teaser-medium .product-box-list .product-box-list-headline,
.silver-header .teaser-medium .product-box .first-level h4,
.silver-header .teaser-medium .product-box .second-level h4,
.silver-header .teaser-medium .product-box-list h3,
.silver-header .teaser-medium .product-box h3,
.silver-header .teaser-medium .short-text .short-text-summary p,
.silver-header .teaser-medium .short-text .short-text-summary li,
.silver-header .teaser-medium table tfoot tr td,
.silver-header .teaser-medium .layer-sub-headline,
.silver-header .teaser-medium .teaser-image a .context,
.silver-header .teaser-small H1,
.silver-header .teaser-small H2,
.silver-header .teaser-small H2 .number,
.silver-header .teaser-small P,
.silver-header .teaser-small LI,
.silver-header .teaser-small .summary-text p,
.silver-header .teaser-small .table-headline,
.silver-header .teaser-small TABLE THEAD,
.silver-header .teaser-small TABLE TBODY,
.silver-header .teaser-small .typo-teaser-small .teaser-group LI A P,
.silver-header .teaser-small .teaser-small LI A P,
.silver-header .teaser-small LI A P,
.silver-header .teaser-small a .product-teaser--text-content p.product-teaser--subline,
.silver-header .teaser-small a .product-teaser--banner,
.silver-header .teaser-small .html-dummy,
.silver-header .teaser-small .product-teaser a .product-teaser--price p,
.silver-header .teaser-small .contact-element p.content-element-quote,
.silver-header .teaser-small .contact-element p,
.silver-header .teaser-small .content-disclaimer ul,
.silver-header .teaser-small .contact-tab-body small,
.silver-header .teaser-small .context,
.silver-header .teaser-small .finder-module-selection .finder--selection a,
.silver-header .teaser-small .finder--checkbox a,
.silver-header .teaser-small .achievements .achievement>a em,
.silver-header .teaser-small .finder--result .content h3,
.silver-header .teaser-small .finder--result .scrollable-text--container h3,
.silver-header .teaser-small .finder--result .scrollable-text--container h3,
.silver-header .teaser-small .finder--ruler-wrapper .ruler-labels>span,
.silver-header .teaser-small .search-wrapper .mobile-search input.header-search,
.silver-header .teaser-small .ui-front a,
.silver-header .teaser-small .ui-front li,
.silver-header .teaser-small .product-list-wrapper h3,
.silver-header .teaser-small .product-box-list .product-box-list-headline,
.silver-header .teaser-small .product-box .first-level h4,
.silver-header .teaser-small .product-box .second-level h4,
.silver-header .teaser-small .product-box-list h3,
.silver-header .teaser-small .product-box h3,
.silver-header .teaser-small .short-text .short-text-summary p,
.silver-header .teaser-small .short-text .short-text-summary li,
.silver-header .teaser-small table tfoot tr td,
.silver-header .teaser-small .layer-sub-headline,
.silver-header .teaser-small .teaser-image a .context,
.silver-header .teaser-group H1,
.silver-header .teaser-group H2,
.silver-header .teaser-group H2 .number,
.silver-header .teaser-group P,
.silver-header .teaser-group LI,
.silver-header .teaser-group .summary-text p,
.silver-header .teaser-group .table-headline,
.silver-header .teaser-group TABLE THEAD,
.silver-header .teaser-group TABLE TBODY,
.silver-header .teaser-group .typo-teaser-small .teaser-group LI A P,
.silver-header .teaser-group .teaser-small LI A P,
.silver-header .teaser-group LI A P,
.silver-header .teaser-group a .product-teaser--text-content p.product-teaser--subline,
.silver-header .teaser-group a .product-teaser--banner,
.silver-header .teaser-group .html-dummy,
.silver-header .teaser-group .product-teaser a .product-teaser--price p,
.silver-header .teaser-group .contact-element p.content-element-quote,
.silver-header .teaser-group .contact-element p,
.silver-header .teaser-group .content-disclaimer ul,
.silver-header .teaser-group .contact-tab-body small,
.silver-header .teaser-group .context,
.silver-header .teaser-group .finder-module-selection .finder--selection a,
.silver-header .teaser-group .finder--checkbox a,
.silver-header .teaser-group .achievements .achievement>a em,
.silver-header .teaser-group .finder--result .content h3,
.silver-header .teaser-group .finder--result .scrollable-text--container h3,
.silver-header .teaser-group .finder--result .scrollable-text--container h3,
.silver-header .teaser-group .finder--ruler-wrapper .ruler-labels>span,
.silver-header .teaser-group .search-wrapper .mobile-search input.header-search,
.silver-header .teaser-group .ui-front a,
.silver-header .teaser-group .ui-front li,
.silver-header .teaser-group .product-list-wrapper h3,
.silver-header .teaser-group .product-box-list .product-box-list-headline,
.silver-header .teaser-group .product-box .first-level h4,
.silver-header .teaser-group .product-box .second-level h4,
.silver-header .teaser-group .product-box-list h3,
.silver-header .teaser-group .product-box h3,
.silver-header .teaser-group .short-text .short-text-summary p,
.silver-header .teaser-group .short-text .short-text-summary li,
.silver-header .teaser-group table tfoot tr td,
.silver-header .teaser-group .layer-sub-headline,
.silver-header .teaser-group .teaser-image a .context,
.silver-header .stage-teaser H1,
.silver-header .stage-teaser H2,
.silver-header .stage-teaser H2 .number,
.silver-header .stage-teaser P,
.silver-header .stage-teaser LI,
.silver-header .stage-teaser .summary-text p,
.silver-header .stage-teaser .table-headline,
.silver-header .stage-teaser TABLE THEAD,
.silver-header .stage-teaser TABLE TBODY,
.silver-header .stage-teaser .typo-teaser-small .teaser-group LI A P,
.silver-header .stage-teaser .teaser-small LI A P,
.silver-header .stage-teaser LI A P,
.silver-header .stage-teaser a .product-teaser--text-content p.product-teaser--subline,
.silver-header .stage-teaser a .product-teaser--banner,
.silver-header .stage-teaser .html-dummy,
.silver-header .stage-teaser .product-teaser a .product-teaser--price p,
.silver-header .stage-teaser .contact-element p.content-element-quote,
.silver-header .stage-teaser .contact-element p,
.silver-header .stage-teaser .content-disclaimer ul,
.silver-header .stage-teaser .contact-tab-body small,
.silver-header .stage-teaser .context,
.silver-header .stage-teaser .finder-module-selection .finder--selection a,
.silver-header .stage-teaser .finder--checkbox a,
.silver-header .stage-teaser .achievements .achievement>a em,
.silver-header .stage-teaser .finder--result .content h3,
.silver-header .stage-teaser .finder--result .scrollable-text--container h3,
.silver-header .stage-teaser .finder--result .scrollable-text--container h3,
.silver-header .stage-teaser .finder--ruler-wrapper .ruler-labels>span,
.silver-header .stage-teaser .search-wrapper .mobile-search input.header-search,
.silver-header .stage-teaser .ui-front a,
.silver-header .stage-teaser .ui-front li,
.silver-header .stage-teaser .product-list-wrapper h3,
.silver-header .stage-teaser .product-box-list .product-box-list-headline,
.silver-header .stage-teaser .product-box .first-level h4,
.silver-header .stage-teaser .product-box .second-level h4,
.silver-header .stage-teaser .product-box-list h3,
.silver-header .stage-teaser .product-box h3,
.silver-header .stage-teaser .short-text .short-text-summary p,
.silver-header .stage-teaser .short-text .short-text-summary li,
.silver-header .stage-teaser table tfoot tr td,
.silver-header .stage-teaser .layer-sub-headline,
.silver-header .stage-teaser .teaser-image a .context,
.silver-header .product-teaser H1,
.silver-header .product-teaser H2,
.silver-header .product-teaser H2 .number,
.silver-header .product-teaser P,
.silver-header .product-teaser LI,
.silver-header .product-teaser .summary-text p,
.silver-header .product-teaser .table-headline,
.silver-header .product-teaser TABLE THEAD,
.silver-header .product-teaser TABLE TBODY,
.silver-header .product-teaser .typo-teaser-small .teaser-group LI A P,
.silver-header .product-teaser .teaser-small LI A P,
.silver-header .product-teaser LI A P,
.silver-header .product-teaser a .product-teaser--text-content p.product-teaser--subline,
.silver-header .product-teaser a .product-teaser--banner,
.silver-header .product-teaser .html-dummy,
.silver-header .product-teaser .product-teaser a .product-teaser--price p,
.silver-header .product-teaser .contact-element p.content-element-quote,
.silver-header .product-teaser .contact-element p,
.silver-header .product-teaser .content-disclaimer ul,
.silver-header .product-teaser .contact-tab-body small,
.silver-header .product-teaser .context,
.silver-header .product-teaser .finder-module-selection .finder--selection a,
.silver-header .product-teaser .finder--checkbox a,
.silver-header .product-teaser .achievements .achievement>a em,
.silver-header .product-teaser .finder--result .content h3,
.silver-header .product-teaser .finder--result .scrollable-text--container h3,
.silver-header .product-teaser .finder--result .scrollable-text--container h3,
.silver-header .product-teaser .finder--ruler-wrapper .ruler-labels>span,
.silver-header .product-teaser .search-wrapper .mobile-search input.header-search,
.silver-header .product-teaser .ui-front a,
.silver-header .product-teaser .ui-front li,
.silver-header .product-teaser .product-list-wrapper h3,
.silver-header .product-teaser .product-box-list .product-box-list-headline,
.silver-header .product-teaser .product-box .first-level h4,
.silver-header .product-teaser .product-box .second-level h4,
.silver-header .product-teaser .product-box-list h3,
.silver-header .product-teaser .product-box h3,
.silver-header .product-teaser .short-text .short-text-summary p,
.silver-header .product-teaser .short-text .short-text-summary li,
.silver-header .product-teaser table tfoot tr td,
.silver-header .product-teaser .layer-sub-headline,
.silver-header .product-teaser .teaser-image a .context,
.silver-header .campaign-teaser H1,
.silver-header .campaign-teaser H2,
.silver-header .campaign-teaser H2 .number,
.silver-header .campaign-teaser P,
.silver-header .campaign-teaser LI,
.silver-header .campaign-teaser .summary-text p,
.silver-header .campaign-teaser .table-headline,
.silver-header .campaign-teaser TABLE THEAD,
.silver-header .campaign-teaser TABLE TBODY,
.silver-header .campaign-teaser .typo-teaser-small .teaser-group LI A P,
.silver-header .campaign-teaser .teaser-small LI A P,
.silver-header .campaign-teaser LI A P,
.silver-header .campaign-teaser a .product-teaser--text-content p.product-teaser--subline,
.silver-header .campaign-teaser a .product-teaser--banner,
.silver-header .campaign-teaser .html-dummy,
.silver-header .campaign-teaser .product-teaser a .product-teaser--price p,
.silver-header .campaign-teaser .contact-element p.content-element-quote,
.silver-header .campaign-teaser .contact-element p,
.silver-header .campaign-teaser .content-disclaimer ul,
.silver-header .campaign-teaser .contact-tab-body small,
.silver-header .campaign-teaser .context,
.silver-header .campaign-teaser .finder-module-selection .finder--selection a,
.silver-header .campaign-teaser .finder--checkbox a,
.silver-header .campaign-teaser .achievements .achievement>a em,
.silver-header .campaign-teaser .finder--result .content h3,
.silver-header .campaign-teaser .finder--result .scrollable-text--container h3,
.silver-header .campaign-teaser .finder--result .scrollable-text--container h3,
.silver-header .campaign-teaser .finder--ruler-wrapper .ruler-labels>span,
.silver-header .campaign-teaser .search-wrapper .mobile-search input.header-search,
.silver-header .campaign-teaser .ui-front a,
.silver-header .campaign-teaser .ui-front li,
.silver-header .campaign-teaser .product-list-wrapper h3,
.silver-header .campaign-teaser .product-box-list .product-box-list-headline,
.silver-header .campaign-teaser .product-box .first-level h4,
.silver-header .campaign-teaser .product-box .second-level h4,
.silver-header .campaign-teaser .product-box-list h3,
.silver-header .campaign-teaser .product-box h3,
.silver-header .campaign-teaser .short-text .short-text-summary p,
.silver-header .campaign-teaser .short-text .short-text-summary li,
.silver-header .campaign-teaser table tfoot tr td,
.silver-header .campaign-teaser .layer-sub-headline,
.silver-header .campaign-teaser .teaser-image a .context,
.silver-header .typo-teaser-small H1,
.silver-header .typo-teaser-small H2,
.silver-header .typo-teaser-small H2 .number,
.silver-header .typo-teaser-small P,
.silver-header .typo-teaser-small LI,
.silver-header .typo-teaser-small .summary-text p,
.silver-header .typo-teaser-small .table-headline,
.silver-header .typo-teaser-small TABLE THEAD,
.silver-header .typo-teaser-small TABLE TBODY,
.silver-header .typo-teaser-small .typo-teaser-small .teaser-group LI A P,
.silver-header .typo-teaser-small .teaser-small LI A P,
.silver-header .typo-teaser-small LI A P,
.silver-header .typo-teaser-small a .product-teaser--text-content p.product-teaser--subline,
.silver-header .typo-teaser-small a .product-teaser--banner,
.silver-header .typo-teaser-small .html-dummy,
.silver-header .typo-teaser-small .product-teaser a .product-teaser--price p,
.silver-header .typo-teaser-small .contact-element p.content-element-quote,
.silver-header .typo-teaser-small .contact-element p,
.silver-header .typo-teaser-small .content-disclaimer ul,
.silver-header .typo-teaser-small .contact-tab-body small,
.silver-header .typo-teaser-small .context,
.silver-header .typo-teaser-small .finder-module-selection .finder--selection a,
.silver-header .typo-teaser-small .finder--checkbox a,
.silver-header .typo-teaser-small .achievements .achievement>a em,
.silver-header .typo-teaser-small .finder--result .content h3,
.silver-header .typo-teaser-small .finder--result .scrollable-text--container h3,
.silver-header .typo-teaser-small .finder--result .scrollable-text--container h3,
.silver-header .typo-teaser-small .finder--ruler-wrapper .ruler-labels>span,
.silver-header .typo-teaser-small .search-wrapper .mobile-search input.header-search,
.silver-header .typo-teaser-small .ui-front a,
.silver-header .typo-teaser-small .ui-front li,
.silver-header .typo-teaser-small .product-list-wrapper h3,
.silver-header .typo-teaser-small .product-box-list .product-box-list-headline,
.silver-header .typo-teaser-small .product-box .first-level h4,
.silver-header .typo-teaser-small .product-box .second-level h4,
.silver-header .typo-teaser-small .product-box-list h3,
.silver-header .typo-teaser-small .product-box h3,
.silver-header .typo-teaser-small .short-text .short-text-summary p,
.silver-header .typo-teaser-small .short-text .short-text-summary li,
.silver-header .typo-teaser-small table tfoot tr td,
.silver-header .typo-teaser-small .layer-sub-headline,
.silver-header .typo-teaser-small .teaser-image a .context,
.silver-header .teaser-small H1,
.silver-header .teaser-small H2,
.silver-header .teaser-small H2 .number,
.silver-header .teaser-small P,
.silver-header .teaser-small LI,
.silver-header .teaser-small .summary-text p,
.silver-header .teaser-small .table-headline,
.silver-header .teaser-small TABLE THEAD,
.silver-header .teaser-small TABLE TBODY,
.silver-header .teaser-small .typo-teaser-small .teaser-group LI A P,
.silver-header .teaser-small .teaser-small LI A P,
.silver-header .teaser-small LI A P,
.silver-header .teaser-small a .product-teaser--text-content p.product-teaser--subline,
.silver-header .teaser-small a .product-teaser--banner,
.silver-header .teaser-small .html-dummy,
.silver-header .teaser-small .product-teaser a .product-teaser--price p,
.silver-header .teaser-small .contact-element p.content-element-quote,
.silver-header .teaser-small .contact-element p,
.silver-header .teaser-small .content-disclaimer ul,
.silver-header .teaser-small .contact-tab-body small,
.silver-header .teaser-small .context,
.silver-header .teaser-small .finder-module-selection .finder--selection a,
.silver-header .teaser-small .finder--checkbox a,
.silver-header .teaser-small .achievements .achievement>a em,
.silver-header .teaser-small .finder--result .content h3,
.silver-header .teaser-small .finder--result .scrollable-text--container h3,
.silver-header .teaser-small .finder--result .scrollable-text--container h3,
.silver-header .teaser-small .finder--ruler-wrapper .ruler-labels>span,
.silver-header .teaser-small .search-wrapper .mobile-search input.header-search,
.silver-header .teaser-small .ui-front a,
.silver-header .teaser-small .ui-front li,
.silver-header .teaser-small .product-list-wrapper h3,
.silver-header .teaser-small .product-box-list .product-box-list-headline,
.silver-header .teaser-small .product-box .first-level h4,
.silver-header .teaser-small .product-box .second-level h4,
.silver-header .teaser-small .product-box-list h3,
.silver-header .teaser-small .product-box h3,
.silver-header .teaser-small .short-text .short-text-summary p,
.silver-header .teaser-small .short-text .short-text-summary li,
.silver-header .teaser-small table tfoot tr td,
.silver-header .teaser-small .layer-sub-headline,
.silver-header .teaser-small .teaser-image a .context {
    font-family: 'Sparkasse-Serif-Italic'
}

.silver-client H1,
.silver-client MAIN ARTICLE H2,
.silver-client MAIN SECTION H2,
.silver-client MAIN ARTICLE H2 .number,
.silver-client MAIN SECTION H2 .number,
.silver-client MAIN ARTICLE P,
.silver-client MAIN ARTICLE LI,
.silver-client MAIN SECTION P,
.silver-client MAIN SECTION LI,
.silver-client .overlay P,
.silver-client .overlay LI,
.silver-client .overlay H2,
.silver-client .overlay H2 .number,
.silver-client .summary-text p,
.silver-client .table-headline,
.silver-client TABLE THEAD,
.silver-client TABLE TBODY,
.silver-client .content-accordion>UL:first-child>LI .accordion-handle,
.silver-client .content-gallery-slide-show .gallery-info-container .gallery-headline,
.silver-client .content-gallery-slide-show .gallery-info-container .gallery-description,
.silver-client .content-gallery-slide-show .figcaption-container .figcaption,
.silver-client .typo-teaser-small .teaser-group LI A P,
.silver-client .teaser-small LI A P,
.silver-client .product-teaser A .product-teaser--text-content p.product-teaser--subline,
.silver-client .product-teaser A .product-teaser--banner,
.silver-client .html-dummy,
.silver-client .product-teaser A .product-teaser--price P,
.silver-client .contact-element P.content-element-quote,
.silver-client .contact-element P,
.silver-client .content-disclaimer UL,
.silver-client .contact-tab-body small,
.silver-client .campaign-teaser .context,
.silver-client .finder-module-selection .finder--selection A,
.silver-client .finder--checkbox A,
.silver-client .achievements .achievement>A EM,
.silver-client .finder--result .content H3,
.silver-client .finder--result .scrollable-text--container H3,
.silver-client .finder--result .scrollable-text--container H3,
.silver-client .finder--ruler-wrapper .ruler-labels>SPAN,
.silver-client .search-wrapper .mobile-search input.header-search,
.silver-client .ui-front A,
.silver-client .ui-front LI,
.silver-client .product-list-wrapper H3,
.silver-client .product-box-list .product-box-list-headline,
.silver-client .product-box .first-level H4,
.silver-client .product-box .second-level H4,
.silver-client .product-box-list H3,
.silver-client .product-box H3,
.silver-client .short-text .short-text-summary P,
.silver-client .short-text .short-text-summary LI,
.silver-client TABLE TFOOT TR TD,
.silver-client .layer-sub-headline,
.silver-client .rechner--haspa .result-label SPAN,
.silver-client .rechner--haspa H3,
.silver-client .teaser-image A .context,
.silver-client .pflichtfeld,
.silver-client .product-finder .typo-headline,
.silver-client .product-finder .context {
    font-family: 'Sparkasse-Serif-Italic'
}

.silver-client INPUT[type="text"],
.silver-client INPUT[type="password"],
.silver-client INPUT[type="date"],
.silver-client INPUT[type="datetime"],
.silver-client INPUT[type="datetime-local"],
.silver-client INPUT[type="month"],
.silver-client INPUT[type="week"],
.silver-client INPUT[type="email"],
.silver-client INPUT[type="number"],
.silver-client INPUT[type="search"],
.silver-client INPUT[type="tel"],
.silver-client INPUT[type="time"],
.silver-client INPUT[type="url"],
.silver-client INPUT[type="color"],
.silver-client TEXTAREA,
.silver-client .qtip .qtip-content P,
.silver-client FORM.banking-form .input-field--wrapper SPAN,
.silver-client FORM.global-form .input-field--wrapper SPAN,
.silver-client FORM.banking-form SELECT,
.silver-client FORM.banking-form SELECT OPTION,
.silver-client FORM.banking-form INPUT,
.silver-client FORM.banking-form TEXTAREA,
.silver-client FORM.banking-form LABEL,
.silver-client FORM.global-form SELECT,
.silver-client FORM.global-form SELECT OPTION,
.silver-client FORM.global-form INPUT,
.silver-client FORM.global-form TEXTAREA,
.silver-client FORM.global-form LABEL {
    font-family: 'Sparkasse-Serif-Italic'
}

.silver-client .content P,
.silver-client .scrollable-text--container P,
.silver-client .content UL LI,
.silver-client .scrollable-text--container UL LI,
.silver-client .content OL LI,
.silver-client .scrollable-text--container OL LI,
.silver-client .content TABLE THEAD,
.silver-client .scrollable-text--container TABLE THEAD,
.silver-client .content TABLE TBODY,
.silver-client .scrollable-text--container TABLE TBODY,
.silver-client .content .table-headline,
.silver-client .scrollable-text--container .table-headline {
    font-family: 'Sparkasse-Regular'
}

.silver-client .content A.text-link,
.silver-client .scrollable-text--container A.text-link,
.silver-client .content span.text-link,
.silver-client .scrollable-text--container span.text-link,
.silver-client .content .video-description H3,
.silver-client .scrollable-text--container .video-description H3,
.silver-client .content STRONG,
.silver-client .scrollable-text--container STRONG,
.silver-client .content B,
.silver-client .scrollable-text--container B,
.silver-client .content TABLE THEAD TR TH,
.silver-client .scrollable-text--container TABLE THEAD TR TH,
.silver-client .content TABLE TBODY TR TH,
.silver-client .scrollable-text--container TABLE TBODY TR TH {
    font-family: 'Sparkasse-Bold'
}

.silver-client .button.login,
.silver-client .button.logout,
.silver-client .button.special {
    font-family: 'Sparkasse-Bold'
}

.silver-client .button.secondary,
.silver-client INPUT[type='submit'].secondary {
    background-color: #707070
}

.silver-client .button.secondary:hover,
.silver-client .button.secondary:active,
.silver-client .button.secondary:focus,
.silver-client INPUT[type='submit'].secondary:hover,
.silver-client INPUT[type='submit'].secondary:active,
.silver-client INPUT[type='submit'].secondary:focus {
    background-color: #606060
}

.silver-client .button.secondary.scroll-top,
.silver-client INPUT[type='submit'].secondary.scroll-top {
    line-height: 22px
}

@media only screen and (min-width:80em) {

    .silver-client .dark-font .stage-teaser-content-wrapper .typo-headline,
    .silver-client .dark-font .stage-teaser-content-wrapper .context span,
    .silver-client .dark-font .stage-teaser-content-wrapper .teaser-headline,
    .silver-client .dark-font .stage-teaser-content-wrapper .context,
    .silver-header .dark-font .stage-teaser-content-wrapper .typo-headline,
    .silver-header .dark-font .stage-teaser-content-wrapper .context span,
    .silver-header .dark-font .stage-teaser-content-wrapper .teaser-headline,
    .silver-header .dark-font .stage-teaser-content-wrapper .context {
        color: #3f3f3f
    }

    .silver-client .dark-font.teaser-big .teaser-top-headline,
    .silver-client .dark-font.teaser-big .context,
    .silver-header .dark-font.teaser-big .teaser-top-headline,
    .silver-header .dark-font.teaser-big .context {
        color: #3f3f3f
    }

    .silver-client .dark-font.stage .stage-text H1,
    .silver-client .dark-font.stage .stage-text H2,
    .silver-client .dark-font.stage .stage-text>SPAN,
    .silver-client .dark-font.stage .stage-text-product P,
    .silver-header .dark-font.stage .stage-text H1,
    .silver-header .dark-font.stage .stage-text H2,
    .silver-header .dark-font.stage .stage-text>SPAN,
    .silver-header .dark-font.stage .stage-text-product P {
        color: #3f3f3f
    }
}

.silver-client .campaign-teaser .typo-headline,
.silver-header .campaign-teaser .typo-headline {
    margin-left: -22px
}

.silver-client .campaign-teaser .typo-headline .typo-headline__title,
.silver-header .campaign-teaser .typo-headline .typo-headline__title {
    background-color: transparent;
    box-shadow: none
}

.silver-client .campaign-teaser .context,
.silver-header .campaign-teaser .context {
    margin-left: -22px
}

.silver-client .campaign-teaser .context SPAN,
.silver-header .campaign-teaser .context SPAN {
    background-color: transparent;
    box-shadow: none;
    color: #fff
}

.silver-client .stage H1,
.silver-client .stage H2,
.silver-header .stage H1,
.silver-header .stage H2 {
    font-family: 'Sparkasse-Serif-Italic'
}

.silver-client .stage .stage-text,
.silver-header .stage .stage-text {
    background-color: #707070
}

.silver-client .stage .stage-text:before,
.silver-header .stage .stage-text:before {
    background-color: #707070
}

@media only screen and (min-width:80em) {

    .silver-client .stage .stage-text,
    .silver-header .stage .stage-text {
        background-color: transparent;
        opacity: 1
    }

    .silver-client .stage .stage-text:before,
    .silver-header .stage .stage-text:before {
        background-color: transparent
    }
}

.silver-client .stage .stage-text H1,
.silver-header .stage .stage-text H1 {
    font-family: 'Sparkasse-SerifBold-Italic'
}

.silver-client .stage .stage-text H2,
.silver-header .stage .stage-text H2 {
    font-family: 'Sparkasse-Serif-Italic'
}

.silver-client .stage.text-only H1,
.silver-client .stage.text-only H2,
.silver-header .stage.text-only H1,
.silver-header .stage.text-only H2 {
    color: #fff
}

.silver-client .stage.text-only .columns,
.silver-header .stage.text-only .columns {
    background-color: #707070
}

.silver-client .stage.text-only .columns:before,
.silver-header .stage.text-only .columns:before {
    background-color: #707070
}

.silver-client .stage .stage-text-product,
.silver-header .stage .stage-text-product {
    display: none
}

@media only screen and (min-width:80em) {

    .silver-client .teaser-big A>DIV,
    .silver-header .teaser-big A>DIV {
        padding-left: 0;
        background-color: transparent
    }
}

@media only screen and (min-width:80em) {

    .silver-client .teaser-big A:hover>DIV,
    .silver-header .teaser-big A:hover>DIV {
        background-color: transparent
    }
}

.silver-client .teaser-big .teaser-top-headline,
.silver-header .teaser-big .teaser-top-headline {
    font-family: 'Sparkasse-SerifBold-Italic'
}

@media only screen and (min-width:80em) {

    .silver-client .teaser-big .teaser-top-headline,
    .silver-header .teaser-big .teaser-top-headline {
        color: #fff
    }
}

.silver-client .teaser-big .context,
.silver-header .teaser-big .context {
    font-family: 'Sparkasse-Serif-Italic'
}

@media only screen and (min-width:80em) {

    .silver-client .teaser-big .context,
    .silver-header .teaser-big .context {
        color: #fff
    }
}

.silver-client .product-teaser A .product-teaser--text,
.silver-header .product-teaser A .product-teaser--text {
    background-color: #707070
}

@media only screen and (min-width:40em) {

    .silver-client .product-teaser A .product-teaser--text,
    .silver-header .product-teaser A .product-teaser--text {
        background-color: transparent
    }
}

.silver-client .product-teaser A .product-teaser--price,
.silver-header .product-teaser A .product-teaser--price {
    display: none
}

.silver-client .product-teaser A .product-teaser--banner,
.silver-header .product-teaser A .product-teaser--banner {
    background-color: #707070
}

.silver-client .stage-teaser .stage-teaser-content-wrapper,
.silver-header .stage-teaser .stage-teaser-content-wrapper {
    background-color: #707070
}

@media only screen and (min-width:80em) {

    .silver-client .stage-teaser .stage-teaser-content-wrapper,
    .silver-header .stage-teaser .stage-teaser-content-wrapper {
        background-color: transparent
    }
}

.silver-client .stage-teaser .stage-teaser-text:hover,
.silver-header .stage-teaser .stage-teaser-text:hover {
    background-color: transparent
}

@media only screen and (min-width:80em) {

    .silver-client .stage-teaser .stage-teaser-text,
    .silver-header .stage-teaser .stage-teaser-text {
        padding-left: 0;
        background-color: transparent
    }
}

.silver-client .stage-teaser .stage-teaser-text .teaser-headline,
.silver-header .stage-teaser .stage-teaser-text .teaser-headline {
    font-family: 'Sparkasse-SerifBold-Italic'
}

.silver-client .stage-teaser .stage-teaser-text .context,
.silver-header .stage-teaser .stage-teaser-text .context {
    font-family: 'Sparkasse-Serif-Italic'
}

.silver-client .stage-teaser .button,
.silver-header .stage-teaser .button {
    margin-top: 10px
}

@media only screen {

    .silver-client .stage-teaser .button,
    .silver-header .stage-teaser .button {
        padding-left: 1.07143rem
    }

    .silver-client .stage-teaser .button:hover,
    .silver-client .stage-teaser .button:active,
    .silver-header .stage-teaser .button:hover,
    .silver-header .stage-teaser .button:active {
        background-color: #b9271f
    }
}

.silver-client .teaser-group .teaser-top-headline,
.silver-header .teaser-group .teaser-top-headline {
    font-family: 'Sparkasse-SerifBold-Italic'
}

.silver-client .teaser-group .teaser-content,
.silver-header .teaser-group .teaser-content {
    font-family: 'Sparkasse-Serif-Italic'
}

.silver-client .teaser-medium .typo-teaser .typo-headline,
.silver-header .teaser-medium .typo-teaser .typo-headline {
    font-family: 'Sparkasse-SerifBold-Italic';
    color: #f73429;
    font-size: 21px;
    line-height: 28px;
    margin-left: -22px
}

@media only screen and (min-width:40em) {

    .silver-client .teaser-medium .typo-teaser .typo-headline,
    .silver-header .teaser-medium .typo-teaser .typo-headline {
        font-size: 26px;
        line-height: 32px
    }
}

@media only screen and (min-width:80em) {

    .silver-client .teaser-medium .typo-teaser .typo-headline,
    .silver-header .teaser-medium .typo-teaser .typo-headline {
        line-height: 38px;
        font-size: 30px
    }
}

.silver-client .teaser-medium .typo-teaser .typo-headline .typo-headline__title,
.silver-header .teaser-medium .typo-teaser .typo-headline .typo-headline__title {
    background-color: transparent;
    box-shadow: none
}

.silver-client .teaser-medium .typo-teaser .context,
.silver-header .teaser-medium .typo-teaser .context {
    margin-left: -22px
}

.silver-client .teaser-medium .typo-teaser .context SPAN,
.silver-header .teaser-medium .typo-teaser .context SPAN {
    background-color: transparent;
    box-shadow: none
}

.silver-client BLOCKQUOTE,
.silver-client BLOCKQUOTE P,
.silver-header BLOCKQUOTE,
.silver-header BLOCKQUOTE P {
    color: #f73429;
    border-color: #f73429
}

.silver-client .content-wrapper .content-highlight .highlight-box,
.silver-header .content-wrapper .content-highlight .highlight-box {
    background: #707070
}

.silver-client .content-table.comparison-table THEAD TH .comparison-badge,
.silver-header .content-table.comparison-table THEAD TH .comparison-badge {
    color: #f73429
}

.silver-client .content-table.comparison-table THEAD TH.highlight-col,
.silver-header .content-table.comparison-table THEAD TH.highlight-col {
    border-color: #f73429
}

.silver-client .overlay .content-highlight .highlight-box {
    background: #707070
}

.silver-client .product-finder .typo-headline .typo-headline__title,
.silver-client .product-finder .context SPAN {
    background-color: transparent;
    box-shadow: none
}

.silver-client .product-finder .typo-headline {
    color: #3f3f3f
}

.silver-client .product-finder FIGURE figcaption {
    background-color: #707070
}

.product-teaser--price sub,
.product-teaser--price sup,
.stage-text-product sub,
.stage-text-product sup {
    font-size: 1.21429rem
}

.product-teaser--price p sup,
.product-teaser--price p sub,
.stage-text-product p sup,
.stage-text-product p sub {
    position: relative;
    vertical-align: text-top
}

@media only screen and (max-width:39.938em) {

    .product-teaser--price p sup,
    .product-teaser--price p sub,
    .stage-text-product p sup,
    .stage-text-product p sub {
        font-size: 1rem;
        top: .42857rem
    }
}

@media only screen and (min-width:40em) {

    .product-teaser--price p sup,
    .product-teaser--price p sub,
    .stage-text-product p sup,
    .stage-text-product p sub {
        top: .28571rem
    }
}

@media(-ms-high-contrast:none),
(-ms-high-contrast:active) {

    .product-teaser--price p sup,
    .product-teaser--price p sub,
    .stage-text-product p sup,
    .stage-text-product p sub {
        top: -.21429rem
    }
}

.product-teaser--price p span sup,
.product-teaser--price p span sub,
.stage-text-product p span sup,
.stage-text-product p span sub {
    font-size: 1.85714rem;
    font-family: 'Sparkasse-Regular';
    top: .28571rem
}

@media only screen and (max-width:39.938em) {

    .product-teaser--price p span sup,
    .product-teaser--price p span sub,
    .stage-text-product p span sup,
    .stage-text-product p span sub {
        font-size: 1rem;
        margin-left: -.14286rem
    }
}

@media only screen and (min-width:40em) {

    .product-teaser--price p span sup,
    .product-teaser--price p span sub,
    .stage-text-product p span sup,
    .stage-text-product p span sub {
        font-size: 1.28571rem;
        margin-left: -.28571rem;
        top: .42857rem
    }
}

@media only screen and (min-width:80em) {

    .product-teaser--price p span sup,
    .product-teaser--price p span sub,
    .stage-text-product p span sup,
    .stage-text-product p span sub {
        font-size: 1.42857rem
    }
}

@media(-ms-high-contrast:none),
(-ms-high-contrast:active) {

    .product-teaser--price p span sup,
    .product-teaser--price p span sub,
    .stage-text-product p span sup,
    .stage-text-product p span sub {
        top: -.21429rem
    }
}

.stage-text-product p sup,
.stage-text-product p sub {
    margin-left: 0
}

@media only screen and (max-width:39.938em) {

    .stage-text-product p sup,
    .stage-text-product p sub {
        font-size: 1rem
    }
}

@media only screen and (min-width:40em) {

    .stage-text-product p sup,
    .stage-text-product p sub {
        font-size: 1.28571rem;
        top: .42857rem
    }
}

@media only screen and (min-width:80em) {

    .stage-text-product p sup,
    .stage-text-product p sub {
        font-size: 1.42857rem;
        top: .57143rem
    }
}

.spinner {
    display: none;
    position: relative;
    width: 100%;
    height: 80px;
    text-align: center
}

.spinner-circle {
    width: 74px;
    height: 74px;
    margin: -77px auto;
    text-align: center;
    border: 2px solid #e8e8e8;
    border-radius: 50%
}

.spinner-inner {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border: 8px solid;
    border-radius: 50%;
    border-color: #f73429 transparent transparent;
    animation: rotate 1000ms infinite linear;
    -o-animation: rotate 1000ms infinite linear;
    -ms-animation: rotate 1000ms infinite linear;
    -webkit-animation: rotate 1000ms infinite linear;
    -moz-animation: rotate 1000ms infinite linear
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

div.has-info {
    display: inline-block;
    padding-right: 2.14286rem;
    position: relative
}

div.has-info .icon-link {
    position: absolute;
    right: 0;
    z-index: 100;
    top: -0.4rem
}

@media only screen and (min-width:80em) {
    div.has-info .icon-link {
        top: -0.188rem
    }
}

div.has-info h1+.icon-link {
    top: .5rem
}

@media only screen and (min-width:80em) {
    div.has-info h1+.icon-link {
        top: .9rem
    }
}

div.has-info h2+.icon-link {
    top: .3rem
}

div.has-info h3.table-headline+.icon-link {
    top: -1rem
}

@media only screen and (min-width:80em) {
    div.has-info h3.table-headline+.icon-link {
        top: -0.35rem
    }
}

div.has-info p.headline-summary+.icon-link {
    top: 1.5rem
}

@media only screen and (min-width:80em) {
    div.has-info p.headline-summary+.icon-link {
        top: 2rem
    }
}

@media only screen and (min-width:80em) {

    div.has-info h3+.icon-link,
    div.has-info .multi-input-wrapper+.icon-link {
        top: .1rem
    }
}

.finder--checkbox-row:after {
    content: " ";
    speak: none;
    clear: both;
    display: table
}

.finder--checkbox {
    position: relative;
    margin-bottom: .71429rem
}

.finder--checkbox:first-child:nth-last-child(2) {
    background: red
}

.finder--checkbox .finder--checkbox--label {
    font-family: 'Sparkasse-Bold';
    display: none;
    float: right !important;
    padding-top: .85714rem;
    line-height: 2
}

.finder--checkbox .finder--checkbox--label>[data-val=true] {
    display: none
}

.finder--checkbox .finder--checkbox--label>[data-val=false] {
    display: inline
}

.finder--checkbox a.active+.finder--checkbox--label>[data-val=true] {
    display: inline
}

.finder--checkbox a.active+.finder--checkbox--label>[data-val=false] {
    display: none
}

@media print {
    .finder--checkbox {
        display: block
    }

    .finder--checkbox:before,
    .finder--checkbox:after {
        content: " ";
        display: table
    }

    .finder--checkbox:after {
        clear: both
    }

    .finder--checkbox .finder--checkbox--label {
        display: block
    }

    .finder--checkbox a {
        clear: both;
        float: left !important;
        text-decoration: none
    }
}

.finder--checkbox a {
    color: #3f3f3f;
    background-color: #e8e8e8;
    padding: .85714rem 3rem .85714rem 1.07143rem;
    display: block;
    font-size: 1.07143rem;
    line-height: 1.21429rem
}

.finder--checkbox a:hover {
    background-color: #d4d4d4
}

@media only screen and (min-width:40em) {
    .finder--checkbox a {
        font-size: 1.14286rem;
        line-height: 1.28571rem;
        display: inline-block;
        padding: .92857rem 3.85714rem .92857rem 1.28571rem
    }
}

@media only screen and (min-width:80em) {
    .finder--checkbox a {
        padding: 1.42857rem 5.42857rem 1.42857rem 1.28571rem
    }
}

.finder--checkbox a:after {
    content: "";
    speak: none;
    background-color: #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 15px;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media only screen and (min-width:40em) {
    .finder--checkbox a:after {
        right: 8px
    }
}

@media only screen and (min-width:80em) {
    .finder--checkbox a:after {
        right: 10px;
        width: 36px;
        height: 36px
    }
}

@media only screen and (max-width:39.938em) {
    .finder--checkbox:last-of-type {
        margin-bottom: 0
    }
}

@media only screen and (min-width:40em) {
    .finder--checkbox {
        float: left;
        margin-bottom: 1.42857rem;
        margin-right: 1.42857rem
    }
}

@media only screen and (min-width:80em) {
    .finder--checkbox {
        margin-bottom: 1.42857rem;
        margin-right: 1.42857rem
    }
}

.finder--checkbox a.active {
    background-color: #f73429;
    color: #fff
}

.finder--checkbox a.active:before {
    content: "";
    speak: none;
    width: 20px;
    height: 17px;
    position: absolute;
    z-index: 1;
    right: 17px;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media only screen and (min-width:40em) {
    .finder--checkbox a.active:before {
        right: 11px
    }
}

@media only screen and (min-width:80em) {
    .finder--checkbox a.active:before {
        width: 25px;
        height: 20px;
        right: 16px
    }
}

.finder-module {
    background-color: #f6f6f6;
    padding: 1.42857rem;
    margin: 0 1.42857rem 0;
    overflow: hidden
}

@media only screen and (max-width:39.938em) {
    .finder-module {
        margin: .35714rem -1.42857rem
    }
}

@media only screen and (min-width:40em) {
    .finder-module {
        padding: 1.42857rem 1.42857rem 0 1.42857rem;
        margin: 0 0 .71429rem
    }
}

@media only screen and (min-width:80em) {
    .finder-module {
        padding: 1.42857rem 1.42857rem 0 1.42857rem;
        margin-bottom: .71429rem
    }
}

.finder-module .subheadline {
    margin-bottom: 0
}

.finder-module .disabled {
    opacity: .5;
    pointer-events: none
}

.finder-module.finder-slider {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: .85714rem
}

.finder-module>p:last-child {
    margin-bottom: 1.42857rem
}

@supports(-moz-appearance:meterbar) and (background-blend-mode:difference, normal) {
    .finder-module .link-arrow {
        padding-right: 0 !important
    }

    .finder-module .link-arrow:after {
        content: "";
        display: none
    }
}

@media only screen and (max-width:39.938em) {
    .finder-row:first-child .finder-module {
        margin-top: 0
    }
}

.finder--haspa {
    display: none
}

.finder--haspa:not([style*="display:none"]):not([style*="display: none"]) {
    margin-bottom: 1.07143rem
}

.finder--haspa:not([style*="display:none"]):not([style*="display: none"]):before,
.finder--haspa:not([style*="display:none"]):not([style*="display: none"]):after {
    content: " ";
    display: table
}

.finder--haspa:not([style*="display:none"]):not([style*="display: none"]):after {
    clear: both
}

@media only screen and (min-width:40em) {
    .finder--haspa:not([style*="display:none"]):not([style*="display: none"]) {
        margin-bottom: .71429rem
    }
}

.finder--haspa.finder--account-achievements>div:first-child {
    display: none !important
}

.ruler-disabled {
    opacity: .5
}

.finder--ruler-wrapper {
    margin-bottom: 1.42857rem;
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:40em) {

    .finder--ruler-wrapper:first-child:nth-last-child(2):first-child,
    .finder--ruler-wrapper:first-child:nth-last-child(2)~.finder--ruler-wrapper:first-child {
        padding-right: 10px
    }

    .finder--ruler-wrapper:first-child:nth-last-child(2):last-child,
    .finder--ruler-wrapper:first-child:nth-last-child(2)~.finder--ruler-wrapper:last-child {
        padding-left: 10px
    }
}

.finder--ruler-wrapper .ruler-range {
    opacity: 0
}

.finder--ruler-wrapper .ruler-labels {
    height: 3.21429rem;
    position: relative;
    z-index: 444
}

.finder--ruler-wrapper .ruler-labels>span {
    bottom: 0;
    position: absolute;
    left: 0
}

@media only screen {
    .finder--ruler-wrapper .ruler-labels>span {
        font-size: 1.14286rem
    }
}

@media only screen and (min-width:80em) {
    .finder--ruler-wrapper .ruler-labels>span {
        font-size: 1.28571rem
    }
}

.finder--ruler-wrapper .ruler-labels>span.ruler-range-value,
.finder--ruler-wrapper .ruler-labels>span.ruler-max-value {
    left: auto;
    right: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.finder--ruler-wrapper .ruler-labels>span.ruler-range-value {
    font-family: 'Sparkasse-Bold';
    color: #f73429;
    line-height: 1;
    font-size: 2.28571rem
}

@media only screen and (min-width:80em) {
    .finder--ruler-wrapper .ruler-labels>span.ruler-range-value {
        font-size: 3rem
    }
}

.finder--ruler-wrapper .ruler-labels>span.ruler-range-value .ruler-range-value-amount {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #f73429;
    display: inline-block;
    font-size: 2.28571rem;
    opacity: 1;
    height: 42px;
    line-height: 1;
    padding: 0;
    outline: 0;
    text-align: right;
    min-width: 20px;
    width: auto;
    margin: 0;
    overflow-y: hidden
}

@media only screen and (min-width:80em) {
    .finder--ruler-wrapper .ruler-labels>span.ruler-range-value .ruler-range-value-amount {
        font-size: 3rem
    }
}

.finder--ruler-wrapper .ruler-labels>span.ruler-range-value em,
.finder--ruler-wrapper .ruler-labels>span.ruler-range-value .ruler-range-value-amount {
    font-style: normal;
    font-size: 2.28571rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width:80em) {

    .finder--ruler-wrapper .ruler-labels>span.ruler-range-value em,
    .finder--ruler-wrapper .ruler-labels>span.ruler-range-value .ruler-range-value-amount {
        font-size: 3rem
    }
}

.finder--ruler-wrapper .ruler-labels.min-max {
    height: auto;
    margin-top: -.21429rem
}

.finder--ruler-wrapper .ruler-labels.min-max span {
    font-size: 1rem
}

.irs {
    clear: both;
    height: 5rem;
    margin-top: -1.85714rem
}

.irs .irs-bar-edge {
    display: none;
    visibility: hidden
}

.irs .irs-min,
.irs .irs-max,
.irs .irs-single {
    background-color: transparent;
    bottom: 0;
    font-size: 1rem;
    padding: 0;
    top: auto
}

.irs .irs-single {
    display: none
}

.irs .irs-slider.single {
    background: 0;
    border: 0;
    cursor: move;
    box-shadow: none;
    top: 30px;
    width: 32px;
    z-index: 10
}

.irs .irs-slider.single:after {
    background-color: #f73429;
    background-position: center;
    border-radius: 1.92857rem;
    content: '';
    display: block;
    height: 16px
}

@media only screen and (max-width:39.938em) {
    .irs .irs-slider.single {
        height: 40px;
        top: 18px
    }

    .irs .irs-slider.single:after {
        margin-top: .85714rem
    }
}

.irs .irs-slider.single:hover {
    background-color: transparent;
    border: 0;
    box-shadow: none
}

.irs .irs-line {
    background: linear-gradient(to bottom, #cecece 0, #cecece 100%);
    border: 0
}

.irs .irs-bar {
    border: 0;
    background: linear-gradient(to bottom, #cecece 0, #cecece 100%)
}

.finder-module-selection {
    background-color: transparent;
    overflow: hidden;
    margin-bottom: .71429rem;
    padding: 0;
    position: relative
}

@media only screen and (max-width:39.938em) {
    .finder-module-selection {
        margin-bottom: .35714rem;
        margin-top: 0
    }
}

.finder-module-selection>.columns {
    padding-left: 0;
    padding-right: 0
}

.finder-module-selection .subheadline {
    font-family: 'Sparkasse-Bold';
    margin-bottom: .64286rem
}

@media only screen and (max-width:39.938em) {
    .finder-module-selection .subheadline {
        font-size: 1.28571rem;
        margin-left: 1.42857rem;
        margin-right: 1.42857rem
    }
}

.finder-module-selection .haspa-joker {
    display: none;
    padding-left: 3.57143rem;
    height: 123px
}

@media only screen and (min-width:80em) {
    .finder-module-selection .haspa-joker {
        display: block
    }
}

.finder-module-selection .haspa-joker .inner {
    width: 100%;
    height: 100%
}

.finder-module-selection .haspa-joker .inner>a {
    margin: 0
}

.finder-module-selection.selected .subheadline {
    display: none
}

@media only screen and (min-width:40em) {
    .finder-module-selection.selected .finder--selection a {
        height: 56px
    }
}

@media only screen and (min-width:80em) {
    .finder-module-selection.selected .finder--selection a {
        height: 64px
    }
}

.finder-module-selection.selected .finder--selection a em {
    display: block;
    position: relative;
    top: 0
}

.finder-module-selection.selected .finder--selection a span {
    display: none !important
}

.finder-module-selection.selected .haspa-joker {
    height: 64px;
    padding-top: 1.07143rem
}

.finder-module-selection.selected .haspa-joker .description {
    display: none
}

.finder-module-selection .finder--selection {
    float: left;
    width: 25%;
    height: 64px
}

@media only screen and (min-width:40em) {
    .finder-module-selection .finder--selection {
        height: 111px
    }

    .finder-module-selection .finder--selection:not(:last-child) {
        padding-right: .07143rem
    }
}

@media only screen and (min-width:80em) {
    .finder-module-selection .finder--selection {
        height: 123px
    }
}

.finder-module-selection .finder--selection a {
    background-color: #f6f6f6;
    border-top: 10px solid #f73429;
    color: #3f3f3f;
    font-family: 'Sparkasse-Regular';
    position: relative;
    text-align: center;
    height: 100%;
    display: block
}

.finder-module-selection .finder--selection a:after {
    background-color: #d9d9d9;
    bottom: 0;
    content: '';
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px
}

.finder-module-selection .finder--selection a:hover,
.finder-module-selection .finder--selection a:focus {
    background-color: #ececec;
    border-top: 10px solid #b9271f
}

@media only screen and (max-width:39.938em) {
    .finder-module-selection .finder--selection a {
        color: #3f3f3f;
        font-size: 1.14286rem;
        line-height: 50px
    }
}

@media only screen and (min-width:40em) {
    .finder-module-selection .finder--selection a {
        font-size: 1.28571rem;
        line-height: 41px
    }
}

@media only screen and (min-width:80em) {
    .finder-module-selection .finder--selection a {
        font-size: 1.5rem;
        line-height: 52px
    }

    .finder-module-selection .finder--selection a.active {
        line-height: 48px
    }
}

.finder-module-selection .finder--selection a.active {
    background-color: #f73429;
    color: #fff;
    font-family: 'Sparkasse-Bold'
}

.finder-module-selection .finder--selection a.active:hover,
.finder-module-selection .finder--selection a.active:focus {
    background-color: #b9271f;
    border-top: 10px solid #b9271f
}

.finder-module-selection .finder--selection a em {
    font-style: normal;
    left: 0;
    position: absolute;
    text-align: center;
    top: 45px;
    width: 100%
}

@media only screen and (max-width:39.938em) {
    .finder-module-selection .finder--selection a em {
        position: relative;
        top: 0
    }
}

@media only screen and (min-width:80em) {
    .finder-module-selection .finder--selection a em {
        top: 48px
    }
}

.finder-module-selection .finder--selection a span {
    margin: 0 auto
}

@media only screen and (max-width:39.938em) {
    .finder-module-selection .finder--selection a span {
        display: none
    }
}

.finder-module-selection .finder--selection a span:before {
    content: '';
    display: block;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 12px
}

.finder-module-selection .finder--selection a span.arrow:before {
    bottom: 6px;
    display: block;
    height: 12px;
    margin-left: -10px;
    top: auto;
    width: 16px;
    background-size: 16px
}

@media only screen and (min-width:80em) {
    .finder-module-selection .finder--selection a span.arrow:before {
        bottom: 7px;
        width: 20px;
        background-size: 20px
    }
}

.finder-module-selection .finder--selection a span.accounts:before {
    margin-left: -25px;
    width: 50px
}

.finder-module-selection .finder--selection a span.saveup:before {
    height: 42px;
    margin-left: -18px;
    width: 44px
}

.finder-module-selection .finder--selection a span.credits:before {
    margin-left: -25px;
    width: 50px
}

.finder-module-selection .finder--selection a span.living:before {
    margin-left: -25px;
    width: 50px
}

.finder-module-selection .finder--selection:last-child a:after {
    display: none
}

.finder-module-selection.selected .finder--selection {
    height: 64px
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .finder-module-selection.selected .finder--selection {
        height: 56px
    }
}

.finder-module-selection:not(.selected) {
    margin-bottom: 1.42857rem
}

.finder--result {
    outline: 0
}

@media only screen and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .finder--result {
        margin-left: 3px
    }
}

.finder--result img {
    width: 100%;
    margin-bottom: .71429rem
}

.finder--result>p.subheadline {
    margin-bottom: 1.07143rem
}

.finder--result.slick-slide {
    margin-left: 1.42857rem;
    margin-right: 1.42857rem
}

.finder--result .content h3,
.finder--result .scrollable-text--container h3 {
    font-family: 'Sparkasse-Regular';
    margin-bottom: 0;
    font-size: 1.42857rem
}

@media only screen and (min-width:40em) {

    .finder--result .content h3,
    .finder--result .scrollable-text--container h3 {
        font-size: 1.71429rem
    }
}

@media only screen and (min-width:80em) {

    .finder--result .content h3,
    .finder--result .scrollable-text--container h3 {
        font-size: 2rem
    }
}

.finder--result .content p.subheadline,
.finder--result .scrollable-text--container p.subheadline {
    font-size: 1.14286rem;
    margin-bottom: .71429rem
}

@media only screen and (min-width:40em) {

    .finder--result .content p.subheadline,
    .finder--result .scrollable-text--container p.subheadline {
        font-size: 1.28571rem
    }
}

@media only screen and (min-width:80em) {

    .finder--result .content p.subheadline,
    .finder--result .scrollable-text--container p.subheadline {
        font-size: 1.42857rem
    }
}

.finder--result .content li,
.finder--result .scrollable-text--container li,
.finder--result .content ul,
.finder--result .scrollable-text--container ul {
    margin-bottom: .71429rem
}

.finder--result .finder--links {
    margin-bottom: 1.42857rem;
    text-align: right
}

.finder--result .finder--links .button:last-child {
    margin-right: 0
}

@media only screen and (max-width:39.938em) {
    .finder--result .finder--links .text-link+.button {
        margin-top: 1.07143rem
    }

    .finder--result .finder--links>a {
        display: inline-block
    }
}

@media only screen and (min-width:40em) {
    .finder--result .finder--links .link-arrow:after {
        margin-top: 1.14286rem
    }
}

.finder--result .finder--links .text-link {
    margin-right: 1.85714rem !important
}

.finder--result .content-disclaimer {
    position: absolute;
    bottom: 0
}

@media only screen and (max-width:39.938em) {
    .finder--result .content-disclaimer {
        position: relative
    }
}

.finder--result .content-disclaimer p {
    font-size: 1rem;
    margin-bottom: 0
}

.finder-slider {
    overflow: inherit
}

.finder-slider button {
    top: 28%;
    background-size: 12px 33px;
    background-position: center;
    height: 33px;
    width: 12px;
    padding: 0
}

@media only screen and (min-width:40em) {
    .finder-slider button {
        background-size: 19px 40px;
        height: 40px;
        width: 19px;
        top: 58%
    }
}

@media only screen and (min-width:80em) {
    .finder-slider button {
        background-size: 24px 45px;
        height: 45px;
        width: 24px
    }
}

.finder-slider button.slick-disabled {
    opacity: .2
}

.finder-slider button.slick-prev {
    left: .21429rem
}

@media only screen and (min-width:40em) {
    .finder-slider button.slick-prev {
        left: -2.14286rem
    }
}

@media only screen and (min-width:80em) {
    .finder-slider button.slick-prev {
        left: -3.57143rem
    }
}

.finder-slider button.slick-next {
    right: .21429rem
}

@media only screen and (min-width:40em) {
    .finder-slider button.slick-next {
        right: -2.14286rem
    }
}

@media only screen and (min-width:80em) {
    .finder-slider button.slick-next {
        right: -3.57143rem
    }
}

@media only screen and (max-width:39.938em) {
    .finder--achievements .finder--checkbox {
        margin-bottom: 1.42857rem
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .finder--achievements .finder--checkbox {
        margin-bottom: 1.42857rem
    }
}

@media only screen and (min-width:80em) {
    .finder--achievements .finder--checkbox {
        position: absolute;
        top: 1.07143rem;
        right: 1.42857rem
    }
}

.achievements {
    clear: both;
    float: left;
    width: 100%
}

.achievements .achievement {
    float: left;
    width: 50%
}

.achievements .achievement:hover a {
    background-color: #d4d4d4
}

@media only screen and (max-width:39.938em) {
    .achievements .achievement {
        margin-bottom: .71429rem
    }

    .achievements .achievement:nth-child(2n)>a {
        margin-right: 0
    }

    .achievements .achievement:nth-child(2n+1)>a {
        margin-left: 0
    }

    .achievements .achievement:nth-last-child(-n+2) {
        margin-bottom: 0
    }
}

@media only screen and (min-width:40em) {
    .achievements .achievement {
        margin-bottom: 1.28571rem;
        width: 33.333%
    }

    .achievements .achievement:nth-child(3n)>a {
        margin-right: 0
    }

    .achievements .achievement:nth-child(3n+1)>a {
        margin-left: 0
    }

    .achievements .achievement:nth-last-child(-n+3) {
        margin-bottom: 1.42857rem
    }
}

@media only screen and (min-width:80em) {
    .achievements .achievement {
        margin-bottom: 2.14286rem
    }

    .achievements .achievement:nth-child(4n),
    .achievements .achievement:nth-child(5n),
    .achievements .achievement:nth-child(6n) {
        margin-bottom: 1.42857rem
    }
}

.achievements .achievement>a {
    background-color: #e8e8e8;
    color: #3f3f3f;
    display: block;
    height: 132px;
    margin-left: 1.07143rem;
    margin-right: 1.07143rem;
    padding: 1.42857rem .71429rem .71429rem;
    text-align: center
}

@media only screen and (max-width:39.938em) {
    .achievements .achievement>a {
        height: 82px;
        margin-left: .35714rem;
        margin-right: .35714rem;
        padding-top: .57143rem
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .achievements .achievement>a {
        margin-left: .64286rem;
        margin-right: .64286rem
    }
}

.achievements .achievement>a span {
    background-size: 64px 55px;
    display: block;
    height: 64px;
    margin: 0 auto .71429rem auto;
    width: 64px
}

@media only screen and (max-width:39.938em) {
    .achievements .achievement>a span {
        background-size: 25px;
        height: 25px;
        margin-bottom: .35714rem;
        width: 25px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .achievements .achievement>a span {
        background-size: 35px;
        height: 35px;
        width: 35px
    }
}

.achievements .achievement>a em {
    font-style: normal
}

.achievements .achievement.active>a {
    background-color: #fff
}

.finder--achievements.disable-all-achievements .achievements {
    opacity: .5
}

@media only screen and (max-width:39.938em) {
    .joker-row .columns {
        padding-left: 0;
        padding-right: 0
    }
}

.joker-row .columns .haspa-joker {
    background: #f6f6f6;
    padding-left: .07143rem;
    height: 5.71429rem
}

@media only screen and (min-width:80em) {
    .joker-row .columns .haspa-joker {
        display: block
    }
}

.joker-row .columns .haspa-joker .inner {
    width: 100%;
    height: 100%;
    padding-top: 1.42857rem
}

.joker-row .columns .haspa-joker .inner .columns.first {
    text-align: right
}

@media only screen and (max-width:39.938em) {
    .joker-row .columns .haspa-joker .inner .columns.first {
        padding-right: 10px
    }
}

@media only screen and (max-width:39.938em) {
    .joker-row .columns .haspa-joker .inner .columns.second {
        padding-left: 10px
    }
}

.joker-row .columns .haspa-joker .inner .logo {
    display: inline-block;
    margin: 0 auto;
    width: 9.28571rem;
    height: 40px;
    background-position: 0 12px
}

@media only screen and (min-width:40em) {
    .joker-row .columns .haspa-joker .inner .logo {
        width: 12.85714rem;
        height: 40px;
        background-position: 0 9px
    }
}

.joker-row .columns .haspa-joker .inner a {
    margin: 0
}

.finder-row.hidden {
    display: none
}

.overview-box {
    background-color: #f6f6f6;
    margin-bottom: 1.42857rem
}

@media only screen and (min-width:40em) {
    .overview-box {
        background: 0
    }
}

@media only screen and (min-width:80em) {
    .overview-box {
        margin-bottom: .71429rem
    }
}

.overview-box .overview-box-content,
.overview-box .overview-box-image {
    padding: 1.28571rem 0
}

@media only screen and (min-width:40em) {

    .overview-box .overview-box-content,
    .overview-box .overview-box-image {
        background-color: #f6f6f6;
        padding: 2rem
    }
}

.overview-box .overview-box-content>.row {
    margin-bottom: 0
}

@media only screen and (min-width:40em) {
    .overview-box .overview-box-content>.row {
        margin-bottom: .71429rem
    }
}

@media only screen and (min-width:80em) {
    .overview-box .overview-box-content>.row {
        margin-bottom: .71429rem
    }
}

.overview-box .overview-box-content>.row:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:40em) {
    .overview-box .overview-box-content>.row>.columns {
        display: table
    }
}

@media only screen and (max-width:39.938em) {

    .overview-box .overview-box-content>.row>.columns p,
    .overview-box .overview-box-content>.row>.columns div {
        font-size: 1rem
    }
}

@media only screen and (min-width:40em) {

    .overview-box .overview-box-content>.row>.columns p,
    .overview-box .overview-box-content>.row>.columns div {
        font-size: 1.14286rem
    }
}

@media only screen and (min-width:80em) {

    .overview-box .overview-box-content>.row>.columns p,
    .overview-box .overview-box-content>.row>.columns div {
        font-size: 1.28571rem;
        line-height: 1.45
    }
}

.overview-box .overview-box-content>.row>.columns p:not(.errorHeadline),
.overview-box .overview-box-content>.row>.columns div:not(.errorHeadline) {
    display: block;
    width: 100%;
    font-size: 1.14286rem
}

@media only screen and (min-width:40em) {

    .overview-box .overview-box-content>.row>.columns p:not(.errorHeadline),
    .overview-box .overview-box-content>.row>.columns div:not(.errorHeadline) {
        display: table-cell;
        vertical-align: bottom
    }
}

@media only screen and (max-width:39.938em) {

    .overview-box .overview-box-content>.row>.columns p:not(.errorHeadline).form-label,
    .overview-box .overview-box-content>.row>.columns div:not(.errorHeadline).form-label {
        margin-bottom: 0
    }
}

@media only screen and (min-width:40em) {

    .overview-box .overview-box-content>.row>.columns p:not(.errorHeadline).form-label,
    .overview-box .overview-box-content>.row>.columns div:not(.errorHeadline).form-label {
        padding-left: 20px;
        padding-right: 20px;
        width: 33.33333%;
        float: left;
        float: none;
        padding: 0;
        text-align: right;
        vertical-align: top;
        word-break: break-word
    }
}

@media only screen and (min-width:80em) {

    .overview-box .overview-box-content>.row>.columns p:not(.errorHeadline).form-label,
    .overview-box .overview-box-content>.row>.columns div:not(.errorHeadline).form-label {
        padding-left: 20px;
        padding-right: 20px;
        width: 25%;
        float: left;
        padding: 0;
        float: none
    }
}

.overview-box .overview-box-content>.row>.columns p:not(.errorHeadline).form-content,
.overview-box .overview-box-content>.row>.columns div:not(.errorHeadline).form-content {
    font-family: 'Sparkasse-Bold'
}

@media only screen and (min-width:40em) {

    .overview-box .overview-box-content>.row>.columns p:not(.errorHeadline).form-content,
    .overview-box .overview-box-content>.row>.columns div:not(.errorHeadline).form-content {
        padding-left: 20px;
        padding-right: 20px;
        width: 66.66667%;
        float: left;
        float: none;
        padding: 0 0 0 1.07143rem
    }
}

@media only screen and (min-width:80em) {

    .overview-box .overview-box-content>.row>.columns p:not(.errorHeadline).form-content,
    .overview-box .overview-box-content>.row>.columns div:not(.errorHeadline).form-content {
        padding-left: 20px;
        padding-right: 20px;
        width: 75%;
        float: left;
        float: none;
        padding: 0 0 0 1.07143rem
    }
}

.overview-box .overview-box-content>.row>.columns p:not(.errorHeadline) span,
.overview-box .overview-box-content>.row>.columns div:not(.errorHeadline) span {
    display: block
}

@media only screen and (min-width:40em) {

    .overview-box .overview-box-content>.row>.columns p:not(.errorHeadline) span,
    .overview-box .overview-box-content>.row>.columns div:not(.errorHeadline) span {
        display: inline
    }
}

@media only screen and (min-width:40em) {

    .overview-box .overview-box-content>.row>.columns p:not(.errorHeadline) P,
    .overview-box .overview-box-content>.row>.columns p:not(.errorHeadline) DIV,
    .overview-box .overview-box-content>.row>.columns div:not(.errorHeadline) P,
    .overview-box .overview-box-content>.row>.columns div:not(.errorHeadline) DIV {
        display: block;
        text-align: left
    }
}

.overview-box .overview-box-image img {
    max-width: 124px;
    margin-bottom: .71429rem
}

@media only screen and (min-width:40em) {
    .overview-box .overview-box-image img {
        float: left;
        margin-right: 1.42857rem
    }
}

.banking-account-informations.full-width {
    width: 100%
}

@media only screen and (min-width:40em) {
    .banking-account-informations.full-width {
        margin-bottom: 5.71429rem
    }
}

.banking-account-informations.full-width .banking-account-informations--wrapper {
    position: relative
}

@media only screen and (min-width:40em) {
    .banking-account-informations.full-width .banking-account-informations--wrapper {
        width: 100%;
        text-align: right
    }
}

.banking-account-informations.bottom .banking-account-informations--wrapper {
    margin-bottom: 2.35714rem
}

.banking-account-informations .banking-account-informations--wrapper {
    background-color: #3975b6;
    display: table;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%
}

@media only screen and (min-width:40em) {
    .banking-account-informations .banking-account-informations--wrapper {
        float: right;
        width: auto;
        margin-top: 0;
        margin-bottom: 2.85714rem
    }
}

@media only screen and (min-width:80em) {
    .banking-account-informations .banking-account-informations--wrapper {
        margin-bottom: 3.57143rem
    }
}

.banking-account-informations .banking-account-informations--box-wrapper {
    display: block;
    float: left;
    clear: left;
    margin: .85714rem 0
}

@media only screen and (max-width:39.938em) {
    .banking-account-informations .banking-account-informations--box-wrapper:last-child {
        margin-top: 0
    }
}

@media only screen and (min-width:40em) {
    .banking-account-informations .banking-account-informations--box-wrapper {
        width: auto;
        text-align: right;
        float: none;
        display: inline-block
    }

    .banking-account-informations .banking-account-informations--box-wrapper .banking-account-informations--box {
        display: block
    }

    .banking-account-informations .banking-account-informations--box-wrapper:last-child {
        float: none
    }

    .banking-account-informations .banking-account-informations--box-wrapper:last-child .banking-account-informations--box {
        padding: 0 2.14286rem
    }
}

@media only screen and (min-width:80em) {
    .banking-account-informations .banking-account-informations--box-wrapper {
        display: inline-block;
        float: none;
        width: auto;
        margin: 1.07143rem 0;
        text-align: left
    }

    .banking-account-informations .banking-account-informations--box-wrapper:last-child {
        float: none;
        text-align: left
    }
}

.banking-account-informations .banking-account-informations--box {
    color: #fff;
    padding: 0 0 0 1.42857rem
}

@media only screen and (min-width:40em) {
    .banking-account-informations .banking-account-informations--box {
        display: inline-block;
        vertical-align: middle;
        padding: 0 2.14286rem
    }
}

.banking-account-informations .banking-account-informations--box p {
    margin: 0;
    line-height: 1.42857rem;
    font-size: 1rem
}

@media only screen and (min-width:80em) {
    .banking-account-informations .banking-account-informations--box p {
        text-align: right
    }
}

.banking-account-informations .banking-account-informations--box p span {
    font-family: 'Sparkasse-Light'
}

.banking-account-informations .banking-account-informations--box.banking-account-informations--value p {
    font-family: 'Sparkasse-Bold';
    font-size: 1.92857rem;
    line-height: 1.92857rem
}

@media only screen and (min-width:40em) {
    .banking-account-informations .banking-account-informations--box.banking-account-informations--value p {
        font-size: 2.07143rem;
        line-height: 2.28571rem
    }
}

@media only screen and (min-width:80em) {
    .banking-account-informations .banking-account-informations--box.banking-account-informations--value p {
        font-size: 32px;
        line-height: 34px
    }
}

.banking-account-informations .banking-account-informations--box.banking-account-informations--icon {
    display: none;
    padding: 0;
    margin: 0;
    text-align: left
}

@media only screen and (min-width:40em) {
    .banking-account-informations .banking-account-informations--box.banking-account-informations--icon {
        position: relative;
        display: inline-block;
        width: 12px;
        height: 100%;
        vertical-align: top
    }
}

@media only screen and (min-width:80em) {
    .banking-account-informations .banking-account-informations--box.banking-account-informations--icon {
        width: 14px
    }
}

.banking-account-informations .banking-account-informations--box.banking-account-informations--icon p {
    position: relative;
    width: 46px;
    height: 46px;
    text-align: left
}

@media only screen and (min-width:40em) {
    .banking-account-informations .banking-account-informations--box.banking-account-informations--icon p {
        height: 100%;
        min-height: 75px;
        width: auto
    }
}

@media only screen and (min-width:80em) {
    .banking-account-informations .banking-account-informations--box.banking-account-informations--icon p {
        min-height: 84px
    }
}

.banking-account-informations .banking-account-informations--box.banking-account-informations--icon p:after {
    content: "";
    speak: none;
    width: 11px;
    height: 21px;
    left: 0;
    bottom: 17px;
    background-size: 11px 21px;
    position: absolute
}

@media only screen and (min-width:80em) {
    .banking-account-informations .banking-account-informations--box.banking-account-informations--icon p:after {
        width: 13px;
        height: 24px;
        background-size: 13px 24px;
        bottom: 20px
    }
}

@media only screen and (max-width:39.938em) {
    .financial-overview-tools+.small-2.medium-6.columns {
        position: absolute;
        right: 1.57143rem
    }
}

@media only screen and (min-width:40em) {
    .financial-overview-tools+.columns>.banking-account-icons {
        top: 1.07143rem
    }
}

.financial-overview-tools+.columns>.banking-account-icons nav {
    margin-top: .42857rem
}

@media only screen and (min-width:40em) {
    .financial-overview-tools+.columns>.banking-account-icons nav {
        margin-top: 1rem
    }
}

.banking-account-icons {
    position: absolute;
    right: 16px
}

@media only screen and (max-width:39.938em) {
    .banking-account-icons {
        right: 1.57143rem
    }
}

@media only screen and (min-width:40em) {
    .banking-account-icons {
        top: 0
    }
}

.banking-account-icons nav {
    display: none
}

@media only screen and (max-width:39.938em) {
    .banking-account-icons nav .inline-list {
        padding-top: 9px !important
    }
}

@media only screen and (min-width:40em) {
    .banking-account-icons nav {
        display: block
    }
}

.banking-account-icons nav .inline-list {
    margin-left: 0;
    padding: 4px
}

.banking-account-icons nav li {
    clear: both;
    margin-bottom: 0;
    margin-left: 0
}

@media only screen and (min-width:40em) {
    .banking-account-icons nav li {
        clear: none;
        margin-left: .64286rem
    }
}

.banking-account-icons nav.one-icon {
    display: block
}

@media only screen and (max-width:39.938em) {
    .banking-account-icons nav.one-icon {
        position: relative;
        top: -4px;
        left: 4px
    }
}

.banking-account-icons nav.one-icon .inline-list {
    padding-top: 4px !important
}

.banking-account-icons A {
    background-size: 20px 20px;
    background-position: center center;
    border: 2px #a6a6a6 solid;
    border-radius: 21px;
    display: block;
    height: 40px;
    width: 40px;
    margin-bottom: 9px;
    text-indent: -9999em
}

.banking-account-icons A:hover,
.banking-account-icons A:focus {
    border: 2px #3f3f3f solid
}

.banking-account-icons A.icon-print {
    position: relative;
    color: #a6a6a6
}

@media only screen and (max-width:39.938em) {
    .banking-account-icons A.icon-print {
        display: none
    }
}

.banking-account-icons A.icon-print::after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 7px;
    left: 7px;
    font-size: 22px;
    line-height: 1;
    text-indent: 0
}

.banking-account-icons A.icon-print:hover,
.banking-account-icons A.icon-print:focus {
    color: #3f3f3f;
    outline: 0
}

.banking-account-icons A.icon-settings {
    position: relative;
    color: #a6a6a6
}

.banking-account-icons A.icon-settings::after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: -4px;
    left: -4px;
    font-size: 43px;
    line-height: 1;
    text-indent: 0
}

.banking-account-icons A.icon-settings:hover,
.banking-account-icons A.icon-settings:focus {
    color: #3f3f3f;
    outline: 0
}

.banking-account-icons A.icon-help {
    position: relative;
    color: #a6a6a6
}

.banking-account-icons A.icon-help::after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 8px;
    left: 8px;
    font-size: 20px;
    text-indent: 0
}

@media only screen and (max-width:39.938em) {
    .banking-account-icons A.icon-help::after {
        top: 8px;
        left: 9px
    }
}

.banking-account-icons A.icon-help:hover,
.banking-account-icons A.icon-help:focus {
    color: #3f3f3f;
    outline: 0
}

.banking-account-icons A.icon-download {
    position: relative;
    color: #a6a6a6
}

.banking-account-icons A.icon-download::after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 7px;
    left: 8px;
    font-size: 20px;
    text-indent: 0
}

.banking-account-icons A.icon-download:hover,
.banking-account-icons A.icon-download:focus {
    color: #3f3f3f;
    outline: 0
}

.banking-account-icons A.icon-trash {
    position: relative;
    color: #a6a6a6
}

.banking-account-icons A.icon-trash::after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 7px;
    left: 8px;
    font-size: 20px;
    line-height: 1;
    text-indent: 0
}

.banking-account-icons A.icon-trash:hover,
.banking-account-icons A.icon-trash:focus {
    color: #3f3f3f;
    outline: 0
}

.banking-account-icons A.icon-send {
    text-indent: -9999em
}

.banking-account-icons A.icon-mailbox {
    position: relative;
    color: #a6a6a6
}

.banking-account-icons A.icon-mailbox::before {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 8px;
    left: 8px;
    font-size: 19px;
    line-height: 1;
    text-indent: 0
}

.banking-account-icons A.icon-mailbox:hover,
.banking-account-icons A.icon-mailbox:focus {
    color: #3f3f3f;
    outline: 0
}

.banking-account-icons A.mobile-icon-handle[data-number]:after,
.banking-account-icons A.icon-mailbox[data-number]:after {
    content: attr(data-number);
    display: block;
    position: absolute;
    color: #fff;
    font-size: 10px;
    line-height: 15px;
    font-family: 'Sparkasse-Regular';
    text-indent: 0;
    top: 2px;
    right: 0;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    text-align: center;
    background-color: #f73429
}

.banking-account-icons A.mobile-icon-handle[data-number="0"]:after,
.banking-account-icons A.icon-mailbox[data-number="0"]:after {
    display: none
}

.banking-account-icons A.mobile-icon-handle {
    position: relative;
    color: #a6a6a6
}

.banking-account-icons A.mobile-icon-handle::before {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    font-size: 19px;
    line-height: 1;
    text-indent: 0;
    -webkit-transform: translate(8px, 8px) rotate(45deg);
    transform: translate(8px, 8px) rotate(45deg);
    -ms-transform: translate(9px, 9px) rotate(45deg)
}

.banking-account-icons A.mobile-icon-handle:hover,
.banking-account-icons A.mobile-icon-handle:focus {
    color: #3f3f3f;
    outline: 0
}

@media only screen and (min-width:40em) {
    .banking-account-icons A.mobile-icon-handle {
        display: none
    }
}

.banking-account-icons A.mobile-icon-handle[data-number]:after {
    top: -3px;
    right: -2px
}

.banking-account-icons A.mobile-icon-handle-close {
    display: none;
    position: relative;
    color: #a6a6a6
}

.banking-account-icons A.mobile-icon-handle-close::before {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 8px;
    left: 9px;
    font-size: 19px;
    line-height: 1;
    text-indent: 0
}

.banking-account-icons A.mobile-icon-handle-close:hover,
.banking-account-icons A.mobile-icon-handle-close:focus {
    color: #3f3f3f;
    outline: 0
}

@media only screen and (max-width:39.938em) and (max-width:39.938em) {
    .banking-account-icons.opened A {
        background-color: #fff;
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.27)
    }
}

@media only screen and (max-width:39.938em) {
    .banking-account-icons.opened nav {
        left: -4px;
        position: absolute;
        top: 40px;
        z-index: 200
    }

    .banking-account-icons.opened .inline-list {
        margin-bottom: 0
    }

    .banking-account-icons.opened nav,
    .banking-account-icons.opened .mobile-icon-handle-close {
        display: block
    }

    .banking-account-icons.opened .mobile-icon-handle {
        display: none
    }
}

@media only screen and (max-width:39.938em) {
    .page-balancesurvey .banking-account-icons .icon-settings:not([href='#']) {
        display: none
    }

    .overlay .btn-balconfig {
        display: none
    }
}

.banking-informations-table p {
    font-family: 'Sparkasse-Light';
    word-wrap: break-word
}

.banking-informations-table .closed {
    table-layout: fixed
}

.banking-informations-table .closed .banking-informations--content p {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 1.4em;
    white-space: nowrap
}

.banking-informations-table .columns .columns {
    padding: 0
}

@media only screen and (min-width:40em) {
    .banking-informations-table .columns {
        padding: 0 5px
    }

    .banking-informations-table .columns:last-child,
    .banking-informations-table .columns.banking-informations--amount-content {
        padding-right: 15px
    }
}

@media only screen and (min-width:80em) {
    .banking-informations-table .columns {
        padding: 0 20px
    }
}

.banking-informations-table .table,
.banking-informations-table .table-head {
    margin: 0;
    border-bottom: 1px solid #e5e5e5
}

.banking-informations-table .table-head .columns:last-child {
    text-align: right
}

.banking-informations-table .table-head .col-1 {
    display: none
}

@media only screen and (min-width:40em) {
    .banking-informations-table .table-head .col-1 {
        display: block
    }
}

.banking-informations-table .table-head p {
    font-size: 1rem;
    padding: 1.14286rem 0 .35714rem 0
}

.banking-informations-table .table .banking-informations-table--date {
    display: none
}

@media only screen and (min-width:40em) {
    .banking-informations-table .table .banking-informations-table--date {
        display: block
    }
}

.banking-informations-table .banking-informations-table--mobile-head {
    background-color: #efefef;
    border-bottom: 1px solid #e5e5e5
}

@media only screen and (min-width:40em) {
    .banking-informations-table .banking-informations-table--mobile-head {
        display: none
    }
}

.banking-informations-table .banking-informations-table--mobile-head p {
    margin-bottom: 0;
    padding: .71429rem 0
}

.banking-informations-table .banking-informations--account-name {
    color: #3975b6;
    font-family: 'Sparkasse-Bold'
}

.banking-informations-table .banking-informations--amount {
    font-family: 'Sparkasse-Bold';
    height: auto !important;
    text-align: right;
    font-size: 1.57143rem;
    float: right;
    padding-top: 1.07143rem;
    word-wrap: normal
}

@media only screen and (min-width:40em) {
    .banking-informations-table .banking-informations--amount {
        float: none
    }
}

.banking-informations-table .banking-informations--amount.banking-informations--minus {
    color: #f73429
}

.banking-informations-table .banking-informations--amount.banking-informations--plus {
    color: #3975b6
}

.banking-informations-table .banking-informations-table--portages {
    background: #f6f6f6
}

.banking-informations-table .banking-informations-table--portages p {
    font-family: 'Sparkasse-Bold';
    font-size: 1.57143rem;
    margin-bottom: 0;
    padding: .71429rem 0
}

.banking-informations-table .table-content--contents {
    margin-bottom: 10px
}

.banking-informations-table .accordion-table .accordion-content {
    border-top: 0;
    margin-top: 0
}

.banking-informations-table .accordion-table .accordion-content .row {
    margin: 0
}

.banking-informations-table .accordion-table .table,
.banking-informations-table .accordion-table .accordion-handle.table {
    padding-right: 0
}

@media only screen and (min-width:40em) {

    .banking-informations-table .accordion-table .table,
    .banking-informations-table .accordion-table .accordion-handle.table {
        padding-right: 30px
    }
}

.banking-informations-table .accordion-table .accordion-handle:after {
    top: 31px;
    right: 3px;
    font-size: 21px
}

@media only screen and (min-width:80em) {
    .banking-informations-table .accordion-table .accordion-handle:after {
        right: 10px
    }
}

@media only screen and (max-width:39.938em) {
    .banking-informations-table .accordion-table .accordion-handle:after {
        display: none
    }
}

.banking-informations-table .accordion-table .accordion-handle.table.banking-info-empty .accordion-content {
    padding: 0 0 10px !important
}

.banking-informations-table .accordion-table .accordion-handle.table:not(.closed) .accordion-content {
    padding-bottom: .71429rem !important
}

.banking-informations-table .accordion-table .table-head {
    background: 0;
    padding-right: 0
}

@media only screen and (min-width:40em) {
    .banking-informations-table .accordion-table .table-head {
        padding-right: 2.14286rem
    }
}

.banking-informations-table .accordion-table .table-head .columns:first-child {
    padding-right: 0
}

.banking-informations-table .accordion-table .table {
    background: #f6f6f6
}

.banking-informations-table .accordion-table .table:nth-child(2n-1) {
    background: #f6f6f6
}

.banking-informations-table .accordion-table .table.closed {
    background: 0
}

.banking-informations-table .accordion-table .table.closed:hover,
.banking-informations-table .accordion-table .table.closed:focus {
    background-color: #f6f6f6;
    outline: 0
}

.banking-informations-table .accordion-table .table-head+.table:nth-child(2n-1) {
    background: 0
}

.banking-informations-table .accordion-table .table-head+.table:nth-of-type(uneven) {
    background: 0
}

.banking-informations-table .show-all.accordion-table .table:not(.banking-informations-table--portages) {
    background: #fff
}

.banking-informations-table .show-all.accordion-table .table:not(.banking-informations-table--portages):nth-child(2n-1) {
    background: #fff
}

.banking-informations-table.banking-standing-order-table {
    margin-bottom: 1.42857rem
}

.banking-informations-table.banking-standing-order-table .banking-informations-table--mobile-head {
    padding: 0
}

.banking-informations-table.banking-standing-order-table .banking-informations-table--mobile-head>.columns {
    padding: 0 1.42857rem
}

.banking-informations-table.banking-standing-order-table .banking-informations-table--mobile-head>.columns p {
    font-family: 'Sparkasse-Bold'
}

.banking-informations-table.banking-standing-order-table .banking-informations--amount {
    padding-top: 0
}

.banking-informations-table.banking-standing-order-table .banking-informations-amount {
    padding-right: 1.07143rem
}

.banking-informations-table.banking-standing-order-table .accordion-handle:after {
    top: 1.42857rem
}

.banking-informations-table .banking-informations--content p {
    line-height: 1.4em
}

TABLE A.filter-arrow,
.banking-informations-table A.filter-arrow,
.m-table-flex-header-cell A.filter-arrow {
    position: relative;
    display: inline-block;
    color: #3f3f3f
}

TABLE A.filter-arrow EM,
.banking-informations-table A.filter-arrow EM,
.m-table-flex-header-cell A.filter-arrow EM {
    position: relative;
    padding-right: 7px;
    margin-left: 5px
}

TABLE A.filter-arrow EM::before,
TABLE A.filter-arrow EM::after,
.banking-informations-table A.filter-arrow EM::before,
.banking-informations-table A.filter-arrow EM::after,
.m-table-flex-header-cell A.filter-arrow EM::before,
.m-table-flex-header-cell A.filter-arrow EM::after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    width: 7px;
    height: 5px;
    font-size: 9px;
    color: #9e9e9e
}

TABLE A.filter-arrow EM::before,
.banking-informations-table A.filter-arrow EM::before,
.m-table-flex-header-cell A.filter-arrow EM::before {
    top: 1px;
    left: 0
}

TABLE A.filter-arrow EM::after,
.banking-informations-table A.filter-arrow EM::after,
.m-table-flex-header-cell A.filter-arrow EM::after {
    left: 0;
    top: 10px
}

TABLE A.filter-arrow.filter-asc EM::before,
.banking-informations-table A.filter-arrow.filter-asc EM::before,
.m-table-flex-header-cell A.filter-arrow.filter-asc EM::before {
    color: #3f3f3f
}

TABLE A.filter-arrow.filter-asc EM::after,
.banking-informations-table A.filter-arrow.filter-asc EM::after,
.m-table-flex-header-cell A.filter-arrow.filter-asc EM::after {
    color: #9e9e9e
}

TABLE A.filter-arrow.filter-desc EM::before,
.banking-informations-table A.filter-arrow.filter-desc EM::before,
.m-table-flex-header-cell A.filter-arrow.filter-desc EM::before {
    color: #9e9e9e
}

TABLE A.filter-arrow.filter-desc EM::after,
.banking-informations-table A.filter-arrow.filter-desc EM::after,
.m-table-flex-header-cell A.filter-arrow.filter-desc EM::after {
    color: #3f3f3f
}

@media only screen and (max-width:40em) {
    .banking-informations--account-name {
        display: block
    }
}

@media only screen and (min-width:64.063em) {
    .small-12.medium-1.banking-informations-table--date {
        width: 85px
    }

    .small-7.medium-8.banking-informations--content {
        width: calc(100% - 287px)
    }

    .banking-informations--amount-content {
        width: 202px;
        box-sizing: border-box
    }
}

.account-turnover--selection .account-turnover--selection-item {
    margin-bottom: 1.07143rem
}

.account-turnover--selection .account-turnover--selection-item:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:40em) {
    .account-turnover--selection .account-turnover--selection-item {
        display: inline-block;
        vertical-align: top;
        margin-right: 1.42857rem;
        margin-bottom: 0
    }

    .account-turnover--selection .account-turnover--selection-item .form--select {
        min-width: 210px
    }

    .account-turnover--selection .account-turnover--selection-item:last-child {
        padding-top: .21429rem
    }
}

@media only screen and (max-width:39.938em) {
    .progressbar {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:40em) {
    .progressbar {
        padding-left: 20px;
        padding-right: 20px
    }
}

.progressbar .list-unstyled {
    overflow: hidden;
    margin-bottom: 40px;
    width: 100%
}

@media only screen and (max-width:39.938em) {
    .progressbar .list-unstyled {
        background: #f6f6f6
    }
}

@media only screen and (min-width:40em) {
    .progressbar .list-unstyled {
        background: #efefef;
        display: block
    }
}

.progressbar .list-unstyled .icon-check {
    left: 20px;
    height: 16px;
    position: absolute;
    width: 20px
}

@media only screen and (max-width:39.938em) {
    .progressbar .list-unstyled .icon-check {
        display: none
    }
}

@media only screen and (min-width:40em) {
    .progressbar .list-unstyled .icon-check {
        display: inline-block;
        top: 22px
    }
}

@media only screen and (min-width:80em) {
    .progressbar .list-unstyled .icon-check {
        top: 25px
    }
}

.progressbar .list-unstyled .step {
    display: none;
    margin-bottom: 0;
    padding: 20px 10px 20px 50px;
    position: relative
}

@media only screen and (min-width:40em) {
    .progressbar .list-unstyled .step {
        display: block;
        float: left
    }

    .progressbar .list-unstyled .step:after {
        display: none
    }
}

.progressbar .list-unstyled .step-counter {
    color: #bababa;
    display: none
}

@media only screen and (min-width:40em) {
    .progressbar .list-unstyled .step-counter {
        display: inline-block
    }
}

.progressbar .list-unstyled .step-name {
    color: #bababa;
    display: none
}

@media only screen and (min-width:40em) {
    .progressbar .list-unstyled .step-name {
        display: inline-block;
        position: absolute;
        left: -99999px
    }
}

@media only screen and (min-width:80em) {
    .progressbar .list-unstyled .step-name {
        visibility: visible;
        position: relative;
        left: 0
    }
}

.progressbar .list-unstyled .done,
.progressbar .list-unstyled .active {
    background-color: #f6f6f6
}

.progressbar .list-unstyled .done .step-counter,
.progressbar .list-unstyled .done .step-name,
.progressbar .list-unstyled .active .step-counter,
.progressbar .list-unstyled .active .step-name {
    color: #3f3f3f
}

.progressbar .list-unstyled .active {
    font-family: 'Sparkasse-Bold';
    position: relative;
    display: block;
    padding-left: 20px
}

@media only screen and (max-width:39.938em) {
    .progressbar .list-unstyled .active::before {
        color: #3975b6;
        content: "Schritt "attr(data-step) "/"attr(data-steps) ": ";
        display: inline-block;
        margin-right: 5px
    }
}

@media only screen and (min-width:40em) {
    .progressbar .list-unstyled .active {
        padding-right: 40px;
        padding-left: 50px
    }

    .progressbar .list-unstyled .active::before,
    .progressbar .list-unstyled .active::after {
        position: absolute;
        content: '';
        display: block;
        height: 0;
        width: 0
    }

    .progressbar .list-unstyled .active::before {
        top: -4px;
        left: auto;
        right: -35px;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: 30px solid #efefef;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .progressbar .list-unstyled .active::after {
        bottom: -4px;
        right: -30px;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 30px solid #efefef;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .progressbar .list-unstyled .active:last-child {
        padding-right: 50px
    }
}

@media only screen and (min-width:80em) {
    .progressbar .list-unstyled .active::before {
        left: auto;
        right: -25px
    }

    .progressbar .list-unstyled .active::after {
        right: -20px
    }

    .progressbar .list-unstyled .active:last-child::after,
    .progressbar .list-unstyled .active:last-child::before {
        display: none
    }
}

.progressbar .list-unstyled .active .step-name {
    display: inline-block;
    position: relative;
    left: 0
}

.opening-steps {
    counter-reset: opening-steps-counter
}

.opening-steps li {
    margin-bottom: .35714rem;
    position: relative
}

.icon-stopwatch-wrapper {
    display: table;
    height: 37px;
    line-height: 1;
    padding-left: 2.85714rem;
    margin-bottom: 1.07143rem;
    position: relative
}

@media only screen and (min-width:40em) {
    .icon-stopwatch-wrapper {
        height: 47px;
        line-height: 55px;
        padding-left: 3.92857rem
    }
}

.icon-stopwatch-wrapper:before {
    content: "";
    speak: none;
    left: 0;
    margin-right: .71429rem;
    position: absolute;
    top: 0
}

@media only screen {
    .icon-stopwatch-wrapper:before {
        background-size: 32px;
        height: 35px;
        width: 32px
    }
}

@media only screen and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .icon-stopwatch-wrapper:before {
        background-size: 29px;
        height: 40px
    }
}

@media only screen and (min-width:40em) {
    .icon-stopwatch-wrapper:before {
        background-size: 42px;
        font-size: 2rem;
        height: 47px;
        width: 42px
    }
}

.icon-stopwatch-wrapper strong {
    font-family: 'Sparkasse-Bold';
    font-style: normal;
    line-height: 1
}

@media only screen {
    .icon-stopwatch-wrapper strong {
        font-size: 1.14286rem
    }
}

@media only screen and (min-width:40em) {
    .icon-stopwatch-wrapper strong {
        font-size: 2rem
    }
}

.icon-stopwatch-wrapper p {
    display: table-cell;
    vertical-align: middle
}

.financial-overview-tools.last-login {
    font-size: 1.14286rem;
    margin-top: 0
}

@media only screen {
    .financial-overview-tools.last-login span {
        display: block
    }
}

@media only screen and (min-width:80em) {
    .financial-overview-tools.last-login span {
        display: inline-block
    }
}

.financial-overview-tools.last-login a {
    font-size: 1rem
}

@media only screen and (min-width:40em) {
    .financial-overview-tools.last-login a {
        font-size: 1.14286rem
    }
}

.financial-overview-tools.last-login a.link-arrow:after {
    margin-top: .57143rem
}

.ui-datepicker {
    background: #fff;
    box-shadow: 0 0 15px #e8e8e8;
    -moz-box-shadow: 0 0 15px #e8e8e8;
    -webkit-box-shadow: 0 0 15px #e8e8e8;
    padding: 1.07143rem .14286rem;
    display: none
}

.ui-datepicker .ui-datepicker-calendar thead tr {
    background-color: #fff
}

.ui-datepicker .ui-datepicker-calendar thead th,
.ui-datepicker .ui-datepicker-calendar tbody td {
    padding: .71429rem;
    text-align: center
}

.ui-datepicker thead,
.ui-datepicker tbody {
    font-family: 'Sparkasse-Regular'
}

.ui-datepicker thead tr td,
.ui-datepicker thead tr th,
.ui-datepicker tbody tr td,
.ui-datepicker tbody tr th {
    min-width: 0 !important
}

.ui-datepicker thead tr td span,
.ui-datepicker thead tr th span,
.ui-datepicker tbody tr td span,
.ui-datepicker tbody tr th span {
    min-width: 0 !important
}

.ui-datepicker .ui-datepicker-title {
    float: left
}

@media only screen {
    .ui-datepicker .ui-datepicker-title {
        width: 15rem
    }
}

@media only screen and (min-width:40em) {
    .ui-datepicker .ui-datepicker-title {
        width: 16.42857rem
    }
}

.ui-datepicker select {
    background-color: #d7d7d7 !important;
    border: 0 !important;
    color: #3f3f3f !important;
    font-size: 1.14286rem !important;
    line-height: 1.28571rem !important;
    outline: none !important;
    width: 49% !important;
    float: left !important
}

.ui-datepicker select:last-child {
    float: right !important
}

.ui-datepicker select,
.ui-datepicker select option {
    font-family: 'Sparkasse-Regular';
    padding: .64286rem .71429rem
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    height: 40px;
    width: 34px;
    position: relative
}

.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
    content: '';
    display: block;
    height: 22px;
    margin-left: -.35714rem;
    margin-top: -.71429rem;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none !important
}

.ui-datepicker .ui-datepicker-prev {
    float: left
}

.ui-datepicker .ui-datepicker-next {
    float: right
}

.ui-datepicker td {
    background-color: #e8e8e8
}

.ui-datepicker td a {
    color: #3f3f3f
}

.ui-datepicker td.ui-state-disabled {
    color: #bababa
}

.ui-datepicker td.ui-datepicker-unselectable,
.ui-datepicker td.ui-datepicker-today {
    background-color: #fff;
    position: relative
}

.ui-datepicker td.ui-datepicker-today:after {
    background-color: red;
    bottom: 0;
    content: '';
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    right: 0
}

@media all and (-ms-high-contrast:none) {
    .ui-datepicker {
        max-width: 320px
    }
}

@media only screen and (-ms-high-contrast:none) {
    .ui-datepicker-title {
        width: 12.85714rem
    }
}

.account-authorizations>a {
    margin-right: 0
}

.account-group {
    padding-left: 0
}

.accounts ul {
    list-style-type: none;
    margin-left: 0
}

@media only screen and (max-width:39.938em) {
    .accounts ul {
        margin-top: 0 !important
    }
}

.accounts .accordion-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important
}

.accounts .accordion-content li {
    padding: 0 1.42857rem 0 0 !important
}

.accounts .accordion-content li:last-of-type {
    border: 0
}

@media only screen and (max-width:39.938em) {
    .accounts .accordion-content li {
        clear: both;
        float: left;
        padding: 0 !important;
        width: 100%;
        border-bottom: 1px solid #e5e5e5
    }
}

.accounts .accordion-content li.account {
    margin-bottom: .35714rem
}

@media only screen and (min-width:80em) {
    .compressed .accounts .accordion-content li.account {
        border-bottom: 1px solid #e5e5e5;
        padding: 0 !important;
        margin: 0 3.21429rem 0 1.42857rem
    }

    .compressed .accounts .accordion-content li.account:last-of-type {
        border-bottom: 0
    }

    .compressed .no-accordion .accounts .accordion-content li.account {
        margin: 0;
        padding: 0 .14286rem 0 .5rem !important
    }

    .compressed .no-accordion .accounts .accordion-content li.account:last-of-type {
        border-bottom: 1px solid #e5e5e5
    }
}

@media only screen and (min-width:40em) {
    .accounts .accordion-content li.account {
        margin-bottom: .71429rem;
        padding-bottom: 0 !important
    }
}

.accounts .accordion-content li.account:last-of-type {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

@media only screen and (max-width:39.938em) {
    .accounts .accordion-content li.account>div {
        padding-left: 20px
    }

    .accounts .accordion-content li.account>div:first-of-type {
        padding-left: 0
    }
}

.accounts .accordion-content li.account .account-value-wrapper {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    outline: 0
}

.accounts .accordion-content li.account .account-value-wrapper>SPAN {
    float: left;
    line-height: 35px;
    padding: 5px 22px 5px 5px;
    position: relative
}

.accounts .accordion-content li.account .account-value-wrapper>.account-type {
    background-color: #3975b6;
    color: #fff;
    height: 39px;
    line-height: 30px;
    padding-right: 0;
    width: auto
}

@media only screen and (max-width:39.938em) {
    .accounts .accordion-content li.account .account-value-wrapper>.account-type {
        background-color: transparent;
        height: auto;
        left: 0;
        position: relative;
        width: 20px
    }
}

@media only screen and (min-width:40em) {
    .accounts .accordion-content li.account .account-value-wrapper>.account-type {
        font-size: 20px;
        padding-left: 20px;
        font-family: 'Sparkasse-Light'
    }
}

@media only screen and (min-width:80em) {
    .accounts .accordion-content li.account .account-value-wrapper>.account-type {
        font-size: 24px;
        height: 45px;
        line-height: 35px
    }

    .compressed .accounts .accordion-content li.account .account-value-wrapper>.account-type {
        background-color: transparent;
        line-height: 30px;
        height: 40px;
        color: #3f3f3f;
        padding-left: 0
    }
}

.accounts .accordion-content li.account .account-value-wrapper>.account-type em {
    display: inline-block;
    font-style: normal;
    font-family: 'Sparkasse-Bold'
}

@media only screen and (max-width:39.938em) {
    .accounts .accordion-content li.account .account-value-wrapper>.account-type em {
        color: #3975b6;
        left: 15px;
        position: relative;
        top: 1px;
        width: 150px;
        word-break: break-all;
        -ms-word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        line-height: 22px
    }

    .accounts .accordion-content li.account .account-value-wrapper>.account-type em>small {
        display: block
    }

    @-moz-document url-prefix() {
        .accounts .accordion-content li.account .account-value-wrapper>.account-type em>small {
            display: block
        }
    }
}

@media only screen and (max-width:39.938em) and (-ms-high-contrast:active),
only screen and (max-width:39.938em) and (-ms-high-contrast:none) {
    .accounts .accordion-content li.account .account-value-wrapper>.account-type em>small {
        display: block
    }
}

@media only screen and (min-width:40em) {
    .accounts .accordion-content li.account .account-value-wrapper>.account-type em {
        font-size: 1.28571rem;
        font-family: 'Sparkasse-Light'
    }

    .accounts .accordion-content li.account .account-value-wrapper>.account-type em>small {
        font-size: 1.28571rem
    }
}

@media only screen and (min-width:80em) {
    .accounts .accordion-content li.account .account-value-wrapper>.account-type em {
        font-size: 1.57143rem
    }

    .accounts .accordion-content li.account .account-value-wrapper>.account-type em>small {
        font-size: 1.57143rem
    }

    .compressed .accounts .accordion-content li.account .account-value-wrapper>.account-type em {
        font-family: 'Sparkasse-Regular';
        font-size: 1.28571rem
    }

    .compressed .accounts .accordion-content li.account .account-value-wrapper>.account-type em>small {
        font-size: 1.28571rem
    }
}

@-moz-document url-prefix() {
    .accounts .accordion-content li.account .account-value-wrapper .account-value-range {
        margin-left: -0.5px
    }
}

.accounts .accordion-content li.account .account-value-wrapper .account-value-range {
    position: relative;
    margin-left: 0
}

@media only screen and (max-width:39.938em) {
    .accounts .accordion-content li.account .account-value-wrapper .account-value-range {
        height: 20px;
        margin-top: 1.42857rem;
        margin-left: -1.42857rem;
        display: none
    }
}

.accounts .accordion-content li.account .account-value-wrapper .account-value-range em {
    background-color: #3975b6;
    bottom: 0;
    display: block;
    height: 39px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

@media only screen and (max-width:39.938em) {
    .accounts .accordion-content li.account .account-value-wrapper .account-value-range em {
        height: 20px;
        left: 20px;
        background-color: #fff
    }
}

@media only screen and (min-width:80em) {
    .accounts .accordion-content li.account .account-value-wrapper .account-value-range em {
        height: 45px
    }

    .compressed .accounts .accordion-content li.account .account-value-wrapper .account-value-range em {
        display: none
    }
}

.accounts .accordion-content li.account .account-value-wrapper .account-value-range em:after {
    width: 0;
    height: 0;
    border-top: 40px solid #3975b6;
    border-right: 27px solid transparent;
    position: absolute;
    content: '';
    display: block;
    right: -27px;
    left: 0;
    top: 0
}

@media only screen and (max-width:39.938em) {
    .accounts .accordion-content li.account .account-value-wrapper .account-value-range em:after {
        border-top: 20px solid #3975b6;
        border-top: 20px solid #fff;
        border-right: 10px solid transparent;
        right: -10px
    }
}

@media only screen and (min-width:80em) {
    .accounts .accordion-content li.account .account-value-wrapper .account-value-range em:after {
        border-top: 45px solid #3975b6;
        border-right: 31px solid transparent;
        right: -31px
    }
}

.accounts .accordion-content li.account .account-value-wrapper .account-current {
    color: #3975b6;
    font-weight: bold;
    float: right;
    line-height: 10px;
    padding-right: 0;
    padding-top: 0;
    text-align: right
}

@media only screen and (max-width:39.938em) {
    .accounts .accordion-content li.account .account-value-wrapper .account-current {
        position: absolute;
        top: 16px;
        right: 20px;
        margin-right: 0
    }
}

@media only screen and (min-width:40em) {
    .accounts .accordion-content li.account .account-value-wrapper .account-current {
        font-size: 1.28571rem;
        font-family: 'Sparkasse-Regular';
        font-weight: normal;
        height: 39px;
        line-height: 39px;
        margin-right: 2.5rem
    }

    .no-accordion .accounts .accordion-content li.account .account-value-wrapper .account-current {
        margin-right: 0
    }
}

@media only screen and (min-width:80em) {
    .accounts .accordion-content li.account .account-value-wrapper .account-current {
        height: 45px;
        line-height: 45px;
        font-size: 1.57143rem;
        margin-right: 3.21429rem
    }

    .compressed .accounts .accordion-content li.account .account-value-wrapper .account-current {
        font-size: 1.28571rem;
        color: #3f3f3f;
        height: 40px;
        margin-right: .35714rem
    }
}

.accounts .accordion-content li.account .account-value-wrapper .account-current .currency {
    font-style: normal
}

.accounts .accordion-content li.account .account-value-wrapper[data-account-state="negative"] .account-type {
    background-color: #f73429
}

@media only screen and (min-width:80em) {
    .compressed .accounts .accordion-content li.account .account-value-wrapper[data-account-state="negative"] .account-type {
        background-color: transparent
    }
}

@media only screen and (max-width:39.938em) {
    .accounts .accordion-content li.account .account-value-wrapper[data-account-state="negative"] .account-type {
        background-color: transparent
    }
}

@media only screen and (max-width:39.938em) {
    .accounts .accordion-content li.account .account-value-wrapper[data-account-state="negative"] .account-type em {
        color: #f73429
    }
}

.accounts .accordion-content li.account .account-value-wrapper[data-account-state="negative"] .account-value-range em {
    background-color: #f73429
}

@media only screen and (max-width:39.938em) {
    .accounts .accordion-content li.account .account-value-wrapper[data-account-state="negative"] .account-value-range em {
        background-color: #fff
    }
}

.accounts .accordion-content li.account .account-value-wrapper[data-account-state="negative"] .account-value-range em:after {
    border-top-color: #f73429
}

@media only screen and (max-width:39.938em) {
    .accounts .accordion-content li.account .account-value-wrapper[data-account-state="negative"] .account-value-range em:after {
        border-top-color: #fff
    }
}

.accounts .accordion-content li.account .account-value-wrapper[data-account-state="negative"] .account-current {
    color: #f73429
}

.accounts .accordion-content li.account .account-info-detail {
    clear: both;
    display: none;
    padding-left: .85714rem
}

.accounts .accordion-content li.account .account-info-detail.open {
    display: block
}

@media only screen and (min-width:40em) {
    .accounts .accordion-content li.account .account-info-detail.open {
        padding-top: .71429rem;
        padding-left: 1.42857rem
    }
}

@media only screen and (min-width:80em) {
    .compressed .accounts .accordion-content li.account .account-info-detail.open {
        padding: 0 0 .35714rem
    }
}

@media only screen and (max-width:39.938em) {
    .accounts .accordion-content li.account .account-info-detail {
        float: left;
        padding-left: 1.42857rem;
        width: 100%
    }
}

@media only screen and (max-width:39.938em) {
    .accounts .accordion-content li.account .account-info-detail span {
        clear: both;
        float: left
    }

    .accounts .accordion-content li.account .account-info-detail span:last-of-type {
        margin-bottom: .71429rem
    }
}

@media only screen and (min-width:40em) {
    .accounts .accordion-content li.account .account-info-detail span {
        display: inline-block !important
    }
}

@media only screen and (min-width:80em) {
    .compressed .accounts .accordion-content li.account .account-info-detail span {
        font-family: 'Sparkasse-Light';
        font-size: 1rem;
        margin-bottom: .35714rem
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .accounts .accordion-content li.account:hover .account-value-wrapper>.account-type {
        background-color: #2b5888
    }

    .accounts .accordion-content li.account:hover .account-value-wrapper .account-value-range em:after {
        border-top-color: #2b5888
    }

    .accounts .accordion-content li.account:hover .account-value-wrapper[data-account-state="negative"] .account-type {
        background-color: #b9271f
    }

    .accounts .accordion-content li.account:hover .account-value-wrapper[data-account-state="negative"] .account-value-range em:after {
        border-top-color: #b9271f
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .accounts .accordion-content li.account .account-value-wrapper:focus {
        outline: 0
    }

    .accounts .accordion-content li.account .account-value-wrapper:focus>.account-type {
        background-color: #2b5888
    }

    .accounts .accordion-content li.account .account-value-wrapper:focus .account-value-range em:after {
        border-top-color: #2b5888
    }

    .accounts .accordion-content li.account .account-value-wrapper[data-account-state="negative"]:focus .account-type {
        background-color: #b9271f
    }

    .accounts .accordion-content li.account .account-value-wrapper[data-account-state="negative"]:focus .account-value-range em:after {
        border-top-color: #b9271f
    }
}

@media only screen and (min-width:80em) {
    .row:not(.compressed) .accounts .accordion-content li.account:hover .account-value-wrapper {
        outline: 0
    }

    .row:not(.compressed) .accounts .accordion-content li.account:hover .account-value-wrapper>.account-type {
        background-color: #2b5888
    }

    .row:not(.compressed) .accounts .accordion-content li.account:hover .account-value-wrapper .account-value-range em:after {
        border-top-color: #2b5888
    }

    .row:not(.compressed) .accounts .accordion-content li.account:hover .account-value-wrapper[data-account-state="negative"] .account-type {
        background-color: #b9271f
    }

    .row:not(.compressed) .accounts .accordion-content li.account:hover .account-value-wrapper[data-account-state="negative"] .account-value-range em:after {
        border-top-color: #b9271f
    }
}

@media only screen and (min-width:80em) {
    .row:not(.compressed) .accounts .accordion-content li.account .account-value-wrapper:focus {
        outline: 0
    }

    .row:not(.compressed) .accounts .accordion-content li.account .account-value-wrapper:focus>.account-type {
        background-color: #2b5888
    }

    .row:not(.compressed) .accounts .accordion-content li.account .account-value-wrapper:focus .account-value-range em:after {
        border-top-color: #2b5888
    }

    .row:not(.compressed) .accounts .accordion-content li.account .account-value-wrapper[data-account-state="negative"]:focus .account-type {
        background-color: #b9271f
    }

    .row:not(.compressed) .accounts .accordion-content li.account .account-value-wrapper[data-account-state="negative"]:focus .account-value-range em:after {
        border-top-color: #b9271f
    }
}

.accounts .account-action-links {
    margin-bottom: 15px;
    word-break: break-all
}

.accounts .account-action-links A {
    margin-right: 20px;
    font-size: 16px;
    line-height: 17px
}

.accounts .account-action-links .text-link {
    display: inline-block;
    padding-bottom: 2px
}

.accounts .account-action-links .open-onlinebanking {
    display: none
}

.accounts .account-action-links .link-arrow::after {
    top: -3px
}

@media only screen and (max-width:39.938em) {
    .accounts .account-action-links {
        clear: both;
        float: left
    }

    .accounts .account-action-links A {
        clear: both;
        float: left;
        font-size: 14px;
        margin-bottom: 6px
    }
}

@media only screen and (min-width:80em) {
    .accounts .account-action-links .link-arrow::after {
        margin-top: 9px
    }

    .accounts .account-action-links .open-onlinebanking {
        display: inline-block
    }
}

.landing-nav>nav {
    position: absolute;
    right: 20px;
    top: 68px
}

@media only screen and (max-width:39.938em) {
    .landing-nav>nav {
        top: 24px;
        width: 100%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .landing-nav>nav {
        top: 52px
    }
}

.landing-nav>nav a {
    color: #646464;
    font-family: 'Sparkasse-Bold';
    font-size: .85714rem
}

.landing-nav>nav a:hover {
    color: #f73429
}

@page {
    margin: 1cm 2.5cm 1.5cm 2.5cm
}

@media print {
    * {
        float: none !important;
        height: auto !important;
        position: relative !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: left !important
    }

    img {
        page-break-inside: avoid
    }

    .page-wrapper-main {
        background-color: aliceblue
    }

    .content-wrapper h2 {
        padding: 30px 0 10px !important
    }

    *:before,
    *:after,
    .header-row,
    .open-mobile-nav.hide-for-large-up,
    .login-search,
    .main-nav,
    .main-header .main-nav,
    .contact-tab,
    .finder-module.finder-module-selection,
    .page-footer,
    .browser-support,
    .teaser,
    .teaser-small,
    .teaser-big,
    .teaser-medium,
    .typo-teaser-small,
    .product-teaser,
    .teaser img,
    .search-wrapper,
    .overlay,
    .button,
    .submit-arrow,
    .link-arrow-white,
    .number,
    .do-you-know,
    .lottery-checker,
    .not-print,
    .account-value-range,
    .product-list img,
    .page-wrapper-navigation,
    .gallery-slides-container,
    .gallery-info-container,
    .figcaption-container,
    .toggle,
    .mejs-container,
    .video-stage,
    .action-links,
    .banking-account-icons,
    .a-highcharts-container,
    .o-deposit-performance,
    .stock-detail-chart,
    .m-menu-skip,
    .o-teaser-triad,
    .o-benefit-component .a-headline,
    .o-collection-popular-options .collection-headline {
        display: none !important
    }

    .finder--haspa * {
        display: none !important
    }

    .typo-headline {
        border: 1px solid #f73429
    }

    .typo-teaser .button {
        display: block !important
    }

    .contact-element {
        padding-left: 0 !important;
        display: block !important;
        float: left !important;
        margin-bottom: 10px !important;
        page-break-inside: avoid
    }

    .contact-element .contact-element-information {
        padding-top: 0 !important
    }

    .contact-element .contact-element-information .contact-element-small-image {
        top: 0 !important
    }

    .contact-element-small-image,
    .contact-person-address {
        display: block !important;
        float: left !important;
        margin-right: 10px !important
    }

    .contact-element-quote img,
    .content-element-quote {
        display: none !important
    }

    .inner-wrapper body {
        display: block !important
    }

    h1,
    h2,
    h3,
    h4,
    p {
        line-height: 2 !important
    }

    h1 {
        margin-bottom: 10px !important
    }

    blockquote {
        padding-left: 0 !important;
        margin-left: 0 !important
    }

    .highlight-box {
        border: 1px solid #a3a3a3 !important;
        margin: 0 !important;
        padding: 10px !important
    }

    table {
        border-collapse: collapse;
        margin: 10px 0 !important
    }

    table td,
    table th {
        border: 1px solid #a3a3a3 !important;
        padding: 5px !important;
        font-size: .85714rem !important;
        -webkit-print-color-adjust: economy
    }

    table ul,
    table ol {
        padding-left: 20px !important;
        list-style: decimal !important
    }

    table ul li {
        list-style-type: disc !important
    }

    table ul li>ol li {
        list-style: decimal !important
    }

    table td.blue-check p {
        text-indent: 0 !important
    }

    a.inline-link {
        display: inline !important;
        padding-right: 0 !important
    }

    .content ul,
    .scrollable-text--container ul,
    .content ol,
    .scrollable-text--container ol,
    .content-highlight ul,
    .content-highlight ol,
    .inner-wrapper .body ul,
    .inner-wrapper .body ol {
        padding-left: 20px !important;
        list-style: decimal !important
    }

    .content ul li,
    .scrollable-text--container ul li,
    .content-highlight ul li,
    .inner-wrapper .body ul li {
        list-style-type: disc !important
    }

    .content ul li>ol li,
    .scrollable-text--container ul li>ol li,
    .content-highlight ul li>ol li,
    .inner-wrapper .body ul li>ol li {
        list-style: decimal !important
    }

    .content .content-accordion ul,
    .scrollable-text--container .content-accordion ul {
        padding-left: 0 !important;
        list-style: none !important
    }

    .content .content-accordion ul .accordion-content ul,
    .scrollable-text--container .content-accordion ul .accordion-content ul,
    .content .content-accordion ul .accordion-content ol,
    .scrollable-text--container .content-accordion ul .accordion-content ol {
        padding-left: 20px !important;
        list-style: decimal !important
    }

    .content .content-accordion ul .accordion-content ol li,
    .scrollable-text--container .content-accordion ul .accordion-content ol li {
        list-style: decimal !important
    }

    .scrollable-text {
        max-height: none
    }

    form input {
        display: block !important
    }

    .tab-text-1 {
        margin-top: 35px !important
    }

    .tab-text-1+form {
        display: none !important
    }

    .accounts * {
        font-family: Sparkasse-Regular !important;
        font-weight: normal !important
    }

    .accounts .accordion-handle,
    .accounts .accordion-inactive {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .accounts .accordion-handle.closed+.accordion-content,
    .accounts .accordion-inactive.closed+.accordion-content {
        display: none !important
    }

    .accounts .accordion-handle>span:last-child,
    .accounts .accordion-inactive>span:last-child {
        display: none !important
    }

    .accounts .account,
    .accounts .accordion-handle,
    .accounts .accordion-inactive {
        border-bottom: 1px solid #bababa !important
    }

    .accounts .account[data-account-state="negative"] .account-value-total,
    .accounts .account[data-account-state="negative"] .account-value-saldo,
    .accounts .accordion-handle[data-account-state="negative"] .account-value-total,
    .accounts .accordion-handle[data-account-state="negative"] .account-value-saldo,
    .accounts .accordion-inactive[data-account-state="negative"] .account-value-total,
    .accounts .accordion-inactive[data-account-state="negative"] .account-value-saldo {
        color: #f73429 !important
    }

    .accounts .account[data-account-state="negative"] .currency,
    .accounts .accordion-handle[data-account-state="negative"] .currency,
    .accounts .accordion-inactive[data-account-state="negative"] .currency {
        color: #f73429 !important
    }

    .accounts .accordion-inactive a {
        display: none !important
    }

    .accounts .accordion-inactive p {
        font-size: inherit !important
    }

    .accounts .account-value-wrapper span.account-type,
    .accounts .account-value-wrapper span.account-current {
        display: inline-block !important;
        line-height: 25px !important;
        height: 25px !important;
        padding-top: 0 !important
    }

    .accounts .account-value-wrapper span.account-type {
        float: left !important
    }

    .accounts .account-value-wrapper span.account-current {
        float: right !important;
        text-align: right !important;
        color: #3975b6 !important
    }

    .compressed .accounts .account-value-wrapper span.account-current {
        color: black !important
    }

    .accounts .account-value-wrapper span.account-current>em {
        color: #3975b6 !important
    }

    .compressed .accounts .account-value-wrapper span.account-current>em {
        color: black !important
    }

    .accounts .account-value-wrapper[data-account-state="negative"] .account-current {
        color: #f73429 !important
    }

    .compressed .accounts .account-value-wrapper[data-account-state="negative"] .account-current {
        color: #f73429 !important
    }

    .accounts .account-value-wrapper[data-account-state="negative"] .account-current>em {
        color: #f73429 !important
    }

    .compressed .accounts .account-value-wrapper[data-account-state="negative"] .account-current>em {
        color: #f73429 !important
    }

    .accounts span.account-value-total,
    .accounts span.account-value-saldo,
    .accounts span.currency {
        position: absolute !important;
        top: -30px !important
    }

    .accounts span.account-value-total,
    .accounts span.account-value-saldo {
        right: 30px !important
    }

    .accounts span.currency {
        right: 20px !important
    }

    .banking-account-informations--wrapper {
        text-align: right !important
    }

    .banking-account-informations--wrapper * {
        font-family: Sparkasse-Regular !important
    }

    .banking-account-informations--wrapper .banking-account-informations--box-wrapper {
        display: inline-block !important;
        margin-left: 40px !important
    }

    .banking-informations-table * {
        font-family: Sparkasse-Regular !important
    }

    .banking-informations-table .banking-informations-table--mobile-head {
        display: none !important
    }

    .banking-informations-table .table-head {
        display: table !important;
        width: 100% !important;
        border-bottom: 1px solid #bababa !important;
        padding: 0 !important
    }

    .banking-informations-table .table-head * {
        padding: 0 !important
    }

    .banking-informations-table .table-head p>a {
        display: none !important
    }

    .banking-informations-table .table-head .col-1,
    .banking-informations-table .table-head .col-2,
    .banking-informations-table .table-head .col-3 {
        display: inline-block !important;
        float: left !important
    }

    .banking-informations-table .table-head .col-1,
    .banking-informations-table .table-head .col-3 {
        width: 15% !important
    }

    .banking-informations-table .table-head .col-2 {
        width: 60% !important
    }

    .banking-informations-table .table-head .col-3 p {
        text-align: center !important
    }

    .banking-informations-table .banking-informations--minus {
        color: #f73429 !important
    }

    .banking-informations-table .banking-informations--plus {
        color: #3975b6 !important
    }

    .banking-informations-table .accordion-table .medium-3 {
        display: block !important;
        float: left !important;
        width: 25% !important
    }

    .banking-informations-table .accordion-table .medium-3 * {
        padding: 0 !important;
        margin: 0 !important
    }

    .banking-informations-table .accordion-table .medium-3 p {
        line-height: inherit !important
    }

    .banking-informations-table .accordion-table .medium-3:nth-child(4) * {
        text-align: right !important
    }

    .banking-informations-table .table.accordion-handle {
        display: table !important;
        width: 100% !important;
        border-bottom: 1px solid #bababa !important
    }

    .banking-informations-table .table.accordion-handle .banking-informations--content {
        width: 70% !important;
        display: block !important;
        float: left !important;
        vertical-align: top !important
    }

    .banking-informations-table .table.accordion-handle .banking-informations--content p {
        max-width: 100% !important;
        margin-top: 0 !important
    }

    .banking-informations-table .table.accordion-handle .banking-informations-table--date,
    .banking-informations-table .table.accordion-handle .banking-informations--amount-content {
        display: block !important;
        width: 15% !important;
        padding-top: 0 !important;
        vertical-align: middle !important;
        text-align: center !important;
        float: left !important
    }

    .banking-informations-table .table.accordion-handle .accordion-content {
        float: left !important
    }

    .banking-informations-table .table.accordion-handle.closed>.accordion-content {
        display: none !important
    }

    .banking-form .columns {
        display: table !important;
        table-layout: fixed !important
    }

    .banking-form .columns.form-buttons {
        display: none !important
    }

    .banking-form label,
    .banking-form input,
    .banking-form p {
        width: 25% !important;
        display: table-cell !important
    }

    .banking-form p.legend,
    .banking-form p.legend+p,
    .banking-form .radio-plus-input+p {
        display: block !important;
        width: 100% !important
    }

    .banking-form input,
    .banking-form p.form-content,
    .banking-form div.form-content {
        width: 75% !important;
        text-align: left !important;
        padding-left: 10px !important
    }

    .banking-form div.form-content {
        display: table-cell !important;
        padding-left: 0 !important
    }

    .banking-form .icon-link {
        display: none !important
    }

    .banking-form textarea {
        padding-left: 10px !important;
        border: 1px solid #bababa !important
    }

    .banking-form .max-length,
    .banking-form .extra-label {
        display: none !important
    }

    .banking-form input[type="checkbox"],
    .banking-form input[type="radio"] {
        display: inline-block !important;
        width: auto !important
    }

    .banking-form input[type="checkbox"]+label,
    .banking-form input[type="radio"]+label {
        display: inline-block !important;
        width: auto !important;
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .banking-form input[type="radio"]+label+input[type="text"],
    .banking-form input[type="radio"]+label+input[type="text"]+.extra-label {
        display: inline-block !important
    }

    .banking-form .multi-input-wrapper {
        display: block !important;
        width: 800px !important
    }

    .banking-form .multi-input-wrapper input {
        display: inline-block !important;
        width: 50px !important;
        margin-right: 10px !important;
        border: 1px solid #bababa !important
    }

    .banking-form .large-3 {
        display: table-cell !important;
        width: 25% !important;
        vertical-align: middle !important
    }

    .banking-form .large-3 label {
        display: inline-block !important;
        width: 100% !important;
        line-height: 38px !important
    }

    .columns {
        display: table !important;
        table-layout: fixed !important
    }

    p.form-label {
        width: 25% !important;
        display: table-cell !important
    }

    p.form-content,
    div.form-content {
        font-family: Sparkasse-Regular !important
    }

    .logo {
        display: block !important;
        width: 100px !important;
        height: 50px !important
    }

    .stage-slide-show {
        display: block;
        width: 800px !important;
        overflow: hidden !important
    }

    .stage-slide-show * {
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .stage-slide-show .slick-track .slick-slide {
        width: 800px !important
    }

    .stage-slide-show .slick-track .slick-slide p {
        display: block !important;
        padding: 0 5px !important
    }

    .stage-slide-show button,
    .stage-slide-show .button,
    .stage-slide-show .slick-dots {
        display: none !important
    }

    .content-wrapper.banking .teaser,
    .content-wrapper.banking .teaser-small,
    .content-wrapper.banking .typo-teaser,
    .content-wrapper.banking .typo-teaser-small,
    .content-wrapper.banking .teaser-big {
        display: none !important
    }

    .content-text-introduction h2 {
        display: inline-block !important;
        padding: 0 0 10px !important;
        line-height: 1 !important
    }

    h1,
    h2,
    .stage h1,
    .stage h2,
    .text {
        page-break-after: avoid
    }

    h1,
    .stage h1,
    main article h2 .text,
    blockquote {
        font-size: 18px !important;
        line-height: 1.4 !important
    }

    .stage h2,
    h3 {
        font-size: 16px !important;
        line-height: 1.4 !important
    }

    p,
    a.text-link.inline-link,
    a.text-link,
    span.text-link,
    a.small,
    .accordion-table .text-link,
    .accounts .accordion-content li.account .account-value-wrapper>.account-type em>small,
    .accounts .accordion-content li.account .account-action-links>a,
    .content-accordion>ul:first-child.accounts .accordion-handle,
    .content-accordion>ul:first-child.accounts .accordion-inactive,
    form.banking-form select,
    form.banking-form select option,
    form.banking-form input,
    form.banking-form textarea,
    form.banking-form label,
    form.banking-form p.form-label,
    form.banking-form p.form-content,
    form.banking-form div.form-content,
    form.banking-form .legend+p,
    form.global-form select,
    form.global-form select option,
    form.global-form input,
    form.global-form textarea,
    form.global-form label,
    form.global-form p.form-label,
    form.global-form p.form-content,
    form.global-form div.form-content,
    form.global-form .legend+p,
    small.error,
    .lottery-checker-bottom-text,
    main article li,
    main section li {
        font-size: 11px !important;
        line-height: 1.4 !important
    }

    .content-accordion>ul:first-child>li .accordion-handle .account-value-total,
    .content-accordion>ul:first-child>li .accordion-handle .currency,
    .content-accordion>ul:first-child.accounts .accordion-inactive .account-value-saldo,
    .content-accordion>ul:first-child.accounts .accordion-inactive .currency {
        top: -15px !important;
        margin-top: 0 !important
    }

    form.banking-form label,
    form.global-form label,
    form.banking-form label+input,
    form.banking-form label+textarea,
    form.banking-form label+.form--select,
    form.global-form label+input,
    form.global-form label+textarea,
    form.global-form label+.form--select {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .table-content--contents {
        margin-left: calc(8.3% - -39px) !important
    }

    .table-content--contents span {
        display: inline-block !important
    }

    .table-content--contents span:first-child {
        width: 100px !important
    }

    .table-content--links {
        margin-left: calc(8.3% - -39px) !important
    }

    .content-disclaimer {
        font-size: 11px !important
    }

    .content-disclaimer ul li {
        font-size: 11px !important
    }

    .o-depot-table .stock-trend-positive,
    .o-depot-table .stock-trend-upward,
    .o-depot-table .stock-trend-steady,
    .o-depot-table .deposit-value .text-value,
    .o-deposit-depot-informations .stock-trend-positive,
    .o-saldo-information-box .stock-trend-positive,
    .o-deposit-depot-informations .stock-trend-upward,
    .o-saldo-information-box .stock-trend-upward,
    .o-deposit-depot-informations .stock-trend-steady,
    .o-saldo-information-box .stock-trend-steady,
    .o-deposit-depot-informations .deposit-value .text-value,
    .o-saldo-information-box .deposit-value .text-value {
        color: #3975b6 !important
    }

    .o-depot-table .stock-trend-negative,
    .o-depot-table .stock-trend-downward,
    .o-deposit-depot-informations .stock-trend-negative,
    .o-saldo-information-box .stock-trend-negative,
    .o-deposit-depot-informations .stock-trend-downward,
    .o-saldo-information-box .stock-trend-downward {
        color: #f73429 !important
    }

    .o-deposit-depot-informations,
    .o-saldo-information-box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .o-deposit-depot-informations .deposit-value,
    .o-saldo-information-box .deposit-value {
        padding-right: 50px !important
    }

    .depot-total {
        padding-right: 20px !important
    }

    .o-depot-table .m-table-flex-header-cell A,
    .o-depot-table .stock-name A,
    .o-depot-table .stock-value A {
        text-decoration: none !important
    }

    .o-depot-table .depot-table-row,
    .o-depot-table .depot-table-head {
        border-bottom: 1px solid #000 !important
    }

    .o-depot-table .stock-overview .stock-trend,
    .o-depot-table .stock-overview .stock-quote,
    .o-depot-table .stock-overview .stock-value,
    .o-depot-table .stock-overview .stock-trend-percentage,
    .o-depot-table .stock-overview .stock-trend-absolute {
        text-align: right !important
    }

    .o-depot-table .mobile-wrapper-first {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 58.33333%
    }

    .o-depot-table .mobile-wrapper-first .tablet-wrapper {
        width: 28.57143%
    }

    .o-depot-table .mobile-wrapper-second {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 41.66667%
    }

    .o-depot-table .mobile-wrapper-second .stock-value {
        width: 60%
    }

    .o-depot-table .stock-name {
        width: 71.42857%
    }

    .o-depot-table .stock-details DT {
        width: 42.85714%
    }

    .o-depot-table .stock-details DD {
        width: 57.14286%
    }

    .o-depot-table .stock-details .stock-detail-subitem {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .o-depot-table .stock-details .stock-detail-subitem .stock-detail-subitem-facts {
        width: 50%
    }

    .o-depot-table .stock-details .stock-detail-subitem .order-buttons {
        width: 50%
    }

    .o-depot-table .stock-details .stock-service-links {
        display: none
    }

    .o-depot-table .depot-total-value {
        text-align: right !important
    }

    .o-depot-table .stock-detail-facts,
    .o-depot-table .stock-detail-subitem-facts {
        width: 50%
    }

    .o-deposit-order-form {
        margin: 30px 0 !important
    }

    .o-deposit-order-form .error {
        color: #f73429 !important
    }

    .o-deposit-order-form FIELDSET,
    .o-deposit-order-form .o-deposit-order-attributes FIELDSET {
        width: 66.66667%
    }

    .o-deposit-order-form .o-deposit-order-attributes .m-form-row-selects {
        width: 100%
    }

    .o-deposit-order-form .form-cell-label,
    .o-deposit-order-form .form-cell {
        width: 37.5%
    }

    .o-deposit-order-form .form-cell-text,
    .o-deposit-order-form .form-cell+.form-cell {
        width: 62.5%
    }

    .o-deposit-order-form SELECT,
    .o-deposit-order-form .m-form-row-inputs INPUT {
        padding: 0 !important
    }

    .o-deposit-order-form .form-select SELECT,
    .o-deposit-order-form INPUT [type="text"] {
        line-height: 24px
    }

    .o-deposit-order-form .m-form-row-text-links,
    .o-deposit-order-form .m-form-row-actions {
        display: none !important
    }

    .m-olb-success-message-box,
    .m-olb-error-message-box,
    .o-olb-user-header .action-container,
    .o-olb-user-header .error,
    .olb-user-header-content .m-olb-search,
    .olb-table-type-b-details .service-links,
    .o-olb-table-type-b .olb-type-b-description-with-filter .olb-type-b-description-filter {
        display: none
    }

    .o-saldo-information-box {
        display: block
    }

    .a-form-select SELECT,
    .olb-user-header-content .form-label,
    .olb-user-header-content .user-name,
    .o-saldo-information-box .text-label,
    .o-saldo-information-box .text-value,
    .m-table-flex-header-cell,
    .m-table-flex-cell,
    .olb-type-b-value.m-table-flex-header-cell,
    .olb-table-type-b-details DL,
    .detail-fact-message {
        font-size: 11px;
        line-height: 16px
    }

    .m-table-flex-header-cell A {
        text-decoration: none
    }

    .olb-table-type-b-details .detail-facts {
        width: 100%
    }

    .olb-table-type-b-details DL,
    .olb-table-type-b-details .detail-fact-message {
        padding-left: 16.66667% !important
    }

    .olb-table-type-b-details DT {
        width: 33.33333%
    }

    .olb-table-type-b-details DD {
        width: 66.66667%
    }

    .olb-type-b-value {
        text-align: right !important
    }

    .olb-deposit-search .olb-user-header-content {
        width: 75%
    }

    .olb-deposit-search-table .olb-type-b-service {
        display: none
    }

    .olb-deposit-search-table .tablet-wrapper {
        width: 100%
    }

    .olb-deposit-search-table .first-subcol {
        width: 50%
    }

    .olb-deposit-search-table .second-subcol {
        width: 25%
    }

    .olb-deposit-search-table .third-subcol {
        width: 25%
    }

    .postbox-overview .olb-type-b-service {
        display: none
    }

    .postbox-overview .olb-status-list {
        width: 50%
    }

    .postbox-overview .deletion-date {
        font-size: 9px;
        line-height: 15px
    }

    .postbox-table .tablet-wrapper {
        width: 83.33333%
    }

    .postbox-table .olb-type-b-date {
        width: 20%
    }

    .postbox-table .olb-type-b-type {
        width: 16.66667%
    }

    .postbox-table .olb-table-type-b-overview {
        padding: 5px
    }

    .postbox-configuration legend {
        font-size: 13px;
        line-height: 19px
    }

    .postbox-configuration .form-information-text,
    .postbox-configuration .m-form-row-information-text,
    .postbox-configuration .form-cell,
    .postbox-configuration .a-label,
    .postbox-configuration label.wtf-checkbox,
    .postbox-configuration .error {
        font-size: 11px;
        line-height: 16px
    }

    .postbox-configuration .form-cell {
        padding-right: 20px !important
    }

    .postbox-configuration .olb-table-type-b-overview {
        padding: 5px
    }

    .postbox-configuration .o-olb-table-type-b .wtf-control.wtf-checkbox {
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
        padding-left: 0 !important
    }

    .postbox-configuration .wtf-control.wtf-checkbox {
        position: relative !important;
        padding-left: 30px !important
    }

    .postbox-configuration .wtf-control INPUT[type="checkbox"] {
        position: absolute !important;
        top: 5px;
        left: 0;
        opacity: 1
    }

    .postbox-configuration .row-select-link-wrapper .m-form-row-texts+.text-link {
        padding-top: 0
    }

    .postbox-configuration .row-select-link-wrapper .text-link {
        padding-top: 9px
    }

    .postbox-configuration label .wtf-checkbox {
        padding-left: 20px
    }
}

.error {
    color: #f73429;
    font-size: 14px;
    line-height: 14px
}

.error A {
    font-family: 'Sparkasse-Bold';
    position: static;
    margin-right: 13px;
    border-bottom: 1px solid #f73429
}

.error A::after {
    position: absolute;
    display: inline-block;
    content: '';
    speak: none;
    margin-top: 4px;
    margin-left: 3px;
    /*background-image: no-repeat;*/
    background-repeat: no-repeat;
    background-size: auto
}

@media only screen and (max-width:39.938em) {
    .error A::after {
        width: 6px;
        height: 8px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .error A::after {
        width: 7px;
        height: 8px
    }
}

@media only screen and (min-width:80em) {
    .error A::after {
        width: 8px;
        height: 9px
    }
}

.is-error .error {
    display: block
}

.is-error INPUT[type="text"],
.is-errorINPUT[type="text"] {
    border: 1px solid red
}

.wtf-checkbox {
    font-size: 16px
}

.wtf-checkbox INPUT:focus~.wtf-control-indicator,
.wtf-checkbox INPUT:hover~.wtf-control-indicator {
    background-color: #bebebe
}

.wtf-checkbox INPUT:checked~.wtf-control-indicator {
    background-position: 50% 50%;
    background-size: 20px 20px
}

.wtf-checkbox INPUT:disabled~.wtf-control-indicator {
    cursor: no-drop;
    color: #e8e8e8;
    opacity: .4
}

.wtf-control {
    position: relative;
    padding-left: 50px
}

.wtf-control INPUT {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.wtf-control:hover .wtf-control-indicator,
.wtf-control:focus .wtf-control-indicator {
    background-color: #bebebe
}

.wtf-control INPUT:focus~.wtf-control-indicator {
    background-color: #bebebe
}

.wtf-control-indicator {
    display: block;
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    background-color: #d7d7d7
}

.a-form-select {
    position: relative;
    display: inline-block;
    height: 38px;
    width: auto;
    min-width: 120px
}

.a-form-select SELECT {
    font-family: 'Sparkasse-Regular';
    display: block;
    height: 38px;
    margin: 0;
    padding-right: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    line-height: 20px;
    background-color: #d7d7d7;
    background-image: none
}

.a-form-select SELECT:focus {
    outline: 0;
    background-color: #bebebe
}

.a-form-select SELECT.error {
    border: 1px solid #f73429
}

.a-form-select OPTION:disabled {
    display: none
}

.a-form-select OPTION {
    font-family: 'Sparkasse-Regular';
    margin: 6px;
    border: 0
}

.a-form-select:before {
    content: ' ';
    position: absolute;
    width: 30px;
    height: 100%;
    right: 1px;
    top: 0;
    border: 0;
    pointer-events: none
}

.a-form-select:after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 13px;
    right: 10px;
    width: 12px;
    height: 7px;
    font-size: 12px;
    line-height: 1;
    color: #3f3f3f;
    pointer-events: none
}

@media only screen and (min-width:40em) {
    .a-form-select {
        min-width: 130px
    }
}

.a-form-select:focus SELECT,
.a-form-select:hover SELECT {
    border-color: #bebebe
}

.m-flash-bubble {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    background-color: #3975b6;
    border-radius: 50%;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .m-flash-bubble {
        height: 100px;
        width: 100px;
        font-size: 14px
    }
}

@media only screen and (max-width:39.938em) {
    .m-flash-bubble {
        height: 88px;
        width: 88px;
        font-size: 12px
    }
}

.m-cta-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.m-cta-container .text-link {
    display: inline-block;
    margin-right: 20px;
    padding-top: 10px;
    font-size: 16px
}

.m-cta-container .text-link.link-arrow:after {
    top: 9px;
    right: 0
}

@media only screen and (max-width:79.938em) {

    .summary-text .m-cta-container,
    .mobile-centered .m-cta-container {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.chats .m-cta-container {
    display: block
}

.overlay-button-wrapper {
    position: relative;
    z-index: 1;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: -60px
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .overlay-button-wrapper {
        margin-bottom: -45px
    }
}

@media only screen and (max-width:39.938em) {
    .overlay-button-wrapper {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: -30px
    }
}

.overlay-button-wrapper::before {
    position: absolute;
    display: block;
    top: -90px;
    left: 0;
    content: ' ';
    height: 90px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 80%)
}

.o-collection-alternating-image-textblock-teaser+.m-cta-container {
    margin-top: 45px;
    margin-bottom: 45px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:39.938em) {
    .o-collection-alternating-image-textblock-teaser+.m-cta-container {
        margin-right: 20px;
        margin-left: 20px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-collection-alternating-image-textblock-teaser+.m-cta-container {
        margin-right: 35px;
        margin-left: 35px
    }
}

@media only screen and (min-width:80em) {
    .o-collection-alternating-image-textblock-teaser+.m-cta-container {
        margin-right: 100px;
        margin-left: 100px
    }
}

.m-search-result-item {
    position: relative;
    margin-top: 25px;
    margin-bottom: 0;
    padding-left: 45px
}

.m-search-result-item A {
    display: inline-block
}

.m-search-result-item.private-area:before,
.m-search-result-item.public-area:before {
    position: absolute;
    top: 5px;
    left: 0;
    content: '';
    height: 38px;
    width: 35px
}

.m-search-result-item .a-headline {
    margin-bottom: 0;
    font-size: 21px;
    line-height: 27px;
    color: #f73429
}

@media only screen and (max-width:39.938em) {
    .m-search-result-item .a-headline {
        font-size: 19px;
        line-height: 25px
    }
}

.m-search-result-item .list-item-content {
    margin-top: 5px;
    font-size: 18px;
    line-height: 24px;
    color: #3f3f3f
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .m-search-result-item .list-item-content {
        font-size: 16px;
        line-height: 22px
    }
}

@media only screen and (max-width:39.938em) {
    .m-search-result-item .list-item-content {
        font-size: 14px;
        line-height: 20px
    }
}

.m-search-result-item .breadcrumb-path {
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #f73429;
    font-weight: 600
}

.m-search-result-item:hover .a-headline {
    text-decoration: underline
}

.m-menu-skip {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 100%
}

.m-menu-skip UL ul,
.m-menu-skip LI ul {
    margin: 0
}

.m-menu-skip UL li,
.m-menu-skip LI li {
    list-style: none
}

.m-menu-skip .menu-skip__description {
    position: absolute;
    left: -1000px
}

.m-menu-skip .menu-skip__links {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto
}

.m-menu-skip .a-link:focus {
    position: absolute;
    z-index: 1;
    font-size: 14px;
    outline: 0
}

@media only screen and (min-width:80em) {
    .m-menu-skip .a-link {
        top: 9px;
        left: 10px;
        color: white
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .m-menu-skip .a-link {
        top: 13px;
        left: 1034px;
        color: #3f3f3f
    }
}

@media only screen and (max-width:39.938em) {
    .m-menu-skip .a-link {
        top: 0;
        left: 1000px;
        padding: 6px;
        color: #fff;
        background-color: #f73429
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .m-menu-skip.nav-is-open .a-link:focus {
        left: 1474px;
        z-index: 2
    }
}

@media only screen and (max-width:39.938em) {
    .m-menu-skip.nav-is-open .a-link:focus {
        left: 1275px;
        z-index: 2
    }
}

@media only screen and (min-width:80em) {
    .m-menu-skip--mobile {
        display: none;
        visibility: hidden
    }
}

@media only screen and (max-width:79.938em) {
    .m-menu-skip {
        left: -1000px
    }

    .m-menu-skip--desktop {
        display: none;
        visibility: hidden
    }
}

.m-form-buttons {
    margin-top: 30px;
    text-align: right
}

@media only screen and (max-width:39.938em) {
    .m-form-buttons {
        margin-top: 20px
    }
}

.m-form-buttons .submit-arrow,
.m-form-buttons .submit-cancel {
    display: inline-block
}

.m-form-buttons .submit-arrow:after,
.m-form-buttons .submit-cancel:after {
    top: 17px;
    right: 30px
}

.m-form-row-checkbox .error+.wtf-control-indicator {
    border: 1px solid #f73429
}

@media only screen and (max-width:39.938em) {
    .m-form-row-radio.with-icon .wtf-control {
        width: 130px;
        font-size: 12px
    }
}

@media only screen and (max-width:79.938em) {
    .m-form-row-datepicker-variant .form-label {
        width: 100%
    }
}

.m-olb-search INPUT {
    margin-bottom: 0;
    background-color: #d7d7d7;
    border: 0;
    box-shadow: none
}

.m-olb-search INPUT:hover,
.m-olb-search INPUT:focus {
    background-color: #bebebe
}

.m-olb-search-with-button .m-search-field {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 66.66667%;
    height: 38px
}

.m-olb-search-with-button .input-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.m-olb-search-with-button .input-group INPUT {
    height: 38px;
    width: calc(100% - 38px);
    box-shadow: none;
    border: 0;
    background-color: #d7d7d7
}

.m-olb-search-with-button .input-group .button-search {
    margin: 0;
    padding: 0;
    height: 38px;
    width: 38px;
    background-color: #d7d7d7;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px
}

.postbox-configuration .m-form-row {
    margin-top: 20px
}

@media only screen and (min-width:80em) {
    .postbox-configuration .m-form-row {
        width: 66.66667%
    }
}

.postbox-configuration .m-form-row-selects {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.postbox-configuration .m-form-row-selects .form-cell {
    padding-right: 20px
}

.postbox-configuration .m-form-row-selects .a-label {
    padding-top: 7px
}

.postbox-configuration FIELDSET {
    border: 0;
    margin: 25px 0 0
}

.postbox-configuration FIELDSET:first-child {
    margin-top: 0
}

.postbox-configuration LEGEND {
    font-size: 18px;
    font-family: 'Sparkasse-Bold'
}

.postbox-configuration LEGEND+.m-form-row {
    margin-top: 0
}

.postbox-configuration .row-select-link-wrapper {
    display: block
}

@media only screen and (min-width:80em) {
    .postbox-configuration .row-select-link-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.postbox-configuration .row-select-link-wrapper .text-link {
    display: inline-block;
    padding-top: 10px;
    font-size: 16px
}

@media only screen and (min-width:80em) {
    .postbox-configuration .row-select-link-wrapper .text-link {
        padding-top: 27px
    }
}

@media only screen and (max-width:39.938em) {
    .postbox-configuration .row-select-link-wrapper .m-form-row-selects {
        display: block
    }
}

.postbox-configuration .row-select-link-wrapper .m-form-row-texts {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.postbox-configuration .row-select-link-wrapper .m-form-row-texts+.text-link {
    padding-top: 20px
}

.postbox-configuration .row-select-link-wrapper .form-cell {
    padding-right: 20px;
    font-family: 'Sparkasse-Bold'
}

.postbox-configuration .m-form-row-checkbox .error {
    padding-left: 50px
}

.postbox-configuration .form-information-text,
.postbox-configuration .form-cell,
.postbox-configuration .a-label {
    font-size: 16px
}

.postbox-configuration .o-olb-table-type-b {
    margin: 20px 0 0
}

#postboxAktivierungForm FIELDSET {
    margin-top: 0
}

#activateAccountForm .errorHeadline {
    padding-left: 20px;
    padding-right: 20px
}

.o-teaser-standard-big {
    display: block
}

@media only screen and (min-width:80em) {
    .o-teaser-standard-big {
        margin: 0 100px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-teaser-standard-big {
        margin: 0 35px;
        padding-bottom: 60px;
        background-color: #f73429
    }
}

@media only screen and (max-width:39.938em) {
    .o-teaser-standard-big {
        margin: 0 20px
    }
}

.o-teaser-triad IMG {
    margin-bottom: 0;
    width: 100%
}

.o-teaser-triad .button {
    margin-bottom: 0
}

.o-teaser-triad.o-teaser-standard-big {
    position: relative;
    margin-top: 45px
}

@media only screen and (max-width:39.938em) {
    .o-teaser-triad.o-teaser-standard-big .teaser-image {
        padding-bottom: 50px;
        background-color: #f73429
    }
}

.o-teaser-triad.o-teaser-standard-big .teaser-content {
    position: absolute;
    bottom: 8px;
    left: 20px
}

@media only screen and (max-width:39.938em) {
    .o-teaser-triad.o-teaser-standard-big .teaser-content .button {
        padding-left: 0
    }
}

.o-teaser-triad.o-teaser-standard-big .teaser-content .button:hover,
.o-teaser-triad.o-teaser-standard-big .teaser-content .button:focus {
    background-color: transparent
}

@media only screen and (min-width:80em) {
    .o-teaser-triad.o-teaser-standard-big .teaser-content {
        display: block;
        bottom: 25px;
        left: 20px
    }

    .o-teaser-triad.o-teaser-standard-big .teaser-content .button:hover,
    .o-teaser-triad.o-teaser-standard-big .teaser-content .button:focus {
        background-color: #b9271f
    }
}

@media only screen and (min-width:40em) {
    .o-teaser-triad.o-teaser-standard-big .teaser-content .o-triad-teaser-block {
        margin-bottom: 12px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-teaser-triad.o-teaser-standard-big .teaser-content {
        bottom: 5px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: calc(100% - 20px)
    }
}

@media only screen and (max-width:39.938em) {

    .o-teaser-triad.o-teaser-standard-big .teaser-content .m-triad-headline P,
    .o-teaser-triad.o-teaser-standard-big .teaser-content .m-triad-claim SPAN,
    .o-teaser-triad.o-teaser-standard-big .teaser-content .m-triad-claim P {
        font-size: 18px;
        line-height: 23px
    }
}

.o-teaser-triad .button {
    margin-top: 10px;
    display: inline-block
}

.stage .o-teaser-triad-stage {
    margin-bottom: 0
}

.o-teaser-triad-stage {
    display: block;
    position: relative;
    margin-bottom: 50px
}

.o-teaser-triad-stage.slide {
    margin-bottom: 0
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-teaser-triad-stage.slide .teaser-content .button {
        margin-left: 0
    }
}

@media only screen and (max-width:39.938em) {
    .o-teaser-triad-stage.slide .teaser-content .button {
        margin-left: 0
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-teaser-triad-stage .teaser-image {
        background-color: #f73429;
        padding-bottom: 110px
    }
}

@media only screen and (max-width:39.938em) {
    .o-teaser-triad-stage .teaser-image {
        background-color: #f73429;
        padding-bottom: 100px
    }
}

.o-teaser-triad-stage .teaser-content {
    position: absolute;
    bottom: 55px;
    left: 100px
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-teaser-triad-stage .teaser-content {
        bottom: 15px;
        left: 35px
    }

    .o-teaser-triad-stage .teaser-content .button {
        margin-left: -15px
    }

    .o-teaser-triad-stage .teaser-content .button:hover,
    .o-teaser-triad-stage .teaser-content .button:focus {
        background-color: transparent
    }
}

@media only screen and (max-width:39.938em) {
    .o-teaser-triad-stage .teaser-content {
        bottom: 5px;
        left: 20px
    }

    .o-teaser-triad-stage .teaser-content .button {
        margin-left: -15px
    }

    .o-teaser-triad-stage .teaser-content .button:hover,
    .o-teaser-triad-stage .teaser-content .button:focus {
        background-color: transparent
    }
}

.m-triad-headline P,
.m-triad-claim P,
.m-triad-claim SPAN {
    font-family: 'Sparkasse-Bold';
    padding: 3px 10px;
    font-size: 19px;
    line-height: 25px
}

@media only screen and (min-width:56em) and (max-width:79.938em) {

    .m-triad-headline P,
    .m-triad-claim P,
    .m-triad-claim SPAN {
        padding: 2px 10px;
        font-size: 23px;
        line-height: 29px
    }
}

@media only screen and (min-width:80em) {

    .m-triad-headline P,
    .m-triad-claim P,
    .m-triad-claim SPAN {
        padding: 2px 10px;
        font-size: 28px;
        line-height: 34px
    }
}

.m-triad-headline P {
    display: block;
    margin-bottom: 3px;
    background-color: #f73429;
    color: #fff
}

.m-triad-claim P {
    display: block;
    margin-bottom: 0;
    background-color: #fff;
    color: #f73429
}

.m-triad-claim SPAN {
    display: inline-block;
    background-color: #fff;
    color: #f73429
}

.o-teaser-video {
    position: relative;
    margin-bottom: 40px
}

@media only screen and (min-width:80em) {
    .o-teaser-video {
        margin: 0 100px 40px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-teaser-video {
        margin: 0 35px 40px
    }
}

.o-teaser-video .mejs-container {
    position: relative;
    margin-bottom: 0
}

.o-teaser-video .teaser-content-wrapper {
    position: static;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #f73429
}

.o-teaser-video .teaser-content-wrapper.is-hidden {
    display: none
}

@media only screen and (min-width:80em) {
    .o-teaser-video .teaser-content-wrapper {
        position: absolute;
        padding-top: 10px;
        bottom: -1px;
        width: 100%;
        background-color: rgba(247, 52, 41, 0.85)
    }
}

.o-teaser-video .teaser-content-wrapper .a-headline,
.o-teaser-video .teaser-content-wrapper .a-subheadline,
.o-teaser-video .teaser-content-wrapper .teaser-content {
    font-family: 'Sparkasse-Regular';
    color: #fff
}

@media only screen and (min-width:80em) {

    .o-teaser-video .teaser-content-wrapper .a-headline,
    .o-teaser-video .teaser-content-wrapper .a-subheadline,
    .o-teaser-video .teaser-content-wrapper .teaser-content {
        opacity: 1
    }
}

.o-teaser-video .teaser-content-wrapper .a-headline {
    margin-bottom: 0;
    padding: 12px 0 6px;
    font-size: 22px;
    line-height: 28px
}

@media only screen and (min-width:80em) {
    .o-teaser-video .teaser-content-wrapper .a-headline {
        margin-bottom: 7px;
        padding: 2px 0;
        font-size: 30px;
        line-height: 36px
    }
}

@media only screen and (max-width:39.938em) {
    .o-teaser-video .teaser-content-wrapper .a-headline {
        font-size: 21px;
        line-height: 27px
    }
}

.o-teaser-video .teaser-content-wrapper .a-subheadline,
.o-teaser-video .teaser-content-wrapper .teaser-content {
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 22px
}

@media only screen and (min-width:80em) {

    .o-teaser-video .teaser-content-wrapper .a-subheadline,
    .o-teaser-video .teaser-content-wrapper .teaser-content {
        padding-bottom: 10px;
        font-size: 19px;
        line-height: 25px
    }
}

.o-teaser-video.o-teaser-video--as-articledetail {
    margin-top: 45px
}

@media only screen and (min-width:40em) {
    .o-teaser-video.o-teaser-video--as-articledetail {
        margin-left: 0;
        margin-right: 0;
        padding-left: calc(33.33333% - -20px);
        padding-right: 20px
    }

    .o-teaser-video.o-teaser-video--as-articledetail .teaser-content-wrapper {
        left: calc(33.33333% - -20px);
        right: 20px;
        width: auto
    }
}

@media only screen and (min-width:80em) {
    .o-teaser-video.o-teaser-video--as-articledetail {
        padding-left: calc(25% - -20px)
    }

    .o-teaser-video.o-teaser-video--as-articledetail .teaser-content-wrapper {
        left: calc(25% - -20px)
    }
}

.o-teaser-video.o-teaser-video-big {
    margin-top: 45px;
    background-color: #e8e8e8
}

.o-teaser-video.o-teaser-video-big .video-wrapper {
    position: relative;
    height: 100%
}

@media only screen and (min-width:80em) {
    .o-teaser-video.o-teaser-video-big .teaser-video {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-height: 480px
    }

    .o-teaser-video.o-teaser-video-big .video-wrapper {
        width: calc(480 / 9 * 16px)
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-teaser-video.o-teaser-video-big .teaser-video {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-height: 320px
    }

    .o-teaser-video.o-teaser-video-big .video-wrapper {
        width: calc(320 / 9 * 16px)
    }
}

.silver-client .o-teaser-video .teaser-content-wrapper {
    background-color: rgba(112, 112, 112, 0.85)
}

.silver-client .o-teaser-video .teaser-content-wrapper .teaser-content,
.silver-client .o-teaser-video .teaser-content-wrapper .a-headline,
.silver-client .o-teaser-video .teaser-content-wrapper .a-subheadline {
    font-family: 'Sparkasse-Serif-Italic'
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .o-teaser-standard .teaser-video .mejs-overlay-button,
    .o-teaser-video .mejs-overlay-button {
        width: 80px;
        height: 80px;
        margin: -40px 0 0 -40px;
        background-size: 80px
    }

    .o-teaser-standard .teaser-video .mejs-overlay:hover .mejs-overlay-button,
    .o-teaser-video .mejs-overlay:hover .mejs-overlay-button {
        background-position: 0 -80px
    }
}

@media only screen and (max-width:39.938em) {

    .o-teaser-standard .teaser-video .mejs-overlay-button,
    .o-teaser-video .mejs-overlay-button {
        width: 80px;
        height: 80px;
        margin: -40px 0 0 -40px;
        background-size: 80px
    }

    .o-teaser-standard .teaser-video .mejs-overlay:hover .mejs-overlay-button,
    .o-teaser-video .mejs-overlay:hover .mejs-overlay-button {
        background-position: 0 -80px
    }
}

.teaser-group .o-teaser-video {
    margin: 0
}

.teaser-group .o-teaser-video .mejs-overlay-button {
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background-size: 80px
}

.teaser-group .o-teaser-video .mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -80px
}

@media only screen and (min-width:80em) {
    .teaser-group .o-teaser-video .teaser-content-wrapper {
        position: absolute;
        padding-top: 10px;
        padding-bottom: 0
    }
}

.columns>.o-teaser-video {
    margin-left: 0;
    margin-right: 0
}

.o-search-result-list {
    margin: 0 20px 20px
}

@media only screen and (min-width:40em) {
    .o-search-result-list {
        width: 75%
    }
}

.cookie-alert {
    position: fixed;
    bottom: 0;
    padding: 20px;
    background-color: #fff;
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    border-top: 6px solid #f73429
}

.cookie-alert .button-panel {
    margin-top: 20px
}

.cookie-alert .button {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 20px
}

.is-cookie-alert-overlay .overlay-content-container {
    padding: 0;
    z-index: 100
}

.is-cookie-alert-overlay .cookie-alert {
    position: static
}

.landing-page .progressbar .list-unstyled .step.active,
.landing-main .progressbar .list-unstyled .step.active {
    padding: 0
}

.landing-page .progressbar .list-unstyled .step.active::before,
.landing-main .progressbar .list-unstyled .step.active::before,
.landing-page .progressbar .list-unstyled .step.active::after,
.landing-main .progressbar .list-unstyled .step.active::after {
    position: relative;
    height: auto;
    width: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    border: 0;
    background: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.landing-page .progressbar .list-unstyled .step.active::before,
.landing-main .progressbar .list-unstyled .step.active::before {
    margin-left: 20px;
    line-height: 1.45
}

.landing-page .progressbar .list-unstyled .step.active:last-child,
.landing-main .progressbar .list-unstyled .step.active:last-child {
    padding-right: 10px
}

.landing-page header.main-header,
.landing-main header.main-header {
    margin-bottom: 0
}

@media only screen and (max-width:39.938em) {

    .landing-page header.main-header .wrapper,
    .landing-main header.main-header .wrapper {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .landing-page header.main-header .wrapper,
    .landing-main header.main-header .wrapper {
        margin-left: calc(15px - -20px);
        margin-right: calc(15px - -20px)
    }
}

@media only screen and (min-width:80em) {

    .landing-page header.main-header .wrapper,
    .landing-main header.main-header .wrapper {
        margin-left: 80px;
        margin-right: 80px
    }
}

.landing-page header.main-header .wrapper:before,
.landing-page header.main-header .wrapper:after,
.landing-main header.main-header .wrapper:before,
.landing-main header.main-header .wrapper:after {
    content: " ";
    display: table
}

.landing-page header.main-header .wrapper:after,
.landing-main header.main-header .wrapper:after {
    clear: both
}

.landing-page .logo,
.landing-main .logo {
    float: left;
    width: 50%
}

.landing-page .m-header-text,
.landing-main .m-header-text {
    float: right;
    width: 50%;
    color: #646464
}

.landing-page .m-header-text A,
.landing-main .m-header-text A {
    color: #646464
}

.landing-page .m-header-text A:HOVER,
.landing-main .m-header-text A:HOVER {
    color: #f73429
}

.landing-page .m-header-text A,
.landing-page .m-header-text P,
.landing-main .m-header-text A,
.landing-main .m-header-text P {
    display: block;
    margin-top: 68px;
    margin-bottom: 0;
    text-align: right;
    font-size: 12px;
    font-family: 'Sparkasse-Bold';
    line-height: 18px
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .landing-page .m-header-text A,
    .landing-page .m-header-text P,
    .landing-main .m-header-text A,
    .landing-main .m-header-text P {
        margin-top: 43px
    }
}

@media only screen and (max-width:39.938em) {

    .landing-page .m-header-text A,
    .landing-page .m-header-text P,
    .landing-main .m-header-text A,
    .landing-main .m-header-text P {
        display: none;
        margin-top: 25px
    }
}

.landing-page .progressbar,
.landing-main .progressbar {
    padding-left: 0;
    padding-right: 0
}

.landing-page .progressbar .list-unstyled,
.landing-main .progressbar .list-unstyled {
    background: #f6f6f6
}

.landing-page .progressbar .list-unstyled .icon-check,
.landing-main .progressbar .list-unstyled .icon-check {
    display: none
}

.landing-page .progressbar .list-unstyled .step:not(.active),
.landing-main .progressbar .list-unstyled .step:not(.active) {
    display: none;
    margin-bottom: 0;
    padding: 20px 10px 20px 50px;
    position: relative;
    float: none
}

.landing-page .progressbar .list-unstyled .step:not(.active) .step-name,
.landing-main .progressbar .list-unstyled .step:not(.active) .step-name {
    display: none
}

.landing-page .progressbar .list-unstyled .step.active,
.landing-main .progressbar .list-unstyled .step.active {
    display: none;
    margin-bottom: 0;
    padding: 20px 10px 20px 50px;
    position: relative;
    font-family: 'Sparkasse-Bold';
    position: relative;
    display: block;
    padding-left: 20px
}

.landing-page .progressbar .list-unstyled .step.active::before,
.landing-main .progressbar .list-unstyled .step.active::before {
    color: #3975b6;
    content: "Schritt "attr(data-step) "/"attr(data-steps) ": ";
    display: inline-block;
    margin-right: 5px
}

.landing-page .progressbar .list-unstyled .step-counter,
.landing-main .progressbar .list-unstyled .step-counter {
    display: none
}

@media only screen and (min-width:80em) {

    .landing-page .o-details-with-crossheading #formContainer>section,
    .landing-main .o-details-with-crossheading #formContainer>section {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.landing-page .o-details-with-crossheading #formContainer .crossheading-box span,
.landing-main .o-details-with-crossheading #formContainer .crossheading-box span {
    word-break: break-all
}

.landing-page .o-details-with-crossheading #formContainer .content-box .row,
.landing-main .o-details-with-crossheading #formContainer .content-box .row {
    padding: 0
}

.landing-page .o-details-with-crossheading #formContainer .content-box .row .columns,
.landing-main .o-details-with-crossheading #formContainer .content-box .row .columns {
    padding-left: 0;
    padding-right: 0
}

.landing-page .o-details-with-crossheading #formContainer .content-box .row .row,
.landing-main .o-details-with-crossheading #formContainer .content-box .row .row {
    margin-left: 0;
    margin-right: 0
}

.landing-page .o-details-with-crossheading #formContainer .content-box .content-wrapper:first-child,
.landing-main .o-details-with-crossheading #formContainer .content-box .content-wrapper:first-child {
    margin-top: 0
}

@media only screen and (max-width:55.938em) {

    .landing-page .o-details-with-crossheading,
    .landing-main .o-details-with-crossheading {
        margin-right: 20px;
        margin-left: 20px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .landing-page .o-details-with-crossheading,
    .landing-main .o-details-with-crossheading {
        margin-right: calc(15px - -20px);
        margin-left: calc(15px - -20px)
    }

    .landing-page .o-details-with-crossheading H2 .text,
    .landing-main .o-details-with-crossheading H2 .text {
        float: none;
        text-align: left
    }
}

@media only screen and (min-width:80em) {

    .landing-page .o-details-with-crossheading,
    .landing-main .o-details-with-crossheading {
        margin-right: 80px;
        margin-left: 80px
    }
}

@media only screen and (max-width:79.938em) {

    .landing-page .o-details-with-crossheading .crossheading-box,
    .landing-page .o-details-with-crossheading .content-box,
    .landing-main .o-details-with-crossheading .crossheading-box,
    .landing-main .o-details-with-crossheading .content-box {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

.landing-page .o-details-with-crossheading .product-list,
.landing-main .o-details-with-crossheading .product-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

@media only screen and (max-width:39.938em) {

    .landing-page .o-details-with-crossheading .product-list,
    .landing-main .o-details-with-crossheading .product-list {
        display: block
    }
}

.landing-page .o-details-with-crossheading .product-list .product-list-item,
.landing-main .o-details-with-crossheading .product-list .product-list-item {
    margin-bottom: 0;
    padding: 0 20px;
    text-align: center
}

.landing-page .o-details-with-crossheading .product-list .product-list-item P,
.landing-main .o-details-with-crossheading .product-list .product-list-item P {
    font-size: 16px;
    line-height: 23px
}

.landing-page .o-details-with-crossheading .product-list .product-list-item IMG,
.landing-main .o-details-with-crossheading .product-list .product-list-item IMG {
    margin: 0 0 10px;
    width: 60px
}

@media only screen and (max-width:39.938em) {

    .landing-page .o-details-with-crossheading .product-list .product-list-item,
    .landing-main .o-details-with-crossheading .product-list .product-list-item {
        width: 100%
    }
}

@media only screen and (min-width:40em) {

    .landing-page .o-details-with-crossheading .product-list .product-list-item,
    .landing-main .o-details-with-crossheading .product-list .product-list-item {
        width: 33.33333%
    }
}

.landing-page .o-details-with-crossheading .product-box-list,
.landing-main .o-details-with-crossheading .product-box-list {
    margin: 0
}

@media only screen and (min-width:40em) {

    .landing-page .o-details-with-crossheading .product-box-list,
    .landing-main .o-details-with-crossheading .product-box-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:39.938em) {

    .landing-page .o-details-with-crossheading .product-box-list,
    .landing-main .o-details-with-crossheading .product-box-list {
        display: block
    }
}

@media only screen and (min-width:40em) {

    .landing-page .o-details-with-crossheading .product-box-list-item,
    .landing-main .o-details-with-crossheading .product-box-list-item {
        padding: 20px;
        width: 33.33333%
    }

    .landing-page .o-details-with-crossheading .product-box-list-item:first-child,
    .landing-page .o-details-with-crossheading .product-box-list-item:nth-child(4),
    .landing-main .o-details-with-crossheading .product-box-list-item:first-child,
    .landing-main .o-details-with-crossheading .product-box-list-item:nth-child(4) {
        padding-left: 0
    }

    .landing-page .o-details-with-crossheading .product-box-list-item:nth-child(3),
    .landing-main .o-details-with-crossheading .product-box-list-item:nth-child(3) {
        padding-right: 0
    }
}

@media only screen and (max-width:39.938em) {

    .landing-page .o-details-with-crossheading .product-box-list-item,
    .landing-main .o-details-with-crossheading .product-box-list-item {
        width: 100%
    }

    .landing-page .o-details-with-crossheading .product-box-list-item:not(:first-child),
    .landing-main .o-details-with-crossheading .product-box-list-item:not(:first-child) {
        padding-top: 20px
    }
}

.landing-page .free-html,
.landing-main .free-html {
    width: 100%
}

header.main-header.landing-header.has-no-stage:after {
    height: 0;
    background-color: #fff
}

@media only screen and (min-width:40em) {
    .row.lp-stage {
        margin: 0;
        padding: 0
    }
}

@media only screen and (min-width:40em) {
    .row.lp-stage {
        margin: 0;
        padding: 0
    }
}

@media only screen and (max-width:39.938em) {
    .lp-text-media-teaser .row>DIV {
        padding: 0
    }

    .lp-text-media-teaser .medium-12>DIV {
        padding-left: 20px
    }

    .lp-text-media-teaser .medium-12>DIV:not(.lp-button-wrapper) {
        padding-right: 20px
    }
}

.lp-text-media-teaser>DIV.columns {
    padding: 0
}

@media only screen and (min-width:80em) {
    .lp-text-media-teaser>DIV.columns {
        padding: 0
    }
}

.lp-text-media-teaser .m-lp-stage-image,
.lp-text-media-teaser .m-lp-stage-video {
    position: relative;
    width: 100%
}

@media only screen and (min-width:80em) {

    .lp-text-media-teaser .m-lp-stage-image,
    .lp-text-media-teaser .m-lp-stage-video {
        width: calc(50% - 40px);
        float: left
    }
}

.lp-text-media-teaser .m-lp-stage-image IMG,
.lp-text-media-teaser .m-lp-stage-video IMG {
    margin-bottom: 0;
    width: 100%
}

.lp-text-media-teaser .m-lp-stage-image .flash-bubble,
.lp-text-media-teaser .m-lp-stage-image .m-flash-bubble,
.lp-text-media-teaser .m-lp-stage-video .flash-bubble,
.lp-text-media-teaser .m-lp-stage-video .m-flash-bubble {
    position: absolute;
    width: 125px;
    height: 125px;
    bottom: 25px;
    right: 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #3975b6;
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

@media only screen and (max-width:39.938em) {

    .lp-text-media-teaser .m-lp-stage-image .flash-bubble,
    .lp-text-media-teaser .m-lp-stage-image .m-flash-bubble,
    .lp-text-media-teaser .m-lp-stage-video .flash-bubble,
    .lp-text-media-teaser .m-lp-stage-video .m-flash-bubble {
        display: none
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .lp-text-media-teaser .m-lp-stage-image .flash-bubble,
    .lp-text-media-teaser .m-lp-stage-image .m-flash-bubble,
    .lp-text-media-teaser .m-lp-stage-video .flash-bubble,
    .lp-text-media-teaser .m-lp-stage-video .m-flash-bubble {
        width: 125px;
        height: 125px;
        font-size: 18px
    }
}

@media only screen and (min-width:80em) {

    .lp-text-media-teaser .m-lp-stage-image .flash-bubble,
    .lp-text-media-teaser .m-lp-stage-image .m-flash-bubble,
    .lp-text-media-teaser .m-lp-stage-video .flash-bubble,
    .lp-text-media-teaser .m-lp-stage-video .m-flash-bubble {
        bottom: 34px;
        right: 34px;
        width: 175px;
        height: 175px;
        font-size: 24px;
        line-height: 1.2
    }
}

.lp-text-media-teaser .m-lp-stage-image .flash-bubble .content,
.lp-text-media-teaser .m-lp-stage-image .flash-bubble .scrollable-text--container,
.lp-text-media-teaser .m-lp-stage-image .m-flash-bubble .content,
.lp-text-media-teaser .m-lp-stage-image .m-flash-bubble .scrollable-text--container,
.lp-text-media-teaser .m-lp-stage-video .flash-bubble .content,
.lp-text-media-teaser .m-lp-stage-video .flash-bubble .scrollable-text--container,
.lp-text-media-teaser .m-lp-stage-video .m-flash-bubble .content,
.lp-text-media-teaser .m-lp-stage-video .m-flash-bubble .scrollable-text--container {
    position: relative;
    opacity: 1
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .lp-text-media-teaser .m-lp-stage-video {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 300px;
        background-color: #e8e8e8
    }

    .lp-text-media-teaser .m-lp-stage-video .video-wrapper {
        position: relative;
        height: 100%;
        width: calc(300 / 9 * 16px)
    }
}

.lp-text-media-teaser .m-lp-stage-content {
    width: 100%
}

@media only screen and (min-width:80em) {
    .lp-text-media-teaser .m-lp-stage-content {
        float: right;
        width: 50%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .lp-text-media-teaser .mejs-overlay-button {
        width: 80px;
        height: 80px;
        margin: -40px 0 0 -40px;
        background-size: 80px
    }

    .lp-text-media-teaser .mejs-overlay:hover .mejs-overlay-button {
        background-position: 0 -80px
    }
}

@media only screen and (max-width:39.938em) {
    .lp-text-media-teaser .mejs-overlay-button {
        width: 80px;
        height: 80px;
        margin: -40px 0 0 -40px;
        background-size: 80px
    }

    .lp-text-media-teaser .mejs-overlay:hover .mejs-overlay-button {
        background-position: 0 -80px
    }
}

.lp-text-media-teaser .headline-wrapper {
    position: relative;
    padding: 0 20px;
    background-color: #f73429
}

@media only screen and (min-width:80em) {
    .lp-text-media-teaser .headline-wrapper {
        padding: 0 100px 0 0
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .lp-text-media-teaser .headline-wrapper {
        padding: 0 40px
    }
}

.lp-text-media-teaser .headline-wrapper:before {
    content: "";
    speak: none;
    height: 100%;
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f73429
}

@media only screen and (min-width:80em) {
    .lp-text-media-teaser .headline-wrapper:before {
        width: 40px;
        left: -40px
    }
}

.lp-text-media-teaser .headline-wrapper H1 {
    padding: 12px 0 6px 0;
    font-family: 'Sparkasse-Regular';
    font-size: 22px;
    line-height: 22px;
    color: #fff
}

@media only screen and (min-width:40em) {
    .lp-text-media-teaser .headline-wrapper H1 {
        font-size: 27px;
        line-height: 29px
    }
}

@media only screen and (min-width:80em) {
    .lp-text-media-teaser .headline-wrapper H1 {
        font-size: 30px;
        line-height: 29px
    }
}

.lp-text-media-teaser .headline-wrapper H2 {
    padding-bottom: 10px;
    margin-bottom: 0;
    font-family: 'Sparkasse-Regular';
    font-size: 16px;
    color: #fff
}

@media only screen and (min-width:40em) {
    .lp-text-media-teaser .headline-wrapper H2 {
        font-size: 16px;
        line-height: 20px
    }
}

@media only screen and (min-width:80em) {
    .lp-text-media-teaser .headline-wrapper H2 {
        font-size: 19px;
        padding-bottom: 16px
    }
}

.lp-text-media-teaser .headline-wrapper+P {
    margin-top: 40px
}

.lp-text-media-teaser .teaser-content {
    margin-top: 20px;
    padding: 0 20px
}

@media only screen and (min-width:80em) {
    .lp-text-media-teaser .teaser-content {
        padding: 0 100px 0 0
    }

    .lp-text-media-teaser .teaser-content+.button-switch,
    .lp-text-media-teaser .teaser-content+P .button-switch,
    .lp-text-media-teaser .teaser-content+.button,
    .lp-text-media-teaser .teaser-content+P .button {
        margin-right: 100px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .lp-text-media-teaser .teaser-content {
        padding: 0 35px
    }
}

.lp-text-media-teaser .teaser-content UL {
    margin-left: 30px
}

.lp-text-media-teaser .teaser-content UL LI {
    list-style-type: none;
    position: relative
}

.lp-text-media-teaser .teaser-content UL LI:before {
    content: "";
    speak: none;
    position: absolute;
    left: -30px;
    top: 3px;
    background-size: 20px 15px;
    width: 20px;
    height: 15px
}

.lp-text-media-teaser .lp-button-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0
}

@media only screen and (min-width:80em) {
    .lp-text-media-teaser .lp-button-wrapper {
        margin-right: 80px
    }
}

.lp-text-media-teaser.triad .m-lp-stage-image {
    background-color: #f73429
}

.lp-text-media-teaser.triad .m-lp-stage-image IMG {
    padding-bottom: 75px
}

.lp-text-media-teaser.triad .o-triad-teaser-block {
    position: absolute;
    bottom: 25px;
    margin-right: 20px;
    margin-left: 20px
}

@media only screen and (min-width:80em) {
    .lp-text-media-teaser.triad .o-triad-teaser-block {
        bottom: 20px;
        margin-left: 100px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .lp-text-media-teaser.triad .o-triad-teaser-block {
        margin-left: 40px
    }
}

.lp-text-media-teaser.triad .m-triad-headline P,
.lp-text-media-teaser.triad .m-triad-claim P,
.lp-text-media-teaser.triad .m-triad-claim SPAN {
    font-family: 'Sparkasse-Bold';
    padding: 3px 10px;
    font-size: 19px;
    line-height: 25px
}

@media only screen and (min-width:56em) and (max-width:79.938em) {

    .lp-text-media-teaser.triad .m-triad-headline P,
    .lp-text-media-teaser.triad .m-triad-claim P,
    .lp-text-media-teaser.triad .m-triad-claim SPAN {
        padding: 2px 10px;
        font-size: 23px;
        line-height: 29px
    }
}

@media only screen and (min-width:80em) {

    .lp-text-media-teaser.triad .m-triad-headline P,
    .lp-text-media-teaser.triad .m-triad-claim P,
    .lp-text-media-teaser.triad .m-triad-claim SPAN {
        padding: 2px 10px;
        font-size: 28px;
        line-height: 34px
    }
}

.lp-text-media-teaser.triad .m-triad-headline P {
    display: block;
    margin-bottom: 3px;
    background-color: #f73429;
    color: #fff
}

.lp-text-media-teaser.triad .m-triad-claim P {
    display: block;
    margin-bottom: 0;
    background-color: #fff;
    color: #f73429
}

.lp-text-media-teaser.triad .m-triad-claim SPAN {
    display: inline-block;
    background-color: #fff;
    color: #f73429
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .lp-text-media-teaser.triad .m-lp-stage-content {
        margin-top: 15px
    }
}

.lp-text-media-teaser.triad .headline-wrapper {
    background-color: transparent
}

.lp-text-media-teaser.triad .headline-wrapper:before {
    background-color: transparent
}

.lp-text-media-teaser.triad .headline-wrapper H1,
.lp-text-media-teaser.triad .headline-wrapper H2 {
    color: #3f3f3f
}

@media only screen and (min-width:80em) {
    .lp-text-media-teaser.triad .headline-wrapper {
        padding: 0
    }
}

.special-communication {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 45px;
    background-color: #f6f6f6
}

@media only screen and (min-width:80em) {
    .special-communication {
        padding: 0 80px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .special-communication {
        padding: 0 15px
    }

    .special-communication.container-4-items {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .special-communication.container-4-items .o-teaser-standard {
        width: 50%
    }
}

@media only screen and (max-width:39.938em) {
    .special-communication {
        display: block;
        padding: 0 20px
    }
}

@media only screen and (min-width:40em) {
    .special-communication.container-2-items .o-teaser-standard {
        width: 50%
    }
}

.special-communication .o-teaser-standard {
    padding: 30px 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:39.938em) {
    .special-communication .o-teaser-standard {
        padding: 20px 0
    }
}

.special-communication .teaser-image {
    width: 67px;
    height: auto
}

.special-communication .teaser-image img {
    margin-bottom: 0
}

@media only screen and (max-width:39.938em) {
    .special-communication .teaser-image {
        width: 50px;
        height: auto
    }
}

.special-communication .teaser-content {
    padding-left: 20px;
    width: calc(100% - 67px)
}

.special-communication .teaser-content P:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:39.938em) {
    .special-communication .teaser-content {
        width: calc(100% - 50px)
    }
}

@media only screen and (min-width:80em) {
    .special-communication .teaser-content {
        max-width: 400px
    }
}

.stock-trend-negative {
    color: #f73429
}

.stock-trend-downward {
    color: #f73429
}

.stock-trend-positive {
    color: #3975b6
}

.stock-trend-upward {
    color: #3975b6
}

.stock-trend-steady {
    color: #a4a4a4
}

.o-depot-table {
    margin: 0 20px 0
}

@media only screen and (max-width:39.938em) {
    .o-depot-table {
        margin: 0
    }
}

.o-depot-table .accordion-handle {
    background-size: 20px;
    background-position: calc(100% - 20px) 18px;
    background-color: #f6f6f6
}

@media only screen and (max-width:55.938em) {
    .o-depot-table .accordion-handle {
        background-image: none
    }
}

.o-depot-table .accordion-handle.closed {
    background-color: #fff
}

.o-depot-table .accordion-handle.closed+.accordion-content {
    overflow: hidden;
    height: 0
}

.o-depot-table .accordion-handle.closed .stock-trend-absolute {
    display: none
}

.o-depot-table .accordion-handle.closed+.stock-details {
    padding-bottom: 0
}

@media only screen and (max-width:55.938em) {
    .o-depot-table .accordion-handle.closed {
        background-image: none
    }
}

.m-table-flex-header-cell {
    font-size: 14px;
    font-family: 'Sparkasse-Bold'
}

@media only screen and (max-width:39.938em) {
    .m-table-flex-header-cell {
        margin-top: 5px
    }
}

.table-header-cell,
.depot-table-head .stock-name,
.depot-table-head .stock-value {
    font-size: 14px;
    line-height: 18px;
    font-family: 'Sparkasse-Bold'
}

@media only screen and (max-width:39.938em) {

    .table-header-cell,
    .depot-table-head .stock-name,
    .depot-table-head .stock-value {
        margin-top: 5px
    }
}

.table-header-cell A.filter-arrow,
.depot-table-head .stock-name A.filter-arrow,
.depot-table-head .stock-value A.filter-arrow {
    position: relative;
    display: inline-block;
    color: #3f3f3f
}

.table-header-cell A.filter-arrow EM,
.depot-table-head .stock-name A.filter-arrow EM,
.depot-table-head .stock-value A.filter-arrow EM {
    position: relative;
    padding-right: 7px;
    margin-left: 5px
}

.table-header-cell A.filter-arrow EM::before,
.depot-table-head .stock-name A.filter-arrow EM::before,
.depot-table-head .stock-value A.filter-arrow EM::before,
.table-header-cell A.filter-arrow EM::after,
.depot-table-head .stock-name A.filter-arrow EM::after,
.depot-table-head .stock-value A.filter-arrow EM::after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    width: 7px;
    height: 5px;
    font-size: 9px;
    color: #9e9e9e
}

.table-header-cell A.filter-arrow EM::before,
.depot-table-head .stock-name A.filter-arrow EM::before,
.depot-table-head .stock-value A.filter-arrow EM::before {
    top: 1px;
    left: 0
}

.table-header-cell A.filter-arrow EM::after,
.depot-table-head .stock-name A.filter-arrow EM::after,
.depot-table-head .stock-value A.filter-arrow EM::after {
    left: 0;
    top: 10px
}

.table-header-cell A.filter-arrow.filter-asc EM::before,
.depot-table-head .stock-name A.filter-arrow.filter-asc EM::before,
.depot-table-head .stock-value A.filter-arrow.filter-asc EM::before {
    color: #3f3f3f
}

.table-header-cell A.filter-arrow.filter-asc EM::after,
.depot-table-head .stock-name A.filter-arrow.filter-asc EM::after,
.depot-table-head .stock-value A.filter-arrow.filter-asc EM::after {
    color: #9e9e9e
}

.table-header-cell A.filter-arrow.filter-desc EM::before,
.depot-table-head .stock-name A.filter-arrow.filter-desc EM::before,
.depot-table-head .stock-value A.filter-arrow.filter-desc EM::before {
    color: #9e9e9e
}

.table-header-cell A.filter-arrow.filter-desc EM::after,
.depot-table-head .stock-name A.filter-arrow.filter-desc EM::after,
.depot-table-head .stock-value A.filter-arrow.filter-desc EM::after {
    color: #3f3f3f
}

.depot-table-head,
.depot-table-row {
    border-bottom: 1px solid #e5e5e5
}

.depot-table-head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.depot-table-head .mobile-wrapper-first,
.depot-table-head .mobile-wrapper-second,
.depot-table-head .tablet-wrapper {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end
}

@media only screen and (max-width:55.938em) {

    .depot-table-head .mobile-wrapper-first EM,
    .depot-table-head .mobile-wrapper-second EM,
    .depot-table-head .tablet-wrapper EM {
        display: none
    }
}

.stock-overview {
    font-family: 'Sparkasse-Light';
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    font-size: 16px;
    line-height: 23px
}

.depot-table-row .stock-overview:not(.closed) {
    padding-bottom: 0
}

@media only screen and (max-width:39.938em) {
    .stock-overview {
        font-size: 14px;
        padding: 5px 0 10px
    }
}

@media only screen and (min-width:56em) {
    .stock-overview .mobile-wrapper-first {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 58.33333%
    }
}

@media only screen and (min-width:40em) and (max-width:55.938em) {
    .stock-overview .mobile-wrapper-first {
        width: 58.33333%
    }
}

@media only screen and (max-width:39.938em) {
    .stock-overview .mobile-wrapper-first {
        width: 50%
    }
}

@media only screen and (min-width:56em) {
    .stock-overview .mobile-wrapper-first .tablet-wrapper {
        width: 28.57143%
    }
}

@media only screen and (min-width:40em) and (max-width:55.938em) {
    .stock-overview .mobile-wrapper-first .tablet-wrapper {
        width: 100%;
        padding-left: 20px
    }
}

@media only screen and (max-width:39.938em) {
    .stock-overview .mobile-wrapper-first .tablet-wrapper {
        width: 100%;
        padding-left: 20px
    }
}

.stock-overview .stock-name {
    padding: 0 20px
}

@media only screen and (min-width:56em) {
    .stock-overview .stock-name {
        width: 71.42857%
    }
}

@media only screen and (min-width:40em) and (max-width:55.938em) {
    .stock-overview .stock-name {
        width: 100%;
        overflow: auto;
        text-overflow: clip;
        white-space: normal
    }
}

@media only screen and (max-width:39.938em) {
    .stock-overview .stock-name {
        width: 100%;
        overflow: auto;
        text-overflow: clip;
        white-space: normal
    }
}

@media only screen and (min-width:40em) and (max-width:55.938em) {
    .stock-overview .stock-type {
        display: none
    }
}

@media only screen and (max-width:39.938em) {
    .stock-overview .stock-type {
        display: none
    }
}

@media only screen and (min-width:56em) {
    .stock-overview .mobile-wrapper-second {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 41.66667%
    }
}

@media only screen and (min-width:40em) and (max-width:55.938em) {
    .stock-overview .mobile-wrapper-second {
        width: 41.66667%
    }
}

@media only screen and (max-width:39.938em) {
    .stock-overview .mobile-wrapper-second {
        width: 50%
    }
}

.stock-overview .mobile-wrapper-second .tablet-wrapper {
    width: 40%
}

@media only screen and (min-width:56em) {
    .stock-overview .mobile-wrapper-second .tablet-wrapper {
        width: 40%
    }
}

@media only screen and (min-width:40em) and (max-width:55.938em) {
    .stock-overview .mobile-wrapper-second .tablet-wrapper {
        width: 100%;
        padding-right: 20px
    }
}

@media only screen and (max-width:39.938em) {
    .stock-overview .mobile-wrapper-second .tablet-wrapper {
        width: 100%;
        padding-right: 20px
    }
}

.stock-overview .stock-quote {
    text-align: right
}

.stock-overview .stock-trend {
    text-align: right
}

.stock-overview .stock-trend .stock-trend-percentage {
    padding-right: 19px;
    background-size: 12px;
    background-position: right
}

.stock-overview .stock-value {
    text-align: right;
    word-break: break-all;
    overflow-wrap: break-word
}

@media only screen and (min-width:56em) {
    .stock-overview .stock-value {
        width: 60%;
        padding-left: 20px;
        padding-right: 60px
    }
}

@media only screen and (min-width:40em) and (max-width:55.938em) {
    .stock-overview .stock-value {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (max-width:39.938em) {
    .stock-overview .stock-value {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (max-width:55.938em) {
    .stock-overview.depot-table-head {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end;
        font-family: 'Sparkasse-Bold'
    }
}

.stock-details {
    padding-bottom: 10px;
    background-color: #f6f6f6
}

@media only screen and (max-width:39.938em) {
    .stock-details {
        padding-bottom: 5px
    }
}

.stock-details .flex-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.stock-detail-facts,
.stock-detail-subitem-facts {
    width: 41.66667%
}

@media only screen and (max-width:55.938em) {

    .stock-detail-facts,
    .stock-detail-subitem-facts {
        width: 100%
    }
}

.stock-detail-facts DL,
.stock-detail-subitem-facts DL {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Sparkasse-Bold';
    line-height: 24px
}

@media only screen and (max-width:39.938em) {

    .stock-detail-facts DL,
    .stock-detail-subitem-facts DL {
        font-size: 14px
    }
}

.stock-detail-facts DT,
.stock-detail-subitem-facts DT {
    margin-bottom: 0;
    padding-left: 20px;
    font-weight: normal;
    font-family: 'Sparkasse-Bold'
}

@media only screen and (min-width:56em) {

    .stock-detail-facts DT,
    .stock-detail-subitem-facts DT {
        width: 40%
    }
}

@media only screen and (max-width:55.938em) {

    .stock-detail-facts DT,
    .stock-detail-subitem-facts DT {
        width: 58.33333%
    }
}

.stock-detail-facts DD,
.stock-detail-subitem-facts DD {
    font-family: 'Sparkasse-Light';
    margin-bottom: 0;
    padding-right: 20px
}

@media only screen and (min-width:56em) {

    .stock-detail-facts DD,
    .stock-detail-subitem-facts DD {
        width: 60%
    }
}

@media only screen and (max-width:55.938em) {

    .stock-detail-facts DD,
    .stock-detail-subitem-facts DD {
        width: 41.66667%;
        text-align: right
    }
}

.stock-detail-facts .order-buttons {
    padding-left: 20px
}

.stock-detail-facts .order-buttons .button {
    margin-bottom: 0
}

.closed+.accordion-content A,
.closed+.accordion-content [tabindex],
.closed+.accordion-content INPUT,
.closed+.accordion-content BUTTON {
    display: none
}

.stock-service-links {
    margin-top: 10px
}

.stock-service-links:before,
.stock-service-links:after {
    content: " ";
    display: table
}

.stock-service-links:after {
    clear: both
}

.stock-service-links .text-link {
    display: block;
    float: left;
    clear: both;
    margin-left: 20px;
    font-size: 16px
}

.order-buttons .button {
    margin-top: 10px;
    margin-bottom: 10px
}

.stock-detail-chart {
    width: 58.33333%
}

.stock-detail-chart H4 {
    padding-right: 60px;
    font-size: 16px;
    font-family: 'Sparkasse-Bold'
}

.stock-detail-chart .a-highcharts-container {
    padding-right: 60px
}

.stock-detail-chart .a-highcharts-container IMG {
    width: 100%
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .stock-detail-chart .a-highcharts-container {
        padding-right: 20px
    }
}

@media only screen and (min-width:56em) and (max-width:79.938em) {
    .stock-detail-chart .a-highcharts-container {
        height: 190px
    }
}

@media only screen and (min-width:80em) {
    .stock-detail-chart .a-highcharts-container {
        height: 190px
    }
}

@media only screen and (max-width:55.938em) {
    .stock-detail-chart {
        display: none
    }
}

.stock-detail-subitem-list {
    margin-top: 20px;
    padding: 20px 0 10px;
    border-top: 1px solid #e5e5e5
}

.stock-detail-subitem-list FIELDSET {
    border: 0;
    padding: 0;
    margin: 0
}

.stock-detail-subitem-list LEGEND {
    font-family: 'Sparkasse-Bold';
    margin-left: 20px;
    padding: 0;
    background-color: transparent;
    font-size: 16px
}

.stock-detail-subitem-list .stock-detail-subitem {
    margin-top: 20px
}

@media only screen and (min-width:56em) {
    .stock-detail-subitem-list .stock-detail-subitem {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:56em) {
    .stock-detail-subitem-list .order-buttons {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 58.33333%
    }
}

@media only screen and (max-width:55.938em) {
    .stock-detail-subitem-list .order-buttons {
        width: 100%;
        margin-top: 15px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.stock-detail-subitem-list .button {
    margin: 0 20px 0 0
}

.stock-detail-subitem-list .order-information {
    font-family: 'Sparkasse-Light';
    margin: 0 20px 0 0;
    font-size: 16px
}

@media only screen and (max-width:39.938em) {
    .stock-detail-subitem-list .order-information {
        font-size: 14px
    }
}

@media only screen and (max-width:55.938em) {
    .stock-detail-subitem-list .button+.order-information {
        margin-top: 15px
    }
}

.depot-table-footer {
    font-family: 'Sparkasse-Bold';
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 0;
    font-size: 21px;
    line-height: 23px;
    background-color: #f6f6f6
}

@media only screen and (max-width:55.938em) {
    .depot-table-footer {
        padding: 15px 0;
        font-size: 18px
    }
}

.depot-table-footer .depot-total-label {
    width: 41.66667%;
    padding-left: 20px
}

@media only screen and (max-width:55.938em) {
    .depot-table-footer .depot-total-label {
        width: 58.33333%
    }
}

.depot-table-footer .depot-total-value {
    width: 58.33333%;
    padding-right: 60px;
    color: #3975b6;
    text-align: right
}

@media only screen and (max-width:55.938em) {
    .depot-table-footer .depot-total-value {
        width: 41.66667%;
        padding-right: 20px
    }
}

.o-deposit-performance {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 50px 20px 0
}

@media only screen and (max-width:55.938em) {
    .o-deposit-performance {
        margin-top: 50px;
        display: block
    }
}

.deposit-performance-overview {
    width: 66.66667%;
    padding-right: 20px
}

@media only screen and (max-width:55.938em) {
    .deposit-performance-overview {
        width: 100%;
        padding-right: 0
    }
}

.deposit-performance-overview .wrapper {
    display: block;
    margin-bottom: 10px
}

@media only screen and (min-width:80em) {
    .deposit-performance-overview .wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.deposit-performance-overview H3 {
    font-family: 'Sparkasse-Regular';
    font-size: 24px
}

@media only screen and (max-width:55.938em) {
    .deposit-performance-overview H3 {
        font-size: 18px
    }
}

.deposit-performance-overview .icon-container {
    display: inline-block;
    margin-right: 10px
}

.deposit-performance-overview .icon-container .tooltip {
    margin-top: 6px
}

@media only screen and (max-width:55.938em) {
    .deposit-performance-overview .icon-container .tooltip {
        margin-top: 3px
    }
}

.deposit-performance-overview span.icon-link {
    top: 1px
}

.deposit-performance-overview .deposit-depots-list {
    display: inline
}

.deposit-performance-overview .a-highcharts-container {
    margin-top: 30px
}

@media only screen and (max-width:55.938em) {
    .deposit-performance-overview .a-highcharts-container {
        margin-top: 10px
    }
}

@media only screen and (max-width:39.938em) {
    .deposit-performance-overview .a-highcharts-container {
        height: 140px
    }
}

@media only screen and (min-width:40em) and (max-width:55.938em) {
    .deposit-performance-overview .a-highcharts-container {
        height: 170px
    }
}

@media only screen and (min-width:56em) and (max-width:79.938em) {
    .deposit-performance-overview .a-highcharts-container {
        height: 180px
    }
}

@media only screen and (min-width:80em) {
    .deposit-performance-overview .a-highcharts-container {
        height: 220px
    }
}

.deposit-performance-overview .text-link {
    display: inline-block;
    margin-top: 25px;
    font-size: 16px
}

.deposit-performance-overview .a-form-select {
    margin-top: -3px
}

.deposit-structure {
    width: 33.33333%
}

@media only screen and (max-width:55.938em) {
    .deposit-structure {
        width: 100%;
        margin-top: 50px
    }
}

.deposit-structure H3 {
    font-family: 'Sparkasse-Regular';
    font-size: 24px
}

@media only screen and (max-width:55.938em) {
    .deposit-structure H3 {
        font-size: 18px
    }
}

.deposit-structure .a-highcharts-container {
    margin-top: 30px
}

@media only screen and (max-width:39.938em) {
    .deposit-structure .a-highcharts-container {
        height: 200px
    }
}

@media only screen and (min-width:40em) and (max-width:55.938em) {
    .deposit-structure .a-highcharts-container {
        height: 200px
    }
}

@media only screen and (min-width:56em) and (max-width:79.938em) {
    .deposit-structure .a-highcharts-container {
        height: 180px
    }
}

@media only screen and (min-width:80em) {
    .deposit-structure .a-highcharts-container {
        height: 220px
    }
}

.o-deposit-user-header {
    font-size: 16px;
    padding: 0 20px
}

.o-deposit-user-header FIELDSET {
    border: 0;
    padding: 0;
    margin: 0
}

.o-deposit-user-header FIELDSET+FIELDSET {
    margin-top: 20px
}

@media only screen and (min-width:40em) {
    .o-deposit-user-header .wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.o-deposit-user-header .m-handle-link-transactionlist {
    display: none;
    color: #f73429
}

@media only screen and (max-width:39.938em) {
    .o-deposit-user-header .m-handle-link-transactionlist {
        display: block
    }
}

.o-deposit-user-header .deposit-depots-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:80em) {
    .o-deposit-user-header .deposit-depots-list {
        width: calc(33.33333% - 20px)
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-deposit-user-header .deposit-depots-list {
        width: calc(50% - 20px)
    }
}

@media only screen and (max-width:39.938em) {
    .o-deposit-user-header .deposit-depots-list {
        width: 100%
    }
}

.o-deposit-user-header .deposit-user,
.o-deposit-user-header .deposit-single-depot {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:80em) {

    .o-deposit-user-header .deposit-user,
    .o-deposit-user-header .deposit-single-depot {
        width: calc(66.66667% - 20px)
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .o-deposit-user-header .deposit-user,
    .o-deposit-user-header .deposit-single-depot {
        width: calc(50% - 20px)
    }
}

@media only screen and (max-width:39.938em) {

    .o-deposit-user-header .deposit-user,
    .o-deposit-user-header .deposit-single-depot {
        width: 100%;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
        margin-top: 15px
    }
}

.o-deposit-user-header .deposit-user .depot-id,
.o-deposit-user-header .deposit-single-depot .depot-id {
    font-family: 'Sparkasse-Bold'
}

@media only screen and (max-width:39.938em) {
    .o-deposit-user-header .deposit-user.deposit-search {
        display: none
    }
}

@media only screen and (min-width:80em) {
    .o-deposit-user-header .deposit-single-depot {
        width: 33.33333%
    }

    .o-deposit-user-header .deposit-single-depot+.deposit-user {
        width: 66.66667%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-deposit-user-header .deposit-single-depot {
        width: 50%
    }
}

@media only screen and (max-width:39.938em) {
    .o-deposit-user-header .deposit-single-depot {
        width: 100%
    }
}

.o-deposit-user-header .form-label {
    min-width: 80px;
    padding-right: 10px;
    box-sizing: border-box;
    font-size: 16px
}

.o-deposit-user-header .a-form-select {
    width: calc(100% - 80px)
}

.o-deposit-depot-informations,
.o-saldo-information-box {
    padding-bottom: 15px;
    background-color: #f6f6f6
}

@media only screen and (min-width:40em) {

    .o-deposit-depot-informations,
    .o-saldo-information-box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 50px 20px 0
    }
}

@media only screen and (max-width:55.938em) {

    .o-deposit-depot-informations,
    .o-saldo-information-box {
        margin-top: 25px
    }
}

.o-deposit-depot-informations .deposit-value,
.o-saldo-information-box .deposit-value,
.o-deposit-depot-informations .deposit-trend,
.o-saldo-information-box .deposit-trend {
    box-sizing: border-box;
    padding: 20px 20px 0
}

@media only screen and (min-width:80em) {

    .o-deposit-depot-informations .deposit-value,
    .o-saldo-information-box .deposit-value,
    .o-deposit-depot-informations .deposit-trend,
    .o-saldo-information-box .deposit-trend {
        width: 33.33333%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .o-deposit-depot-informations .deposit-value,
    .o-saldo-information-box .deposit-value,
    .o-deposit-depot-informations .deposit-trend,
    .o-saldo-information-box .deposit-trend {
        width: 50%
    }
}

@media only screen and (max-width:39.938em) {

    .o-deposit-depot-informations .deposit-value,
    .o-saldo-information-box .deposit-value,
    .o-deposit-depot-informations .deposit-trend,
    .o-saldo-information-box .deposit-trend {
        width: 100%
    }
}

.o-deposit-depot-informations .deposit-value .text-label,
.o-saldo-information-box .deposit-value .text-label,
.o-deposit-depot-informations .deposit-trend .text-label,
.o-saldo-information-box .deposit-trend .text-label {
    font-size: 16px;
    font-family: 'Sparkasse-Light'
}

@media only screen and (max-width:39.938em) {

    .o-deposit-depot-informations .deposit-value .text-label,
    .o-saldo-information-box .deposit-value .text-label,
    .o-deposit-depot-informations .deposit-trend .text-label,
    .o-saldo-information-box .deposit-trend .text-label {
        font-size: 14px
    }
}

.o-deposit-depot-informations .text-value,
.o-saldo-information-box .text-value {
    font-family: 'Sparkasse-Bold';
    display: inline-block;
    font-size: 24px;
    color: #3975b6;
    background: 0
}

.o-deposit-depot-informations .text-value.stock-trend-negative,
.o-saldo-information-box .text-value.stock-trend-negative,
.o-deposit-depot-informations .text-value.stock-trend-downward,
.o-saldo-information-box .text-value.stock-trend-downward {
    color: #f73429
}

.o-deposit-depot-informations .icon-link,
.o-saldo-information-box .icon-link {
    display: inline-block
}

.o-deposit-depot-informations .flex-wrapper,
.o-saldo-information-box .flex-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.o-deposit-depot-informations .seperator,
.o-saldo-information-box .seperator {
    font-size: 24px
}

.o-deposit-depot-informations .deposit-trend .flex-wrapper,
.o-saldo-information-box .deposit-trend .flex-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.o-deposit-depot-informations .depot-total:after,
.o-saldo-information-box .depot-total:after {
    font-family: 'Sparkasse-Bold';
    padding-left: 10px;
    content: '/';
    font-size: 24px;
    color: #3f3f3f
}

.o-deposit-depot-informations .depot-total-trend,
.o-saldo-information-box .depot-total-trend {
    font-family: 'Sparkasse-Bold';
    padding-right: 20px;
    padding-left: 10px;
    color: #3975b6;
    font-size: 24px;
    background-size: 15px 15px;
    background-position: 100% 10px
}

.o-deposit-depot-informations .depot-total-trend.stock-trend-negative,
.o-saldo-information-box .depot-total-trend.stock-trend-negative,
.o-deposit-depot-informations .depot-total-trend.stock-trend-downward,
.o-saldo-information-box .depot-total-trend.stock-trend-downward {
    color: #f73429
}

.o-deposit-order-form {
    margin: 0 20px 0
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-form {
        margin-top: 50px
    }
}

.o-deposit-order-form FIELDSET {
    margin: 25px 0 0;
    padding: 0;
    border: 0
}

.o-deposit-order-form FIELDSET:first-child {
    margin-top: 0
}

@media only screen and (min-width:80em) {
    .o-deposit-order-form FIELDSET {
        width: 66.66667%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-deposit-order-form FIELDSET {
        width: 66.66667%
    }
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-form FIELDSET {
        width: 100%
    }
}

.o-deposit-order-form LEGEND {
    font-family: 'Sparkasse-Bold';
    margin-bottom: 5px;
    font-size: 18px
}

.o-deposit-order-form SMALL.error {
    padding: 5px 0
}

.o-deposit-order-form .flex-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.o-deposit-order-form .flex-wrapper FIELDSET {
    margin-top: 5px
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-form .flex-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.o-deposit-order-form .m-form-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-form .m-form-row {
        padding: 0
    }
}

.o-deposit-order-form .m-form-row.m-form-row-checkbox .error {
    padding-left: 50px
}

.o-deposit-order-form .m-form-row.m-form-row-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-deposit-order-form .m-form-row.m-form-row-actions {
        width: 100%
    }
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-form .m-form-row.m-form-row-actions {
        width: 100%;
        margin-top: 20px
    }

    .o-deposit-order-form .m-form-row.m-form-row-actions:before,
    .o-deposit-order-form .m-form-row.m-form-row-actions:after {
        content: " ";
        display: table
    }

    .o-deposit-order-form .m-form-row.m-form-row-actions:after {
        clear: both
    }
}

.o-deposit-order-form .m-form-row.m-form-row-actions .button {
    margin: 0 0 0 20px
}

.o-deposit-order-form .m-form-row.m-form-row-actions .submit-arrow INPUT,
.o-deposit-order-form .m-form-row.m-form-row-actions .submit-cancel INPUT {
    padding-right: 30px
}

.o-deposit-order-form .m-form-row.m-form-row-actions .submit-arrow:after,
.o-deposit-order-form .m-form-row.m-form-row-actions .submit-cancel:after {
    top: 16px;
    right: 15px
}

@media only screen and (max-width:39.938em) {

    .o-deposit-order-form .m-form-row.m-form-row-actions .submit-arrow,
    .o-deposit-order-form .m-form-row.m-form-row-actions .submit-cancel {
        clear: both;
        float: right;
        text-align: right
    }
}

.o-deposit-order-form .is-waiting .button-submit,
.o-deposit-order-form .is-waiting .button-submit-cancel {
    visibility: hidden
}

.o-deposit-order-form .is-waiting .submit-arrow:after {
    background: 0
}

.o-deposit-order-form .a-text-waiting {
    font-family: 'Sparkasse-Bold';
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 8px;
    font-size: 16px
}

.o-deposit-order-form .form-cell {
    line-height: 20px
}

@media only screen and (min-width:80em) {
    .o-deposit-order-form .form-cell {
        padding: 6px 0
    }
}

@media only screen and (min-width:80em) {
    .o-deposit-order-form .form-cell:nth-child(1) {
        width: 25%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-deposit-order-form .form-cell:nth-child(1) {
        width: 87.5%
    }
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-form .form-cell:nth-child(1) {
        width: 91.66667%;
        padding: 0
    }
}

@media only screen and (min-width:80em) {
    .o-deposit-order-form .form-cell:nth-child(2) {
        width: 50%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-deposit-order-form .form-cell:nth-child(2) {
        width: 87.5%
    }
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-form .form-cell:nth-child(2) {
        width: 91.66667%;
        padding: 0;
        font-size: 16px
    }
}

@media only screen and (min-width:80em) {
    .o-deposit-order-form .form-cell.form-cell-merged {
        width: 75%;
        text-align: right
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-deposit-order-form .form-cell.form-cell-merged {
        width: 87.5%
    }
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-form .form-cell.form-cell-merged {
        width: 100%
    }
}

.o-deposit-order-form .form-cell LABEL,
.o-deposit-order-form .form-cell.form-cell-label {
    font-size: 16px
}

@media only screen and (min-width:80em) {

    .o-deposit-order-form .form-cell LABEL,
    .o-deposit-order-form .form-cell.form-cell-label {
        padding-right: 30px;
        text-align: right
    }
}

@media only screen and (max-width:79.938em) {

    .o-deposit-order-form .form-cell LABEL,
    .o-deposit-order-form .form-cell.form-cell-label {
        margin-top: 10px;
        margin-bottom: 6px;
        padding-right: 0;
        text-align: left
    }
}

.o-deposit-order-form .form-cell.form-cell-text {
    font-family: 'Sparkasse-Bold';
    font-size: 16px
}

.o-deposit-order-form .form-information-text .icon-link {
    display: inline
}

.o-deposit-order-form .m-form-row-text-links,
.o-deposit-order-form .m-form-row-texts {
    padding: 3px 0
}

.o-deposit-order-form .m-form-row-text-links {
    text-align: right
}

@media only screen and (min-width:80em) {

    .o-deposit-order-form .m-form-row-inputs LABEL,
    .o-deposit-order-form .m-form-row-selects LABEL {
        padding-top: 9px
    }
}

.o-deposit-order-form .m-form-row-inputs INPUT {
    width: 100%;
    margin-bottom: 0;
    font-size: 16px;
    background-color: #d7d7d7;
    box-shadow: none
}

.o-deposit-order-form .m-form-row-inputs INPUT:hover {
    background-color: #bebebe
}

@media only screen and (max-width:79.938em) {
    .o-deposit-order-form .m-form-row-inputs INPUT {
        margin-bottom: 6px
    }
}

.o-deposit-order-form .a-form-select {
    width: 100%
}

@media only screen and (max-width:79.938em) {
    .o-deposit-order-form .a-form-select {
        margin-bottom: 6px
    }
}

.o-deposit-order-form .text-link {
    padding-top: 8px;
    padding-right: 0 !important;
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
    font-size: 16px;
    line-height: 20px
}

.o-deposit-order-form .text-link.link-arrow:after {
    position: static;
    padding-right: 0
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-form .text-link {
        margin-bottom: 10px
    }
}

.o-deposit-order-form .m-form-row-inputs .icon-link,
.o-deposit-order-form .m-form-row-selects .icon-link {
    margin-left: 5px
}

@media only screen and (max-width:39.938em) {

    .o-deposit-order-form .m-form-row-inputs .icon-link,
    .o-deposit-order-form .m-form-row-selects .icon-link {
        margin-left: 0
    }

    .o-deposit-order-form .m-form-row-inputs .icon-link .tooltip,
    .o-deposit-order-form .m-form-row-selects .icon-link .tooltip {
        margin-left: 5px;
        margin-right: 0
    }
}

.o-deposit-order-form .m-form-row-inputs .tooltip,
.o-deposit-order-form .m-form-row-selects .tooltip {
    top: 15px
}

@media only screen and (max-width:39.938em) {

    .o-deposit-order-form .m-form-row-inputs .tooltip,
    .o-deposit-order-form .m-form-row-selects .tooltip {
        top: 10px
    }
}

.o-deposit-order-form .m-legal-link-list {
    padding-top: 20px
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-form .m-legal-link-list {
        padding-top: 30px
    }
}

.o-deposit-order-form .m-legal-link-list>DIV {
    margin-top: 20px
}

.o-deposit-price-data-information-box {
    width: 33.33333%
}

@media only screen and (max-width:39.938em) {
    .o-deposit-price-data-information-box {
        width: 100%
    }
}

.o-deposit-price-data-information-box .wrapper {
    margin-top: 65px;
    padding: 30px 20px 26px;
    background-color: #f6f6f6
}

@media only screen and (max-width:39.938em) {
    .o-deposit-price-data-information-box .wrapper {
        margin-top: 30px;
        margin-left: -20px;
        padding: 20px;
        width: calc(100% - -40px)
    }

    .o-deposit-price-data-information-box .wrapper .icon-link {
        top: 0
    }
}

.o-deposit-price-data-information-box H3 {
    margin-bottom: 0;
    font-size: 18px;
    font-family: 'Sparkasse-Bold'
}

.o-deposit-price-data-information-box span.icon-link {
    top: 1px
}

.o-deposit-price-data-information-box .a-date-timestamp {
    font-family: 'Sparkasse-Light';
    font-size: 14px
}

.o-deposit-price-data-information-box .flex-wrapper {
    margin-top: 10px
}

@media only screen and (max-width:79.938em) {
    .o-deposit-price-data-information-box .flex-wrapper {
        display: block
    }
}

@media only screen and (min-width:80em) {
    .o-deposit-price-data-information-box .m-text-with-label {
        width: 50%
    }
}

.o-deposit-price-data-information-box .m-text-with-label .a-text {
    font-family: 'Sparkasse-Bold';
    padding-right: 20px;
    font-size: 24px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 100% 10px
}

.o-deposit-price-data-information-box .m-text-with-label .a-label {
    font-family: 'Sparkasse-Light';
    font-size: 16px
}

@media only screen and (min-width:80em) {
    .o-deposit-price-data-information-box .m-text-with-label.stock-trend-percentage {
        text-align: right
    }
}

@media only screen and (max-width:79.938em) {
    .o-deposit-price-data-information-box .m-text-with-label.stock-trend-percentage {
        width: 91.66667%;
        margin-top: 10px;
        text-align: left
    }

    .o-deposit-price-data-information-box .m-text-with-label.stock-trend-percentage .a-text {
        display: inline-block;
        width: auto
    }
}

.o-deposit-price-data-information-box .text-link {
    display: inline-block;
    float: none;
    margin-top: 10px;
    margin-bottom: 0
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-attributes {
        margin-top: 50px
    }
}

.o-deposit-order-attributes FIELDSET {
    width: 100%
}

.o-deposit-order-attributes .flex-wrapper {
    width: 100%
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-deposit-order-attributes .flex-wrapper {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width:80em) {
    .o-deposit-order-attributes .m-form-row {
        width: 66.66667%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-deposit-order-attributes .m-form-row {
        width: 66.66667%
    }
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-attributes .m-form-row {
        width: 100%
    }
}

@media only screen and (min-width:80em) {
    .o-deposit-order-attributes .wrapper-sub-input-fields {
        width: 33.33333%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-deposit-order-attributes .wrapper-sub-input-fields {
        width: 33.33333%
    }
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-attributes .wrapper-sub-input-fields {
        width: 100%
    }
}

.o-deposit-order-attributes .wrapper-sub-input-fields .m-form-row {
    width: 100%;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (min-width:80em) {
    .o-deposit-order-attributes .wrapper-sub-input-fields .form-cell {
        width: 50%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-deposit-order-attributes .wrapper-sub-input-fields .form-cell {
        width: 100%
    }
}

.o-deposit-order-attributes .m-form-row-inputs {
    display: none
}

@media only screen and (min-width:80em) {
    .o-deposit-order-attributes .m-form-row-inputs.is-shown {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (max-width:79.938em) {
    .o-deposit-order-attributes .m-form-row-inputs.is-shown {
        display: block
    }
}

@media only screen and (min-width:80em) {
    .o-deposit-order-additional-informations FIELDSET {
        width: 66.66667%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-deposit-order-additional-informations FIELDSET {
        width: 66.66667%
    }
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-additional-informations FIELDSET {
        width: 100%
    }
}

.o-deposit-order-additional-informations .m-form-row-information-text {
    margin-top: 25px
}

.o-deposit-order-additional-informations .m-form-row-information-text:first-of-type {
    margin-top: 5px
}

.o-deposit-order-additional-informations .form-information-text {
    font-size: 16px
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-deposit-order-additional-informations .form-information-text {
        width: 100%
    }
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-additional-informations .form-information-text {
        float: left;
        width: 91.66667%
    }
}

.o-deposit-order-additional-informations .m-form-row-checkbox {
    margin-top: 20px;
    font-size: 16px
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-additional-informations .m-form-row-checkbox {
        width: 91.66667%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-additional-informations .m-form-row.user-email {
        float: left;
        width: 91.66667%;
        margin-top: 20px
    }
}

@media only screen and (max-width:39.938em) {
    .o-deposit-order-additional-informations .m-form-row.user-email .form-cell {
        width: 100%
    }
}

.o-overlay-deposit-order-investment-amount P {
    font-family: 'Sparkasse-Bold'
}

.o-overlay-deposit-order-investment-amount .m-form-row-inputs {
    display: block
}

@media only screen and (min-width:80em) {
    .o-overlay-deposit-order-investment-amount .m-form-row-inputs {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.o-overlay-deposit-order-investment-amount .form-cell:nth-child(1) {
    width: 100%
}

@media only screen and (min-width:80em) {
    .o-overlay-deposit-order-investment-amount .form-cell:nth-child(1) {
        width: 25%
    }
}

.o-overlay-deposit-order-investment-amount .form-cell:nth-child(2) {
    width: 100%
}

@media only screen and (min-width:80em) {
    .o-overlay-deposit-order-investment-amount .form-cell:nth-child(2) {
        width: 25%
    }
}

.o-overlay-deposit-order-investment-amount DIV.form-cell LABEL {
    text-align: left
}

.o-overlay-deposit-order-investment-amount .m-form-row-inputs+P,
.o-overlay-deposit-order-investment-amount .m-form-row-actions {
    margin-top: 30px
}

.o-overlay-deposit-order-investment-amount .m-disclaimer {
    margin-top: 15px;
    margin-bottom: 5px
}

@media only screen and (max-width:39.938em) {
    .o-overlay-deposit-order-investment-amount FORM.banking-form LABEL {
        font-size: 14px
    }
}

.olb-alphabetic-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:40em) {
    .m-datepicker-period-declaration {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
}

.m-datepicker-period-declaration INPUT {
    margin: 0;
    height: 38px;
    width: calc(66.66667% - 42px);
    box-shadow: none;
    border: 0;
    background-color: #d7d7d7
}

.m-datepicker-period-declaration .icon-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:39.938em) {
    .m-datepicker-period-declaration .icon-container+.icon-container {
        padding-top: 10px
    }

    .m-datepicker-period-declaration .icon-container+.icon-container .form-label {
        width: 33.33333%
    }
}

@media only screen and (max-width:39.938em) and (max-width:39.938em) {
    .m-datepicker-period-declaration .icon-container+.icon-container .form-label {
        padding-left: 20px
    }
}

.m-datepicker-period-declaration .icon-link {
    display: none
}

.m-datepicker-period-declaration .icon-calendar {
    height: 38px;
    width: 42px;
    background-color: #d7d7d7;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px
}

.m-datepicker-period-declaration .icon-calendar.icon-link {
    display: block
}

.m-datepicker-period-declaration .error {
    padding-top: 5px;
    padding-right: 20px;
    padding-left: calc(33.33333% - 20px);
    text-align: right
}

@media only screen and (max-width:39.938em) {
    .m-datepicker-period-declaration .error {
        padding-right: 0
    }
}

.m-datepicker-period-declaration .button.primary {
    margin-bottom: 0
}

.m-olb-introduction-text {
    margin: 0 20px
}

.m-olb-introduction-text~.o-olb-user-header {
    margin-top: 25px
}

@media only screen and (min-width:80em) {
    .o-olb-user-header FORM {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.o-olb-user-header INPUT.error {
    border: 1px solid #f73429
}

.o-olb-user-header .m-olb-search {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:40em) {
    .o-olb-user-header .m-olb-search {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
}

@media only screen and (max-width:39.938em) {
    .o-olb-user-header .m-olb-search {
        display: none
    }
}

.o-olb-user-header .m-olb-search INPUT {
    width: 66.66667%;
    font-size: 16px
}

.o-olb-user-header .m-olb-search .error {
    padding-top: 5px;
    padding-left: 33.33333%;
    width: 100%
}

.o-olb-user-header .m-olb-search-with-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:40em) {
    .o-olb-user-header .m-olb-search-with-button {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
}

@media only screen and (max-width:39.938em) {
    .o-olb-user-header .m-olb-search-with-button {
        display: none
    }
}

.o-olb-user-header .action-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    padding-right: 20px;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (min-width:80em) {
    .o-olb-user-header .action-container {
        margin-top: 0;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (max-width:39.938em) {
    .o-olb-user-header .action-container {
        display: none
    }
}

.o-olb-user-header .action-container .button.primary {
    margin: 0
}

.o-olb-user-header~.o-saldo-information-box {
    margin-top: 50px
}

.o-olb-user-header~.o-olb-table-type-b {
    margin-top: 35px
}

.olb-user-header-content {
    padding-right: 20px
}

@media only screen and (min-width:40em) {
    .olb-user-header-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (max-width:79.938em) {
    .olb-user-header-content {
        width: 100%
    }
}

@media only screen and (min-width:80em) {
    .olb-user-header-content {
        width: calc(66.66667% - -120px)
    }
}

.olb-user-header-content>DIV {
    margin-top: 10px
}

@media only screen and (min-width:56em) {
    .olb-user-header-content>DIV:not(.m-datepicker-period-declaration) {
        width: calc(50% - 40px)
    }
}

@media only screen and (min-width:40em) and (max-width:55.938em) {
    .olb-user-header-content>DIV:not(.m-datepicker-period-declaration) {
        width: calc(50% - 10px)
    }
}

@media only screen and (max-width:39.938em) {
    .olb-user-header-content>DIV:not(.m-datepicker-period-declaration) {
        width: 100%
    }
}

.olb-user-header-content .m-datepicker-period-declaration {
    display: none;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    width: 100%
}

@media only screen and (min-width:56em) {
    .olb-user-header-content .icon-container {
        width: calc(50% - 40px)
    }
}

@media only screen and (min-width:40em) and (max-width:55.938em) {
    .olb-user-header-content .icon-container {
        width: calc(50% - 10px)
    }
}

@media only screen and (max-width:39.938em) {
    .olb-user-header-content .icon-container {
        width: 100%
    }
}

.olb-user-header-content .m-handle-link {
    display: none
}

@media only screen and (max-width:39.938em) {
    .olb-user-header-content .m-handle-link {
        display: block
    }
}

.olb-user-header-content .olb-account-list,
.olb-user-header-content .olb-account-user,
.olb-user-header-content .olb-period-list,
.olb-user-header-content .m-olb-search,
.olb-user-header-content .m-olb-search-with-button,
.olb-user-header-content .olb-status-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:39.938em) {

    .olb-user-header-content .olb-period-list,
    .olb-user-header-content .olb-status-list,
    .olb-user-header-content .m-olb-search,
    .olb-user-header-content .m-olb-search-with-button {
        display: none
    }
}

.olb-user-header-content .form-label {
    padding-left: 20px;
    width: 33.33333%;
    min-width: 80px;
    box-sizing: border-box;
    font-size: 16px
}

.olb-user-header-content .user-name,
.olb-user-header-content .a-form-select {
    width: 66.66667%
}

.olb-user-header-content .user-name {
    font-family: 'Sparkasse-Bold';
    font-size: 16px
}

.olb-user-header-content .m-handle-link-filter-options {
    padding-left: 20px;
    color: #f73429;
    font-size: 16px;
    font-family: 'Sparkasse-Bold'
}

.olb-user-header-content .m-handle-link-filter-options SPAN {
    padding-right: 20px;
    background-position: 100% 4px;
    background-repeat: no-repeat;
    background-size: 15px
}

@media only screen and (max-width:39.938em) {
    .olb-user-header-content .m-handle-link-filter-options {
        display: block
    }
}

.olb-user-header-content.options-basic-visible .deposit-period-list,
.olb-user-header-content.options-basic-visible .olb-period-list,
.olb-user-header-content.options-basic-visible .olb-status-list,
.olb-user-header-content.options-basic-visible .m-olb-search,
.olb-user-header-content.options-basic-visible .m-olb-search-with-button,
.olb-user-header-content.options-basic-visible+.action-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.olb-user-header-content.option1-visible .m-datepicker-period-declaration {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:39.938em) {
    .olb-user-header-content.option1-visible .m-datepicker-period-declaration {
        display: block
    }
}

@media only screen and (min-width:80em) {
    .olb-user-header-content.option1-visible .action-container {
        padding-bottom: 20px
    }
}

.olb-user-header-content.accounts-visible .olb-account-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.m-olb-error-message-box {
    margin-top: 20px;
    margin-bottom: 50px;
    padding: 0 20px
}

.m-olb-success-message-box {
    margin: 0 20px 50px;
    padding: 20px;
    color: #fff;
    font-size: 16px;
    font-family: 'Sparkasse-Bold';
    background-color: #3975b6
}

.o-saldo-information-box {
    margin: 20px 20px 0;
    padding: 15px 20px;
    background-color: #3975b6
}

@media only screen and (max-width:39.938em) {
    .o-saldo-information-box {
        margin: 20px 0;
        text-align: right
    }
}

@media only screen and (min-width:40em) {
    .o-saldo-information-box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.o-saldo-information-box.value-is-negative {
    background-color: #f73429
}

.o-saldo-information-box.value-total-amount {
    background-color: #f6f6f6
}

.o-saldo-information-box.value-total-amount .text-label {
    color: #3f3f3f
}

.o-saldo-information-box.value-total-amount .text-value {
    color: #3975b6
}

.o-saldo-information-box.value-total-amount.value-is-negative .text-value {
    color: #f73429
}

.o-saldo-information-box .text-label,
.o-saldo-information-box .text-value {
    box-sizing: border-box
}

.o-saldo-information-box .text-label {
    padding-bottom: 2px;
    color: #fff;
    font-family: 'Sparkasse-Regular';
    font-size: 16px
}

@media only screen and (max-width:39.938em) {
    .o-saldo-information-box .text-label {
        font-size: 14px
    }
}

.o-saldo-information-box .text-value {
    padding-left: 20px;
    color: #fff;
    font-size: 24px;
    font-family: 'Sparkasse-Bold'
}

.o-saldo-information-box+.o-olb-table-type-b,
.o-saldo-information-box+.o-next-back-buttons {
    margin-top: 25px
}

.o-olb-table-type-b {
    margin: 20px 20px 0
}

.o-olb-table-type-b:before,
.o-olb-table-type-b:after {
    content: " ";
    display: table
}

.o-olb-table-type-b:after {
    clear: both
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b {
        margin: 20px 0
    }
}

.o-olb-table-type-b .status-ok,
.o-olb-table-type-b .status-false,
.o-olb-table-type-b .status-canceled,
.o-olb-table-type-b .status-in-progress {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    color: #3f3f3f;
    font-family: 'Sparkasse-Light';
    font-size: 16px;
    line-height: 22px;
    vertical-align: top
}

@media only screen and (max-width:39.938em) {

    .o-olb-table-type-b .status-ok,
    .o-olb-table-type-b .status-false,
    .o-olb-table-type-b .status-canceled,
    .o-olb-table-type-b .status-in-progress {
        font-size: 14px;
        line-height: 20px
    }
}

.o-olb-table-type-b .status-ok:before,
.o-olb-table-type-b .status-false:before,
.o-olb-table-type-b .status-canceled:before,
.o-olb-table-type-b .status-in-progress:before {
    position: absolute;
    content: ' ';
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    background-size: 16px
}

.o-olb-table-type-b .olb-table-type-b-table-head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 10px 0;
    font-family: 'Sparkasse-Bold';
    font-size: 14px;
    line-height: 19px;
    border-bottom: 1px solid #e5e5e5
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b .olb-table-type-b-table-head .olb-type-b-service {
        display: none
    }
}

.o-olb-table-type-b .olb-table-type-b-table-row {
    background-color: #f6f6f6;
    font-family: 'Sparkasse-Light';
    font-size: 16px;
    line-height: 22px;
    border-bottom: 1px solid #e5e5e5
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b .olb-table-type-b-table-row {
        font-size: 14px
    }
}

.o-olb-table-type-b .olb-table-type-b-table-row.olb-table-type-b-table-row-daily-balance {
    display: none;
    padding: 5px 0;
    font-family: 'Sparkasse-Bold';
    line-height: 30px
}

.o-olb-table-type-b .olb-table-type-b-table-row.olb-table-type-b-table-row-daily-balance .olb-table-type-b-overview {
    background-color: #f6f6f6
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-olb-table-type-b .olb-table-type-b-table-row.olb-table-type-b-table-row-daily-balance {
        font-size: 20px
    }
}

@media only screen and (min-width:80em) {
    .o-olb-table-type-b .olb-table-type-b-table-row.olb-table-type-b-table-row-daily-balance {
        font-size: 22px
    }
}

.o-olb-table-type-b .olb-table-type-b-table-row.olb-table-type-b-table-row-daily-balance.is-visible {
    display: block
}

.o-olb-table-type-b .olb-table-type-b-table-row.olb-table-type-b-table-row-daily-balance .olb-type-b-value {
    color: #3f3f3f
}

.o-olb-table-type-b .olb-table-type-b-table-head SPAN,
.o-olb-table-type-b .olb-table-type-b-table-row SPAN {
    padding-right: 10px
}

.o-olb-table-type-b .olb-table-type-b-table-head .olb-type-b-value,
.o-olb-table-type-b .olb-table-type-b-table-row .olb-type-b-value {
    width: 25%
}

@media only screen and (max-width:39.938em) {

    .o-olb-table-type-b .olb-table-type-b-table-head .olb-type-b-value,
    .o-olb-table-type-b .olb-table-type-b-table-row .olb-type-b-value {
        width: 41.66667%
    }
}

.o-olb-table-type-b .olb-table-type-b-table-head .olb-type-b-date.olb-type-b-date-highlighted,
.o-olb-table-type-b .olb-table-type-b-table-row .olb-type-b-date.olb-type-b-date-highlighted {
    color: #f73429
}

.o-olb-table-type-b .olb-table-type-b-table-head .flex-wrapper {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end
}

.o-olb-table-type-b .olb-table-type-b-table-head .olb-type-b-date .tooltip {
    margin-left: 2px
}

.o-olb-table-type-b .olb-table-type-b-table-row .flex-wrapper {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
}

.o-olb-table-type-b .flex-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 75%
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b .flex-wrapper {
        display: block;
        padding-left: 20px;
        width: 58.33333%
    }
}

.o-olb-table-type-b .flex-wrapper .olb-type-b-date {
    width: 22.22222%
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b .flex-wrapper .olb-type-b-date {
        width: 100%
    }
}

.o-olb-table-type-b .flex-wrapper .olb-type-b-description {
    width: 77.77778%
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b .flex-wrapper .olb-type-b-description {
        width: 100%
    }
}

.o-olb-table-type-b.three-cols-flex-wrapper-right .olb-type-b-date {
    width: 16.66667%;
    padding-left: 20px
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b.three-cols-flex-wrapper-right .olb-type-b-date {
        width: 25%
    }
}

.o-olb-table-type-b.three-cols-flex-wrapper-right .flex-wrapper {
    width: 83.33333%
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b.three-cols-flex-wrapper-right .flex-wrapper {
        padding-right: 20px;
        width: 75%
    }
}

.o-olb-table-type-b.three-cols-flex-wrapper-right .olb-type-b-description {
    width: 70%
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b.three-cols-flex-wrapper-right .olb-type-b-description {
        display: block;
        width: 100%;
        text-align: right
    }

    .o-olb-table-type-b.three-cols-flex-wrapper-right .olb-type-b-description SPAN {
        padding-right: 0
    }
}

.o-olb-table-type-b.three-cols-flex-wrapper-right .olb-type-b-value {
    width: 30%
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b.three-cols-flex-wrapper-right .olb-type-b-value {
        padding-right: 0;
        width: 100%
    }
}

.o-olb-table-type-b.three-cols-flex-wrapper-right .olb-type-b-value SPAN {
    padding-right: 0
}

.o-olb-table-type-b .olb-type-b-description-with-filter {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.o-olb-table-type-b .olb-type-b-description-with-filter .wtf-control {
    padding-left: 30px
}

.o-olb-table-type-b .olb-type-b-description-with-filter .wtf-checkbox {
    font-size: 14px
}

.o-olb-table-type-b .olb-type-b-description-with-filter .wtf-control-indicator {
    width: 25px;
    height: 25px
}

.o-olb-table-type-b .olb-type-b-description-with-filter .olb-type-b-description-filter {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b .olb-type-b-description-with-filter .olb-type-b-description-filter {
        display: none
    }
}

.o-olb-table-type-b .olb-type-b-description-with-filter .olb-type-b-description-filter>.m-form-row-checkbox {
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 20px
}

.o-olb-table-type-b .olb-type-b-description-with-filter .olb-type-b-description-filter>.m-form-row-checkbox:last-child {
    padding-right: 0
}

.o-olb-table-type-b.five-cols-with-service-links .flex-wrapper {
    width: 41.66667%
}

.o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col1,
.o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col2,
.o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col3,
.o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col4 {
    width: 50%
}

.o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col5 {
    width: 16.66667%;
    text-align: right
}

.o-olb-table-type-b.five-cols-with-service-links .icon-link:last-child {
    padding-left: 20px;
    padding-right: 10px
}

.o-olb-table-type-b.five-cols-with-service-links .icon-link:last-child::before {
    background-position: right
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-olb-table-type-b.five-cols-with-service-links .flex-wrapper {
        width: 33.33333%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col1,
    .o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col2,
    .o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col3,
    .o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col4 {
        width: 100%
    }

    .o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col5 {
        width: 33.33333%
    }
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b.five-cols-with-service-links .olb-table-type-b-overview {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .o-olb-table-type-b.five-cols-with-service-links .flex-wrapper {
        width: 50%
    }

    .o-olb-table-type-b.five-cols-with-service-links .olb-table-type-b-table-head .olb-type-b-col3,
    .o-olb-table-type-b.five-cols-with-service-links .olb-table-type-b-table-head .olb-type-b-col4 {
        padding-right: 10px
    }

    .o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col1,
    .o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col2 {
        width: 100%
    }

    .o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col3,
    .o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col4 {
        width: 100%;
        text-align: right
    }

    .o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col3 {
        padding-right: 10px
    }

    .o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col3 span {
        padding-right: 0
    }

    .o-olb-table-type-b.five-cols-with-service-links .olb-type-b-col5 {
        width: 100%;
        text-align: center
    }
}

.o-olb-table-type-b.four-cols-with-service-links .flex-wrapper,
.o-olb-table-type-b.four-cols-with-service-checkbox .flex-wrapper {
    width: 50%
}

.o-olb-table-type-b.four-cols-with-service-links .olb-type-b-col1,
.o-olb-table-type-b.four-cols-with-service-links .olb-type-b-col2,
.o-olb-table-type-b.four-cols-with-service-checkbox .olb-type-b-col1,
.o-olb-table-type-b.four-cols-with-service-checkbox .olb-type-b-col2 {
    width: 50%
}

.o-olb-table-type-b.four-cols-with-service-links .olb-type-b-col3,
.o-olb-table-type-b.four-cols-with-service-links .olb-type-b-col4,
.o-olb-table-type-b.four-cols-with-service-checkbox .olb-type-b-col3,
.o-olb-table-type-b.four-cols-with-service-checkbox .olb-type-b-col4 {
    width: 25%
}

.o-olb-table-type-b.four-cols-with-service-links .olb-type-b-col4,
.o-olb-table-type-b.four-cols-with-service-checkbox .olb-type-b-col4 {
    text-align: right
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .o-olb-table-type-b.four-cols-with-service-links .flex-wrapper,
    .o-olb-table-type-b.four-cols-with-service-checkbox .flex-wrapper {
        width: 33.33333%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .o-olb-table-type-b.four-cols-with-service-links .olb-type-b-col1,
    .o-olb-table-type-b.four-cols-with-service-links .olb-type-b-col2,
    .o-olb-table-type-b.four-cols-with-service-checkbox .olb-type-b-col1,
    .o-olb-table-type-b.four-cols-with-service-checkbox .olb-type-b-col2 {
        width: 100%
    }

    .o-olb-table-type-b.four-cols-with-service-links .olb-type-b-col3,
    .o-olb-table-type-b.four-cols-with-service-links .olb-type-b-col4,
    .o-olb-table-type-b.four-cols-with-service-checkbox .olb-type-b-col3,
    .o-olb-table-type-b.four-cols-with-service-checkbox .olb-type-b-col4 {
        width: 33.33333%
    }
}

.o-olb-table-type-b.four-cols-with-service-links .icon-link:last-child {
    padding-left: 20px;
    padding-right: 10px
}

.o-olb-table-type-b.four-cols-with-service-links .icon-link:last-child::before {
    background-position: right
}

.o-olb-table-type-b.four-cols-with-service-links .text-link {
    font-size: 16px
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b.four-cols-with-service-links .olb-table-type-b-overview {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .o-olb-table-type-b.four-cols-with-service-links .flex-wrapper {
        width: 50%
    }

    .o-olb-table-type-b.four-cols-with-service-links .olb-type-b-col1,
    .o-olb-table-type-b.four-cols-with-service-links .olb-type-b-col2 {
        width: 100%
    }

    .o-olb-table-type-b.four-cols-with-service-links .olb-type-b-col3 {
        padding-right: 10px;
        width: 50%;
        text-align: right
    }

    .o-olb-table-type-b.four-cols-with-service-links .olb-type-b-col3 span {
        padding-right: 0
    }

    .o-olb-table-type-b.four-cols-with-service-links .olb-type-b-col4 {
        width: 100%;
        text-align: center
    }
}

@media only screen and (max-width:39.938em) {

    .o-olb-table-type-b.four-cols-with-service-checkbox .olb-table-type-b-table-head,
    .o-olb-table-type-b.four-cols-with-service-checkbox .olb-table-type-b-overview {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .o-olb-table-type-b.four-cols-with-service-checkbox .olb-table-type-b-table-head .olb-type-b-service,
    .o-olb-table-type-b.four-cols-with-service-checkbox .olb-table-type-b-overview .olb-type-b-service {
        display: block
    }

    .o-olb-table-type-b.four-cols-with-service-checkbox .flex-wrapper {
        width: 66.66667%
    }

    .o-olb-table-type-b.four-cols-with-service-checkbox .olb-type-b-col1,
    .o-olb-table-type-b.four-cols-with-service-checkbox .olb-type-b-col2 {
        width: 100%
    }

    .o-olb-table-type-b.four-cols-with-service-checkbox .olb-type-b-col3 {
        padding-left: 20px;
        width: 66.66667%
    }

    .o-olb-table-type-b.four-cols-with-service-checkbox .olb-type-b-col4 {
        padding-right: 20px;
        width: 33.33333%
    }

    .o-olb-table-type-b.four-cols-with-service-checkbox .olb-table-type-b-overview .olb-type-b-col3 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
}

.o-olb-table-type-b .olb-table-type-b-overview {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
    background-color: #fff
}

.o-olb-table-type-b .olb-table-type-b-overview.accordion-handle {
    position: relative;
    padding: 15px 0 0;
    background-color: transparent
}

.o-olb-table-type-b .olb-table-type-b-overview.accordion-handle:after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    display: block;
    top: 17px;
    right: 7px;
    width: 21px;
    height: 21px;
    font-size: 18px;
    color: #3f3f3f
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b .olb-table-type-b-overview.accordion-handle:after {
        content: ''
    }
}

.o-olb-table-type-b .olb-table-type-b-overview.accordion-handle.closed {
    padding-bottom: 15px;
    background-color: #fff
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b .olb-table-type-b-overview.accordion-handle.closed:after {
        content: ''
    }
}

.o-olb-table-type-b .olb-table-type-b-overview.accordion-handle.closed:hover,
.o-olb-table-type-b .olb-table-type-b-overview.accordion-handle.closed:focus {
    cursor: pointer;
    background-color: #f6f6f6;
    outline: 0
}

.o-olb-table-type-b .olb-table-type-b-overview.accordion-handle.closed .olb-type-b-description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.o-olb-table-type-b .olb-table-type-b-overview.accordion-handle.closed+.accordion-content {
    display: none
}

.o-olb-table-type-b .olb-table-type-b-overview.accordion-handle+.accordion-content {
    display: block;
    margin-top: -10px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    height: auto !important
}

.o-olb-table-type-b .olb-type-b-description {
    font-family: 'Sparkasse-Bold'
}

.o-olb-table-type-b .icon-link {
    position: relative;
    padding: 0 20px
}

.o-olb-table-type-b .icon-link SPAN {
    display: none
}

.o-olb-table-type-b .icon-link:before {
    content: ' ';
    position: absolute;
    top: -8px;
    right: 0;
    width: 40px;
    height: 40px;
    background-size: 20px 20px;
    background-position: center
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b .icon-link:before {
        top: -3px
    }
}

.o-olb-table-type-b .service-checkbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b .service-checkbox {
        height: 32px
    }
}

.o-olb-table-type-b .service-checkbox .wtf-control {
    padding-left: 40px
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b .service-checkbox .wtf-control {
        padding-left: 30px
    }
}

.o-olb-table-type-b .service-checkbox .wtf-control-indicator {
    top: 0;
    right: 0;
    left: auto
}

.o-olb-table-type-b+.action-container,
.o-olb-table-type-b+.o-next-back-buttons,
.o-olb-table-type-b+.action-container+.o-next-back-buttons {
    margin-top: 25px
}

.o-olb-table-type-b+.action-container {
    text-align: right
}

.olb-table-type-b-details .detail-facts {
    width: 83.33333%;
    margin-left: 16.66667%
}

@media only screen and (max-width:39.938em) {
    .olb-table-type-b-details .detail-facts {
        margin-left: 0;
        padding: 0 20px;
        width: 100%
    }
}

.olb-table-type-b-details DL {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 22px
}

@media only screen and (max-width:39.938em) {
    .olb-table-type-b-details DL {
        font-size: 14px
    }
}

.olb-table-type-b-details DL+DL {
    margin-top: 10px
}

.olb-table-type-b-details DT {
    margin-top: 0;
    margin-bottom: 0;
    width: 20%;
    padding-left: 0;
    font-weight: 400;
    font-family: 'Sparkasse-Regular'
}

@media only screen and (max-width:39.938em) {
    .olb-table-type-b-details DT {
        width: 33.33333%
    }
}

@media only screen and (min-width:80em) {
    .olb-table-type-b-details DT {
        margin-top: 4px
    }
}

.olb-table-type-b-details DD {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    width: 80%
}

@media only screen and (max-width:39.938em) {
    .olb-table-type-b-details DD {
        width: 66.66667%;
        text-align: right
    }
}

@media only screen and (min-width:40em) and (max-width:55.938em) {
    .olb-table-type-b-details DD {
        padding-right: 40px;
        text-align: right
    }
}

@media only screen and (min-width:80em) {
    .olb-table-type-b-details DD {
        margin-top: 4px
    }
}

.olb-table-type-b-details .detail-fact-message {
    display: inline-block;
    padding-top: 4px;
    font-family: 'Sparkasse-Bold';
    color: #f73429
}

.olb-table-type-b-details .detail-amount~DD SPAN {
    padding-right: 0
}

@media only screen and (max-width:39.938em) {
    .olb-table-type-b-details {
        width: 100%
    }
}

.olb-table-type-b-details .service-links {
    margin-top: 10px
}

.olb-table-type-b-details .service-links .text-link {
    float: none;
    display: inline-block;
    margin-left: 0;
    margin-right: 30px;
    padding-left: 0;
    padding-right: 0 !important;
    font-size: 16px
}

.olb-table-type-b-details .service-links .text-link:after {
    margin-top: 8px
}

.olb-type-b-value {
    padding-right: 40px;
    text-align: right;
    color: #3975b6;
    font-family: 'Sparkasse-Bold';
    font-size: 18px
}

@media only screen and (max-width:39.938em) {
    .olb-type-b-value {
        padding-right: 20px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .olb-type-b-value {
        font-size: 20px
    }
}

@media only screen and (min-width:80em) {
    .olb-type-b-value {
        font-size: 22px
    }
}

.olb-type-b-value.value-is-negative {
    color: #f73429
}

.olb-type-b-value.m-table-flex-header-cell {
    font-size: 14px;
    padding-right: 15px
}

@media only screen and (max-width:39.938em) {
    .olb-type-b-value.m-table-flex-header-cell {
        padding-right: 20px
    }
}

.olb-plus-sparen-table {
    margin-top: 0
}

.olb-plus-sparen-table .flex-wrapper .olb-type-b-date {
    width: 100%
}

@media only screen and (min-width:40em) {
    .olb-plus-sparen-table .flex-wrapper .olb-type-b-date {
        width: 22.22222%
    }
}

.olb-plus-sparen-table .flex-wrapper .olb-type-b-account {
    width: 100%
}

@media only screen and (min-width:80em) {
    .olb-plus-sparen-table .flex-wrapper .olb-type-b-account {
        width: 57.14286%
    }
}

.olb-plus-sparen-table .flex-wrapper .olb-type-b-credit-account {
    width: 100%
}

@media only screen and (min-width:80em) {
    .olb-plus-sparen-table .flex-wrapper .olb-type-b-credit-account {
        width: 42.85714%
    }
}

.olb-plus-sparen-table .tablet-wrapper {
    display: block;
    width: 77.77778%
}

@media only screen and (min-width:80em) {
    .olb-plus-sparen-table .tablet-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.transaction-type {
    display: block;
    width: 100%;
    font-family: 'Sparkasse-Light'
}

.transaction-sender-receiver {
    font-family: 'Sparkasse-Bold';
    color: #3975b6
}

.transaction-reference {
    font-family: 'Sparkasse-Light'
}

.o-olb-table-type-b.transfer-order-template .olb-type-b-receiver {
    width: 25%
}

.o-olb-table-type-b.transfer-order-template .olb-type-b-account {
    width: 25%;
    word-wrap: break-word
}

.o-olb-table-type-b.transfer-order-template .olb-type-b-description {
    width: 33.33333%
}

.o-olb-table-type-b.transfer-order-template .olb-type-b-service {
    width: 16.66667%;
    text-align: right
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .o-olb-table-type-b.transfer-order-template .olb-table-type-b-table-head,
    .o-olb-table-type-b.transfer-order-template .olb-table-type-b-overview {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .o-olb-table-type-b.transfer-order-template .olb-type-b-receiver {
        width: 41.66667%;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .o-olb-table-type-b.transfer-order-template .olb-type-b-account {
        width: 33.33333%;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .o-olb-table-type-b.transfer-order-template .olb-type-b-description {
        width: 41.66667%;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .o-olb-table-type-b.transfer-order-template .olb-type-b-service {
        width: 25%;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
}

@media only screen and (max-width:39.938em) {
    .o-olb-table-type-b.transfer-order-template {
        margin: 0 20px
    }

    .o-olb-table-type-b.transfer-order-template .olb-table-type-b-table-head,
    .o-olb-table-type-b.transfer-order-template .olb-table-type-b-overview {
        display: block
    }

    .o-olb-table-type-b.transfer-order-template .olb-table-type-b-table-head>DIV,
    .o-olb-table-type-b.transfer-order-template .olb-table-type-b-overview>DIV {
        width: 100%
    }

    .o-olb-table-type-b.transfer-order-template .olb-table-type-b-table-head .olb-type-b-service {
        display: none
    }

    .o-olb-table-type-b.transfer-order-template .olb-type-b-service {
        text-align: center
    }
}

.transfer-order-template .service-icons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:39.938em) {
    .transfer-order-template .service-icons {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width:40em) {
    .transfer-order-template .service-icons {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.transfer-order-template .service-icons .icon-accept,
.transfer-order-template .service-icons .icon-trash,
.transfer-order-template .service-icons .icon-edit {
    display: block;
    position: relative;
    height: 22px;
    width: 22px;
    margin-bottom: 3px;
    color: #f73429;
    text-align: left;
    text-indent: -9999em
}

.transfer-order-template .service-icons .icon-accept::after,
.transfer-order-template .service-icons .icon-trash::after,
.transfer-order-template .service-icons .icon-edit::after {
    font-family: 'haspa-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 22px;
    line-height: 1;
    text-indent: 0
}

.transfer-order-template .service-icons .icon-accept:hover,
.transfer-order-template .service-icons .icon-accept:focus,
.transfer-order-template .service-icons .icon-trash:hover,
.transfer-order-template .service-icons .icon-trash:focus,
.transfer-order-template .service-icons .icon-edit:hover,
.transfer-order-template .service-icons .icon-edit:focus {
    color: #b9271f;
    outline: 0
}

.transfer-order-template .service-icons [class*="icon-"]+[class*="icon-"] {
    margin-left: 20px
}

.transfer-order-template .service-icons .icon-edit::after {
    top: 1px
}

@media only screen and (max-width:39.938em) {
    .transfer-order-template .olb-table-type-b-overview {
        padding: 5px 0
    }
}

@media only screen and (max-width:39.938em) {
    .transfer-order-template .olb-table-type-b-overview .olb-type-b-service {
        margin-top: 10px
    }
}

.transfer-order-template .olb-table-type-b-overview .olb-type-b-description {
    font-family: 'Sparkasse-Light'
}

@media only screen and (max-width:39.938em) {
    .transfer-order-template .olb-table-type-b-overview .service-icons {
        height: 40px
    }
}

.olb-orderbook .action-container {
    display: none
}

.olb-orderbook .olb-user-header-content.option1-visible+.action-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.olb-orderbook .olb-user-header-content.options-basic-visible+.action-container {
    display: none
}

.olb-orderbook .olb-user-header-content.options-basic-visible.option1-visible+.action-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.olb-orderbook-table {
    margin-bottom: 30px
}

.olb-orderbook-table .olb-table-type-b-table-head>.wrapper,
.olb-orderbook-table .olb-table-type-b-table-row>.wrapper {
    width: 25%
}

@media only screen and (max-width:39.938em) {

    .olb-orderbook-table .olb-table-type-b-table-head>.wrapper,
    .olb-orderbook-table .olb-table-type-b-table-row>.wrapper {
        width: 33.33333%
    }
}

.olb-orderbook-table .olb-table-type-b-table-head>.wrapper,
.olb-orderbook-table .olb-table-type-b-overview>.wrapper {
    text-align: right
}

.olb-orderbook-table .olb-table-type-b-table-head>.wrapper {
    padding-right: 15px
}

@media only screen and (max-width:39.938em) {
    .olb-orderbook-table .olb-table-type-b-table-head>.wrapper {
        padding-right: 20px
    }
}

.olb-orderbook-table .olb-table-type-b-overview>.wrapper {
    padding-right: 40px
}

@media only screen and (max-width:39.938em) {
    .olb-orderbook-table .olb-table-type-b-overview>.wrapper {
        padding-right: 20px
    }
}

.olb-orderbook-table .olb-table-type-b-overview>.wrapper {
    width: 25%
}

@media only screen and (max-width:39.938em) {
    .olb-orderbook-table .olb-table-type-b-overview>.wrapper {
        width: 33.33333%
    }
}

.olb-orderbook-table .flex-wrapper {
    width: 75%
}

@media only screen and (max-width:39.938em) {
    .olb-orderbook-table .flex-wrapper {
        width: 66.66667%
    }
}

.olb-orderbook-table .flex-wrapper .wrapper {
    width: 22.22222%
}

@media only screen and (max-width:39.938em) {
    .olb-orderbook-table .flex-wrapper .wrapper {
        width: 100%
    }
}

.olb-orderbook-table .flex-wrapper .wrapper+.wrapper {
    width: 77.77778%
}

@media only screen and (max-width:39.938em) {
    .olb-orderbook-table .flex-wrapper .wrapper+.wrapper {
        width: 100%
    }
}

.olb-orderbook-table .flex-wrapper .olb-type-b-date {
    width: 100%
}

.olb-orderbook-table .flex-wrapper .olb-type-b-description {
    width: 100%
}

.olb-orderbook-table .olb-type-b-description,
.olb-orderbook-table .olb-table-type-b-table-head .olb-type-b-status {
    padding-left: 25px;
    padding-right: 20px
}

@media only screen and (max-width:39.938em) {

    .olb-orderbook-table .olb-type-b-date,
    .olb-orderbook-table .olb-type-b-transactiontype {
        padding-left: 25px
    }
}

@media only screen and (min-width:80em) {
    .olb-orderbook-table .olb-table-type-b-overview.accordion-handle+.accordion-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (max-width:39.938em) {
    .olb-orderbook-table .olb-table-type-b-details .detail-facts {
        padding-left: 45px
    }

    .olb-orderbook-table .olb-table-type-b-details .detail-facts+DIV {
        padding-left: 45px
    }
}

@media only screen and (min-width:40em) {
    .olb-orderbook-table .olb-table-type-b-details .detail-facts {
        margin-left: 16.66667%;
        padding-left: 25px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .olb-orderbook-table .olb-table-type-b-details .detail-facts {
        width: 83.33333%
    }

    .olb-orderbook-table .olb-table-type-b-details .detail-facts+DIV {
        margin-top: 5px;
        margin-left: 16.66667%;
        padding-left: 25px
    }
}

@media only screen and (min-width:80em) {
    .olb-orderbook-table .olb-table-type-b-details .detail-facts {
        width: 41.66667%
    }
}

.olb-orderbook-table .olb-table-type-b-details DT {
    width: 60%
}

.olb-orderbook-table .olb-table-type-b-details DD {
    width: 40%
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .olb-orderbook-table .olb-table-type-b-details DD {
        padding-right: 40px;
        text-align: right
    }
}

.olb-deposit-search .o-olb-user-header FORM {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
}

.olb-deposit-search .olb-user-header-content {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
}

.olb-deposit-search .olb-status-list {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:39.938em) {
    .olb-deposit-search .olb-status-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.olb-deposit-search .olb-status-list>.error {
    padding-top: 5px;
    padding-left: 33.33333%;
    width: 100%
}

.olb-deposit-search .m-olb-search INPUT.error {
    padding: 8px;
    width: 66.66667%
}

@media only screen and (max-width:39.938em) {
    .olb-deposit-search .m-olb-search {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.olb-deposit-search .search-string {
    margin: 0 20px 10px;
    font-family: 'Sparkasse-Regular';
    font-size: 24px
}

.olb-deposit-search .action-container {
    display: block;
    margin-top: 20px;
    width: 100%;
    text-align: right
}

@media only screen and (min-width:80em) {
    .olb-deposit-search .action-container {
        margin-top: 10px;
        width: 33.33333%;
        text-align: left
    }
}

.olb-deposit-search .action-container .wrapper {
    display: block;
    margin-top: 15px
}

.olb-deposit-search-table {
    margin-bottom: 30px
}

@media only screen and (max-width:39.938em) {
    .olb-deposit-search-table {
        margin-left: 20px;
        margin-right: 20px
    }

    .olb-deposit-search-table .olb-table-type-b-overview {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .olb-deposit-search-table .olb-table-type-b-table-head .olb-type-b-service {
        display: none
    }
}

.olb-deposit-search-table .tablet-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.olb-deposit-search-table .tablet-wrapper .second-subcol {
    text-align: right
}

@media only screen and (min-width:80em) {
    .olb-deposit-search-table .tablet-wrapper {
        width: 75%
    }

    .olb-deposit-search-table .tablet-wrapper .first-subcol {
        width: 55.55556%
    }

    .olb-deposit-search-table .tablet-wrapper .second-subcol {
        width: 22.22222%
    }

    .olb-deposit-search-table .tablet-wrapper .third-subcol {
        width: 22.22222%;
        padding-left: 10px;
        text-align: left
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .olb-deposit-search-table .tablet-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 66.66667%
    }

    .olb-deposit-search-table .tablet-wrapper .first-subcol {
        width: 62.5%
    }

    .olb-deposit-search-table .tablet-wrapper .second-subcol {
        width: 37.5%
    }

    .olb-deposit-search-table .tablet-wrapper .third-subcol {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        width: 100%
    }

    .olb-deposit-search-table .tablet-wrapper .olb-type-b-type {
        width: 62.5%
    }

    .olb-deposit-search-table .tablet-wrapper .olb-type-b-trading-platform {
        width: 37.5%;
        text-align: right
    }
}

@media only screen and (max-width:39.938em) {
    .olb-deposit-search-table .tablet-wrapper {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end
    }

    .olb-deposit-search-table .tablet-wrapper .first-subcol {
        width: 58.33333%
    }

    .olb-deposit-search-table .tablet-wrapper .second-subcol {
        width: 41.66667%
    }

    .olb-deposit-search-table .tablet-wrapper .third-subcol {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        width: 100%
    }

    .olb-deposit-search-table .tablet-wrapper .olb-type-b-type {
        width: 58.33333%
    }

    .olb-deposit-search-table .tablet-wrapper .olb-type-b-trading-platform {
        width: 41.66667%;
        text-align: right
    }
}

.olb-deposit-search-table .stock-trend-negative,
.olb-deposit-search-table .stock-trend-positive {
    background-image: none
}

@media only screen and (min-width:80em) {
    .olb-deposit-search-table .olb-type-b-service {
        width: 25%
    }
}

@media only screen and (min-width:40em) {
    .olb-deposit-search-table .olb-type-b-service {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .olb-deposit-search-table .olb-type-b-service {
        width: 33.33333%
    }
}

@media only screen and (max-width:39.938em) {
    .olb-deposit-search-table .olb-type-b-service {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px;
        width: 100%;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .olb-deposit-search-table .olb-type-b-service .text-link+.text-link {
        margin-left: 20px
    }
}

.olb-deposit-search-table .olb-type-b-service .text-link {
    display: block
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .olb-deposit-search-table .olb-table-type-b-table-row .second-subcol {
        padding-right: 20px
    }

    .olb-deposit-search-table .olb-table-type-b-table-row .third-subcol {
        padding-right: 20px
    }
}

.o-olb-user-header+FORM>.o-olb-table-type-b,
.o-olb-user-header .o-olb-table-type-b {
    margin-top: 15px
}

.transfer-order-template a.text-link,
.transfer-order-template span.text-link,
.olb-transactionlist a.text-link,
.olb-transactionlist span.text-link,
.olb-deposit-search a.text-link,
.olb-deposit-search span.text-link {
    padding-right: 30px !important;
    font-size: 16px
}

.transfer-order-template a.text-link:after,
.transfer-order-template span.text-link:after,
.olb-transactionlist a.text-link:after,
.olb-transactionlist span.text-link:after,
.olb-deposit-search a.text-link:after,
.olb-deposit-search span.text-link:after {
    margin-top: 8px
}

.olb-deposit-search a.text-link,
.olb-deposit-search span.text-link {
    padding-right: 10px !important
}

.olb-orderbook .order-buttons .text-link {
    font-size: 16px
}

.olb-orderbook .order-buttons .text-link:after {
    margin-top: 8px
}

@media only screen and (max-width:39.938em) {
    .postbox-overview .o-olb-user-header .action-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (max-width:39.938em) {
    .postbox-overview .olb-user-header-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .postbox-overview .olb-user-header-content>DIV.olb-type-list {
        width: 100%
    }

    .postbox-overview .olb-user-header-content .m-olb-search,
    .postbox-overview .olb-user-header-content .olb-status-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:56em) {
    .postbox-overview .olb-user-header-content>DIV.olb-type-list {
        width: 100%;
        padding-right: 80px
    }
}

@media only screen and (min-width:40em) and (max-width:55.938em) {
    .postbox-overview .olb-user-header-content>DIV.olb-type-list {
        width: 100%;
        padding-right: 20px
    }
}

.postbox-overview .olb-user-header-content.accounts-visible .olb-account-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:40em) {
    .postbox-overview .olb-user-header-content.accounts-visible .olb-type-list {
        width: 50%
    }

    .postbox-overview .olb-user-header-content.accounts-visible .olb-type-list .form-label {
        width: 33.33333%
    }

    .postbox-overview .olb-user-header-content.accounts-visible .olb-type-list .a-form-select {
        width: 66.66667%
    }
}

@media only screen and (max-width:39.938em) {
    .postbox-overview .olb-user-header-content.accounts-visible .olb-type-list {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .postbox-overview .olb-user-header-content.accounts-visible .olb-account-list {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .postbox-overview .olb-user-header-content.accounts-visible .olb-status-list {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .postbox-overview .olb-user-header-content.accounts-visible .m-olb-search {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
}

.postbox-overview .olb-account-list {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: none
}

.postbox-overview .olb-type-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:40em) {
    .postbox-overview .olb-type-list .form-label {
        width: 16.66667%
    }

    .postbox-overview .olb-type-list .a-form-select {
        width: 33.33333%
    }
}

@media only screen and (max-width:39.938em) {
    .postbox-overview .olb-type-list .form-label {
        width: 33.33333%
    }

    .postbox-overview .olb-type-list .a-form-select {
        width: 66.66667%
    }
}

.postbox-overview .m-olb-search {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.postbox-overview .olb-status-list {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

@media only screen and (max-width:39.938em) {
    .postbox-overview .postbox-table {
        margin: 0 20px
    }
}

.postbox-overview .olb-table-type-b-overview {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:39.938em) {
    .postbox-overview .olb-table-type-b-table-head {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .postbox-overview .olb-table-type-b-table-head .olb-type-b-type {
        width: 100%
    }

    .postbox-overview .olb-table-type-b-table-head .olb-type-b-service {
        display: none
    }
}

.postbox-overview .olb-table-type-b-table-row .olb-type-b-description {
    color: #f73429;
    font-family: 'Sparkasse-Light'
}

.postbox-overview .deletion-date {
    display: block;
    font-family: 'Sparkasse-Light';
    color: #3f3f3f;
    font-size: 14px
}

@media only screen and (max-width:39.938em) {
    .postbox-overview .deletion-date {
        font-size: 12px
    }
}

.postbox-overview .tablet-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:80em) {
    .postbox-overview .tablet-wrapper {
        width: 66.66667%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .postbox-overview .tablet-wrapper {
        width: 58.33333%
    }
}

@media only screen and (max-width:39.938em) {
    .postbox-overview .tablet-wrapper {
        width: 100%
    }
}

.postbox-overview .olb-type-b-date {
    width: 37.5%
}

.postbox-overview .olb-type-b-description {
    width: 62.5%
}

.postbox-overview .olb-type-b-type {
    width: 16.66667%
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .postbox-overview .olb-type-b-type {
        width: 25%
    }
}

.postbox-overview .olb-type-b-service {
    width: 16.66667%;
    text-align: right
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .postbox-overview .olb-type-b-date,
    .postbox-overview .olb-type-b-description {
        width: 100%
    }
}

@media only screen and (max-width:39.938em) {

    .postbox-overview .olb-type-b-date,
    .postbox-overview .olb-type-b-description,
    .postbox-overview .olb-type-b-type,
    .postbox-overview .olb-type-b-service {
        width: 100%
    }

    .postbox-overview .olb-type-b-service {
        text-align: center
    }
}

.postbox-overview .olb-table-type-b-table-row.status-unread,
.postbox-overview .olb-table-type-b-table-row.status-unread .olb-type-b-description {
    font-family: 'Sparkasse-Bold'
}

@media only screen and (max-width:39.938em) {

    .postbox-configuration .o-olb-table-type-b .olb-table-type-b-overview,
    .postbox-configuration .o-olb-table-type-b .olb-table-type-b-table-head {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.postbox-configuration .o-olb-table-type-b .flex-wrapper {
    padding-left: 0
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .postbox-configuration .o-olb-table-type-b .flex-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 66.66667%
    }
}

@media only screen and (max-width:39.938em) {
    .postbox-configuration .o-olb-table-type-b .flex-wrapper {
        width: 66.66667%;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.postbox-configuration .o-olb-table-type-b .olb-type-b-account,
.postbox-configuration .o-olb-table-type-b .olb-type-b-account-type,
.postbox-configuration .o-olb-table-type-b .olb-type-b-account-user {
    width: 25%
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .postbox-configuration .o-olb-table-type-b .olb-type-b-account,
    .postbox-configuration .o-olb-table-type-b .olb-type-b-account-type,
    .postbox-configuration .o-olb-table-type-b .olb-type-b-account-user {
        width: 100%
    }
}

@media only screen and (max-width:39.938em) {

    .postbox-configuration .o-olb-table-type-b .olb-type-b-account,
    .postbox-configuration .o-olb-table-type-b .olb-type-b-account-type,
    .postbox-configuration .o-olb-table-type-b .olb-type-b-account-user {
        width: 100%
    }
}

.postbox-configuration .o-olb-table-type-b-accounts-available .olb-type-b-status {
    width: 16.66667%
}

@media only screen and (max-width:39.938em) {
    .postbox-configuration .o-olb-table-type-b-accounts-available .olb-type-b-status {
        width: 66.66667%;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
}

.postbox-configuration .o-olb-table-type-b-accounts-available .olb-type-b-service {
    width: 8.33333%
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .postbox-configuration .o-olb-table-type-b-accounts-available .olb-type-b-service {
        width: 16.66667%
    }
}

@media only screen and (max-width:39.938em) {
    .postbox-configuration .o-olb-table-type-b-accounts-available .olb-type-b-service {
        width: 33.33333%;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
}

.postbox-configuration .o-olb-table-type-b-accounts-available .olb-type-b-service {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.postbox-configuration .o-olb-table-type-b-accounts-available .olb-type-b-service .wtf-control {
    padding-left: 30px
}

.postbox-configuration .o-olb-table-type-b-accounts-not-available .olb-type-b-status {
    width: 25%
}

@media only screen and (max-width:39.938em) {
    .postbox-configuration .o-olb-table-type-b-accounts-not-available .olb-type-b-status {
        width: 100%;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
}

.postbox-configuration .o-olb-table-type-b-accounts-external-configurable .flex-wrapper {
    width: 66.66667%
}

.postbox-configuration .o-olb-table-type-b-accounts-external-configurable .flex-wrapper+.flex-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:39.938em) {
    .postbox-configuration .o-olb-table-type-b-accounts-external-configurable .flex-wrapper+.flex-wrapper {
        width: 100%
    }
}

@media only screen and (min-width:40em) {
    .postbox-configuration .o-olb-table-type-b-accounts-external-configurable .flex-wrapper+.flex-wrapper {
        width: 33.33333%
    }
}

@media only screen and (min-width:80em) {
    .postbox-configuration .o-olb-table-type-b-accounts-external-configurable .flex-wrapper+.flex-wrapper {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.postbox-configuration .o-olb-table-type-b-accounts-external-configurable .olb-type-b-status {
    width: 100%
}

@media only screen and (max-width:39.938em) {
    .postbox-configuration .o-olb-table-type-b-accounts-external-configurable .olb-type-b-status {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
}

@media only screen and (min-width:80em) {
    .postbox-configuration .o-olb-table-type-b-accounts-external-configurable .olb-type-b-status {
        width: 50%
    }
}

.postbox-configuration .o-olb-table-type-b-accounts-external-configurable .olb-type-b-reason {
    width: 100%
}

@media only screen and (min-width:80em) {
    .postbox-configuration .o-olb-table-type-b-accounts-external-configurable .olb-type-b-reason {
        width: 50%
    }
}

.postbox-configuration .olb-table-type-b-table-head .olb-type-b-service SPAN {
    padding-right: 0
}

#listTanForm .five-cols-with-service-links {
    clear: both
}

.page-account-activation .banking-form .row,
.page-account-activation .banking-form .m-form-buttons {
    margin-left: 20px;
    margin-right: 20px
}

.page-account-activation .banking-form>.row {
    margin-top: 25px
}

.page-account-activation MAIN .large-8.small-12.columns {
    width: 100%
}

.o-collection-popular-options {
    margin-top: 45px
}

@media only screen and (max-width:39.938em) {
    .o-collection-popular-options {
        margin-right: 20px;
        margin-left: 20px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-collection-popular-options {
        margin-right: calc(15px - -20px);
        margin-left: calc(15px - -20px)
    }
}

@media only screen and (min-width:80em) {
    .o-collection-popular-options {
        margin-right: calc(80px - -20px);
        margin-left: calc(80px - -20px)
    }
}

.o-collection-popular-options .text-link {
    font-size: 16px;
    color: #f73429
}

.o-collection-popular-options .teaser-content {
    color: #3f3f3f
}

.o-collection-popular-options .with-badge {
    position: relative
}

.o-collection-popular-options .badge {
    position: absolute;
    display: block;
    top: -18px;
    right: 20px;
    padding: 5px 10px;
    font-size: 21px;
    line-height: 27px;
    color: #fff;
    background-color: #f73429
}

@media only screen and (max-width:39.938em) {
    .o-collection-popular-options .badge {
        font-size: 16px
    }
}

.o-collection-popular-options .m-handle-link-show-all {
    display: none;
    font-family: 'Sparkasse-Bold';
    text-align: center;
    background-color: #f6f6f6
}

.o-collection-popular-options .m-handle-link-show-all:hover {
    background-color: #ececec
}

.o-collection-popular-options .m-handle-link-show-all SPAN:after {
    padding-right: 20px;
    content: '';
    background-size: 13px;
    background-position: center
}

@media only screen and (max-width:39.938em) {
    .o-collection-popular-options .m-handle-link-show-all {
        margin-top: 10px;
        padding: 10px 0;
        display: block;
        width: 100%
    }

    .o-collection-popular-options .m-handle-link-show-all.is-hidden {
        display: none
    }

    .o-collection-popular-options .m-handle-link-show-all+.collection-o-teaser-standard-small,
    .o-collection-popular-options .m-handle-link-show-all+.o-teaser-popular-options {
        display: none
    }

    .o-collection-popular-options .m-handle-link-show-all+.collection-o-teaser-standard-small.is-visible,
    .o-collection-popular-options .m-handle-link-show-all+.o-teaser-popular-options.is-visible {
        display: block
    }

    .o-collection-popular-options .m-handle-link-show-all+.collection-o-teaser-standard-small+.o-teaser-standard-big,
    .o-collection-popular-options .m-handle-link-show-all+.collection-o-teaser-standard-small+.o-teaser-popular-options,
    .o-collection-popular-options .m-handle-link-show-all+.o-teaser-popular-options+.o-teaser-standard-big,
    .o-collection-popular-options .m-handle-link-show-all+.o-teaser-popular-options+.o-teaser-popular-options {
        display: none
    }

    .o-collection-popular-options .m-handle-link-show-all+.collection-o-teaser-standard-small+.o-teaser-standard-big.is-visible,
    .o-collection-popular-options .m-handle-link-show-all+.collection-o-teaser-standard-small+.o-teaser-popular-options.is-visible,
    .o-collection-popular-options .m-handle-link-show-all+.o-teaser-popular-options+.o-teaser-standard-big.is-visible,
    .o-collection-popular-options .m-handle-link-show-all+.o-teaser-popular-options+.o-teaser-popular-options.is-visible {
        display: block
    }
}

.o-collection-popular-options .top-box {
    display: block
}

@media only screen and (min-width:56em) {
    .o-collection-popular-options .top-box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width:40em) {
    .o-collection-popular-options .top-box>.o-teaser-standard-medium {
        width: 100%
    }
}

@media only screen and (min-width:56em) {
    .o-collection-popular-options .top-box>.o-teaser-standard-medium {
        width: calc(50% - 10px)
    }
}

@media only screen and (min-width:40em) {
    .o-collection-popular-options .top-box>.inner-wrapper {
        width: 100%
    }
}

@media only screen and (min-width:56em) {
    .o-collection-popular-options .top-box>.inner-wrapper {
        width: calc(50% - 10px)
    }
}

@media only screen and (min-width:40em) {
    .o-collection-popular-options .collection-o-teaser-standard-small {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.o-collection-popular-options .collection-o-teaser-standard-small .o-teaser-standard-small {
    width: 100%
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-collection-popular-options .collection-o-teaser-standard-small .o-teaser-standard-small {
        width: calc(50% - 10px)
    }
}

@media only screen and (min-width:80em) {
    .o-collection-popular-options .collection-o-teaser-standard-small .o-teaser-standard-small {
        width: calc(25% - 15px)
    }
}

.o-collection-popular-options.o-collection-popular-options-big-a,
.o-collection-popular-options.o-collection-popular-options-big-b {
    display: block
}

@media only screen and (min-width:56em) {

    .o-collection-popular-options.o-collection-popular-options-big-a .top-box,
    .o-collection-popular-options.o-collection-popular-options-big-b .top-box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .o-collection-popular-options.o-collection-popular-options-big-a .top-box>DIV,
    .o-collection-popular-options.o-collection-popular-options-big-a .top-box>A,
    .o-collection-popular-options.o-collection-popular-options-big-b .top-box>DIV,
    .o-collection-popular-options.o-collection-popular-options-big-b .top-box>A {
        width: calc(50% - 10px)
    }
}

.o-collection-popular-options.o-collection-popular-options-big-b .o-teaser-standard-medium .a-headline.headline-highlighted SPAN,
.o-collection-popular-options.o-collection-popular-options-complete-b .o-teaser-standard-medium .a-headline.headline-highlighted SPAN,
.o-collection-popular-options.o-collection-popular-options-complete-d .o-teaser-standard-medium .a-headline.headline-highlighted SPAN {
    background-color: #f73429;
    box-shadow: 10px 0 0 #f73429, -10px 0 0 #f73429
}

.o-collection-popular-options.o-collection-popular-options-big-b .badge,
.o-collection-popular-options.o-collection-popular-options-complete-b .badge,
.o-collection-popular-options.o-collection-popular-options-complete-d .badge {
    background-color: #3975b6
}

A.o-teaser-popular-options {
    display: block
}

A.o-teaser-popular-options:hover {
    background-color: #ececec
}

A.o-teaser-popular-options:hover .text-link {
    border-bottom-color: #f73429
}

A.o-teaser-popular-options:focus {
    outline: 0
}

.o-teaser-popular-options {
    margin: 10px 0 0;
    padding: 10px;
    background-color: #f6f6f6
}

@media only screen and (min-width:40em) {
    .o-teaser-popular-options {
        padding: 20px
    }
}

@media only screen and (max-width:39.938em) {
    .o-teaser-popular-options {
        margin: 10px 0 0
    }
}

.o-teaser-popular-options .image-headline-wrapper {
    display: block
}

@media only screen and (min-width:40em) {
    .o-teaser-popular-options .image-headline-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.o-teaser-popular-options .image-headline-wrapper .a-headline {
    margin-bottom: 15px
}

.o-teaser-popular-options .teaser-image {
    padding: 0 20px 0 0
}

.o-teaser-popular-options .teaser-image IMG {
    margin-bottom: 15px;
    max-height: 60px;
    max-width: 60px;
    width: auto;
    height: auto
}

@media only screen and (max-width:39.938em) {
    .o-teaser-popular-options .teaser-image IMG {
        max-width: 40px;
        max-height: 40px
    }
}

.o-teaser-popular-options.o-teaser-standard-small .teaser-image {
    float: left;
    padding-right: 0
}

.o-teaser-popular-options.o-teaser-standard-small .teaser-image:before,
.o-teaser-popular-options.o-teaser-standard-small .teaser-image:after {
    content: " ";
    display: table
}

.o-teaser-popular-options.o-teaser-standard-small .teaser-image:after {
    clear: both
}

.o-teaser-popular-options.o-teaser-standard-small .teaser-image IMG {
    max-width: 50px;
    max-height: 50px
}

@media only screen and (max-width:39.938em) {
    .o-teaser-popular-options.o-teaser-standard-small .teaser-image IMG {
        max-width: 40px;
        max-height: 40px
    }
}

.o-teaser-popular-options.o-teaser-standard-small .teaser-image+.a-headline,
.o-teaser-popular-options.o-teaser-standard-small .teaser-image+.a-headline+.teaser-content,
.o-teaser-popular-options.o-teaser-standard-small .teaser-image+.teaser-content {
    padding-left: 70px
}

@media only screen and (max-width:39.938em) {

    .o-teaser-popular-options.o-teaser-standard-small .teaser-image+.a-headline,
    .o-teaser-popular-options.o-teaser-standard-small .teaser-image+.a-headline+.teaser-content,
    .o-teaser-popular-options.o-teaser-standard-small .teaser-image+.teaser-content {
        padding-left: 50px
    }
}

.o-teaser-popular-options.o-teaser-standard-small .a-headline {
    font-size: 16px;
    font-family: 'Sparkasse-Bold'
}

.o-teaser-popular-options.o-teaser-standard-medium.o-teaser-standard-medium-hero .teaser-image {
    float: none
}

@media only screen and (min-width:40em) {
    .o-teaser-popular-options.o-teaser-standard-medium.o-teaser-standard-medium-hero .teaser-image {
        padding-right: 30px
    }
}

.o-teaser-popular-options.o-teaser-standard-medium.o-teaser-standard-medium-hero .teaser-image IMG {
    max-height: 70px;
    max-width: none
}

@media only screen and (max-width:39.938em) {
    .o-teaser-popular-options.o-teaser-standard-medium.o-teaser-standard-medium-hero .teaser-image IMG {
        max-height: 40px
    }
}

.o-teaser-popular-options.o-teaser-standard-medium.o-teaser-standard-medium-hero .teaser-content {
    padding-left: 0
}

.o-teaser-popular-options.o-teaser-standard-medium.o-teaser-with-logo .teaser-image {
    float: none
}

.o-teaser-popular-options.o-teaser-standard-medium.o-teaser-with-logo .teaser-image IMG {
    margin-bottom: 5px;
    max-width: none
}

.o-teaser-popular-options.o-teaser-standard-medium.o-teaser-with-logo .a-headline,
.o-teaser-popular-options.o-teaser-standard-medium.o-teaser-with-logo .teaser-content {
    padding-left: 0
}

.o-teaser-popular-options.o-teaser-standard-medium.o-teaser-with-logo .teaser-image+.a-headline,
.o-teaser-popular-options.o-teaser-standard-medium.o-teaser-with-logo .teaser-image+.a-headline+.teaser-content,
.o-teaser-popular-options.o-teaser-standard-medium.o-teaser-with-logo .teaser-image+.teaser-content {
    padding-left: 0
}

.o-teaser-popular-options.o-teaser-standard-medium .teaser-image {
    float: left;
    padding-right: 0
}

@media only screen and (max-width:39.938em) {
    .o-teaser-popular-options.o-teaser-standard-medium .teaser-image {
        float: none
    }
}

.o-teaser-popular-options.o-teaser-standard-medium .a-headline {
    font-family: 'Sparkasse-Bold';
    font-size: 21px
}

@media only screen and (max-width:39.938em) {
    .o-teaser-popular-options.o-teaser-standard-medium .a-headline {
        font-size: 16px
    }
}

.o-teaser-popular-options.o-teaser-standard-medium .a-headline.headline-highlighted {
    padding-left: 10px
}

.o-teaser-popular-options.o-teaser-standard-medium .a-headline.headline-highlighted SPAN {
    padding: 7px 0;
    font-family: 'Sparkasse-Regular';
    color: #fff;
    background-color: #3975b6;
    box-shadow: 10px 0 0 #3975b6, -10px 0 0 #3975b6;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 42px
}

@media only screen and (max-width:39.938em) {
    .o-teaser-popular-options.o-teaser-standard-medium .a-headline.headline-highlighted SPAN {
        line-height: 36px
    }
}

.o-teaser-popular-options.o-teaser-standard-medium .teaser-image+.a-headline,
.o-teaser-popular-options.o-teaser-standard-medium .teaser-image+.a-headline+.teaser-content,
.o-teaser-popular-options.o-teaser-standard-medium .teaser-image+.teaser-content {
    padding-left: 80px
}

@media only screen and (max-width:39.938em) {

    .o-teaser-popular-options.o-teaser-standard-medium .teaser-image+.a-headline,
    .o-teaser-popular-options.o-teaser-standard-medium .teaser-image+.a-headline+.teaser-content,
    .o-teaser-popular-options.o-teaser-standard-medium .teaser-image+.teaser-content {
        padding-left: 0
    }
}

.o-teaser-popular-options.o-teaser-standard-medium .teaser-image+.a-headline.headline-highlighted,
.o-teaser-popular-options.o-teaser-standard-medium .teaser-image+.a-headline.headline-highlighted+.teaser-content {
    padding-left: 0
}

@media only screen and (max-width:39.938em) {

    .o-teaser-popular-options.o-teaser-standard-medium .teaser-image+.a-headline.headline-highlighted,
    .o-teaser-popular-options.o-teaser-standard-medium .teaser-image+.a-headline.headline-highlighted+.teaser-content {
        padding: 0 10px
    }
}

.o-teaser-popular-options.o-teaser-standard-big {
    padding: 15px 20px
}

@media only screen and (max-width:39.938em) {
    .o-teaser-popular-options.o-teaser-standard-big {
        padding: 15px 10px
    }
}

.o-teaser-popular-options.o-teaser-standard-big P:last-of-type {
    display: inline;
    margin-bottom: 0;
    padding-right: 5px
}

.o-collection-popular-options-complete-b .o-teaser-standard-big,
.o-collection-popular-options-small-c .o-teaser-standard-big {
    background-color: #3975b6
}

.o-collection-popular-options-complete-b A.o-teaser-popular-options:hover.o-teaser-standard-big,
.o-collection-popular-options-small-c A.o-teaser-popular-options:hover.o-teaser-standard-big {
    background-color: #2b5888
}

.o-collection-popular-options-complete-b A.o-teaser-popular-options:hover.o-teaser-standard-big .text-link,
.o-collection-popular-options-small-c A.o-teaser-popular-options:hover.o-teaser-standard-big .text-link {
    border-bottom-color: #fff
}

.o-collection-popular-options-complete-c .o-teaser-standard-big,
.o-collection-popular-options-small-d .o-teaser-standard-big {
    background-color: #f73429
}

.o-collection-popular-options-complete-c A.o-teaser-popular-options:hover.o-teaser-standard-big,
.o-collection-popular-options-small-d A.o-teaser-popular-options:hover.o-teaser-standard-big {
    background-color: #b9271f
}

.o-collection-popular-options-complete-c A.o-teaser-popular-options:hover.o-teaser-standard-big .text-link,
.o-collection-popular-options-small-d A.o-teaser-popular-options:hover.o-teaser-standard-big .text-link {
    border-bottom-color: #fff
}

.o-collection-popular-options-complete-b .o-teaser-standard-big .teaser-content,
.o-collection-popular-options-complete-b .o-teaser-standard-big .text-link,
.o-collection-popular-options-complete-c .o-teaser-standard-big .teaser-content,
.o-collection-popular-options-complete-c .o-teaser-standard-big .text-link,
.o-collection-popular-options-small-c .o-teaser-standard-big .teaser-content,
.o-collection-popular-options-small-c .o-teaser-standard-big .text-link,
.o-collection-popular-options-small-d .o-teaser-standard-big .teaser-content,
.o-collection-popular-options-small-d .o-teaser-standard-big .text-link {
    color: #fff
}

.o-collection-popular-options-complete-b .o-teaser-standard-big .text-link,
.o-collection-popular-options-complete-c .o-teaser-standard-big .text-link,
.o-collection-popular-options-small-c .o-teaser-standard-big .text-link,
.o-collection-popular-options-small-d .o-teaser-standard-big .text-link {
    border-bottom-color: #fff
}

.o-collection-popular-options-small-a .top-box>DIV:first-child,
.o-collection-popular-options-small-a .top-box>A:first-child,
.o-collection-popular-options-small-b .top-box>DIV:first-child,
.o-collection-popular-options-small-b .top-box>A:first-child {
    background-color: #3975b6
}

.o-collection-popular-options-small-a .top-box>DIV:first-child .a-headline,
.o-collection-popular-options-small-a .top-box>DIV:first-child .teaser-content,
.o-collection-popular-options-small-a .top-box>DIV:first-child .text-link,
.o-collection-popular-options-small-a .top-box>A:first-child .a-headline,
.o-collection-popular-options-small-a .top-box>A:first-child .teaser-content,
.o-collection-popular-options-small-a .top-box>A:first-child .text-link,
.o-collection-popular-options-small-b .top-box>DIV:first-child .a-headline,
.o-collection-popular-options-small-b .top-box>DIV:first-child .teaser-content,
.o-collection-popular-options-small-b .top-box>DIV:first-child .text-link,
.o-collection-popular-options-small-b .top-box>A:first-child .a-headline,
.o-collection-popular-options-small-b .top-box>A:first-child .teaser-content,
.o-collection-popular-options-small-b .top-box>A:first-child .text-link {
    color: #fff
}

.o-collection-popular-options-small-a .top-box>A:first-child:hover,
.o-collection-popular-options-small-b .top-box>A:first-child:hover {
    background-color: #2b5888
}

.o-collection-popular-options-small-a .top-box>A:first-child:hover .text-link,
.o-collection-popular-options-small-b .top-box>A:first-child:hover .text-link {
    border-bottom-color: #fff
}

.o-collection-popular-options-small-b .top-box>DIV:first-child,
.o-collection-popular-options-small-b .top-box>A:first-child {
    background-color: #f73429
}

.o-collection-popular-options-small-b .top-box>A:first-child:hover {
    background-color: #b9271f
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-collection-alternating-image-textblock-teaser {
        margin-right: 15px;
        margin-left: 15px
    }
}

@media only screen and (min-width:80em) {
    .o-collection-alternating-image-textblock-teaser {
        margin-right: 80px;
        margin-left: 80px
    }
}

.o-collection-alternating-image-textblock-teaser .o-teaser-standard {
    margin-top: 80px;
    padding: 0 20px
}

.o-collection-alternating-image-textblock-teaser .o-teaser-standard:before,
.o-collection-alternating-image-textblock-teaser .o-teaser-standard:after {
    content: " ";
    display: table
}

.o-collection-alternating-image-textblock-teaser .o-teaser-standard:after {
    clear: both
}

@media only screen and (max-width:39.938em) {
    .o-collection-alternating-image-textblock-teaser .o-teaser-standard {
        padding: 0
    }
}

@media only screen and (min-width:40em) {

    .o-collection-alternating-image-textblock-teaser .o-teaser-standard:nth-child(even) .teaser-image,
    .o-collection-alternating-image-textblock-teaser .o-teaser-standard:nth-child(even) .teaser-video {
        float: left;
        padding-right: 20px
    }

    .o-collection-alternating-image-textblock-teaser .o-teaser-standard:nth-child(even) .a-headline,
    .o-collection-alternating-image-textblock-teaser .o-teaser-standard:nth-child(even) .teaser-content {
        float: right
    }
}

@media only screen and (min-width:80em) {
    .o-collection-alternating-image-textblock-teaser .o-teaser-standard:nth-child(even) .teaser-content {
        padding: 0 calc(100% / 12 - -1 * 20px) 0 20px
    }
}

@media only screen and (min-width:40em) {

    .o-collection-alternating-image-textblock-teaser .o-teaser-standard:nth-child(odd) .teaser-image,
    .o-collection-alternating-image-textblock-teaser .o-teaser-standard:nth-child(odd) .teaser-video {
        float: right;
        padding-left: 20px
    }

    .o-collection-alternating-image-textblock-teaser .o-teaser-standard:nth-child(odd) .a-headline,
    .o-collection-alternating-image-textblock-teaser .o-teaser-standard:nth-child(odd) .teaser-content {
        text-align: right
    }
}

@media only screen and (min-width:80em) {
    .o-collection-alternating-image-textblock-teaser .o-teaser-standard:nth-child(odd) .teaser-content {
        padding: 0 20px 0 calc(100% / 12 - -1 * 20px)
    }
}

.o-collection-alternating-image-textblock-teaser .a-headline {
    padding: 0 30px;
    width: 50%;
    color: #fff;
    font-family: 'Sparkasse-Bold'
}

@media only screen and (max-width:39.938em) {
    .o-collection-alternating-image-textblock-teaser .a-headline {
        margin-top: 20px;
        width: 100%
    }
}

.o-collection-alternating-image-textblock-teaser .a-headlineH3 {
    margin-bottom: 0
}

.o-collection-alternating-image-textblock-teaser .a-headline SPAN {
    padding: 6px 0;
    font-size: 21px;
    line-height: 40px;
    background-color: #f73429;
    box-shadow: 11px 0 0 #f73429, -11px 0 0 #f73429;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

@media only screen and (min-width:80em) {
    .o-collection-alternating-image-textblock-teaser .a-headline SPAN {
        font-size: 30px;
        line-height: 52px
    }
}

.o-collection-alternating-image-textblock-teaser .teaser-image,
.o-collection-alternating-image-textblock-teaser .teaser-video {
    padding-bottom: 0;
    width: 50%
}

@media only screen and (max-width:39.938em) {

    .o-collection-alternating-image-textblock-teaser .teaser-image,
    .o-collection-alternating-image-textblock-teaser .teaser-video {
        padding-right: 20px;
        padding-left: 20px;
        width: 100%
    }
}

.o-collection-alternating-image-textblock-teaser .teaser-image IMG,
.o-collection-alternating-image-textblock-teaser .teaser-video IMG {
    margin-bottom: 0
}

.o-collection-alternating-image-textblock-teaser .teaser-content {
    margin-top: 15px;
    padding: 0 20px;
    width: 50%;
    font-family: 'Sparkasse-Light';
    font-size: 19px;
    line-height: 25px
}

@media only screen and (max-width:39.938em) {
    .o-collection-alternating-image-textblock-teaser .teaser-content {
        padding-top: 5px;
        width: 100%
    }
}

.o-collection-alternating-image-textblock-teaser .teaser-content P {
    font-size: 14px;
    line-height: 20px
}

@media only screen and (max-width:39.938em) {
    .o-collection-alternating-image-textblock-teaser .teaser-content P {
        margin-bottom: 5px
    }
}

@media only screen and (min-width:80em) {
    .o-collection-alternating-image-textblock-teaser .teaser-content P {
        font-size: 19px;
        line-height: 25px
    }
}

.o-collection-alternating-image-textblock-teaser .text-link {
    color: #f73429;
    font-size: 16px
}

.m-compound {
    position: absolute;
    top: 50%;
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width:80em) {
    .m-compound {
        width: 110px;
        height: 110px
    }
}

@media only screen and (max-width:39.938em) {
    .m-compound {
        top: 0;
        left: 50%
    }
}

.m-compound.icon {
    background-size: auto 60px
}

@media only screen and (min-width:80em) {
    .m-compound.icon {
        background-size: auto 90px
    }
}

.o-benefit-component {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 45px
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-benefit-component {
        margin-right: calc(15px - -20px);
        margin-left: calc(15px - -20px)
    }
}

@media only screen and (min-width:80em) {
    .o-benefit-component {
        margin-right: calc(80px - -20px);
        margin-left: calc(80px - -20px)
    }
}

@media only screen and (max-width:39.938em) {
    .o-benefit-component {
        display: block
    }
}

.o-benefit-component .a-headline {
    margin-bottom: 40px;
    width: 100%
}

.o-benefit-component .content,
.o-benefit-component .scrollable-text--container {
    width: 50%;
    border-right: 3px solid #fff;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    background-color: #3f3f3f
}

@media only screen and (max-width:39.938em) {

    .o-benefit-component .content,
    .o-benefit-component .scrollable-text--container {
        padding: 20px 20px 40px;
        font-size: 14px;
        line-height: 20px;
        width: 100%;
        border-right: 0;
        border-bottom: 3px solid #fff
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .o-benefit-component .content,
    .o-benefit-component .scrollable-text--container {
        padding: 30px 45px 50px;
        font-size: 16px;
        line-height: 22px
    }
}

@media only screen and (min-width:80em) {

    .o-benefit-component .content,
    .o-benefit-component .scrollable-text--container {
        padding: 35px 80px 50px
    }
}

.o-benefit-component .content.bg-1,
.o-benefit-component .bg-1.scrollable-text--container {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARMAAADsBAMAAAClNF/zAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAAB3RSTlMAGQ4HFAMKg42OogAAD0xJREFUeNrsms122jAQhQXGrLmy8NoG0rWMKWvLOF2L9GeNm6Tv/whlkAkGSTjHaU+78D09iVNs6dPMaCw0YoMGDRr0v+uleqVfwao8sH+rbwAejyQKEKy3wrwlzfopxQqQrEa5QuLv6pf+sWRePeFKD447ZDcKHtkUUYCIMVUwn2oIoPCCKlxJ2HZRKDthyBSZ2NPTasY8Cqh9cObRGLu8pbXDvAA6YVCcepqzeyhjJCgmYB7txY3T5/ZYtmknjKLHUhpH4I+ViWA4TL0oWXSDFrEb0bOqyzIZJP3QFA/aaxURIq79KLNLeJarBzaKHGMZQ/64b5kpxIGNwIIUEfPHigDA34GiAOFAGcWBose36h5MBpQpKhP3PqU4KulGCXCUtFEy0Tzuh3mpqgqNxPH64DOLEipm70H59MuFUgM7ZmRgvkjL8DfyzKHwBfS47nYQjnI4SJWvpsO8cQSgb1EWJJQLxekidaOEKUDW494ZpFvujm5RwjzHMidtccpAG7FVkLcohjlhaXGKLjdKBi4ZBfaOObQ2s/SVnXWLksESC6D7oEzBdfBzqUMaiqUNGj34UFJYkmOwPig15NOpryki23lASaZPIbwoBdvHFxvN2RiPE94nbAM8BkClAJlB258eLrnSi5LOL5yU7cQ+7kIpmK09dE3WfwIPUNgoZmIFKV6++FCad0pu3H0YC2BuhRzyo9QyTynEaSbYSqMpHs0qK6kjGwUoF4sKpMSDYqyZmSmo+JjXmNkNnWMl8YVKiCQTBjGNJ8JuQeEkASByowhEDbQ8jUjwAEkPlCm0aqw5wVdIu4X1qqoWnwMs99yNYt4pezw8a5OlOMOhB8qETyHfDKQSZwvmYizcKFzSkBSqQ5MxeQDdA2XPM3FptJ77Ud6uM2sGUTt4i9UxP0L3QEmbFprmeDdKqGYOlADlQp5RNrwPCoCkPV20F6VSqEgKBwfK2DTUXEY9UALky9ZfnyG9KG/irMNBwLwHyu2KViVelDIVFamUty5+MDkw16ZJxdOiB8r4/SgCc98SkDw2AVcHYz6ukh4ot9MOfhTg4EYpEbdSXIYVh+yBEl63H9yJlZ875kYpNvQUvcRODUZjAd1nBqkrq3+D1YIBCGsw5kMJUbQ8LscQrA/KXsiWjVRkR4JY5NuFQuxHYXXUSplHGt4LZdruo7bDYXp+HUovyi7PeH5WHeVr8dgLhWWINWuc4Bp6+LMCqk+29/0LSs76oYQpxJKW2WsF3mcbJ7NQIidKdRQE/asq5f3uYUQkf01B99KWtF3hqPKZ/U2tF21JNmjQoEGDBg0aNGjQoP9aU6u81FvBB1tS4H8KJZt9zCjWxl1/pR9DGeE7kj9DEnY2hLvFzTpm9fzPoIyh755BmBkUr+kwY6O7wWKf6fBWLoUf0jDkR9U+lCkOVB/wd5AC4vAOkJ84SvpQBEHI+7E9gtlE9KkGlNWFuzLJFeZelHdMszSm/uZ+y3LNnhB1782IVwbFP4ASgj7wB0sqyHebrukO8czYD2wh+6OMcTDFJB9pcfnlVwBJP6DVrC9KuE3BSOC5b3qGOT0uqjdJz176Hkj2vBfK11MlcXcOTlSfrE7IcylVJCcw8mSofWziZTaG7IEyBqnUxsIVnHMxi6agbBEuzlrZvmzCPuOYMVV0o/BqZ+2Nls+65auVo+ZSzyZ4uRCGplFLqmgcdOzH+e5ftVEsy6rInpKx/X6biKlBIdtnj+QLSyEky1mouDv3U9a/Qvml4tuEb0eGPZdXUNCU/RXiEEKn7gpQ3QzU5aEJyhStNh/ZBDcFVEfV3LkTzI8mvhu1Ix4A3IuS8atKDA4svLbdN6vR8e3/bCAWCjic4kA8AUI51zbZfIJfOJ99cK5i0kvTkDfVK+Pau3YKwHVTukijXLL14vXHYumM2kkU4JyI3CiFwSAVJvb9ZqHEe+tj2RR0pte32mWxUUQVqPCV7bn7PB6u1ismKP1mSWN36OyRp9B3l6RsBAgKLaoouWZD0DCY41FU93eYxW8UhiT8+XpdYBCa+bqKAoXYeapyQp8ThOkus1HILNpvFIr6byAfKVwkmdsBG7EFuA5xcKM0wVEdpQyK1yxkFNvuKSj7BPlZmXBX+sxZ3i8mat1WIYiCgeRCCTHzpzcKczw2GS2QjH020eMu5q6BJbXiYp10xQopbaFEThQ1N66Mj39q97KFFjsvwPLlwfiqR6xcp8aJjXJ20NMiBZ5r7DbQ7p5q4DUDJEXt3Vjxo6Bo338nbLm/rknHdiEkg0ARIumJ0n6SEqB3MguZAVtg7vl2utCU8TGjqO2eQXyRRo5xX66F7+34DUSdf2Zfc9+xcbOGULORcB+OXiyaWPHWaqdtFNiWf0v8luwjBlMsUWSxEwWNZsYqokLiOWliBmuwXK/DpAPldFsIQKdz9x1CmbzSxIpj2Ob4XFOrV9JOoxCL7t2XtfkmWyMKPdRpcbW2jbY2ykicSHBiUYmniC5Zh34o4IEFn/QU0o2yW7dRAEcw8JNNwhQxobs2B6qyk8Qgf9FmaE4UQLRfN4hdy+oNuKamdqwuWH9tAC6pPacyIOrccFqBazOs8mNbT08AXilqe2oMQ0IsH92QC1LgI6N5KfXZ3asH9jGFL8B/c1hiLdigQYMGDRr0u70rWE4bBqLGAs48WfiMDMlZhrZnlJCcTUNztpP2/3+hWWSDCVo5406mOfhN63GnIJ5Xq5W0u1oPGDBgwFcCrZfVMvoCqB3799Eng1Lod3d/wsFRtdy80C74MyHMM454dI4M7nipO45cRJ8ILYG72/UKUOxGroKpd44P0echRi12YQHJCO7EoFLRv+Bp8z0klLQJlI2RMWIZoaDjIfLtCvNvoxCy4IVSHlDWPUV/fKiSo8wgA/UYnunkSBgHEBJeKOSVrsNh9JcpDZFjuSEH3D7l+rDbXWLVa/SkEar6cMCLxSNJZIotE9G3iXOUxoyy7Lu9Ys6BKlgqlSqiCQjEIve2FqPWkTHYlqwsfro4xVSxVGQROqCV44EGkVoBaSTAOZ7Hsgkdw7AJTVUSHmQAdgDfQYDRWB7HcpmDccc3/ne7YKhQNNSFCKe8ysCBDTauIZHUh72Q6FkXFctQaaJHFa8xGnd0nokPNupG3SrA5ElfqRhyAzuhBNOsOHtNvxI3X6abkWSopE3oi3loJBReCwqFbE9goUFPi+1J9fxjNVZ1+C+GESgY9c80SieU7mXAMip8+Y0C5TnyOIVfJydHueaKaLGZjjIglPVysnG+XFevAksvlaL9D8Y2aWWin5jTKPFjDWVIKAE1UZDFN0BlK19wLd9GMby82tBzamsHGLplERBKjhrO739AamH6UNkrFwu5D9UECtqUavYMaXFakKCMUfToIEdgnS1dYSAelTJszi3l7TRMaBSM1FWSCZmEsNq6nLyaUxISCun2y+7GJ9fUBbjLk5jzNDCYI24w01M4u6JdW4Gp9RuA0p/pWkGZ8wJIz3uYOAIgv1OhnrRDKBNg5/sQGQMtSbSmTqnCwmv4nfRzzvC3sppUh1Bo7XXwphspMtVvT6Oc7k1hPNPhPR5qPfBOh4QRhAbw+AwT1hRSRm+OCIV5l+t6JT9GMYZntlRFhT9HPTA5GF2oUhLalvQqKBRXtssu/Hscwm1xFJFvYbrHA4k/yywSUnIuP5pIz0M5uFM3NbBUYiioZeFiigk15BumAs3snXNLAMpa0zKUgztSBV2l66CQJa7gT6u0cyKwybLXikj5O4A6NsZPFIH089FDkwZ08H9GnIKjQPrLQ1dL0tdGwge/VMgc7eUEZSApX9TDQGXciD8QF2GBPxUAb2G7plcq9cv6W7Ez0hKXVTfvzMdm2WriCVVSoFV6bTpOG9UdSr9oX03ktmObXHZtRnfLoJPG9ZL3ieKmVtkaYEQ7BhTlLo0R/+NRkDXxDO7fQTXNgEeUjIEDKknSqfCpYWNRCF3XAfvFCPa1cOcC3q5Pr9Hn4keW3ZqwNm6P10X03xHD1H6W/47JLV3Fl/CWDhgwYMCAAQMGDBgw4FNBSdt1fdf76P9iDEAWjSP2v6LCkg4RV3j8YeeBYIuZZh/awm0czPt892X3t+n3tRJIyPcWrkqYhEvvXZ6EKa+zQ8JknOdnit8wQSoWgEbRFYzHLOKKyKI7e0fP6AJiUbFUBB70fALDd6DF7nwSxnOs3y5+WHRIJif6e/fiiBlPpbDzUMxmiptg8Q16DC07yMQ0hsdYBIOWAsaqPCCVy9rZRfHe3ytw9Heuw2Q0HgsKaeqQWloVjgmM5UVnwZX2PCNWz057gmQEAAsbLrOZAxr3H6MSA0jfURmffJ0TR8ZnVS4x59SyglXFx6iM1e9KvqOyd0c5Q2S6y6k6/PaUiGWpQOv3VPLEfff5OMkI2GuHMDICnROUdLNiqFTO7anMR6gIkm6bymSzoeYJwPEGv9ZXXn8YF2esa8fGkveik62Q3VToc3d3pk1ljCuUERZ9qFBsQWTZa/SNsyxPWmW3F/lgbSojANg1IGOImYDpQ2Vfv6chnWjJJYMRZMFQmZHduTjlK6foo7YTmwgX77qPUTJzJT0tJEslT9sHRAWwUl0liRO/mzdH6aKAOmGSwWh0aJQMlcnRStDR3DdgLuAL58K0Omjs7x8pTrHRveKSwZqCEDc+Km7OqKOZOV5xQNKHip41obI9nmA8VHB7rNAM2FkEc01FnYqYL+rg8lujPahMUDbdIrDwVV+5KJyMrWcEqYJab6T3DYjstgeVKc4Tvk58UViscMSjpWlwdk1FFtTOWRXXiFD2oEKVYs7D2hdYgxHrLFuayN6c3yllW1SSZpY8SVfA9KCSA2ng5QiuDQdrznUHcEGFoGVWNs2sEPWgotFqNVcoP0TlJ8w7KtO2VKD6ULGL7xfMtmEqVu0I7d8apW0q7jbtQ+WdGKpZgEprxX/TogIZuREkTM1kn/SiYi5Vp4uKzAjLy8jpQ61o23rBWc16UVlEH+6g1JusOkosChKo07o9bqG3vXRl7tlU8FLxNDGaTZ04Vo+OsADKPlRydVVSJ0TF+Ki0C5gIlAIwfajEePCU3PFTuaE7H5WRbG+ZBBD1oRJZlC1njKeTrTTH/+T2dCOZrZA10CrLsOxHJUb9TS4p4wDssuyYhe2ngitE/ajQTKpuN5sfK27/sbYIvUQuxiUYzriA7HjjpjScg+cl2/xrMF93ricJ4sV+/nsaxKaNL1N6YMCAAQMGBPEXh76YAhooTyUAAAAASUVORK5CYII=)
}

.o-benefit-component .content.bg-2,
.o-benefit-component .bg-2.scrollable-text--container {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARMAAADsBAMAAAClNF/zAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAAB3RSTlMAGQwUBgIPzTKXYwAADlpJREFUeNrsm8FymzAQhtdY+MwvYc4Itz0jE/cMKc0Zx23Ppk3f/xUKcpqCvcIeZdrMdPgSj01GFh/Ssgih0MzMzMzf5ktdUm1fDb0tApACiFfAjt6WAFDdSy6AmN6WQHU/MpCLeOGnEmYD3r9O5UEFyYNcyMpPZYkBingeiiFPf6mDFqr4g0NlhTFH37AVLe4mVOJBSYeKRjbgAyR5ogEcX6MSIqchBxDLj2IXFsVOFEXq6sLkAclrVASas+3SL1b2qqEDylep0BiXykYFaiMXiXao6LVt4usq35rbVfzyio2Tdn1Fpemcc6dKNsahAqO6l1wow6uE9ntVPKkStkinVM7wjBUBu0M5qbIE5JRKMcYReV227l6pyLLSX2UPjU7FJ1Z4/FUqGbhUHvuclv2mnFL5Udw95xVHGuNjxd0q0znfCvnmFWPPoMgzVloUQ2Dxzitx30up3xkU4icNqayZb15ZoqQKzdUUx6oEaM62qcMzr4gWagMkjZ/K4C/32TsSEyriOVaWQOyKpdNv6acyCuCjW8W62rwSOvKKxrYBpGgRv1JlD2DtVLmOwBORwZpCjeZ1KpX8quNXqCwT2zKRvRZdUTmUfq2icYFqXLnUDhFM6jFeGagEAFIB+4mGGFzC7Gu/flFpc38Vy5f6MwnUdd3KscpTfU7LqOjo1EH2o5cKN14YHBTf3JpRaXOxsyrvmMuQr8qWzlRWxYgjq2LSpbQqKBfSU6XuKF9UuH1ojJCsijUwiAnpMvFTWaEjnlaR2QDNqgjQPrYqJg2Un8oCHXJa5SMGcCq2pmp9UskFvFRsgeUVFXO9g5ZJf+IAcfcWovRTSWybT6pg0EMtr7KQfToBZN84SP9WB1WIhkOamFGxgXK0KvYTqyLrF+45FVF07CZVwmqoEjecShXXeKoB2bePvqtrRgUDrg6dVqwKLYYq0WWKW7muDe5S8nJAeTfa1JJRUYUZqqiiON/P8hYVe3aY9Hc2vKDCmJxRATBUYfYT1pc4ZsCsCsCoiPPzlL1T0kOV/mzynuO0p7n2n+M8jxVvnhtL1HX5xio8/nOL5o1VMOBtVUQ2oKSZmZmZmZmZmZmZ/wuxMcDH9/QvKD7SBI8Glif6y4giJyCdvun8mG0A3L3uVuLlqYuLBSLKJlRCg6Ts3zdW2Jfq+dsA3CqyK9IVC4vGUYdsHgywbT5BNeSLVs8qBa8SyNNdssJPCrHju0d91ehRZcUXqceUvEquTyoCDlWivYoI6Fw0e8wVjhWgsh/onIxiZXFtuuRQFMi1KjogUBRbppI1bdDHStu5tNwxh5BB72nnZ+IDjty0zhhG1wCdCiwCHSUTBhWwTfsTFoCJuf0cW2tiXT6DKyLHx8epbDOTn2bKIcA93tbm+UlkTfQNSuy4LgxeWvwb1hUaL5W0j5X8JVbMhcrDozVpCOo9VeDird972meFdw09tZ1X6qsCnFTAqlBl+/5IAFKBNReSqZGnyEy+YIn3iJwqYT2lUgHHCZXQSLIq9ICEKsWFyiPyrhyUgUSISEunikbiVhlmW05lZUUtBxwDpof2yRINHbCjUAOk5V65VAIAEyoDGJVRO7QJMXNvOt4nRH1ThPcA7dUSLpW9+vrOqXJ1MZGJhy1UMg8C27WORY27ulkCoCUClLyKMElWequEOA43cubpm4nadYWO9QqQFKB2qfSlIkaFe1R7Wcn4CPWaqcTkJj8AeE7EAp+R8iorqCK9NVYuVMb9vpfMhQqdyiBxCKQulV7YX2WRnD2HQ8OpHAyKIr2msgeQT6rc26gWDasiRzWqrgSn0qIjuqYSalU3bhXrGvdBcWRV4nOVhomV6PEDtln5HF01q2Lf8BHlhIoG0IQG+W0qzBmk48GgaoVHlA4VAUyq3JdBn0YdKnK8FYJJcVVCfwZVC7VC40r833B3JWyRh5m+QUXHzAq2KlmgoRWS+lRGLpTnlbnDDrx4laUa98UqYW4HApz62Q76sa6kt8oBaFwqo8YOkO5jZpDwHrFdbVfaL6Rm7a1SuVXGy/204tbFhIgq9SKs8QXHixG0QTHAbjacSrhB6lIhRIPDj0Nwy2bkCrs/ZfYXUavBkLOxEiJ3qdiLf2brfgTKJeiSPUpjv2h7KW2Tizq22QWGUxGNcIctLVCSkZ1LAdwRu3RTIP4GZWNWQwbY3bICSXMqWhmUThXR1ayhcgK2fdwSg0apge/1vUH/qSTfDqoASS4Vm7vCFhFl7yk0CXGsILsilvQbYmakznBkVMLMxsKh5FVWfd33qbVCSiwtduEGgEoFmCpEzXDbIGGM/n3n1yJ2T688UVh/psDcPMHioyKAbXNaxdCQg09A8q6uN4AkT8z2hn8feLRBZoWcbHAiabxVcEbpmGiL6MoahgcDWFtfDsWYj8RjPaYJ6+zd/Ch+ZmbmV3tnsNwmDIRhGYPP/hHhDI7bszF1z+DQnnHc9myS9v1foZZEImN2UUvqyUyHf6aTHhj0ebVakFZaJk2aNGnSSO2f87W4tfyPOc6S2y+C1wNw+8IFC7xqN5Tv3d4DJ3FTNZBP66qqVvlA/rSUhVpKD/lJQr7VyMSJdXJ+SSeAPtk+2AhGmTbYHCwrgHb37tKJktKdbVcAfYRNzLZU2APWpPBkUOLUjeJXVUqg2FRZimIBzrpo/yQ8q0GJZgQK0SqBcnj5oUfVUVk0CqUBUEArmgHYub2ljMgMnuGMa8VTj0FBB8U96D3s+sdy5y83T5FooN0oFJXwQXVWGc2iqveLCf/sozSxXXfRKHIUihBYt0fSy+XZYZxG6V/jYdP2k6zbYZaMQ7GDWaGwY35VmN9PodQ2/azXvrLNGBSb6FURecbGliMindYlUdo/obENimacVTqyQYM4EFOYkbI44xDVPtpVdFFiJ1CMQVld6h7gK7AgOiIR/gfiJomO+Dtjm1gEqMeguGpU2LHRQBmFPDa10SHlZe1aeONGUG6VUeeq7NhYKEwPIV3LJEXy6lLzeBTK9bOOsL8ZGyagpxTKIdQIJqTU+lwfoeccuRa2KwfKgt5xZMfGYy088oo5FIINt+nStbcpoVH2L53AopixYZp6CKlWGts9XA94uMhx0CgvmaYjAHmkUI5qbHiFSe1Qp/ACtN2TycKGvIGT0SmNUr5GJiChG4pFm1ZIUcwp2FQWxmY7m56nUaqKR/EVQWuUSBANGbM9qFjsMVeIg2wjfjugWJQSiAZRQmMUWQvSKmuFE2axMgqN4qEwEd9uKiFRfOOyfAcBiTbKL0E3ZHrmqOItc0WAOx3xbcaVRpmheMSSRTFmyYBYcCjKcbXdCu6KNNYRX6sMBYuiIhOPos3yEcCJRfEz854YsVfMUejxbBKgPIoUAQZQfGhJwTZUtu+JBXtFAInohapmURY4zXHiUURp55eMU0Zs0tzSytoWwWFHULOcyZpHac1Ssw01snaieLh7+c9pAKVcKndhUYxZIrYhlXImUChe48BvQdFhjkeJxR+g6MS/9obxKMYsseBRQgKFfmbatPNolOA5eTOKh1CPtWEUmTlQlHgUeVUwg1GJyObZGZQDcMeiVB09UCjoiEUxj7FhFFU0jUWBu6Hn/FL8BP8i4z/mfaVBVzvxBnm2Bedb3LuJf7e9vRz9XItJkyZNmjRp0qRJt1BQVcLX/76Id9YB+pRp0QCFuJn8BrHz9iWwTIEku9E7sV0rlrULZVku0yRNsiS7HcoRYZVi50KJ0mX6s0mynzwKXiXHdaLOL6XyTR0UNMBSwCoWlB5zduOvPbLhoXDZDoly25TsS3NGr3pVSt7Oc2SL57BF4McqQGxPiPPLkime+G0Z9qSRawPCIs+LY57XD8SOaMKm6YYCjoQ/FJUOUTtCxvsKkZErCZTFkBN8W9ePaFGQDKOEzTLdZkm2pVDiP0DxS8nX5QsullCUO46OK565R25FJLlT2xizfnQP/UmC899oEEVmy1QiySRlFZxb3whc6K9Rvuw/+MgA5FDZjGFf2bS+UhAoejCvrJoNed6HF072OEziIRquq1F7q5V4pOpqeGqlMHH5SvOJ9xWR3mkUnVLeEBGXF+8rW4PCdxA/kEsdi7+dLeohGYwriYkred31/Xv1Sy58RTrclrfK9/aOhRDZ3Yi4YjrY+krGua2YSYevdGLH38eVALECsL7iYUu77aDVH1H/yAvqvLY7rvAxP9toX6HfAX58JgNcAykyRPxt3XHlauvDj+1zIRoWpYSEZBZOP/nI5AXcgAUPbVxpgILLAgSmGjSBEjwDn+ugIQv1mJv4uJeU7/BxxVNxhUHxkGcgUTxzcivAmi/ND8TX3ewWj7J/4FCeVsoXYAb/ms7E7/4dig8gNijpptdWkKGG8tCzCurbSJUYRPHQV8ShiBTYKYqe1/kw++WgEnDrftElFNSHUdylnB1ZMlXBJkVNfCkoDeEjpFruv3gg6TtUda2vLhRtOSrYzIEDCtMfHekAQLC7MnaeC0Xm/TlGGZrB3kRk3e9Sfu59VYVAec47qp0oVHAy+38b6D+HmJraXPUGgeKjq6SH4tsqwyxKkMW1DreC/tDV/upRXEYkyupSBMoBZ90xKPZ3x2sxQ2QsRG4E4uZRFkU2sAoJFFVEPYscKMabsVQGksL12J6jJlEcHaSnUDMChTotewr2GXbM1N2qCQXtK9Wr9nBbpUkEq4HM9PHSLDhRKAHQTR33UbqBJHOgMIsJQbZkoq9t6VsH5YtwjCAfQygDHw8t3Siig6JCHFdRo13PqAdQBuefpujW/hODgjzvoJzdooMSYFsZFcI+LTlVwygLIAckhwJ0UHpul9o3/pFH2y3KHEpSPYHo74d2UK6ngcJvXlHeplLmWbxfrR/Zvc89X7mVFgB27RtyLN4VRVTt8PrGT62RW0G8q3Chd0bZr6zWYtKk/0q/Ac7rwjX1SLewAAAAAElFTkSuQmCC)
}

.o-benefit-component .content+.content,
.o-benefit-component .scrollable-text--container+.content,
.o-benefit-component .content+.scrollable-text--container,
.o-benefit-component .scrollable-text--container+.scrollable-text--container {
    position: relative;
    border-right: 0;
    border-left: 3px solid #fff;
    background-color: #f73429
}

@media only screen and (max-width:39.938em) {

    .o-benefit-component .content+.content,
    .o-benefit-component .scrollable-text--container+.content,
    .o-benefit-component .content+.scrollable-text--container,
    .o-benefit-component .scrollable-text--container+.scrollable-text--container {
        padding: 40px 20px 20px;
        border-left: none;
        border-top: 3px solid #fff
    }
}

.o-benefit-component .content+.content.bg-1,
.o-benefit-component .scrollable-text--container+.content.bg-1,
.o-benefit-component .content+.bg-1.scrollable-text--container,
.o-benefit-component .scrollable-text--container+.bg-1.scrollable-text--container {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARMAAADsBAMAAAClNF/zAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAAB3RSTlMAGQwUBgIPzTKXYwAADlpJREFUeNrsm8FymzAQhtdY+MwvYc4Itz0jE/cMKc0Zx23Ppk3f/xUKcpqCvcIeZdrMdPgSj01GFh/Ssgih0MzMzMzf5ktdUm1fDb0tApACiFfAjt6WAFDdSy6AmN6WQHU/MpCLeOGnEmYD3r9O5UEFyYNcyMpPZYkBingeiiFPf6mDFqr4g0NlhTFH37AVLe4mVOJBSYeKRjbgAyR5ogEcX6MSIqchBxDLj2IXFsVOFEXq6sLkAclrVASas+3SL1b2qqEDylep0BiXykYFaiMXiXao6LVt4usq35rbVfzyio2Tdn1Fpemcc6dKNsahAqO6l1wow6uE9ntVPKkStkinVM7wjBUBu0M5qbIE5JRKMcYReV227l6pyLLSX2UPjU7FJ1Z4/FUqGbhUHvuclv2mnFL5Udw95xVHGuNjxd0q0znfCvnmFWPPoMgzVloUQ2Dxzitx30up3xkU4icNqayZb15ZoqQKzdUUx6oEaM62qcMzr4gWagMkjZ/K4C/32TsSEyriOVaWQOyKpdNv6acyCuCjW8W62rwSOvKKxrYBpGgRv1JlD2DtVLmOwBORwZpCjeZ1KpX8quNXqCwT2zKRvRZdUTmUfq2icYFqXLnUDhFM6jFeGagEAFIB+4mGGFzC7Gu/flFpc38Vy5f6MwnUdd3KscpTfU7LqOjo1EH2o5cKN14YHBTf3JpRaXOxsyrvmMuQr8qWzlRWxYgjq2LSpbQqKBfSU6XuKF9UuH1ojJCsijUwiAnpMvFTWaEjnlaR2QDNqgjQPrYqJg2Un8oCHXJa5SMGcCq2pmp9UskFvFRsgeUVFXO9g5ZJf+IAcfcWovRTSWybT6pg0EMtr7KQfToBZN84SP9WB1WIhkOamFGxgXK0KvYTqyLrF+45FVF07CZVwmqoEjecShXXeKoB2bePvqtrRgUDrg6dVqwKLYYq0WWKW7muDe5S8nJAeTfa1JJRUYUZqqiiON/P8hYVe3aY9Hc2vKDCmJxRATBUYfYT1pc4ZsCsCsCoiPPzlL1T0kOV/mzynuO0p7n2n+M8jxVvnhtL1HX5xio8/nOL5o1VMOBtVUQ2oKSZmZmZmZmZmZmZ/wuxMcDH9/QvKD7SBI8Glif6y4giJyCdvun8mG0A3L3uVuLlqYuLBSLKJlRCg6Ts3zdW2Jfq+dsA3CqyK9IVC4vGUYdsHgywbT5BNeSLVs8qBa8SyNNdssJPCrHju0d91ehRZcUXqceUvEquTyoCDlWivYoI6Fw0e8wVjhWgsh/onIxiZXFtuuRQFMi1KjogUBRbppI1bdDHStu5tNwxh5BB72nnZ+IDjty0zhhG1wCdCiwCHSUTBhWwTfsTFoCJuf0cW2tiXT6DKyLHx8epbDOTn2bKIcA93tbm+UlkTfQNSuy4LgxeWvwb1hUaL5W0j5X8JVbMhcrDozVpCOo9VeDird972meFdw09tZ1X6qsCnFTAqlBl+/5IAFKBNReSqZGnyEy+YIn3iJwqYT2lUgHHCZXQSLIq9ICEKsWFyiPyrhyUgUSISEunikbiVhlmW05lZUUtBxwDpof2yRINHbCjUAOk5V65VAIAEyoDGJVRO7QJMXNvOt4nRH1ThPcA7dUSLpW9+vrOqXJ1MZGJhy1UMg8C27WORY27ulkCoCUClLyKMElWequEOA43cubpm4nadYWO9QqQFKB2qfSlIkaFe1R7Wcn4CPWaqcTkJj8AeE7EAp+R8iorqCK9NVYuVMb9vpfMhQqdyiBxCKQulV7YX2WRnD2HQ8OpHAyKIr2msgeQT6rc26gWDasiRzWqrgSn0qIjuqYSalU3bhXrGvdBcWRV4nOVhomV6PEDtln5HF01q2Lf8BHlhIoG0IQG+W0qzBmk48GgaoVHlA4VAUyq3JdBn0YdKnK8FYJJcVVCfwZVC7VC40r833B3JWyRh5m+QUXHzAq2KlmgoRWS+lRGLpTnlbnDDrx4laUa98UqYW4HApz62Q76sa6kt8oBaFwqo8YOkO5jZpDwHrFdbVfaL6Rm7a1SuVXGy/204tbFhIgq9SKs8QXHixG0QTHAbjacSrhB6lIhRIPDj0Nwy2bkCrs/ZfYXUavBkLOxEiJ3qdiLf2brfgTKJeiSPUpjv2h7KW2Tizq22QWGUxGNcIctLVCSkZ1LAdwRu3RTIP4GZWNWQwbY3bICSXMqWhmUThXR1ayhcgK2fdwSg0apge/1vUH/qSTfDqoASS4Vm7vCFhFl7yk0CXGsILsilvQbYmakznBkVMLMxsKh5FVWfd33qbVCSiwtduEGgEoFmCpEzXDbIGGM/n3n1yJ2T688UVh/psDcPMHioyKAbXNaxdCQg09A8q6uN4AkT8z2hn8feLRBZoWcbHAiabxVcEbpmGiL6MoahgcDWFtfDsWYj8RjPaYJ6+zd/Ch+ZmbmV3tnsNwmDIRhGYPP/hHhDI7bszF1z+DQnnHc9myS9v1foZZEImN2UUvqyUyHf6aTHhj0ebVakFZaJk2aNGnSSO2f87W4tfyPOc6S2y+C1wNw+8IFC7xqN5Tv3d4DJ3FTNZBP66qqVvlA/rSUhVpKD/lJQr7VyMSJdXJ+SSeAPtk+2AhGmTbYHCwrgHb37tKJktKdbVcAfYRNzLZU2APWpPBkUOLUjeJXVUqg2FRZimIBzrpo/yQ8q0GJZgQK0SqBcnj5oUfVUVk0CqUBUEArmgHYub2ljMgMnuGMa8VTj0FBB8U96D3s+sdy5y83T5FooN0oFJXwQXVWGc2iqveLCf/sozSxXXfRKHIUihBYt0fSy+XZYZxG6V/jYdP2k6zbYZaMQ7GDWaGwY35VmN9PodQ2/azXvrLNGBSb6FURecbGliMindYlUdo/obENimacVTqyQYM4EFOYkbI44xDVPtpVdFFiJ1CMQVld6h7gK7AgOiIR/gfiJomO+Dtjm1gEqMeguGpU2LHRQBmFPDa10SHlZe1aeONGUG6VUeeq7NhYKEwPIV3LJEXy6lLzeBTK9bOOsL8ZGyagpxTKIdQIJqTU+lwfoeccuRa2KwfKgt5xZMfGYy088oo5FIINt+nStbcpoVH2L53AopixYZp6CKlWGts9XA94uMhx0CgvmaYjAHmkUI5qbHiFSe1Qp/ACtN2TycKGvIGT0SmNUr5GJiChG4pFm1ZIUcwp2FQWxmY7m56nUaqKR/EVQWuUSBANGbM9qFjsMVeIg2wjfjugWJQSiAZRQmMUWQvSKmuFE2axMgqN4qEwEd9uKiFRfOOyfAcBiTbKL0E3ZHrmqOItc0WAOx3xbcaVRpmheMSSRTFmyYBYcCjKcbXdCu6KNNYRX6sMBYuiIhOPos3yEcCJRfEz854YsVfMUejxbBKgPIoUAQZQfGhJwTZUtu+JBXtFAInohapmURY4zXHiUURp55eMU0Zs0tzSytoWwWFHULOcyZpHac1Ssw01snaieLh7+c9pAKVcKndhUYxZIrYhlXImUChe48BvQdFhjkeJxR+g6MS/9obxKMYsseBRQgKFfmbatPNolOA5eTOKh1CPtWEUmTlQlHgUeVUwg1GJyObZGZQDcMeiVB09UCjoiEUxj7FhFFU0jUWBu6Hn/FL8BP8i4z/mfaVBVzvxBnm2Bedb3LuJf7e9vRz9XItJkyZNmjRp0qRJt1BQVcLX/76Id9YB+pRp0QCFuJn8BrHz9iWwTIEku9E7sV0rlrULZVku0yRNsiS7HcoRYZVi50KJ0mX6s0mynzwKXiXHdaLOL6XyTR0UNMBSwCoWlB5zduOvPbLhoXDZDoly25TsS3NGr3pVSt7Oc2SL57BF4McqQGxPiPPLkime+G0Z9qSRawPCIs+LY57XD8SOaMKm6YYCjoQ/FJUOUTtCxvsKkZErCZTFkBN8W9ePaFGQDKOEzTLdZkm2pVDiP0DxS8nX5QsullCUO46OK565R25FJLlT2xizfnQP/UmC899oEEVmy1QiySRlFZxb3whc6K9Rvuw/+MgA5FDZjGFf2bS+UhAoejCvrJoNed6HF072OEziIRquq1F7q5V4pOpqeGqlMHH5SvOJ9xWR3mkUnVLeEBGXF+8rW4PCdxA/kEsdi7+dLeohGYwriYkred31/Xv1Sy58RTrclrfK9/aOhRDZ3Yi4YjrY+krGua2YSYevdGLH38eVALECsL7iYUu77aDVH1H/yAvqvLY7rvAxP9toX6HfAX58JgNcAykyRPxt3XHlauvDj+1zIRoWpYSEZBZOP/nI5AXcgAUPbVxpgILLAgSmGjSBEjwDn+ugIQv1mJv4uJeU7/BxxVNxhUHxkGcgUTxzcivAmi/ND8TX3ewWj7J/4FCeVsoXYAb/ms7E7/4dig8gNijpptdWkKGG8tCzCurbSJUYRPHQV8ShiBTYKYqe1/kw++WgEnDrftElFNSHUdylnB1ZMlXBJkVNfCkoDeEjpFruv3gg6TtUda2vLhRtOSrYzIEDCtMfHekAQLC7MnaeC0Xm/TlGGZrB3kRk3e9Sfu59VYVAec47qp0oVHAy+38b6D+HmJraXPUGgeKjq6SH4tsqwyxKkMW1DreC/tDV/upRXEYkyupSBMoBZ90xKPZ3x2sxQ2QsRG4E4uZRFkU2sAoJFFVEPYscKMabsVQGksL12J6jJlEcHaSnUDMChTotewr2GXbM1N2qCQXtK9Wr9nBbpUkEq4HM9PHSLDhRKAHQTR33UbqBJHOgMIsJQbZkoq9t6VsH5YtwjCAfQygDHw8t3Siig6JCHFdRo13PqAdQBuefpujW/hODgjzvoJzdooMSYFsZFcI+LTlVwygLIAckhwJ0UHpul9o3/pFH2y3KHEpSPYHo74d2UK6ngcJvXlHeplLmWbxfrR/Zvc89X7mVFgB27RtyLN4VRVTt8PrGT62RW0G8q3Chd0bZr6zWYtKk/0q/Ac7rwjX1SLewAAAAAElFTkSuQmCC)
}

.o-benefit-component .content+.content.bg-2,
.o-benefit-component .scrollable-text--container+.content.bg-2,
.o-benefit-component .content+.bg-2.scrollable-text--container,
.o-benefit-component .scrollable-text--container+.bg-2.scrollable-text--container {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARMAAADsBAMAAAClNF/zAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAAB3RSTlMAGQ4HFAMKg42OogAAD0xJREFUeNrsms122jAQhQXGrLmy8NoG0rWMKWvLOF2L9GeNm6Tv/whlkAkGSTjHaU+78D09iVNs6dPMaCw0YoMGDRr0v+uleqVfwao8sH+rbwAejyQKEKy3wrwlzfopxQqQrEa5QuLv6pf+sWRePeFKD447ZDcKHtkUUYCIMVUwn2oIoPCCKlxJ2HZRKDthyBSZ2NPTasY8Cqh9cObRGLu8pbXDvAA6YVCcepqzeyhjJCgmYB7txY3T5/ZYtmknjKLHUhpH4I+ViWA4TL0oWXSDFrEb0bOqyzIZJP3QFA/aaxURIq79KLNLeJarBzaKHGMZQ/64b5kpxIGNwIIUEfPHigDA34GiAOFAGcWBose36h5MBpQpKhP3PqU4KulGCXCUtFEy0Tzuh3mpqgqNxPH64DOLEipm70H59MuFUgM7ZmRgvkjL8DfyzKHwBfS47nYQjnI4SJWvpsO8cQSgb1EWJJQLxekidaOEKUDW494ZpFvujm5RwjzHMidtccpAG7FVkLcohjlhaXGKLjdKBi4ZBfaOObQ2s/SVnXWLksESC6D7oEzBdfBzqUMaiqUNGj34UFJYkmOwPig15NOpryki23lASaZPIbwoBdvHFxvN2RiPE94nbAM8BkClAJlB258eLrnSi5LOL5yU7cQ+7kIpmK09dE3WfwIPUNgoZmIFKV6++FCad0pu3H0YC2BuhRzyo9QyTynEaSbYSqMpHs0qK6kjGwUoF4sKpMSDYqyZmSmo+JjXmNkNnWMl8YVKiCQTBjGNJ8JuQeEkASByowhEDbQ8jUjwAEkPlCm0aqw5wVdIu4X1qqoWnwMs99yNYt4pezw8a5OlOMOhB8qETyHfDKQSZwvmYizcKFzSkBSqQ5MxeQDdA2XPM3FptJ77Ud6uM2sGUTt4i9UxP0L3QEmbFprmeDdKqGYOlADlQp5RNrwPCoCkPV20F6VSqEgKBwfK2DTUXEY9UALky9ZfnyG9KG/irMNBwLwHyu2KViVelDIVFamUty5+MDkw16ZJxdOiB8r4/SgCc98SkDw2AVcHYz6ukh4ot9MOfhTg4EYpEbdSXIYVh+yBEl63H9yJlZ875kYpNvQUvcRODUZjAd1nBqkrq3+D1YIBCGsw5kMJUbQ8LscQrA/KXsiWjVRkR4JY5NuFQuxHYXXUSplHGt4LZdruo7bDYXp+HUovyi7PeH5WHeVr8dgLhWWINWuc4Bp6+LMCqk+29/0LSs76oYQpxJKW2WsF3mcbJ7NQIidKdRQE/asq5f3uYUQkf01B99KWtF3hqPKZ/U2tF21JNmjQoEGDBg0aNGjQoP9aU6u81FvBB1tS4H8KJZt9zCjWxl1/pR9DGeE7kj9DEnY2hLvFzTpm9fzPoIyh755BmBkUr+kwY6O7wWKf6fBWLoUf0jDkR9U+lCkOVB/wd5AC4vAOkJ84SvpQBEHI+7E9gtlE9KkGlNWFuzLJFeZelHdMszSm/uZ+y3LNnhB1782IVwbFP4ASgj7wB0sqyHebrukO8czYD2wh+6OMcTDFJB9pcfnlVwBJP6DVrC9KuE3BSOC5b3qGOT0uqjdJz176Hkj2vBfK11MlcXcOTlSfrE7IcylVJCcw8mSofWziZTaG7IEyBqnUxsIVnHMxi6agbBEuzlrZvmzCPuOYMVV0o/BqZ+2Nls+65auVo+ZSzyZ4uRCGplFLqmgcdOzH+e5ftVEsy6rInpKx/X6biKlBIdtnj+QLSyEky1mouDv3U9a/Qvml4tuEb0eGPZdXUNCU/RXiEEKn7gpQ3QzU5aEJyhStNh/ZBDcFVEfV3LkTzI8mvhu1Ix4A3IuS8atKDA4svLbdN6vR8e3/bCAWCjic4kA8AUI51zbZfIJfOJ99cK5i0kvTkDfVK+Pau3YKwHVTukijXLL14vXHYumM2kkU4JyI3CiFwSAVJvb9ZqHEe+tj2RR0pte32mWxUUQVqPCV7bn7PB6u1ismKP1mSWN36OyRp9B3l6RsBAgKLaoouWZD0DCY41FU93eYxW8UhiT8+XpdYBCa+bqKAoXYeapyQp8ThOkus1HILNpvFIr6byAfKVwkmdsBG7EFuA5xcKM0wVEdpQyK1yxkFNvuKSj7BPlZmXBX+sxZ3i8mat1WIYiCgeRCCTHzpzcKczw2GS2QjH020eMu5q6BJbXiYp10xQopbaFEThQ1N66Mj39q97KFFjsvwPLlwfiqR6xcp8aJjXJ20NMiBZ5r7DbQ7p5q4DUDJEXt3Vjxo6Bo338nbLm/rknHdiEkg0ARIumJ0n6SEqB3MguZAVtg7vl2utCU8TGjqO2eQXyRRo5xX66F7+34DUSdf2Zfc9+xcbOGULORcB+OXiyaWPHWaqdtFNiWf0v8luwjBlMsUWSxEwWNZsYqokLiOWliBmuwXK/DpAPldFsIQKdz9x1CmbzSxIpj2Ob4XFOrV9JOoxCL7t2XtfkmWyMKPdRpcbW2jbY2ykicSHBiUYmniC5Zh34o4IEFn/QU0o2yW7dRAEcw8JNNwhQxobs2B6qyk8Qgf9FmaE4UQLRfN4hdy+oNuKamdqwuWH9tAC6pPacyIOrccFqBazOs8mNbT08AXilqe2oMQ0IsH92QC1LgI6N5KfXZ3asH9jGFL8B/c1hiLdigQYMGDRr0u70rWE4bBqLGAs48WfiMDMlZhrZnlJCcTUNztpP2/3+hWWSDCVo5406mOfhN63GnIJ5Xq5W0u1oPGDBgwFcCrZfVMvoCqB3799Eng1Lod3d/wsFRtdy80C74MyHMM454dI4M7nipO45cRJ8ILYG72/UKUOxGroKpd44P0echRi12YQHJCO7EoFLRv+Bp8z0klLQJlI2RMWIZoaDjIfLtCvNvoxCy4IVSHlDWPUV/fKiSo8wgA/UYnunkSBgHEBJeKOSVrsNh9JcpDZFjuSEH3D7l+rDbXWLVa/SkEar6cMCLxSNJZIotE9G3iXOUxoyy7Lu9Ys6BKlgqlSqiCQjEIve2FqPWkTHYlqwsfro4xVSxVGQROqCV44EGkVoBaSTAOZ7Hsgkdw7AJTVUSHmQAdgDfQYDRWB7HcpmDccc3/ne7YKhQNNSFCKe8ysCBDTauIZHUh72Q6FkXFctQaaJHFa8xGnd0nokPNupG3SrA5ElfqRhyAzuhBNOsOHtNvxI3X6abkWSopE3oi3loJBReCwqFbE9goUFPi+1J9fxjNVZ1+C+GESgY9c80SieU7mXAMip8+Y0C5TnyOIVfJydHueaKaLGZjjIglPVysnG+XFevAksvlaL9D8Y2aWWin5jTKPFjDWVIKAE1UZDFN0BlK19wLd9GMby82tBzamsHGLplERBKjhrO739AamH6UNkrFwu5D9UECtqUavYMaXFakKCMUfToIEdgnS1dYSAelTJszi3l7TRMaBSM1FWSCZmEsNq6nLyaUxISCun2y+7GJ9fUBbjLk5jzNDCYI24w01M4u6JdW4Gp9RuA0p/pWkGZ8wJIz3uYOAIgv1OhnrRDKBNg5/sQGQMtSbSmTqnCwmv4nfRzzvC3sppUh1Bo7XXwphspMtVvT6Oc7k1hPNPhPR5qPfBOh4QRhAbw+AwT1hRSRm+OCIV5l+t6JT9GMYZntlRFhT9HPTA5GF2oUhLalvQqKBRXtssu/Hscwm1xFJFvYbrHA4k/yywSUnIuP5pIz0M5uFM3NbBUYiioZeFiigk15BumAs3snXNLAMpa0zKUgztSBV2l66CQJa7gT6u0cyKwybLXikj5O4A6NsZPFIH089FDkwZ08H9GnIKjQPrLQ1dL0tdGwge/VMgc7eUEZSApX9TDQGXciD8QF2GBPxUAb2G7plcq9cv6W7Ez0hKXVTfvzMdm2WriCVVSoFV6bTpOG9UdSr9oX03ktmObXHZtRnfLoJPG9ZL3ieKmVtkaYEQ7BhTlLo0R/+NRkDXxDO7fQTXNgEeUjIEDKknSqfCpYWNRCF3XAfvFCPa1cOcC3q5Pr9Hn4keW3ZqwNm6P10X03xHD1H6W/47JLV3Fl/CWDhgwYMCAAQMGDBgw4FNBSdt1fdf76P9iDEAWjSP2v6LCkg4RV3j8YeeBYIuZZh/awm0czPt892X3t+n3tRJIyPcWrkqYhEvvXZ6EKa+zQ8JknOdnit8wQSoWgEbRFYzHLOKKyKI7e0fP6AJiUbFUBB70fALDd6DF7nwSxnOs3y5+WHRIJif6e/fiiBlPpbDzUMxmiptg8Q16DC07yMQ0hsdYBIOWAsaqPCCVy9rZRfHe3ytw9Heuw2Q0HgsKaeqQWloVjgmM5UVnwZX2PCNWz057gmQEAAsbLrOZAxr3H6MSA0jfURmffJ0TR8ZnVS4x59SyglXFx6iM1e9KvqOyd0c5Q2S6y6k6/PaUiGWpQOv3VPLEfff5OMkI2GuHMDICnROUdLNiqFTO7anMR6gIkm6bymSzoeYJwPEGv9ZXXn8YF2esa8fGkveik62Q3VToc3d3pk1ljCuUERZ9qFBsQWTZa/SNsyxPWmW3F/lgbSojANg1IGOImYDpQ2Vfv6chnWjJJYMRZMFQmZHduTjlK6foo7YTmwgX77qPUTJzJT0tJEslT9sHRAWwUl0liRO/mzdH6aKAOmGSwWh0aJQMlcnRStDR3DdgLuAL58K0Omjs7x8pTrHRveKSwZqCEDc+Km7OqKOZOV5xQNKHip41obI9nmA8VHB7rNAM2FkEc01FnYqYL+rg8lujPahMUDbdIrDwVV+5KJyMrWcEqYJab6T3DYjstgeVKc4Tvk58UViscMSjpWlwdk1FFtTOWRXXiFD2oEKVYs7D2hdYgxHrLFuayN6c3yllW1SSZpY8SVfA9KCSA2ng5QiuDQdrznUHcEGFoGVWNs2sEPWgotFqNVcoP0TlJ8w7KtO2VKD6ULGL7xfMtmEqVu0I7d8apW0q7jbtQ+WdGKpZgEprxX/TogIZuREkTM1kn/SiYi5Vp4uKzAjLy8jpQ61o23rBWc16UVlEH+6g1JusOkosChKo07o9bqG3vXRl7tlU8FLxNDGaTZ04Vo+OsADKPlRydVVSJ0TF+Ki0C5gIlAIwfajEePCU3PFTuaE7H5WRbG+ZBBD1oRJZlC1njKeTrTTH/+T2dCOZrZA10CrLsOxHJUb9TS4p4wDssuyYhe2ngitE/ajQTKpuN5sfK27/sbYIvUQuxiUYzriA7HjjpjScg+cl2/xrMF93ricJ4sV+/nsaxKaNL1N6YMCAAQMGBPEXh76YAhooTyUAAAAASUVORK5CYII=)
}

.o-benefit-component .content H2,
.o-benefit-component .scrollable-text--container H2 {
    margin-bottom: 0;
    font-family: 'Sparkasse-Bold';
    font-size: 24px;
    color: #fff
}

@media only screen and (min-width:80em) {

    .o-benefit-component .content H2,
    .o-benefit-component .scrollable-text--container H2 {
        font-size: 30px
    }
}

.o-benefit-component .content UL,
.o-benefit-component .scrollable-text--container UL {
    margin-bottom: 0;
    list-style-type: none
}

@media only screen and (min-width:80em) {

    .o-benefit-component .content UL,
    .o-benefit-component .scrollable-text--container UL {
        margin-top: 5px
    }
}

.o-benefit-component .content UL.with-checkmark LI,
.o-benefit-component .scrollable-text--container UL.with-checkmark LI {
    padding-left: 35px
}

.o-benefit-component .content UL.with-checkmark LI:before,
.o-benefit-component .scrollable-text--container UL.with-checkmark LI:before {
    background-size: 25px;
    background-position: 0 0
}

.o-benefit-component .content UL.with-cross LI,
.o-benefit-component .scrollable-text--container UL.with-cross LI {
    padding-left: 30px
}

.o-benefit-component .content UL.with-cross LI:before,
.o-benefit-component .scrollable-text--container UL.with-cross LI:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-position: -6px 0;
    background-size: 30px
}

.o-benefit-component .content LI,
.o-benefit-component .scrollable-text--container LI {
    position: relative;
    margin-top: 15px;
    margin-bottom: 0;
    padding-left: 25px
}

.o-benefit-component .content LI:before,
.o-benefit-component .scrollable-text--container LI:before {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 30px;
    height: 30px;
    background-size: 12px;
    background-position: 0 4px
}

.o-benefit-component .m-cta-container {
    margin-top: 25px;
    width: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.o-benefit-component.colour-option-1 .content,
.o-benefit-component.colour-option-1 .scrollable-text--container {
    background-color: #3f3f3f
}

.o-benefit-component.colour-option-2 .content,
.o-benefit-component.colour-option-2 .scrollable-text--container {
    background-color: #f73429
}

.o-benefit-component.colour-option-3 .content,
.o-benefit-component.colour-option-3 .scrollable-text--container {
    background-color: #3975b6
}

.o-benefit-component.colour-option-4 .content,
.o-benefit-component.colour-option-4 .scrollable-text--container {
    background-color: #8f9ea9
}

.o-benefit-component.colour-option-1-1 .content+.content,
.o-benefit-component.colour-option-1-1 .scrollable-text--container+.content,
.o-benefit-component.colour-option-1-1 .content+.scrollable-text--container,
.o-benefit-component.colour-option-1-1 .scrollable-text--container+.scrollable-text--container,
.o-benefit-component.colour-option-2-1 .content+.content,
.o-benefit-component.colour-option-2-1 .scrollable-text--container+.content,
.o-benefit-component.colour-option-2-1 .content+.scrollable-text--container,
.o-benefit-component.colour-option-2-1 .scrollable-text--container+.scrollable-text--container,
.o-benefit-component.colour-option-3-1 .content+.content,
.o-benefit-component.colour-option-3-1 .scrollable-text--container+.content,
.o-benefit-component.colour-option-3-1 .content+.scrollable-text--container,
.o-benefit-component.colour-option-3-1 .scrollable-text--container+.scrollable-text--container {
    background-color: #f73429
}

.o-benefit-component.colour-option-1-2 .content+.content,
.o-benefit-component.colour-option-1-2 .scrollable-text--container+.content,
.o-benefit-component.colour-option-1-2 .content+.scrollable-text--container,
.o-benefit-component.colour-option-1-2 .scrollable-text--container+.scrollable-text--container,
.o-benefit-component.colour-option-2-2 .content+.content,
.o-benefit-component.colour-option-2-2 .scrollable-text--container+.content,
.o-benefit-component.colour-option-2-2 .content+.scrollable-text--container,
.o-benefit-component.colour-option-2-2 .scrollable-text--container+.scrollable-text--container,
.o-benefit-component.colour-option-3-2 .content+.content,
.o-benefit-component.colour-option-3-2 .scrollable-text--container+.content,
.o-benefit-component.colour-option-3-2 .content+.scrollable-text--container,
.o-benefit-component.colour-option-3-2 .scrollable-text--container+.scrollable-text--container {
    background-color: #3975b6
}

.o-benefit-component.colour-option-1-3 .content+.content,
.o-benefit-component.colour-option-1-3 .scrollable-text--container+.content,
.o-benefit-component.colour-option-1-3 .content+.scrollable-text--container,
.o-benefit-component.colour-option-1-3 .scrollable-text--container+.scrollable-text--container,
.o-benefit-component.colour-option-2-3 .content+.content,
.o-benefit-component.colour-option-2-3 .scrollable-text--container+.content,
.o-benefit-component.colour-option-2-3 .content+.scrollable-text--container,
.o-benefit-component.colour-option-2-3 .scrollable-text--container+.scrollable-text--container,
.o-benefit-component.colour-option-3-3 .content+.content,
.o-benefit-component.colour-option-3-3 .scrollable-text--container+.content,
.o-benefit-component.colour-option-3-3 .content+.scrollable-text--container,
.o-benefit-component.colour-option-3-3 .scrollable-text--container+.scrollable-text--container {
    background-color: #646464
}

.o-benefit-component.colour-option-1-4 .content+.content,
.o-benefit-component.colour-option-1-4 .scrollable-text--container+.content,
.o-benefit-component.colour-option-1-4 .content+.scrollable-text--container,
.o-benefit-component.colour-option-1-4 .scrollable-text--container+.scrollable-text--container,
.o-benefit-component.colour-option-2-4 .content+.content,
.o-benefit-component.colour-option-2-4 .scrollable-text--container+.content,
.o-benefit-component.colour-option-2-4 .content+.scrollable-text--container,
.o-benefit-component.colour-option-2-4 .scrollable-text--container+.scrollable-text--container,
.o-benefit-component.colour-option-3-4 .content+.content,
.o-benefit-component.colour-option-3-4 .scrollable-text--container+.content,
.o-benefit-component.colour-option-3-4 .content+.scrollable-text--container,
.o-benefit-component.colour-option-3-4 .scrollable-text--container+.scrollable-text--container {
    background-color: #8f9ea9
}

.o-benefit-component.colour-option-1-5 .content+.content,
.o-benefit-component.colour-option-1-5 .scrollable-text--container+.content,
.o-benefit-component.colour-option-1-5 .content+.scrollable-text--container,
.o-benefit-component.colour-option-1-5 .scrollable-text--container+.scrollable-text--container,
.o-benefit-component.colour-option-2-5 .content+.content,
.o-benefit-component.colour-option-2-5 .scrollable-text--container+.content,
.o-benefit-component.colour-option-2-5 .content+.scrollable-text--container,
.o-benefit-component.colour-option-2-5 .scrollable-text--container+.scrollable-text--container,
.o-benefit-component.colour-option-3-5 .content+.content,
.o-benefit-component.colour-option-3-5 .scrollable-text--container+.content,
.o-benefit-component.colour-option-3-5 .content+.scrollable-text--container,
.o-benefit-component.colour-option-3-5 .scrollable-text--container+.scrollable-text--container,
.o-benefit-component.colour-option-4-1 .content+.content,
.o-benefit-component.colour-option-4-1 .scrollable-text--container+.content,
.o-benefit-component.colour-option-4-1 .content+.scrollable-text--container,
.o-benefit-component.colour-option-4-1 .scrollable-text--container+.scrollable-text--container {
    background-color: #bc9a5c
}

.o-details-with-crossheading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.o-details-with-crossheading .crossheading-box {
    margin-top: 20px;
    padding: 0 20px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}

@media only screen and (min-width:80em) {
    .o-details-with-crossheading .crossheading-box {
        width: 25%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-details-with-crossheading .crossheading-box {
        width: 33.33333%
    }
}

@media only screen and (max-width:39.938em) {
    .o-details-with-crossheading .crossheading-box {
        width: 100%
    }
}

.o-details-with-crossheading .content-box {
    margin-top: 20px;
    padding: 0 20px
}

.o-details-with-crossheading .content-box:before,
.o-details-with-crossheading .content-box:after {
    content: " ";
    display: table
}

.o-details-with-crossheading .content-box:after {
    clear: both
}

@media only screen and (min-width:80em) {
    .o-details-with-crossheading .content-box {
        width: 75%
    }
}

@media only screen and (min-width:40em) {
    .o-details-with-crossheading .content-box.no-crossheading {
        margin-left: 25%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .o-details-with-crossheading .content-box {
        width: 66.66667%
    }
}

@media only screen and (max-width:39.938em) {
    .o-details-with-crossheading .content-box {
        margin-top: 0;
        width: 100%
    }
}

.o-details-with-crossheading .content-box blockquote {
    float: left
}

.o-details-with-crossheading .content-box ul {
    overflow: hidden
}

.o-details-with-crossheading .o-teaser-video {
    margin-left: 0;
    margin-right: 0
}

@page {
    margin: 1cm 2.5cm 1.5cm 2.5cm
}

@media print {
    * {
        float: none !important;
        height: auto !important;
        position: relative !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: left !important
    }

    img {
        page-break-inside: avoid
    }

    .page-wrapper-main {
        background-color: aliceblue
    }

    .content-wrapper h2 {
        padding: 30px 0 10px !important
    }

    *:before,
    *:after,
    .header-row,
    .open-mobile-nav.hide-for-large-up,
    .login-search,
    .main-nav,
    .main-header .main-nav,
    .contact-tab,
    .finder-module.finder-module-selection,
    .page-footer,
    .browser-support,
    .teaser,
    .teaser-small,
    .teaser-big,
    .teaser-medium,
    .typo-teaser-small,
    .product-teaser,
    .teaser img,
    .search-wrapper,
    .overlay,
    .button,
    .submit-arrow,
    .link-arrow-white,
    .number,
    .do-you-know,
    .lottery-checker,
    .not-print,
    .account-value-range,
    .product-list img,
    .page-wrapper-navigation,
    .gallery-slides-container,
    .gallery-info-container,
    .figcaption-container,
    .toggle,
    .mejs-container,
    .video-stage,
    .action-links,
    .banking-account-icons,
    .a-highcharts-container,
    .o-deposit-performance,
    .stock-detail-chart,
    .m-menu-skip,
    .o-teaser-triad,
    .o-benefit-component .a-headline,
    .o-collection-popular-options .collection-headline {
        display: none !important
    }

    .finder--haspa * {
        display: none !important
    }

    .typo-headline {
        border: 1px solid #f73429
    }

    .typo-teaser .button {
        display: block !important
    }

    .contact-element {
        padding-left: 0 !important;
        display: block !important;
        float: left !important;
        margin-bottom: 10px !important;
        page-break-inside: avoid
    }

    .contact-element .contact-element-information {
        padding-top: 0 !important
    }

    .contact-element .contact-element-information .contact-element-small-image {
        top: 0 !important
    }

    .contact-element-small-image,
    .contact-person-address {
        display: block !important;
        float: left !important;
        margin-right: 10px !important
    }

    .contact-element-quote img,
    .content-element-quote {
        display: none !important
    }

    .inner-wrapper body {
        display: block !important
    }

    h1,
    h2,
    h3,
    h4,
    p {
        line-height: 2 !important
    }

    h1 {
        margin-bottom: 10px !important
    }

    blockquote {
        padding-left: 0 !important;
        margin-left: 0 !important
    }

    .highlight-box {
        border: 1px solid #a3a3a3 !important;
        margin: 0 !important;
        padding: 10px !important
    }

    table {
        border-collapse: collapse;
        margin: 10px 0 !important
    }

    table td,
    table th {
        border: 1px solid #a3a3a3 !important;
        padding: 5px !important;
        font-size: .85714rem !important;
        -webkit-print-color-adjust: economy
    }

    table ul,
    table ol {
        padding-left: 20px !important;
        list-style: decimal !important
    }

    table ul li {
        list-style-type: disc !important
    }

    table ul li>ol li {
        list-style: decimal !important
    }

    table td.blue-check p {
        text-indent: 0 !important
    }

    a.inline-link {
        display: inline !important;
        padding-right: 0 !important
    }

    .content ul,
    .scrollable-text--container ul,
    .content ol,
    .scrollable-text--container ol,
    .content-highlight ul,
    .content-highlight ol,
    .inner-wrapper .body ul,
    .inner-wrapper .body ol {
        padding-left: 20px !important;
        list-style: decimal !important
    }

    .content ul li,
    .scrollable-text--container ul li,
    .content-highlight ul li,
    .inner-wrapper .body ul li {
        list-style-type: disc !important
    }

    .content ul li>ol li,
    .scrollable-text--container ul li>ol li,
    .content-highlight ul li>ol li,
    .inner-wrapper .body ul li>ol li {
        list-style: decimal !important
    }

    .content .content-accordion ul,
    .scrollable-text--container .content-accordion ul {
        padding-left: 0 !important;
        list-style: none !important
    }

    .content .content-accordion ul .accordion-content ul,
    .scrollable-text--container .content-accordion ul .accordion-content ul,
    .content .content-accordion ul .accordion-content ol,
    .scrollable-text--container .content-accordion ul .accordion-content ol {
        padding-left: 20px !important;
        list-style: decimal !important
    }

    .content .content-accordion ul .accordion-content ol li,
    .scrollable-text--container .content-accordion ul .accordion-content ol li {
        list-style: decimal !important
    }

    .scrollable-text {
        max-height: none
    }

    form input {
        display: block !important
    }

    .tab-text-1 {
        margin-top: 35px !important
    }

    .tab-text-1+form {
        display: none !important
    }

    .accounts * {
        font-family: Sparkasse-Regular !important;
        font-weight: normal !important
    }

    .accounts .accordion-handle,
    .accounts .accordion-inactive {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .accounts .accordion-handle.closed+.accordion-content,
    .accounts .accordion-inactive.closed+.accordion-content {
        display: none !important
    }

    .accounts .accordion-handle>span:last-child,
    .accounts .accordion-inactive>span:last-child {
        display: none !important
    }

    .accounts .account,
    .accounts .accordion-handle,
    .accounts .accordion-inactive {
        border-bottom: 1px solid #bababa !important
    }

    .accounts .account[data-account-state="negative"] .account-value-total,
    .accounts .account[data-account-state="negative"] .account-value-saldo,
    .accounts .accordion-handle[data-account-state="negative"] .account-value-total,
    .accounts .accordion-handle[data-account-state="negative"] .account-value-saldo,
    .accounts .accordion-inactive[data-account-state="negative"] .account-value-total,
    .accounts .accordion-inactive[data-account-state="negative"] .account-value-saldo {
        color: #f73429 !important
    }

    .accounts .account[data-account-state="negative"] .currency,
    .accounts .accordion-handle[data-account-state="negative"] .currency,
    .accounts .accordion-inactive[data-account-state="negative"] .currency {
        color: #f73429 !important
    }

    .accounts .accordion-inactive a {
        display: none !important
    }

    .accounts .accordion-inactive p {
        font-size: inherit !important
    }

    .accounts .account-value-wrapper span.account-type,
    .accounts .account-value-wrapper span.account-current {
        display: inline-block !important;
        line-height: 25px !important;
        height: 25px !important;
        padding-top: 0 !important
    }

    .accounts .account-value-wrapper span.account-type {
        float: left !important
    }

    .accounts .account-value-wrapper span.account-current {
        float: right !important;
        text-align: right !important;
        color: #3975b6 !important
    }

    .compressed .accounts .account-value-wrapper span.account-current {
        color: black !important
    }

    .accounts .account-value-wrapper span.account-current>em {
        color: #3975b6 !important
    }

    .compressed .accounts .account-value-wrapper span.account-current>em {
        color: black !important
    }

    .accounts .account-value-wrapper[data-account-state="negative"] .account-current {
        color: #f73429 !important
    }

    .compressed .accounts .account-value-wrapper[data-account-state="negative"] .account-current {
        color: #f73429 !important
    }

    .accounts .account-value-wrapper[data-account-state="negative"] .account-current>em {
        color: #f73429 !important
    }

    .compressed .accounts .account-value-wrapper[data-account-state="negative"] .account-current>em {
        color: #f73429 !important
    }

    .accounts span.account-value-total,
    .accounts span.account-value-saldo,
    .accounts span.currency {
        position: absolute !important;
        top: -30px !important
    }

    .accounts span.account-value-total,
    .accounts span.account-value-saldo {
        right: 30px !important
    }

    .accounts span.currency {
        right: 20px !important
    }

    .banking-account-informations--wrapper {
        text-align: right !important
    }

    .banking-account-informations--wrapper * {
        font-family: Sparkasse-Regular !important
    }

    .banking-account-informations--wrapper .banking-account-informations--box-wrapper {
        display: inline-block !important;
        margin-left: 40px !important
    }

    .banking-informations-table * {
        font-family: Sparkasse-Regular !important
    }

    .banking-informations-table .banking-informations-table--mobile-head {
        display: none !important
    }

    .banking-informations-table .table-head {
        display: table !important;
        width: 100% !important;
        border-bottom: 1px solid #bababa !important;
        padding: 0 !important
    }

    .banking-informations-table .table-head * {
        padding: 0 !important
    }

    .banking-informations-table .table-head p>a {
        display: none !important
    }

    .banking-informations-table .table-head .col-1,
    .banking-informations-table .table-head .col-2,
    .banking-informations-table .table-head .col-3 {
        display: inline-block !important;
        float: left !important
    }

    .banking-informations-table .table-head .col-1,
    .banking-informations-table .table-head .col-3 {
        width: 15% !important
    }

    .banking-informations-table .table-head .col-2 {
        width: 60% !important
    }

    .banking-informations-table .table-head .col-3 p {
        text-align: center !important
    }

    .banking-informations-table .banking-informations--minus {
        color: #f73429 !important
    }

    .banking-informations-table .banking-informations--plus {
        color: #3975b6 !important
    }

    .banking-informations-table .accordion-table .medium-3 {
        display: block !important;
        float: left !important;
        width: 25% !important
    }

    .banking-informations-table .accordion-table .medium-3 * {
        padding: 0 !important;
        margin: 0 !important
    }

    .banking-informations-table .accordion-table .medium-3 p {
        line-height: inherit !important
    }

    .banking-informations-table .accordion-table .medium-3:nth-child(4) * {
        text-align: right !important
    }

    .banking-informations-table .table.accordion-handle {
        display: table !important;
        width: 100% !important;
        border-bottom: 1px solid #bababa !important
    }

    .banking-informations-table .table.accordion-handle .banking-informations--content {
        width: 70% !important;
        display: block !important;
        float: left !important;
        vertical-align: top !important
    }

    .banking-informations-table .table.accordion-handle .banking-informations--content p {
        max-width: 100% !important;
        margin-top: 0 !important
    }

    .banking-informations-table .table.accordion-handle .banking-informations-table--date,
    .banking-informations-table .table.accordion-handle .banking-informations--amount-content {
        display: block !important;
        width: 15% !important;
        padding-top: 0 !important;
        vertical-align: middle !important;
        text-align: center !important;
        float: left !important
    }

    .banking-informations-table .table.accordion-handle .accordion-content {
        float: left !important
    }

    .banking-informations-table .table.accordion-handle.closed>.accordion-content {
        display: none !important
    }

    .banking-form .columns {
        display: table !important;
        table-layout: fixed !important
    }

    .banking-form .columns.form-buttons {
        display: none !important
    }

    .banking-form label,
    .banking-form input,
    .banking-form p {
        width: 25% !important;
        display: table-cell !important
    }

    .banking-form p.legend,
    .banking-form p.legend+p,
    .banking-form .radio-plus-input+p {
        display: block !important;
        width: 100% !important
    }

    .banking-form input,
    .banking-form p.form-content,
    .banking-form div.form-content {
        width: 75% !important;
        text-align: left !important;
        padding-left: 10px !important
    }

    .banking-form div.form-content {
        display: table-cell !important;
        padding-left: 0 !important
    }

    .banking-form .icon-link {
        display: none !important
    }

    .banking-form textarea {
        padding-left: 10px !important;
        border: 1px solid #bababa !important
    }

    .banking-form .max-length,
    .banking-form .extra-label {
        display: none !important
    }

    .banking-form input[type="checkbox"],
    .banking-form input[type="radio"] {
        display: inline-block !important;
        width: auto !important
    }

    .banking-form input[type="checkbox"]+label,
    .banking-form input[type="radio"]+label {
        display: inline-block !important;
        width: auto !important;
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .banking-form input[type="radio"]+label+input[type="text"],
    .banking-form input[type="radio"]+label+input[type="text"]+.extra-label {
        display: inline-block !important
    }

    .banking-form .multi-input-wrapper {
        display: block !important;
        width: 800px !important
    }

    .banking-form .multi-input-wrapper input {
        display: inline-block !important;
        width: 50px !important;
        margin-right: 10px !important;
        border: 1px solid #bababa !important
    }

    .banking-form .large-3 {
        display: table-cell !important;
        width: 25% !important;
        vertical-align: middle !important
    }

    .banking-form .large-3 label {
        display: inline-block !important;
        width: 100% !important;
        line-height: 38px !important
    }

    .columns {
        display: table !important;
        table-layout: fixed !important
    }

    p.form-label {
        width: 25% !important;
        display: table-cell !important
    }

    p.form-content,
    div.form-content {
        font-family: Sparkasse-Regular !important
    }

    .logo {
        display: block !important;
        width: 100px !important;
        height: 50px !important
    }

    .stage-slide-show {
        display: block;
        width: 800px !important;
        overflow: hidden !important
    }

    .stage-slide-show * {
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .stage-slide-show .slick-track .slick-slide {
        width: 800px !important
    }

    .stage-slide-show .slick-track .slick-slide p {
        display: block !important;
        padding: 0 5px !important
    }

    .stage-slide-show button,
    .stage-slide-show .button,
    .stage-slide-show .slick-dots {
        display: none !important
    }

    .content-wrapper.banking .teaser,
    .content-wrapper.banking .teaser-small,
    .content-wrapper.banking .typo-teaser,
    .content-wrapper.banking .typo-teaser-small,
    .content-wrapper.banking .teaser-big {
        display: none !important
    }

    .content-text-introduction h2 {
        display: inline-block !important;
        padding: 0 0 10px !important;
        line-height: 1 !important
    }

    h1,
    h2,
    .stage h1,
    .stage h2,
    .text {
        page-break-after: avoid
    }

    h1,
    .stage h1,
    main article h2 .text,
    blockquote {
        font-size: 18px !important;
        line-height: 1.4 !important
    }

    .stage h2,
    h3 {
        font-size: 16px !important;
        line-height: 1.4 !important
    }

    p,
    a.text-link.inline-link,
    a.text-link,
    span.text-link,
    a.small,
    .accordion-table .text-link,
    .accounts .accordion-content li.account .account-value-wrapper>.account-type em>small,
    .accounts .accordion-content li.account .account-action-links>a,
    .content-accordion>ul:first-child.accounts .accordion-handle,
    .content-accordion>ul:first-child.accounts .accordion-inactive,
    form.banking-form select,
    form.banking-form select option,
    form.banking-form input,
    form.banking-form textarea,
    form.banking-form label,
    form.banking-form p.form-label,
    form.banking-form p.form-content,
    form.banking-form div.form-content,
    form.banking-form .legend+p,
    form.global-form select,
    form.global-form select option,
    form.global-form input,
    form.global-form textarea,
    form.global-form label,
    form.global-form p.form-label,
    form.global-form p.form-content,
    form.global-form div.form-content,
    form.global-form .legend+p,
    small.error,
    .lottery-checker-bottom-text,
    main article li,
    main section li {
        font-size: 11px !important;
        line-height: 1.4 !important
    }

    .content-accordion>ul:first-child>li .accordion-handle .account-value-total,
    .content-accordion>ul:first-child>li .accordion-handle .currency,
    .content-accordion>ul:first-child.accounts .accordion-inactive .account-value-saldo,
    .content-accordion>ul:first-child.accounts .accordion-inactive .currency {
        top: -15px !important;
        margin-top: 0 !important
    }

    form.banking-form label,
    form.global-form label,
    form.banking-form label+input,
    form.banking-form label+textarea,
    form.banking-form label+.form--select,
    form.global-form label+input,
    form.global-form label+textarea,
    form.global-form label+.form--select {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .table-content--contents {
        margin-left: calc(8.3% - -39px) !important
    }

    .table-content--contents span {
        display: inline-block !important
    }

    .table-content--contents span:first-child {
        width: 100px !important
    }

    .table-content--links {
        margin-left: calc(8.3% - -39px) !important
    }

    .content-disclaimer {
        font-size: 11px !important
    }

    .content-disclaimer ul li {
        font-size: 11px !important
    }

    .o-depot-table .stock-trend-positive,
    .o-depot-table .stock-trend-upward,
    .o-depot-table .stock-trend-steady,
    .o-depot-table .deposit-value .text-value,
    .o-deposit-depot-informations .stock-trend-positive,
    .o-saldo-information-box .stock-trend-positive,
    .o-deposit-depot-informations .stock-trend-upward,
    .o-saldo-information-box .stock-trend-upward,
    .o-deposit-depot-informations .stock-trend-steady,
    .o-saldo-information-box .stock-trend-steady,
    .o-deposit-depot-informations .deposit-value .text-value,
    .o-saldo-information-box .deposit-value .text-value {
        color: #3975b6 !important
    }

    .o-depot-table .stock-trend-negative,
    .o-depot-table .stock-trend-downward,
    .o-deposit-depot-informations .stock-trend-negative,
    .o-saldo-information-box .stock-trend-negative,
    .o-deposit-depot-informations .stock-trend-downward,
    .o-saldo-information-box .stock-trend-downward {
        color: #f73429 !important
    }

    .o-deposit-depot-informations,
    .o-saldo-information-box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .o-deposit-depot-informations .deposit-value,
    .o-saldo-information-box .deposit-value {
        padding-right: 50px !important
    }

    .depot-total {
        padding-right: 20px !important
    }

    .o-depot-table .m-table-flex-header-cell A,
    .o-depot-table .stock-name A,
    .o-depot-table .stock-value A {
        text-decoration: none !important
    }

    .o-depot-table .depot-table-row,
    .o-depot-table .depot-table-head {
        border-bottom: 1px solid #000 !important
    }

    .o-depot-table .stock-overview .stock-trend,
    .o-depot-table .stock-overview .stock-quote,
    .o-depot-table .stock-overview .stock-value,
    .o-depot-table .stock-overview .stock-trend-percentage,
    .o-depot-table .stock-overview .stock-trend-absolute {
        text-align: right !important
    }

    .o-depot-table .mobile-wrapper-first {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 58.33333%
    }

    .o-depot-table .mobile-wrapper-first .tablet-wrapper {
        width: 28.57143%
    }

    .o-depot-table .mobile-wrapper-second {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 41.66667%
    }

    .o-depot-table .mobile-wrapper-second .stock-value {
        width: 60%
    }

    .o-depot-table .stock-name {
        width: 71.42857%
    }

    .o-depot-table .stock-details DT {
        width: 42.85714%
    }

    .o-depot-table .stock-details DD {
        width: 57.14286%
    }

    .o-depot-table .stock-details .stock-detail-subitem {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .o-depot-table .stock-details .stock-detail-subitem .stock-detail-subitem-facts {
        width: 50%
    }

    .o-depot-table .stock-details .stock-detail-subitem .order-buttons {
        width: 50%
    }

    .o-depot-table .stock-details .stock-service-links {
        display: none
    }

    .o-depot-table .depot-total-value {
        text-align: right !important
    }

    .o-depot-table .stock-detail-facts,
    .o-depot-table .stock-detail-subitem-facts {
        width: 50%
    }

    .o-deposit-order-form {
        margin: 30px 0 !important
    }

    .o-deposit-order-form .error {
        color: #f73429 !important
    }

    .o-deposit-order-form FIELDSET,
    .o-deposit-order-form .o-deposit-order-attributes FIELDSET {
        width: 66.66667%
    }

    .o-deposit-order-form .o-deposit-order-attributes .m-form-row-selects {
        width: 100%
    }

    .o-deposit-order-form .form-cell-label,
    .o-deposit-order-form .form-cell {
        width: 37.5%
    }

    .o-deposit-order-form .form-cell-text,
    .o-deposit-order-form .form-cell+.form-cell {
        width: 62.5%
    }

    .o-deposit-order-form SELECT,
    .o-deposit-order-form .m-form-row-inputs INPUT {
        padding: 0 !important
    }

    .o-deposit-order-form .form-select SELECT,
    .o-deposit-order-form INPUT [type="text"] {
        line-height: 24px
    }

    .o-deposit-order-form .m-form-row-text-links,
    .o-deposit-order-form .m-form-row-actions {
        display: none !important
    }

    .m-olb-success-message-box,
    .m-olb-error-message-box,
    .o-olb-user-header .action-container,
    .o-olb-user-header .error,
    .olb-user-header-content .m-olb-search,
    .olb-table-type-b-details .service-links,
    .o-olb-table-type-b .olb-type-b-description-with-filter .olb-type-b-description-filter {
        display: none
    }

    .o-saldo-information-box {
        display: block
    }

    .a-form-select SELECT,
    .olb-user-header-content .form-label,
    .olb-user-header-content .user-name,
    .o-saldo-information-box .text-label,
    .o-saldo-information-box .text-value,
    .m-table-flex-header-cell,
    .m-table-flex-cell,
    .olb-type-b-value.m-table-flex-header-cell,
    .olb-table-type-b-details DL,
    .detail-fact-message {
        font-size: 11px;
        line-height: 16px
    }

    .m-table-flex-header-cell A {
        text-decoration: none
    }

    .olb-table-type-b-details .detail-facts {
        width: 100%
    }

    .olb-table-type-b-details DL,
    .olb-table-type-b-details .detail-fact-message {
        padding-left: 16.66667% !important
    }

    .olb-table-type-b-details DT {
        width: 33.33333%
    }

    .olb-table-type-b-details DD {
        width: 66.66667%
    }

    .olb-type-b-value {
        text-align: right !important
    }

    .olb-deposit-search .olb-user-header-content {
        width: 75%
    }

    .olb-deposit-search-table .olb-type-b-service {
        display: none
    }

    .olb-deposit-search-table .tablet-wrapper {
        width: 100%
    }

    .olb-deposit-search-table .first-subcol {
        width: 50%
    }

    .olb-deposit-search-table .second-subcol {
        width: 25%
    }

    .olb-deposit-search-table .third-subcol {
        width: 25%
    }

    .postbox-overview .olb-type-b-service {
        display: none
    }

    .postbox-overview .olb-status-list {
        width: 50%
    }

    .postbox-overview .deletion-date {
        font-size: 9px;
        line-height: 15px
    }

    .postbox-table .tablet-wrapper {
        width: 83.33333%
    }

    .postbox-table .olb-type-b-date {
        width: 20%
    }

    .postbox-table .olb-type-b-type {
        width: 16.66667%
    }

    .postbox-table .olb-table-type-b-overview {
        padding: 5px
    }

    .postbox-configuration legend {
        font-size: 13px;
        line-height: 19px
    }

    .postbox-configuration .form-information-text,
    .postbox-configuration .m-form-row-information-text,
    .postbox-configuration .form-cell,
    .postbox-configuration .a-label,
    .postbox-configuration label.wtf-checkbox,
    .postbox-configuration .error {
        font-size: 11px;
        line-height: 16px
    }

    .postbox-configuration .form-cell {
        padding-right: 20px !important
    }

    .postbox-configuration .olb-table-type-b-overview {
        padding: 5px
    }

    .postbox-configuration .o-olb-table-type-b .wtf-control.wtf-checkbox {
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
        padding-left: 0 !important
    }

    .postbox-configuration .wtf-control.wtf-checkbox {
        position: relative !important;
        padding-left: 30px !important
    }

    .postbox-configuration .wtf-control INPUT[type="checkbox"] {
        position: absolute !important;
        top: 5px;
        left: 0;
        opacity: 1
    }

    .postbox-configuration .row-select-link-wrapper .m-form-row-texts+.text-link {
        padding-top: 0
    }

    .postbox-configuration .row-select-link-wrapper .text-link {
        padding-top: 9px
    }

    .postbox-configuration label .wtf-checkbox {
        padding-left: 20px
    }
}

.joker-opa-form-body .content-wrapper.no-margin+.content-wrapper .large-8 {
    width: calc(75% - 1 *(-10px))
}

.joker-opa-form,
.form-view-2018 {
    width: 100%
}

@media only screen and (min-width:80em) {

    .joker-opa-form,
    .form-view-2018 {
        width: 75%
    }
}

.joker-opa-form FIELDSET,
.form-view-2018 FIELDSET {
    margin-top: 30px;
    border: 0;
    padding: 0
}

.joker-opa-form FIELDSET:first-child,
.form-view-2018 FIELDSET:first-child {
    margin-top: 0
}

.joker-opa-form FIELDSET.is-productCoOwner,
.form-view-2018 FIELDSET.is-productCoOwner {
    display: none
}

.joker-opa-form FIELDSET.is-productCoOwner.is-active,
.form-view-2018 FIELDSET.is-productCoOwner.is-active {
    display: block
}

.joker-opa-form .a-legend,
.form-view-2018 .a-legend {
    font-size: 16px;
    font-family: 'Sparkasse-Bold'
}

@media only screen and (min-width:80em) {

    .joker-opa-form .a-legend,
    .form-view-2018 .a-legend {
        font-size: 18px
    }

    .joker-opa-form .a-legend+.m-form-row,
    .form-view-2018 .a-legend+.m-form-row {
        margin-top: 25px
    }
}

.joker-opa-form .a-label,
.joker-opa-form .form-cell-seperator,
.joker-opa-form .form-statictext,
.form-view-2018 .a-label,
.form-view-2018 .form-cell-seperator,
.form-view-2018 .form-statictext {
    display: block;
    padding-bottom: 7px;
    font-size: 16px;
    line-height: 23px
}

@media only screen and (max-width:39.938em) {

    .joker-opa-form .a-label,
    .joker-opa-form .form-cell-seperator,
    .joker-opa-form .form-statictext,
    .form-view-2018 .a-label,
    .form-view-2018 .form-cell-seperator,
    .form-view-2018 .form-statictext {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 0
    }
}

@media only screen and (min-width:80em) {

    .joker-opa-form .a-label,
    .joker-opa-form .form-cell-seperator,
    .joker-opa-form .form-statictext,
    .form-view-2018 .a-label,
    .form-view-2018 .form-cell-seperator,
    .form-view-2018 .form-statictext {
        padding-top: 7px
    }
}

.joker-opa-form .error,
.form-view-2018 .error {
    display: none;
    margin-top: 5px;
    font-size: 12px;
    line-height: 18px
}

.joker-opa-form .m-form-row-selects SELECT.error,
.form-view-2018 .m-form-row-selects SELECT.error,
.joker-opa-form INPUT.error,
.form-view-2018 INPUT.error {
    display: block;
    margin-top: 0;
    font-size: 14px
}

.joker-opa-form .m-form-row .icon-calendar,
.form-view-2018 .m-form-row .icon-calendar {
    position: relative
}

.joker-opa-form .m-form-row .icon-calendar:after,
.form-view-2018 .m-form-row .icon-calendar:after {
    content: "";
    speak: none;
    position: absolute;
    left: -2px;
    padding-left: 47px;
    height: 37px;
    background-color: #d7d7d7;
    background-size: auto 30px;
    background-position: 10px 50%
}

.joker-opa-form .m-form-row .icon-calendar:after:hover,
.form-view-2018 .m-form-row .icon-calendar:after:hover,
.joker-opa-form .m-form-row .icon-calendar:after:focus,
.form-view-2018 .m-form-row .icon-calendar:after:focus {
    background-color: #bebebe
}

.joker-opa-form .m-form-row,
.form-view-2018 .m-form-row {
    margin-top: 10px
}

.joker-opa-form .m-form-row INPUT,
.form-view-2018 .m-form-row INPUT {
    margin-bottom: 0;
    background-color: #d7d7d7;
    border: 0;
    box-shadow: none;
    font-size: 16px
}

.joker-opa-form .m-form-row INPUT:hover,
.form-view-2018 .m-form-row INPUT:hover,
.joker-opa-form .m-form-row INPUT:focus,
.form-view-2018 .m-form-row INPUT:focus {
    background-color: #bebebe
}

.joker-opa-form .m-form-row INPUT:hover+.icon-calendar:after,
.form-view-2018 .m-form-row INPUT:hover+.icon-calendar:after,
.joker-opa-form .m-form-row INPUT:focus+.icon-calendar:after,
.form-view-2018 .m-form-row INPUT:focus+.icon-calendar:after {
    background-color: #bebebe
}

.joker-opa-form .m-form-row INPUT.error,
.form-view-2018 .m-form-row INPUT.error {
    border: 1px solid #f73429
}

.joker-opa-form .m-form-row INPUT.error+.icon-calendar:after,
.form-view-2018 .m-form-row INPUT.error+.icon-calendar:after {
    border: 1px solid #f73429;
    border-left: none
}

.joker-opa-form .m-form-row INPUT+.infotext-subline,
.form-view-2018 .m-form-row INPUT+.infotext-subline {
    margin-top: 5px
}

.joker-opa-form .m-form-row INPUT.datepicker,
.form-view-2018 .m-form-row INPUT.datepicker {
    width: calc(100% - 45px)
}

.joker-opa-form .m-form-row .form-cell-with-datepicker,
.form-view-2018 .m-form-row .form-cell-with-datepicker {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.joker-opa-form .is-hidden.m-form-row,
.form-view-2018 .is-hidden.m-form-row {
    display: none
}

@media only screen and (min-width:80em) {

    .joker-opa-form .m-form-row-selects,
    .form-view-2018 .m-form-row-selects,
    .joker-opa-form .m-form-row-texts,
    .joker-opa-form .m-form-row-inputs,
    .form-view-2018 .m-form-row-texts,
    .form-view-2018 .m-form-row-inputs {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .joker-opa-form .m-form-row-selects .form-cell,
    .form-view-2018 .m-form-row-selects .form-cell,
    .joker-opa-form .m-form-row-texts .form-cell,
    .joker-opa-form .m-form-row-inputs .form-cell,
    .form-view-2018 .m-form-row-texts .form-cell,
    .form-view-2018 .m-form-row-inputs .form-cell {
        width: 33.33333%
    }

    .joker-opa-form .m-form-row-selects .form-cell .a-label,
    .form-view-2018 .m-form-row-selects .form-cell .a-label,
    .joker-opa-form .m-form-row-texts .form-cell .a-label,
    .joker-opa-form .m-form-row-inputs .form-cell .a-label,
    .form-view-2018 .m-form-row-texts .form-cell .a-label,
    .form-view-2018 .m-form-row-inputs .form-cell .a-label,
    .joker-opa-form .m-form-row-selects .form-cell.form-cell-label,
    .form-view-2018 .m-form-row-selects .form-cell.form-cell-label,
    .joker-opa-form .m-form-row-texts .form-cell.form-cell-label,
    .joker-opa-form .m-form-row-inputs .form-cell.form-cell-label,
    .form-view-2018 .m-form-row-texts .form-cell.form-cell-label,
    .form-view-2018 .m-form-row-inputs .form-cell.form-cell-label {
        text-align: right
    }

    .joker-opa-form .m-form-row-selects .form-cell+.form-cell,
    .form-view-2018 .m-form-row-selects .form-cell+.form-cell,
    .joker-opa-form .m-form-row-texts .form-cell+.form-cell,
    .joker-opa-form .m-form-row-inputs .form-cell+.form-cell,
    .form-view-2018 .m-form-row-texts .form-cell+.form-cell,
    .form-view-2018 .m-form-row-inputs .form-cell+.form-cell {
        width: 66.66667%;
        padding-left: 20px
    }
}

.joker-opa-form .m-form-row-selects .a-form-select,
.form-view-2018 .m-form-row-selects .a-form-select {
    width: 100%
}

@media only screen and (min-width:80em) {

    .joker-opa-form .m-form-row-selects .a-form-select,
    .form-view-2018 .m-form-row-selects .a-form-select {
        width: auto
    }
}

.joker-opa-form .m-form-row-with-2-inputs,
.form-view-2018 .m-form-row-with-2-inputs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (min-width:80em) {

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-1,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-2,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-2 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
        padding-left: 20px;
        width: 33.33333%
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-3,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-4,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-4 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
        padding-left: 10px;
        width: 33.33333%
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-5,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-5 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-seperator,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-seperator {
        padding-left: 3px;
        padding-right: 3px
    }

    .joker-opa-form .col-style-1.m-form-row-with-2-inputs .form-cell-2,
    .form-view-2018 .col-style-1.m-form-row-with-2-inputs .form-cell-2 {
        width: 16.66667%
    }

    .joker-opa-form .col-style-1.m-form-row-with-2-inputs .form-cell-4,
    .form-view-2018 .col-style-1.m-form-row-with-2-inputs .form-cell-4 {
        width: 50%
    }

    .joker-opa-form .col-style-2.m-form-row-with-2-inputs .form-cell-2,
    .form-view-2018 .col-style-2.m-form-row-with-2-inputs .form-cell-2 {
        width: 25%
    }

    .joker-opa-form .col-style-2.m-form-row-with-2-inputs .form-cell-4,
    .form-view-2018 .col-style-2.m-form-row-with-2-inputs .form-cell-4 {
        width: 41.66667%
    }

    .joker-opa-form .col-style-3.m-form-row-with-2-inputs .form-cell-2,
    .form-view-2018 .col-style-3.m-form-row-with-2-inputs .form-cell-2 {
        width: 41.66667%
    }

    .joker-opa-form .col-style-3.m-form-row-with-2-inputs .form-cell-4,
    .form-view-2018 .col-style-3.m-form-row-with-2-inputs .form-cell-4 {
        width: 25%
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {

    .joker-opa-form .m-form-row-with-2-inputs,
    .form-view-2018 .m-form-row-with-2-inputs {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-1,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding-right: 5px;
        width: 50%
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-2,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-2 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        padding-right: 5px;
        width: 50%
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-3,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-3 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 5px;
        width: 50%
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-4,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
        padding-left: 5px;
        width: 50%
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-5,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-5 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-seperator,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-seperator {
        display: none
    }

    .joker-opa-form .col-style-2.m-form-row-with-2-inputs .form-cell-1,
    .form-view-2018 .col-style-2.m-form-row-with-2-inputs .form-cell-1,
    .joker-opa-form .col-style-2.m-form-row-with-2-inputs .form-cell-2,
    .form-view-2018 .col-style-2.m-form-row-with-2-inputs .form-cell-2 {
        width: 33.33333%
    }

    .joker-opa-form .col-style-2.m-form-row-with-2-inputs .form-cell-3,
    .form-view-2018 .col-style-2.m-form-row-with-2-inputs .form-cell-3,
    .joker-opa-form .col-style-2.m-form-row-with-2-inputs .form-cell-4,
    .form-view-2018 .col-style-2.m-form-row-with-2-inputs .form-cell-4 {
        width: 66.66667%
    }

    .joker-opa-form .col-style-3.m-form-row-with-2-inputs .form-cell-1,
    .form-view-2018 .col-style-3.m-form-row-with-2-inputs .form-cell-1,
    .joker-opa-form .col-style-3.m-form-row-with-2-inputs .form-cell-2,
    .form-view-2018 .col-style-3.m-form-row-with-2-inputs .form-cell-2 {
        width: 66.66667%
    }

    .joker-opa-form .col-style-3.m-form-row-with-2-inputs .form-cell-3,
    .form-view-2018 .col-style-3.m-form-row-with-2-inputs .form-cell-3,
    .joker-opa-form .col-style-3.m-form-row-with-2-inputs .form-cell-4,
    .form-view-2018 .col-style-3.m-form-row-with-2-inputs .form-cell-4 {
        width: 33.33333%
    }
}

@media only screen and (max-width:39.938em) {

    .joker-opa-form .m-form-row-with-2-inputs,
    .form-view-2018 .m-form-row-with-2-inputs {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-1,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-2,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-3,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        margin-top: 10px;
        width: 100%
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-4,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
        width: 100%
    }

    .joker-opa-form .m-form-row-with-2-inputs .form-cell-5,
    .form-view-2018 .m-form-row-with-2-inputs .form-cell-5 {
        display: none
    }
}

.joker-opa-form .m-form-row-checkbox,
.form-view-2018 .m-form-row-checkbox {
    margin-top: 20px
}

@media only screen and (min-width:80em) {

    .joker-opa-form .m-form-row-checkbox,
    .form-view-2018 .m-form-row-checkbox {
        margin-left: 33.33333%
    }
}

@media only screen and (min-width:80em) {

    .joker-opa-form .m-form-row-checkbox .wtf-checkbox,
    .form-view-2018 .m-form-row-checkbox .wtf-checkbox {
        margin-left: 20px
    }
}

.joker-opa-form .m-form-row-checkbox>DIV.error,
.form-view-2018 .m-form-row-checkbox>DIV.error {
    margin-left: 70px
}

.joker-opa-form .m-form-row-checkbox INPUT.error+.wtf-control-indicator,
.form-view-2018 .m-form-row-checkbox INPUT.error+.wtf-control-indicator {
    border: 1px solid #f73429
}

.joker-opa-form .infotext-subline {
    font-size: 12px;
    line-height: 18px
}

.joker-opa-form .m-form-row-radio.with-icon {
    position: relative
}

@media only screen and (min-width:80em) {
    .joker-opa-form .m-form-row-radio.with-icon {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (max-width:39.938em) {
    .joker-opa-form .m-form-row-radio.with-icon .a-legend {
        padding-bottom: 0
    }

    .joker-opa-form .m-form-row-radio.with-icon .wtf-control {
        margin-top: 7px
    }
}

.joker-opa-form .m-form-row-radio.with-icon .form-cell {
    width: 66.66667%
}

@media only screen and (max-width:39.938em) {
    .joker-opa-form .m-form-row-radio.with-icon .form-cell {
        width: 100%
    }
}

@media only screen and (min-width:80em) {
    .joker-opa-form .m-form-row-radio.with-icon .form-cell {
        padding-left: 20px
    }
}

@media only screen and (min-width:80em) {
    .joker-opa-form .m-form-row-radio.with-icon .form-cell:first-child {
        text-align: right;
        width: 33.33333%
    }
}

.joker-opa-form .m-form-row-radio.with-icon .form-cell:first-child LABEL {
    border: 0
}

.joker-opa-form .m-form-row-radio.with-icon .form-cell+.form-cell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:80em) {
    .joker-opa-form .m-form-row-radio.with-icon .form-cell+.form-cell {
        padding-right: 20px
    }
}

.joker-opa-form .m-form-row-radio.with-icon LABEL {
    border: 1px solid #bebebe
}

.joker-opa-form .m-form-row-radio.with-icon .error {
    width: 100%
}

.joker-opa-form .m-form-row-radio.with-icon .wtf-control {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding: 55px 10px 5px;
    width: 160px;
    text-align: center;
    background-color: #f6f6f6
}

@media only screen and (max-width:39.938em) {
    .joker-opa-form .m-form-row-radio.with-icon .wtf-control {
        font-size: 14px;
        line-height: 20px
    }
}

.joker-opa-form .m-form-row-radio.with-icon .wtf-control INPUT {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.joker-opa-form .m-form-row-radio.with-icon .wtf-control .wtf-control-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background-position: 50% 10px;
    background-color: transparent
}

.form-view-2018 .a-legend {
    font-size: 18px
}

.form-view-2018 .form-statictext {
    font-family: 'Sparkasse-Bold'
}

.form-view-2018 .m-form-row-inputs:first-of-type {
    margin-top: 22px
}

.joker-opa-form .form-row-radio {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.joker-opa-form .form-row-radio .form-cell {
    padding-left: 20px;
    width: 66.66667%
}

.joker-opa-form .form-row-radio .form-cell:first-child {
    text-align: right;
    width: 33.33333%
}

.joker-opa-form .form-row-radio .form-cell:first-child LABEL {
    border: 0
}

.joker-opa-form .form-row-radio .form-cell.radio {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    padding-right: 20px
}

.joker-opa-form .form-row-radio LABEL {
    border: 1px solid #efefef
}

.joker-opa-form .wtf-control {
    position: relative
}

.joker-opa-form .wtf-control INPUT {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.joker-opa-form .wtf-control .wtf-control-indicator {
    left: 0;
    border: 0
}

.joker-opa-form.joker-opa-form-confirmation {
    width: 100%
}

.joker-opa-form.joker-opa-form-confirmation .m-form-row-checkbox {
    margin-left: 0
}

@media only screen and (min-width:80em) {
    .joker-opa-form.joker-opa-form-confirmation .m-form-row-checkbox {
        width: 75%;
        padding-left: 80px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .joker-opa-form.joker-opa-form-confirmation .m-form-row-checkbox {
        padding: 0 40px
    }
}

@media only screen and (max-width:39.938em) {
    .joker-opa-form.joker-opa-form-confirmation .m-form-row-checkbox {
        padding: 0 20px
    }
}

.joker-opa-form.joker-opa-form-confirmation .o-upselling-component {
    margin-top: -10px
}

.joker-opa-form.joker-opa-form-confirmation .m-form-row-radio .wtf-control {
    display: inline-block;
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 10px;
    padding-left: 40px;
    line-height: 30px;
    width: auto
}

.joker-opa-form.joker-opa-form-confirmation .m-form-row-radio .wtf-control.icon-creditcard {
    padding-left: 90px
}

.joker-opa-form.joker-opa-form-confirmation .m-form-row-radio .wtf-control.icon-creditcard .wtf-control-indicator:after {
    position: absolute;
    right: -50px;
    content: "";
    width: 40px;
    height: 40px
}

.joker-opa-form.joker-opa-form-confirmation .m-form-row-radio .wtf-control-indicator {
    top: 10px;
    border-radius: 50%;
    font-size: 16px
}

@media only screen and (max-width:39.938em) {
    .joker-opa-form.joker-opa-form-confirmation .m-form-row-radio .wtf-control-indicator {
        font-size: 14px
    }
}

.joker-opa-form.joker-opa-form-confirmation .m-form-row-radio INPUT:checked+.wtf-control-indicator {
    background-position: center;
    background-size: 16px
}

.joker-opa-form.joker-opa-form-confirmation .m-form-row-radio+.overview-box {
    margin-top: 20px
}

.joker-opa-form.joker-opa-form-confirmation .m-form-row-radio+.overview-box P {
    display: none;
    margin: 0
}

.joker-opa-form.joker-opa-form-confirmation .m-form-row-radio+.overview-box P.is-active {
    display: block
}

.o-step-by-step-status-box {
    display: block;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 20px 40px;
    padding: 40px 20px;
    background-color: #f6f6f6
}

@media only screen and (min-width:80em) {
    .o-step-by-step-status-box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.o-step-by-step-status-box .seperator {
    display: none;
    width: 30px;
    background-position: 50% 50%
}

@media only screen and (min-width:80em) {
    .o-step-by-step-status-box .seperator {
        display: block
    }
}

.m-one-step {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .m-one-step {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width:40em) {
    .m-one-step {
        min-height: 85px
    }
}

@media only screen and (min-width:80em) {
    .m-one-step {
        margin-bottom: 0
    }
}

.m-one-step .image-wrapper {
    width: 100%;
    text-align: center
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .m-one-step .image-wrapper {
        width: 33.33333%
    }
}

.m-one-step .content-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 20px;
    text-align: center;
    width: 100%
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .m-one-step .content-wrapper {
        text-align: left;
        width: 66.66667%
    }
}

@media only screen and (min-width:80em) {
    .m-one-step .content-wrapper {
        padding: 0
    }
}

.m-one-step IMG {
    margin-bottom: 20px;
    width: 96px;
    height: auto
}

@media only screen and (min-width:80em) {
    .m-one-step IMG {
        margin: 0 auto
    }
}

@media only screen and (max-width:39.938em) {
    .m-one-step IMG {
        margin: 0 auto 10px;
        width: 70px
    }
}

.m-one-step SPAN {
    display: block;
    margin-top: 0;
    font-size: 19px
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .m-one-step SPAN {
        margin-top: 22px
    }
}

@media only screen and (max-width:39.938em) {
    .m-one-step SPAN {
        font-size: 14px
    }
}

.m-one-step .button {
    margin: 15px auto 0
}

.m-one-step.status-done {
    color: #bababa
}

.m-one-step.status-done .image-wrapper {
    display: none
}

.m-one-step.status-done .content-wrapper {
    margin-left: 0
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .m-one-step.status-done .content-wrapper {
        margin-left: 33.33333%
    }
}

@media only screen and (max-width:39.938em) {
    .m-one-step.status-done .content-wrapper {
        padding: 0 5px 0 45px
    }
}

.m-one-step.status-current .content-wrapper {
    padding: 0
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .m-one-step.status-current .content-wrapper {
        padding: 0 20px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .m-one-step.status-current IMG {
        margin-right: auto;
        margin-left: auto
    }
}

.m-one-step:not(.status-current) {
    background-size: 85px;
    background-position: calc(33% / 2 - 20px) 0
}

@media only screen and (max-width:39.938em) {
    .m-one-step:not(.status-current) {
        padding-top: 10px;
        padding-bottom: 10px;
        border: 1px solid #bababa
    }

    .m-one-step:not(.status-current).status-done {
        padding-right: 45px;
        background-size: 25px 25px;
        background-position: calc(100% - 20px) 50%
    }

    .m-one-step:not(.status-current) .image-wrapper {
        display: none
    }
}

@media only screen and (min-width:80em) {
    .m-one-step:not(.status-current) {
        background-position: 50% 0
    }

    .m-one-step:not(.status-current).status-done {
        background-position: 50% 10px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .m-one-step:not(.status-current).status-done {
        background-size: 75px 57px
    }
}

@media only screen and (min-width:80em) {
    .m-one-step:not(.status-current) .content-wrapper {
        margin-top: 96px;
        padding-left: 0
    }
}

.m-one-step:not(.status-current):not(.status-done) .button,
.m-one-step:not(.status-current):not(.status-done) .onlycurrent {
    display: none
}

.m-one-step:not(.status-current) IMG {
    display: none
}

.step-by-step-status-box-opa-joker .m-one-step.status-next-step-filiale {
    background-image: url(../Images/3-haspa-icon-idendity-gif-data.gif);
    background-repeat: no-repeat
}

@media only screen and (max-width:39.938em) {
    .step-by-step-status-box-opa-joker .m-one-step.status-next-step-filiale {
        background-image: none
    }
}

.step-by-step-status-box-opa-joker .m-one-step.status-next-step-filiale.status-current {
    background-image: none
}

.step-by-step-status-box-opa-joker .m-one-step.status-next-step-filiale.status-current IMG {
    display: block
}

.step-by-step-status-box-opa-joker .m-one-step.status-next-step-filiale.status-current SPAN {
    margin-top: 0
}

.step-by-step-status-box-opa-joker .m-one-step.status-next-step-filiale.status-current .step-text {
    margin-top: 10px
}

.step-by-step-status-box-opa-joker [data-is-single="false"] .onlysingle,
.step-by-step-status-box-opa-joker[data-is-single="false"] .onlysingle,
.m-opa-joker__closingtext [data-is-single="false"] .onlysingle,
.m-opa-joker__closingtext[data-is-single="false"] .onlysingle {
    display: none
}

.step-by-step-status-box-opa-joker [data-is-single="true"] .onlynonsingle,
.step-by-step-status-box-opa-joker[data-is-single="true"] .onlynonsingle,
.m-opa-joker__closingtext [data-is-single="true"] .onlynonsingle,
.m-opa-joker__closingtext[data-is-single="true"] .onlynonsingle {
    display: none
}

@media only screen and (min-width:80em) {
    .chat-tab {
        position: fixed;
        top: 100px;
        right: -300px;
        left: auto;
        width: 300px;
        z-index: 900;
        padding: 40px;
        font-size: 10px;
        text-align: center;
        background-color: #fff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
        transition: all 300ms ease-in-out
    }

    .chat-tab .chat-tab__close-btn {
        font-family: 'haspa-icons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        position: absolute;
        right: 2px;
        top: 5px;
        height: 20px;
        width: 20px;
        text-align: center;
        color: #a6a6a6;
        cursor: pointer
    }

    .chat-tab .chat-tab__close-btn::after {
        content: "\e012"
    }

    .chat-tab P {
        margin: 0;
        font-size: 16px;
        line-height: 1.25
    }

    .chat-tab .button {
        margin: 12px 0 0
    }

    .chat-tab.is-open {
        right: 100px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .content-main {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media only screen and (min-width:80em) {
    .content-main {
        margin-left: 80px;
        margin-right: 80px
    }
}

.content-main .summary-text {
    margin-left: 20px;
    margin-right: 20px
}

.content-main .content-table {
    margin-top: 0
}

meta.foundation-version {
    font-family:"/{{VERSION}}/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 39.938em)/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40em)/";
    width: 40em
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40em) and (max-width:79.938em)/";
    width: 40em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:80em)/";
    width: 80em
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:80em) and (max-width:99.938em)/";
    width: 80em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:100em)/";
    width: 100em
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:100em) and (max-width:99999999em)/";
    width: 100em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

/*!********** Icons ***********/
@media only screen and (max-width:79.938em) {
    .show-only-desktop {
        display: none;
        visibility: hidden
    }
}

@media only screen and (min-width:80em) {
    .hide-only-desktop {
        display: none;
        visibility: hidden
    }
}

@media only screen and (min-width:80em) {
    body {
        overflow-x: hidden
    }
}

@media only screen and (min-width:80em) {
    .page-wrapper {
        position: relative;
        z-index: 1
    }
}

.page-wrapper.active {
    -webkit-transform: translate(287px, 0);
    -ms-transform: translate(287px, 0);
    transform: translate(287px, 0)
}

@media only screen and (min-width:40em) {
    .page-wrapper.active {
        -webkit-transform: translate(287px, 0);
        -ms-transform: translate(287px, 0);
        transform: translate(287px, 0)
    }
}

@media only screen and (min-width:80em) {
    .page-wrapper.active {
        position: relative
    }
}

@media only screen and (max-width:39.938em) {
    .page-wrapper.active.page-wrapper-main {
        top: 92px
    }
}

@media only screen and (min-width:40em) and (max-width:79.938em) {
    .page-wrapper.active.page-wrapper-main {
        top: 136px
    }
}

@media only screen and (min-width:80em) and (max-width:99.938em) {
    .page-wrapper.active.page-wrapper-main {
        top: 0
    }
}

header.main-header.migration-header {
    border-top-width: 10px;
    z-index: 1
}

@media only screen and (max-width:39.938em) {
    header.main-header.migration-header {
        border-top-width: 8px
    }
}

@media only screen and (min-width:80em) {
    header.main-header.migration-header .row {
        padding: 0 1.07143rem
    }
}

header.main-header.migration-header .header-button {
    text-align: right;
    font-size: 0;
    margin-top: 1.07143rem;
    margin-bottom: 1.07143rem;
    z-index: 101
}

@media only screen and (min-width:40em) {
    header.main-header.migration-header .header-button {
        margin-top: 1.85714rem
    }
}

header.main-header.migration-header .header-button a {
    display: inline-block;
    vertical-align: top
}

header.main-header.migration-header .header-button .button {
    margin: 0;
    float: right;
    z-index: 101
}

@media only screen and (min-width:40em) {
    header.main-header.migration-header .header-button .button {
        float: none
    }
}

@media only screen and (max-width:39.938em) {

    header.main-header.migration-header .header-button .button.login,
    header.main-header.migration-header .header-button .button.secondary,
    header.main-header.migration-header .header-button .button.primary {
        padding: .21429rem .57143rem .35714rem .57143rem;
        max-height: 26px
    }

    header.main-header.migration-header .header-button .button.login:after,
    header.main-header.migration-header .header-button .button.secondary:after,
    header.main-header.migration-header .header-button .button.primary:after {
        display: none
    }
}

@media only screen and (min-width:40em) {

    header.main-header.migration-header .header-button .button.login:after,
    header.main-header.migration-header .header-button .button.secondary:after,
    header.main-header.migration-header .header-button .button.primary:after {
        display: block
    }
}

header.main-header.migration-header.has-no-stage::after {
    bottom: 0;
    left: 0;
    width: 100%
}

@media only screen and (min-width:80em) {
    header.main-header {
        margin-bottom: 0
    }

    header.main-header .columns.logo {
        width: 50%;
        margin-right: 0
    }
}

header.main-header .logo a img {
    margin: .28571rem 0 .35714rem 0;
    max-height: 47px
}

@media only screen and (min-width:40em) {
    header.main-header .logo a img {
        margin: .5rem 0 .57143rem 0;
        min-height: 66px;
        max-height: 66px
    }
}

@media only screen and (min-width:80em) {
    main {
        padding-top: 2.85714rem
    }
}

.global-nav {
    width: 287px;
    -webkit-transform: translate(-287px, 0);
    -ms-transform: translate(-287px, 0);
    transform: translate(-287px, 0);
    top: 8px
}

@media only screen and (min-width:80em) {
    .global-nav {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.global-nav:before,
.global-nav:after {
    display: block
}

.global-nav:before {
    height: 8px
}

@media only screen and (min-width:40em) {
    .global-nav:before {
        height: 10px
    }
}

.global-nav nav {
    margin-top: 15px;
    padding: 0
}

.global-nav nav ul {
    margin: 0;
    padding: 0
}

.global-nav li>a:hover {
    color: #fff;
    background-color: #b9271f
}

.global-nav a {
    display: block;
    padding: .78571rem 1.14286rem;
    border-bottom: 0;
    font-size: 1.14286rem
}

.global-nav a:hover {
    color: inherit
}

.global-nav a.headline {
    display: block
}

@media only screen and (min-width:80em) {
    .global-nav a.active-page {
        border-bottom: 0
    }
}

.global-nav ul ul ul {
    display: none
}

.global-nav ul ul ul.active {
    padding-bottom: 0
}

.global-nav ul ul li a {
    background-color: #e8e8e8
}

.global-nav ul ul li a:hover {
    background-color: #d4d4d4;
    color: #3f3f3f
}

.global-nav nav>ul.top-class-menu>li>a {
    display: block
}

.global-nav nav>ul>li>ul>li {
    display: block
}

.global-nav nav>ul>li>ul>li.active {
    display: block
}

@media only screen and (min-width:80em) {
    .global-nav nav>ul>li>ul>li>ul>li {
        margin-bottom: 0
    }
}

@media only screen and (min-width:80em) {
    .global-nav nav>ul>li>ul>li>ul>li>ul>li>a {
        line-height: inherit;
        padding: .78571rem 1.14286rem .78571rem 2.64286rem
    }
}

.global-nav .menu-row {
    float: none;
    width: auto
}

.global-nav .menu-row>li {
    padding-right: 0
}

.global-nav .menu-row>li>a {
    font-family: 'Sparkasse-Regular';
    font-size: 1.14286rem;
    line-height: inherit;
    margin-bottom: 0;
    background-color: #f6f6f6;
    padding: .78571rem 1.14286rem .78571rem 1.85714rem
}

.global-nav .menu-row>li>a.active {
    font-family: 'Sparkasse-Bold'
}

.global-nav .menu-row>li>a:hover {
    background-color: #ececec;
    color: #3f3f3f
}

.global-nav .menu-row>li>a.nav-link {
    padding-left: 1.85714rem
}

.global-nav span {
    display: block
}

.global-nav :not(.navigation-close) .nav-link {
    display: block
}

.open-mobile-nav a:hover span {
    color: #f73429
}

.open-mobile-nav a:hover:after {
    color: #f73429
}

.migration-nav a {
    line-height: 4rem;
    color: #3f3f3f;
    font-size: .85714rem;
    font-family: 'Sparkasse-Bold'
}

.migration-nav a:hover {
    color: red
}

@media only screen and (min-width:40em) {
    .migration-nav a {
        display: inline-block;
        font-size: 1rem;
        margin-top: 1.71429rem
    }
}

.o-details-with-crossheading #formContainer {
    width: 100%
}

.cookie-alert {
    position: fixed;
    bottom: 0;
    padding: 20px; //color:#f73429;background-color:#fff;font-size:16px;line-height:20px;width:100%;border-top:6px solid #f73429}.cookie-alert .button-panel{margin-top:20px}.cookie-alert .button{padding:10px 20px;font-size:16px;line-height:20px}.is-cookie-alert-overlay .overlay-content-container{padding:0}