/**
 * DevBooster - v0.5.0
 * Copyright (c) 2016 TARGOBANK
 */
@charset "UTF-8";
/**
 * request-app
 */
@import url("/de/amc-resources/css/screen.responsive.css");

html.loading body {
    visibility: hidden;
}

/* '&' */
/* '°' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
:root {
    --kobaltblau-10: #002F5F;
    --kobaltblau-09: #003C6C;
    --kobaltblau-08: #114A78;
    --kobaltblau-07: #2B6391;
    --kobaltblau-06: #4675A1;
    --kobaltblau-05: #7A9CC0;
    --kobaltblau-04: #8CADCF;
    --kobaltblau-03: #A0BAD7;
    --kobaltblau-02: #BACADF;
    --kobaltblau-01: #DAE1EB;
    --Kobaldblau-11: #001f3e;

    --skyblue-10: #0079B2;
    --skyblue-09: #0087C0;
    --skyblue-08: #0092CC;
    --skyblue-07: #009DD8;
    --skyblue-06: #00B6ED;
    --skyblue-05: #5FC2F3;
    --skyblue-04: #4DBCF0;
    --skyblue-03: #93D4F8;
    --skyblue-02: #B0DFF9;
    --skyblue-01: #E7F5FD;

    /* --error-field:#C20831; */
    --error-field: #BB133E;
    --silvergrau-09: #5D5D5D;

    /*responsive improvement*/
    --fs-30-px: 3.0rem;
    --fs-25-px: 2.5rem;
    --fs-24-px: 2.4rem;
    --fs-22-px: 2.2rem;
    --fs-21-px: 2.1rem;
    --fs-20-px: 2.0rem;
    --fs-19-px: 1.9rem;
    --fs-18-px: 1.8rem;
    --fs-17-px: 1.7rem;
    --fs-16-px: 1.6rem;
    --fs-15-px: 1.5rem;
    --fs-14-px: 1.4rem;
    --fs-13-px: 1.3;
    --fs-12-px: 1.2rem;
    --fs-11-px: 1.1rem;
    --fs-10-px: 1.0rem;
}

.fs-10px {
    font-size: var(--fs-10-px);
}

.fs-11px {
    font-size: var(--fs-11-px);
}

.fs-12px {
    font-size: var(--fs-12-px);
}

.fs-13px {
    font-size: var(--fs-13-px);
}

.fs-15px {
    font-size: var(--fs-15-px);
}

.fs-16px {
    font-size: var(--fs-16-px);
}

.fs-18px {
    font-size: var(--fs-18-px);
}

.fs-20px {
    font-size: var(--fs-20-px);
}

.fs-25px {
    font-size: var(--fs-25-px);
}

.fs-30px {
    font-size: var(--fs-30-px);
}

.m-gf-consent {
    margin: 0px 0px 0px 1.0rem;
}

.m-dac-login {
    margin: 4.0rem 0px;
}

.m-gf-dac-info {
    margin: 3.2rem 0px 0px 0px;
}

.m-gf-upsell {
    margin: 0.5rem 0px 1.5rem 0px;
}

.m-10px-important {
    margin: 1rem !important;
}

.mr-minus-20px {
    margin-right: -2rem;
}

.mr-10px {
    margin-right: 1rem;
}

.ml-230px {
    margin-left: 23.0rem;
}

.ml-208px {
    margin-left: 20.8rem;
}

.ml-42px {
    margin-left: 4.2rem;
}

.ml-13px {
    margin-left: 1.3rem;
}

.ml-10px-important {
    margin-left: 1.0rem !important;
}

.ml-10px {
    margin-left: 1.0rem;
}

.ml-5px {
    margin-left: 0.5rem;
}

.ml-1px {
    margin-left: 0.1rem;
}

.mt-140px {
    margin-top: 14rem;
}

.mt-50px {
    margin-top: 5rem;
}

.mt-30px {
    margin-top: 3rem;
}

.mt-20px {
    margin-top: 2rem;
}

.mt-15px {
    margin-top: 1.5rem;
}

.mt-12px {
    margin-top: 1.2rem;
}

.mt-10px {
    margin-top: 1rem;
}

.mt-0px-important {
    margin-top: 0px !important;
}

.mt-5px {
    margin-top: 0.5rem;
}

.mt-minus-100px {
    margin-top: -10.0rem;
}

.mt-minus-25px {
    margin-top: -2.5rem !important;
}

.mt-minus-20px {
    margin-top: -2.0rem;
}

.mt-minus-15px {
    margin-top: -1.5rem;
}

.mt-minus-12px {
    margin-top: -1.2rem;
}

.mt-minus-10px {
    margin-top: -1.0rem;
}

.mt-minus-8px {
    margin-top: -0.8rem;
}

.mb-minus-10px {
    margin-bottom: -1rem;
    ;
}

.mb-35px {
    margin-bottom: 3.5rem;
}

.mb-30px {
    margin-bottom: 3.0rem;
}

.mb-25px {
    margin-bottom: 2.5rem;
}

.mb-15px {
    margin-bottom: 1.5rem;
}

.mb-10px {
    margin-bottom: 1rem;
}

.mb-5px {
    margin-bottom: 0.5rem;
}

.bt-2px-solid {
    border-top: 0.2rem dashed #002F5F;
}

.b-radius-15px {
    border-radius: 1.5rem;
}

.b-radius-15px-bottom {
    border-radius: 0px 0px 1.5rem 1.5rem;
}

.dp-block {
    display: block;
}

.min-height-60px {
    min-height: 6rem;
}

.img-webid-logo {
    display: block;
    height: 7rem;
    margin-left: auto;
    margin-right: 5%;
}

.img-50px-50px {
    width: 5rem;
    height: 5rem;
}

.link-download {
    font-weight: bold;
    line-height: 2
}

.gf-box-style {
    margin-bottom: 6rem;
    margin-top: 2rem;
    background-color: #e7f5fd;
    border: #e7f5fd
}

.h1-digital-option {
    margin: 1.2rem 0px 0px 2.0rem;
}

.gf-perd-address2 {
    border: 1px solid #BB133E;
    border-radius: 0.5rem;
    padding: 1.0rem 0.3rem 2.0rem 0px;
}

.gf-wlb-display {
    text-align: center;
    padding: 1.0rem 0px 2.0rem 0px;
    margin: inherit
}

.pl-7px {
    padding-left: 0.7rem;
}

.pt-20px {
    padding-top: 2rem;
}

.pt-10px {
    padding-bottom: 1.0rem;
}

.pb-9px {
    padding-bottom: 0.9rem;
}

.p-frbl-summary {
    padding: 1rem 0px
}

.p-loan-hide {
    padding: 1rem 0px
}

.p-dac-info {
    padding: 2.0rem 0px 1.0rem 5.8rem;
}

.p-wlb-page {
    padding: 4.0rem 0px 0px 2.0rem;
}

.line-height-18px-important {
    line-height: 1.8rem !important;
}

.width-45px {
    width: 4.5rem;
}

.width-70px {
    width: 7.0rem;
}

.width-78px {
    width: 7.8rem;
}

.width-210px {
    width: 21rem;
}

.frbl-max-width {
    max-width: 50rem !important;
}

.btn-link-button {
    background: none;
    border: none;
    text-decoration: underline;
}

/* over write the screen.responsive.css setting */
.container-fluid {
    max-width: 99.0rem;
}


.header {
    background: #fff;
    width: 100%;
    position: relative;
    min-height: 5rem;
    border-bottom: 0.3rem solid var(--kobaltblau-10);
    padding: 1.4rem 0;
}

/* DATEPICKER MONTH YEAR FORMAT CLASSES */
.hide-me-for-month-year-format {
    display: none !important;
}

.hide-date-picker>.ui-datepicker-calendar,
.ui-datepicker-current {
    display: none;
}

/* DATEPICKER MONTH YEAR FORMAT CLASSES */

.header:before {
    content: '';
    display: block;
    height: 1px;
    background: #BC133E;
    bottom: 0px;
    left: 0;
    right: 0;
    position: absolute;
}

.header .logo {
    width: 14.2rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.header .logo>a {
    display: block;
}

@media (min-width: 768px) {
    .header .logo {
        width: 18.4rem;
        float: left;
    }
}

@media (min-width: 992px) {
    .header .logo {
        width: 20.6rem;
    }
}

.header .logo img {
    display: block;
    width: 100%;
    height: auto;
}

.header .logo .custom-logo-bankadas {
    width: 7rem;
    margin-top: 1.0rem;
    float: right;
}

.header .logo .custom-logo-tb {
    margin-top: -1.5rem;
}

@media (min-width: 768px) {
    .header {
        padding: 1.7rem 0.5rem 0 0.5rem;
        border-bottom-width: 0.5rem;
        height: 6.6rem;
    }

    .header:before {
        bottom: 0.2rem;
    }
}

@media (min-width: 992px) {
    .header {
        padding-top: 3.4rem;
        border-bottom-width: 0.9rem;
        height: 95px;
    }

    .header:before {
        bottom: 0.3rem;
        height: 0.2rem;
    }
}

.headerv2 .contact-label {
    display: none;
}

.headerv2 .cockpit2 .direct-menu {
    margin-top: 0;
}


html.has-header-v2.dm-layer-open body,
html.has-header-v2.mobile-nav-open body {
    height: 100%;
    width: 100%;
    position: fixed;
}

html.has-header-v2.nav-is-sticky:not(.mobile-nav-open) .headerv2 .burger,
html.has-header-v2.nav-is-sticky:not(.mobile-nav-open) .headerv2 .login,
html.has-header-v2.nav-is-sticky:not(.mobile-nav-open) .headerv2 .logo {
    display: none;
}



@media (min-width:768px) {
    html.has-header-v2 .page {
        padding-top: 10rem;
    }

    html.has-header-v2.nav-is-sticky .headerv2 {
        box-shadow: none;
    }

    html.has-header-v2.nav-is-sticky .headerv2 .search,
    html.has-header-v2.nav-is-sticky .headerv2 .segment-nav {
        display: none;
    }

    html.has-header-v2.nav-is-sticky .headerv2 .logo img {
        height: 2.7rem;
    }

    html.has-header-v2.nav-is-sticky .headerv2 .login {
        float: right;
        margin-left: 1.5rem;
    }

    html.has-header-v2.nav-is-sticky .headerv2 .burger,
    html.has-header-v2.nav-is-sticky:not(.mobile-nav-open) .headerv2 .login,
    html.has-header-v2.nav-is-sticky:not(.mobile-nav-open) .headerv2 .logo {
        display: none;
    }
}

@media (min-width:768px) {
    html.has-header-v2 .page {
        padding-top: 10.0rem;
    }

    html.has-header-v2.nav-is-sticky .headerv2 {
        box-shadow: none;
    }

    html.has-header-v2.nav-is-sticky .headerv2 .search,
    html.has-header-v2.nav-is-sticky .headerv2 .segment-nav {
        display: none;
    }

    html.has-header-v2.nav-is-sticky .headerv2 .logo img {
        height: 2.7rem;
    }

    html.has-header-v2.nav-is-sticky .headerv2 .login {
        float: right;
        margin-left: 1.5rem;
    }

    html.has-header-v2.nav-is-sticky .headerv2 .login.logged-in {
        margin-left: 2.0rem;
    }

    .headerv2 {
        height: 10rem;
        -webkit-transition: all .5s;
        transition: all .5s;
    }

    html.nav-is-sticky .headerv2 {
        height: 7rem;
    }

    html:not(.dm-layer-open) .headerv2 {
        overflow: hidden;
    }
}

.headerv2 {
    background: #fff;
    width: 100%;
    position: fixed;
    padding-bottom: 1.4rem;
    z-index: 12;
    top: 0;
    left: 0;
    box-shadow: inset 0 -0.9rem 0 0 #002F5F, inset 0 -1.2rem 0 0 #FFF, inset 0 -1.4rem 0 0 #BA1841;
}

.headerv2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.headerv2>.inner {
    max-width: 99.0rem;
    margin: 0 auto;
}

@media (min-width:768px) {
    .headerv2>.inner {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: start;
        align-items: start;
        padding: 1.5rem 1.0rem 0.7rem;
    }

    .headerv2 .cockpit2 {
        -webkit-box-flex: 1;
        flex: 1;
        text-align: right;
    }
}

@media (min-width:992px) {
    .headerv2>.inner {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width:767px) {
    .headerv2 .logo {
        position: relative;
        height: 4.5rem;
        padding-top: 1.0rem;
        display: block;
    }

    .headerv2 .logo img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 2.2rem;
        max-width: 20.0rem;
        width: 100%;
    }

    .gf-main-setting {
        /*overflow: visible !important;*/
        overflow-x: clip !important;
    }
}

@media (min-width:768px) {
    .headerv2 .logo {
        padding: 1.5rem 1.5rem 0 0;
        -webkit-transition: padding .5s;
        transition: padding .5s;
        max-width: 40rem;
    }

    html.nav-is-sticky .headerv2 .logo {
        padding-top: 0.5rem;
    }

    .headerv2 .logo img {
        display: block;
    }

    .headerv2 .logo img[src$="targobank-logo.svg"] {
        width: 20.6rem;
        height: 3.0rem;
    }

    .headerv2 .logo img[src$="targocf-logo.svg"] {
        width: 37.0rem;
        height: 1.8rem;
        margin-top: 0.5rem;
    }

    .headerv2 .logo img[src$="targodirekt.png"],
    .headerv2 .logo img[src$="targobank-logo-bankadas.svg"] {
        width: 28.6rem;
        height: 3.0rem;
    }

}

.headerv2 .logo>a {
    display: block;
}

@media (max-width:767px) {

    .headerv2 .login .btn-home,
    .headerv2 .login .btn-label,
    .headerv2 .login .user-name {
        display: none;
    }

    .headerv2 .login {
        position: absolute;
        top: 0.6rem;
        right: 0.6rem;
        z-index: 1;
    }

    html.mobile-nav-open .headerv2 .login {
        opacity: .5;
        pointer-events: none;
    }

    .gf-main-setting {
        /*overflow: visible !important;*/
        overflow-x: clip !important;
    }
}

@media (min-width:768px) {
    .headerv2 .login {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-left: 1.0rem;
    }

    .headerv2 .login .times {
        margin-left: 0.6rem;
        display: inline-block;
        vertical-align: top;
    }

    .headerv2 .login .btn-label+[class*=icon-] {
        margin-left: 0.6rem;
    }

    .headerv2 .login .user-name {
        display: inline-block;
        vertical-align: middle;
        font-size: var(--fs-12-px);
        color: #333;
        font-weight: 700;
        margin-right: 0.5rem;
        text-align: left;
    }

    .headerv2 .login.logged-in:after {
        position: absolute;
        top: -0.6rem;
        bottom: -0.6rem;
        right: -0.6rem;
        left: -0.6rem;
        background-color: #EDF3FC;
        content: '';
        z-index: -1;
        border-radius: 0.4rem;
    }
}

html.firmenkunden .headerv2 .search {
    display: none !important;
}

@media (max-width:767px) {
    .headerv2 .search {
        display: none;
    }
}

@media (min-width:768px) {
    .headerv2 .search {
        display: inline-block;
        vertical-align: middle;
        margin-left: 1.2rem;
        position: relative;
    }

    .headerv2 .search.has-focus:before {
        display: none;
    }

    .headerv2 .search.has-focus .search-input {
        padding-left: 1.0rem;
    }

    .headerv2 .search:before {
        content: "\e828";
        font-family: targobank;
        color: #999;
        position: absolute;
        left: 1.4rem;
        top: 1.0rem;
        line-height: 1;
    }

    .headerv2 .search .search-input {
        border-radius: 0.4rem;
        border: 0.1rem solid #E6EBEF;
        padding: 0.5rem 0.5rem 0.5rem 3.5rem;
        color: #999;
        line-height: 1.5;
        width: 14.2rem;
        -webkit-transition: padding .2s linear;
        transition: padding .2s linear;
    }
}

.headerv2 .direct-menu .dm-layer .layer-close,
.headerv2 .segment-nav a {
    font-family: targobank, FrutigerNextW02-MediumC, Arial, Helvetica, Sans-serif;
}

@media (max-width:767px) {
    .headerv2 .segment-nav {
        display: none;
        padding: 2rem 0;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #DBE7F9;
        box-shadow: inset 0 0.2rem 1.5rem 0 rgba(0, 0, 0, .5);
    }

    html.mobile-nav-open .headerv2 .segment-nav {
        display: block;
    }

    .headerv2 .segment-nav ul {
        text-align: center;
    }
}

@media (min-width:768px) {
    .headerv2 .segment-nav {
        display: inline-block;
        vertical-align: middle;
    }
}

.headerv2 .segment-nav ul>li {
    display: inline-block;
    margin: 0 1.2rem 0 0;
}

.headerv2 .segment-nav a {
    font-size: var(--fs-17-px);
    color: var(--kobaltblau-10);
}

.headerv2 .segment-nav .active>a {
    text-decoration: underline;
}

@media (max-width:767px) {
    .headerv2 .direct-menu {
        border-top: 0.1rem solid #ccc;
    }

    .headerv2 .direct-menu ul {
        display: -webkit-box;
        display: flex;
    }

    .headerv2 .direct-menu ul>li {
        -webkit-box-flex: 1;
        flex: 1;
        text-align: center;
        font-size: var(--fs-18-px);
    }

    .headerv2 .direct-menu ul>li+li {
        border-left: 0.1rem solid #ccc;
    }

    .headerv2 .direct-menu a {
        display: block;
        height: 5.0rem;
        padding-top: 0.6rem;
    }

    .headerv2 .direct-menu .dm-label {
        display: block;
        font-size: var(--fs-11-px);
    }

    .headerv2 .direct-menu .dm-layer {
        position: fixed;
        bottom: 0;
        top: 9.5rem;
        left: 0;
        right: 0;
        padding: 2.0rem;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-x: hidden;
        overflow-y: scroll;
        box-shadow: 0 0.2rem 1.5rem 0 rgba(0, 0, 0, .5);
    }

    .headerv2 .direct-menu .dm-layer .layer-close {
        text-align: right;
        margin-bottom: 2.0rem;
    }
}

@media (min-width:768px) {
    .headerv2 .direct-menu {
        margin-top: 1.2rem;
    }

    .headerv2 .direct-menu ul>li {
        display: inline-block;
    }

    .headerv2 .direct-menu ul>li+li {
        margin-left: 2.0rem;
    }

    .headerv2 .direct-menu a {
        color: #707E9E;
    }

    .headerv2 .direct-menu a [class*=icon-] {
        color: #C6CFD9;
    }

    .headerv2 .direct-menu a:focus,
    .headerv2 .direct-menu a:focus [class*=icon-],
    .headerv2 .direct-menu a:hover,
    .headerv2 .direct-menu a:hover [class*=icon-] {
        color: var(--kobaltblau-10);
    }

    html.nav-is-sticky .headerv2 .direct-menu {
        margin-top: 0.8rem;
    }

    .headerv2 .direct-menu .dm-layer {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, .5);
    }

    .headerv2 .direct-menu .dm-layer .layer-inner {
        min-height: 10.0rem;
        padding: 0.2rem 0.1rem;
        display: -webkit-box;
        display: flex;
    }

    .headerv2 .direct-menu .dm-layer .layer-close {
        -webkit-box-ordinal-group: 3;
        order: 2;
        margin: 0 0 2.0rem 2.0rem;
    }

    .headerv2 .direct-menu .dm-layer .layer-app {
        -webkit-box-flex: 1;
        flex: 1;
    }
}

@media (min-width:768px) and (min-width:992px) {
    .headerv2 .direct-menu .dm-layer .layer-inner {
        padding-left: 0;
        padding-right: 0;
    }
}

.headerv2 .direct-menu .dm-layer {
    text-align: left;
    display: none;
    background: #EDF3FC;
}

html.dm-layer-open .headerv2 .direct-menu .dm-layer {
    display: block;
}

.headerv2 .direct-menu .dm-layer .layer-close {
    cursor: pointer;
    font-size: var(--fs-17-px);
}

.headerv2 .direct-menu .dm-layer .layer-inner {
    max-width: 99.0rem;
    margin: 0 auto;
}

.headerv2 .direct-menu a.active {
    color: var(--kobaltblau-10);
}

.headerv2 .burger {
    display: none;
}

@media (max-width:767px) {
    .headerv2 .burger {
        cursor: pointer;
        height: 3.3rem;
        width: 4.0rem;
        display: block;
        position: absolute;
        z-index: 1;
        top: 0.6rem;
        left: 0.6rem;
    }

    .headerv2 .burger>.stripe {
        position: absolute;
        display: block;
        height: 0.3rem;
        width: 2.4rem;
        left: 0.8rem;
        background-color: var(--kobaltblau-10);
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .headerv2 .burger>.stripe:nth-child(1) {
        top: 0.9rem;
    }

    .headerv2 .burger>.stripe:nth-child(2) {
        top: 1.5rem;
    }

    .headerv2 .burger>.stripe:nth-child(3) {
        top: 2.1rem;
    }

    html.mobile-nav-open .headerv2 .burger>.stripe:nth-child(1) {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        top: 1.5rem;
    }

    html.mobile-nav-open .headerv2 .burger>.stripe:nth-child(2) {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    html.mobile-nav-open .headerv2 .burger>.stripe:nth-child(3) {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        top: 1.5rem;
    }
}

.headerv2 .dm-form-branch-search input.form-control {
    width: 12.0rem;
    display: inline-block;
    margin-right: 0.5rem;
    background-color: #fff;
    vertical-align: middle;
}

.headerv2 .dm-telephone .info-text {
    color: #999;
    font-size: var(--fs-12-px);
}

.headerv2 .dm-telephone .primary-number {
    margin-bottom: 3.5rem;
}

.headerv2 .dm-telephone .toggle-all-numbers {
    margin: 3.5rem 0 1.5rem;
    color: #8D9FB4;
    text-decoration: underline;
    cursor: pointer;
}

.headerv2 .dm-telephone .all-numbers {
    display: none;
}

.headerv2 .dm-telephone .number-box {
    margin: 1.5rem 0;
    padding: 1.0rem;
    border-bottom: 0.1rem solid #E6EBEF;
    overflow: hidden;
    line-height: 1.5;
}

@media (max-width:767px) {
    .headerv2 .dm-telephone .number-box .number-label {
        margin-bottom: 1rem;
    }
}

#navigation-v2 {
    z-index: 10;
}

#navigation-v2>.inner {
    max-width: 99.0rem;
    margin: 0 auto;
}

@media (min-width:768px) {
    .headerv2 .dm-telephone .number-box {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: start;
        align-items: flex-start;
        min-height: 6.5rem;
    }

    .headerv2 .dm-telephone .number-box .number-label {
        -webkit-box-flex: 1;
        flex: 1;
        padding-right: 1.5rem;
    }

    .headerv2 .dm-telephone .number-box .number {
        flex-basis: 34%;
    }

    .headerv2 .cockpit2 a [class*=icon-] {
        color: #8D9FB4;
        font-size: var(--fs-20-px);
    }
}

@media (min-width: 992px) {
    .headerv2 .cockpit2 {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: end;
        align-items: flex-end;
    }

    .headerv2 .contact-label {
        display: block;
        text-align: left;
        color: var(--kobaltblau-10);
        font-family: targobank, "Frutiger Next W02 Light_724914", Arial, Helvetica, Sans-serif;
        font-size: var(--fs-16-px);
        line-height: 1.25;
        margin-left: 4.0rem;
    }

    .headerv2 .cockpit2 .direct-menu {
        -webkit-box-flex: 1;
        flex: 1;
    }

    .headerv2 .contact-label span {
        font-size: var(--fs-24-px);
    }
}

@media (min-width: 768px) {
    .headerv2 .direct-menu {
        margin-top: 1.2rem;
    }
}

.cockpit {
    display: none;
    position: relative;
    text-align: right;
}

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

.cockpit:after {
    clear: both;
}

@media (min-width: 768px) {
    .cockpit {
        display: block;
        margin-left: 21.0rem;
    }
}

@media (min-width: 992px) {
    .cockpit {
        margin-left: 23.0rem;
    }
}

@media (max-width: 767px) {
    .footer {
        background-color: #DBE7F9;
        padding: 2.5rem 0 0 0;
    }
}

@media (min-width: 768px) {
    .footer {
        background-color: #DBE7F9;
        padding: 2.5rem 0 1.5rem 0;
        line-height: 0px;
    }
}

.footer .nav {
    padding: 0.8rem 0;
}

.footer .nav ul {
    padding-left: 0;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -0.5rem;
}

.footer .nav ul>li {
    display: inline-block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.footer .nav ul li a:focus {
    outline-width: 0.2rem;
    outline-offset: 0.3125rem;
    outline-style: solid;
}

@media (min-width: 768px) {
    .footer .nav {
        text-align: center;
        border-top: 0.1rem solid #EFF0F2;
    }

    .footer .nav ul li {
        border-left: 0.1rem solid #999999;
        line-height: 1;
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }

    .footer .nav ul li a {
        color: var(--kobaltblau-10);
    }

    .footer .nav ul li a:hover,
    .footer .nav ul li a:focus {
        text-decoration: underline;
    }

    .footer .nav ul li:first-of-type {
        border-left-color: transparent;
    }
}

@media (max-width: 767px) {

    .footer .nav ul:before,
    .footer .nav ul:after {
        content: " ";
        display: inline;
    }

    .footer .nav ul:after {
        clear: both;
    }

    .footer .nav ul li {
        display: block;
        float: left;
        width: 50%;
    }

    .footer .nav ul li a {
        display: block;
        padding: 0.5rem 0;
        text-decoration: underline;
        color: var(--kobaltblau-10);
    }

    .footer .nav ul li:nth-child(even) {
        text-align: right;
    }

    .footer .nav ul li:nth-child(odd) {
        clear: both;
    }
}

.request-app {
    position: relative;
}

.request-app.is-loading {
    visibility: hidden;
}

.request-app .request-inner {
    max-width: 101.0rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    min-height: 70.0rem;
}

@media (min-width: 768px) {
    .request-app {
        padding: 0 0.10rem;
    }

    .request-app>.bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: auto;
        padding-top: 44%;
        background: transparent url(/de/GOPA/Public/images/background.jpg) center 0/auto 100% no-repeat;
    }
}

@media (max-width: 767px) {
    .request-app {
        -webkit-transition: left 400ms;
        -o-transition: left 400ms;
        transition: left 400ms;
    }

    html.show-mobile-directmenu .request-app {
        left: -80%;
    }
}

@media (min-width: 992px) {
    .request-app>.bg {
        height: 43.0rem;
        padding-top: 0;
    }
}

.request-app .next-steps>div {
    margin-bottom: 2.0rem;
}

.request-app .next-steps>div>img.img-responsive.center-block {
    height: 4.4rem;
    width: auto;
}

.request-app .next-steps .feature-box {
    padding: 0.5rem 1.0rem 0 1.0rem;
}

.request-app .next-steps .feature-box p strong {
    color: #8D9FB4;
}

@media (min-width: 992px) {
    .request-app .next-steps .feature-box {
        margin-top: -2.2rem;
    }
}

@media (max-width: 767px) {
    .request-app .next-steps img.img-responsive.center-block {
        margin-bottom: 1.0rem;
    }

    .request-app .next-steps .next-steps-headline {
        margin-top: 0;
    }

    .request-app .next-steps .feature-box {
        padding-right: 3.0rem;
    }

    .request-app .next-steps .feature-box.has-neu-stoerer .icon {
        display: none;
    }
}

.request-app .hotline .icon-telefon {
    font-size: 6.0rem;
    color: #8D9FB4;
}

.request-app .hotline p,
.request-app .hotline .h1 {
    margin-bottom: 1.0rem;
}

.request-app .hotline .h1 {
    min-height: auto;
}

@media (min-width: 768px) {
    .request-app .hotline .h1 {
        margin-top: 2.5rem;
    }
}

html.is-iframe .header,
html.is-iframe .directmenu,
html.is-iframe .footer {
    display: none;
}

html.partner-tchibo body {
    background: transparent;
    font-size: var(--fs-12-px);
}

html.partner-tchibo body,
html.partner-tchibo body * {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
}

html.partner-tchibo .request-app {
    padding: 0;
}

html.partner-tchibo .request-app,
html.partner-tchibo .request-app h1,
html.partner-tchibo .request-app h2,
html.partner-tchibo .request-app h3,
html.partner-tchibo .request-app h4,
html.partner-tchibo .request-app h5,
html.partner-tchibo .request-app h6,
html.partner-tchibo .request-app .h1,
html.partner-tchibo .request-app .h2,
html.partner-tchibo .request-app .h3,
html.partner-tchibo .request-app .h4,
html.partner-tchibo .request-app .h5,
html.partner-tchibo .request-app .h6,
html.partner-tchibo .request-app .request-steps>.request-step.active,
html.partner-tchibo .request-app .council .council-message p,
html.partner-tchibo .request-app .field {
    color: #333;
}

html.partner-tchibo .request-app>.bg {
    padding-top: 0;
    top: 42.5rem;
    bottom: 0;
    background: #fff;
    height: auto;
}

html.partner-tchibo .request-app .request-fields:after,
html.partner-tchibo .request-app .request-fields:before {
    display: none !important;
}

html.partner-tchibo .request-app h1 {
    font-size: var(--fs-22-px);
}

html.partner-tchibo .request-app .request-steps .step-progress {
    border-color: transparent;
}

html.partner-tchibo .request-app .request-steps .step-progress.active>.progress-inner,
html.partner-tchibo .request-app .request-steps .step-progress.done>.progress-inner {
    background-color: #DDC500;
}

html.partner-tchibo .request-app .request-steps>.request-step.done .step-nr::after,
html.partner-tchibo .request-app .council .council-message h4,
html.partner-tchibo .request-app .color-highlight {
    color: #DDC500;
}

html.partner-tchibo .request-app .request-fields .fields-bottom .btn-invert-danger {
    font-size: var(--fs-13-px);
    border: 0.1rem solid #EEB556;
    background-image: -webkit-linear-gradient(top, #F7D897 0%, #E9A131 100%);
    background-image: -o-linear-gradient(top, #F7D897 0%, #E9A131 100%);
    background-image: linear-gradient(to bottom, #F7D897 0%, #E9A131 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF7D897', endColorstr='#FFE9A131', GradientType=0);
    color: #05326C;
}

html.partner-tchibo .request-app .request-fields .fields-bottom .btn-invert-danger:hover,
html.partner-tchibo .request-app .request-fields .fields-bottom .btn-invert-danger:focus {
    background-image: -webkit-linear-gradient(top, #F7D897 0%, #F2BE6D 100%);
    background-image: -o-linear-gradient(top, #F7D897 0%, #F2BE6D 100%);
    background-image: linear-gradient(to bottom, #F7D897 0%, #F2BE6D 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF7D897', endColorstr='#FFF2BE6D', GradientType=0);
}

html.partner-tchibo .request-app .request-fields .fields-bottom .btn-invert-default {
    font-size: var(--fs-13-px);
    border: 0.1rem solid #d9d9d9;
    background-image: -webkit-linear-gradient(top, #eaeaea 0%, #d5d5d5 100%);
    background-image: -o-linear-gradient(top, #eaeaea 0%, #d5d5d5 100%);
    background-image: linear-gradient(to bottom, #eaeaea 0%, #d5d5d5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEAEAEA', endColorstr='#FFD5D5D5', GradientType=0);
    color: #05326C;
}

html.partner-tchibo .request-app .request-fields .fields-bottom .btn-invert-default:hover,
html.partner-tchibo .request-app .request-fields .fields-bottom .btn-invert-default:focus {
    background-image: -webkit-linear-gradient(top, #eaeaea 0%, #e2e2e2 100%);
    background-image: -o-linear-gradient(top, #eaeaea 0%, #e2e2e2 100%);
    background-image: linear-gradient(to bottom, #eaeaea 0%, #e2e2e2 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEAEAEA', endColorstr='#FFE2E2E2', GradientType=0);
}

html.partner-tchibo.js.loading:before {
    color: #fff;
    top: 15.0rem;
}

html .margin-top-large {
    margin-top: 3.0rem !important;
}

html .margin-bottom-large {
    margin-bottom: 3.0rem !important;
}

.cockpit .cockpit-text {
    text-align: right;
}

.cockpit .telephone {
    display: inline-block;
    color: var(--kobaltblau-10);
    font-size: var(--fs-22-px);
    padding-left: 4.0rem;
    position: relative;
    line-height: 1;
    font-family: "targobank", "Frutiger Next W02 Light_724914", Arial, Helvetica, Sans-serif;
    text-align: left;
    margin-top: -1.0rem;
}

.cockpit .telephone .icon-telefon {
    position: absolute;
    left: 0px;
    top: 0.2rem;
    font-size: 4.0rem;
}

.cockpit .telephone small {
    font-size: var(--fs-13-px);
}

.request-app .tab-calculator {
    padding: 0 !important;
    background: transparent !important;
}

.request-app .tab-calculator .field {
    margin-bottom: 2.0rem;
}

.request-app .tab-calculator .field.row {
    margin-left: -1.0rem;
    margin-right: -1.0rem;
}

.request-app .tab-calculator .js-slider {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .request-app .tab-calculator .result-values {
        height: 25.3rem;
    }
}

.request-app .btn-flat-default {
    background-image: -webkit-linear-gradient(top, #fefeff 0%, #f0f4fa 100%);
    background-image: -o-linear-gradient(top, #fefeff 0%, #f0f4fa 100%);
    background-image: linear-gradient(to bottom, #fefeff 0%, #f0f4fa 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFEFEFF', endColorstr='#FFF0F4FA', GradientType=0);
    border: 0.1rem solid #dbe1e7;
    border-radius: 0.4rem;
    color: #8D9FB4;
}

.request-app .btn-flat-default:hover,
.request-app .btn-flat-default:focus {
    color: var(--kobaltblau-10);
}

.request-app .form-element,
.request-app select {
    display: block;
    width: 100%;
    position: relative;
    padding: 0.4rem 0.4rem;
    border-radius: 0.5rem;
    border: 0.2rem solid var(--kobaltblau-10);
    box-shadow: inset 0 1px 0.2rem #E6E6E6;
    color: var(--kobaltblau-10);
    /* line-height: 1.4; */
    height: 4rem;
    margin-bottom: 0.5rem;
}

.request-app .form-element:focus,
.request-app select:focus {
    box-shadow: inset 0 1px 0.6rem #E6E6E6;
}

.request-app .form-element.is-2-digit,
.request-app select.is-2-digit {
    width: 4.0rem !important;
}

.request-app .form-element.is-inline.is-4-digit,
.request-app select.is-inline.is-4-digit {
    width: 5.4rem !important;
}

.request-app .form-element.is-date-helper,
.request-app select.is-date-helper {
    float: left;
    margin-right: 0.5rem;
}

.request-app .form-element[disabled],
.request-app .form-element.disabled,
.request-app select[disabled],
.request-app select.disabled {
    color: var(--silvergrau-09) !important;
    border: 0.2rem solid var(--silvergrau-09);
}

.request-app .field label.disabled {
    color: var(--silvergrau-09) !important;
}

@media (min-width: 768px) {

    .request-app .field.is-multiple .form-element.is-inline1,
    .request-app .form-element.is-inline.is-inline1,
    .request-app select.is-inline1 {
        width: 20.0rem;
        margin-right: 0.5rem;
    }

}

.request-app .field-caption {
    display: block;
    margin-bottom: 1.0rem;
    color: var(--kobaltblau-10);
    line-height: 3.0rem;
}

.last-of-type {
    margin-right: 0 !important;
}

.request-app .field {
    color: var(--kobaltblau-10);
    margin: 0 0 2.5rem 0;
}

.request-app .field.disabled {
    color: var(--kobaltblau-03);
    border: 0.2rem solid var(--kobaltblau-03) !important;
    pointer-events: none;
}

.request-app .field label {
    display: block;
}

.request-app .field label:before,
.request-app .field label:after {
    content: " ";
    display: table;
}

.request-app .field label:after {
    clear: both;
}

.request-app .field .form-element:last-of-type,
.request-app .field select:last-of-type {
    margin-right: 0;
}

.request-app .field .toggle-datepicker {
    line-height: 3.0rem;
    display: inline-block;
    width: 4.0rem;
    text-align: center;
    font-size: var(--fs-20-px);
    cursor: pointer;
}

.request-app .field .date-element {
    display: inline-block;
    vertical-align: middle;
}

.request-app .field .prefix {
    float: left;
    display: block;
    line-height: 3.0rem;
    margin-right: 0.5rem;
}

.request-app .field.is-multiple {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    /* margin-top: 1.2rem; */
	 margin-top: 0.6rem;
}

.request-app .field.is-multiple:before,
.request-app .field.is-multiple:after {
    content: " ";
    display: table;
}

.request-app .field.is-multiple:after {
    clear: both;
}

.request-app .field.is-multiple .field-caption {
    padding: 0 0.5rem;
    white-space: nowrap;
}

.request-app .field.is-multiple .caption-block {
    display: block;
    line-height: normal;
    margin-bottom: 1px;
}

.request-app .field.is-multiple .field.is-checkbox .nice-checkbox {
    position: relative;
}

.request-app .field.is-multiple div {
    padding: 0 0.5rem;
    line-height: 3.0rem;
    float: left;
    width: 50%;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.request-app .field.is-multiple div {
    padding: 0 0.5rem;
    line-height: 3.0rem;
    float: left;
    width: 70%;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.request-app .field.is-multiple div.is-size-xs {
    width: 30%;
}

.request-app .field.is-multiple div.is-size-sm {
    width: 70%;
}

@media (min-width: 768px) {
    .request-app .field.is-multiple div.is-size-xs {
        max-width: 10.0rem;
    }

    .request-app .field.is-multiple div.is-size-sm {
        max-width: 20.0rem;
    }
}

.request-app .field.is-multiple .form-element,
.request-app .field.is-multiple select {
    margin-bottom: 0;
}

.request-app .field.is-multiple input[type="checkbox"],
.request-app .field.is-multiple input[type="radio"] {
    margin-right: 0.5rem;
}

.request-app .field.is-checkbox {
    position: relative;
    padding-left: 3.0rem;
}

.request-app .field.is-checkbox .nice-checkbox {
    position: absolute;
    left: 0.4rem;
    top: 0.4rem;
}

.request-app .field.is-checkbox.gradient-box {
    padding: 1.5rem 1.5rem 1.5rem 4.5rem;
}

.request-app .field.is-checkbox.gradient-box .nice-checkbox {
    left: 1.5rem;
    top: 1.5rem;
}

.request-app .field.is-checkbox .field-caption {
    line-height: 1.4;
}

.request-app .field.is-radio {
    position: relative;
    padding-left: 3.0rem;
}

.request-app .field.is-radio .nice-radio-button {
    position: absolute;
    left: 0;
    top: 0;
}

.request-app .field.is-radio.gradient-box {
    padding: 1.5rem 1.5rem 1.5rem 4.5rem;
}

.request-app .field.is-radio.gradient-box .nice-checkbox {
    left: 1.5rem;
    top: 1.5rem;
}

.request-app .field.is-radio .field-caption {
    line-height: 1.4;
}

.request-app .field.has-error {
    /* color: var(--error-field); */
}

.request-app .field.has-error .field-caption,
.request-app .field.has-error label {
    /* color: var(--error-field); */
}

.request-app .field.has-error .nice-radio-button,
.request-app .field.has-error .nice-checkbox {
    border-color: var(--error-field);
}

.request-app .field.has-error .nice-radio-button:before,
.request-app .field.has-error .nice-checkbox:before {
    color: var(--error-field);
}

.request-app .field.has-error .form-element,
.request-app .field.has-error.gradient-box,
.request-app .field.has-error select {
    border-color: var(--error-field);
}

.request-app .field.has-error div.radio-enhanced {
    border-color: var(--error-field);
}

.request-app .field.has-error div.radio-enhanced .radio-enhanced-circle {
    border-color: var(--error-field);
}

.request-app .field.has-error div.radio-enhanced .radio-enhanced-circle:before {
    background-color: var(--error-field);
}

.request-app label {
    font-weight: normal;
}

.request-app .nice-radio-button,
.request-app .nice-checkbox {
    margin-right: 0.5rem;
    position: relative;
    display: inline-block;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid var(--Kobaldblau-11);
    background-color: #FFF;
    cursor: pointer;
    vertical-align: middle;
    font-size: var(--fs-14-px);
    line-height: 2.0rem;
    border-radius: 0.5rem;
}

.request-app .nice-radio-button input,
.request-app .nice-checkbox input {
    cursor: pointer;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
}

.request-app .nice-radio-button {
    border-radius: 100%;
}

.request-app .nice-radio-button.checked-radio-button:before {
    /* background-color: #8D9FB4; */
    background-color: var(--Kobaldblau-11);
    border-radius: 100%;
    width: 1.0rem;
    height: 1.0rem;
    content: "";
    display: block;
    top: 50%;
    left: 50%;
    margin: -0.5rem 0px 0px -0.5rem;
    position: absolute;
}

.request-app .nice-radio-label {
    display: inline-block;
    width: 50%;
    margin-left: -2.5rem;
    padding-left: 3.0rem;
}

.request-app .nice-checkbox {
    text-align: center;
}

.request-app .nice-checkbox.checked-checkbox:before {
    font-family: "targobank";
    content: "\e816";
    display: inline-block;
    color: #ffffff;
    background: var(--kobaltblau-10);
    position: absolute;
    left: -1px;
    top: -1px;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 0.5rem;
}

.request-app .js-slider {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    position: relative;
    height: 3.6rem;
    margin-bottom: 2.0rem;
}

.request-app .js-slider.ui-slider-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.request-app .js-slider .ui-slider-handle {
    background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #CFCFCF 100%);
    background-image: -o-linear-gradient(top, #F5F5F5 0%, #CFCFCF 100%);
    background-image: linear-gradient(to bottom, #F5F5F5 0%, #CFCFCF 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFCFCFCF', GradientType=0);
    border: 0 none;
    cursor: pointer;
    height: 3.0rem;
    top: 50%;
    position: absolute;
    width: 2.0rem;
    z-index: 2;
    border-radius: 0.4rem;
    margin: -1.5rem 0 0 -1.0rem;
    box-shadow: 0 1px 0.3rem #d4d4d4 inset;
    outline: 0;
}

.request-app .js-slider .step-line {
    position: absolute;
    top: 1.4rem;
    margin-left: 0.4rem;
    bottom: 1.4rem;
    width: 1px;
    background-color: #D4D4D4;
}

.request-app .js-slider :not(.tab-calculator) .color-bar {
    position: absolute;
    top: 1.4rem;
    height: 0.8rem;
    background: red;
    display: none;
}

.request-app .js-slider :not(.tab-calculator) .color-bar:first-of-type {
    border-radius: 0.8rem 0 0 0.8rem;
}

.request-app .js-slider :not(.tab-calculator) .color-bar:last-of-type {
    border-radius: 0 0.8rem 0.8rem 0;
}

.request-app .js-slider :not(.tab-calculator) .color-bar[data-value="-1"] {
    background-image: -webkit-linear-gradient(top, #3faf25 0%, #2f9717 100%);
    background-image: -o-linear-gradient(top, #3faf25 0%, #2f9717 100%);
    background-image: linear-gradient(to bottom, #3faf25 0%, #2f9717 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3FAF25', endColorstr='#FF2F9717', GradientType=0);
}

.request-app .js-slider :not(.tab-calculator) .color-bar[data-value="0"] {
    background-image: -webkit-linear-gradient(top, #eee40e 0%, #eacf02 100%);
    background-image: -o-linear-gradient(top, #eee40e 0%, #eacf02 100%);
    background-image: linear-gradient(to bottom, #eee40e 0%, #eacf02 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEE40E', endColorstr='#FFEACF02', GradientType=0);
}

.request-app .js-slider :not(.tab-calculator) .color-bar[data-value="1"] {
    background-image: -webkit-linear-gradient(top, #f0b21b 0%, #e39e09 100%);
    background-image: -o-linear-gradient(top, #f0b21b 0%, #e39e09 100%);
    background-image: linear-gradient(to bottom, #f0b21b 0%, #e39e09 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF0B21B', endColorstr='#FFE39E09', GradientType=0);
}

.request-app .js-slider :not(.tab-calculator) .color-bar[data-value="2"] {
    background-image: -webkit-linear-gradient(top, #ee7b11 0%, #d8710e 100%);
    background-image: -o-linear-gradient(top, #ee7b11 0%, #d8710e 100%);
    background-image: linear-gradient(to bottom, #ee7b11 0%, #d8710e 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEE7B11', endColorstr='#FFD8710E', GradientType=0);
}

.request-app .js-slider :not(.tab-calculator) .color-bar[data-value="3"] {
    background-image: -webkit-linear-gradient(top, #e42d09 0%, #d40707 100%);
    background-image: -o-linear-gradient(top, #e42d09 0%, #d40707 100%);
    background-image: linear-gradient(to bottom, #e42d09 0%, #d40707 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE42D09', endColorstr='#FFD40707', GradientType=0);
}

.request-app .js-slider .slider-tooltip,
.request-app .js-slider .slider-popover {
    position: absolute;
    left: 0;
    top: 0;
    width: 40.0rem;
    height: 100%;
}

.request-app .js-slider .popover {
    max-width: 40.0rem;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.request-app .js-slider .popover-content {
    color: var(--kobaltblau-10);
}

.request-app .js-slider.has-value-tooltip {
    margin-top: 6.0rem;
}

.request-app .js-slider.has-text-tooltip {
    margin-bottom: 6.0rem;
}

.request-app .risk-profile .js-slider .ui-slider-range {
    display: none;
}

.request-app .js-slider-labels {
    position: relative;
    margin-top: 2.0rem;
    height: 2.0rem;
    color: var(--kobaltblau-10);
}

.request-app .js-slider-labels>div {
    position: absolute;
    margin-left: -0.5rem;
    width: 1.0rem;
    text-align: center;
}

.request-app .js-slider-labels>div.disabled {
    opacity: 0.25;
    filter: alpha(opacity=25);
}

.request-app .pdf-required .field-caption {
    position: relative;
    padding-right: 7.0rem;
    min-height: 4.2rem;
}

.request-app .pdf-required .field-caption .open-pdf {
    position: absolute;
    right: 0px;
    line-height: 1;
    top: 0;
    text-align: center;
}

.request-app .pdf-required .field-caption .open-pdf .icon-file-pdf {
    font-size: var(--fs-25-px);
}

.request-app .pdf-required .field-caption .open-pdf small {
    display: block;
    margin-top: 0.5rem;
    text-decoration: underline;
}

.request-app .as-label {
    display: block;
    color: var(--kobaltblau-10);
    line-height: 3.0rem;
}

.request-app .third-party-result {
    line-height: 3.0rem;
    color: #8D9FB4;
}

.request-app .third-party-result[data-result] {
    color: var(--kobaltblau-10);
}

.request-app .currency-unit {
    position: relative;
}

.request-app .currency-unit>input {
    padding-right: 2.5rem;
}

.request-app .currency-unit:after {
    content: '€';
    position: absolute;
    right: 1.0rem;
    top: 0;
    line-height: 3.0rem;
    color: #8D9FB4;
    font-family: "targobank", "FrutigerNextW04-Regular", Arial, Helvetica, Sans-serif;
    font-size: 120%;
}

.request-app .currency-unit.focus:after {
    color: var(--kobaltblau-10);
}

.request-app h1,
.request-app .h1 {
    margin-top: 0;
    margin-bottom: 1.5rem;
    min-height: 6.0rem;
    font-size: var(--fs-20-px);
}

.request-app h1 strong,
.request-app .h1 strong {
    font-family: "targobank", "FrutigerNextW02-Medium_724920", Arial, Helvetica, Sans-serif;
}

@media (max-width: 767px) {

    .request-app h1,
    .request-app .h1 {
        font-size: var(--fs-20-px);
    }
}

.request-app .subline {
    color: var(--silvergrau-09);
    font-size: var(--fs-16-px);
    margin: 0 0 2.0rem 0;
}

.request-app p {
    color: var(--kobaltblau-10);
}

.request-app .strong {
    font-weight: bold;
}

.request-app .next-steps-headline {
    color: #8D9FB4;
    font-size: var(--fs-14-px);
    margin: 2.0rem 0 1.5rem 0;
    padding-left: 3.0rem;
    position: relative;
}

.request-app .next-steps-headline>span {
    display: inline-block;
    border-radius: 100%;
    background-color: #8D9FB4;
    color: #fff;
    width: 2.5rem;
    vertical-align: middle;
    line-height: 2.5rem;
    text-align: center;
    position: absolute;
    left: 0;
    top: -0.2rem;
}

.request-app .next-steps-headline .span-image {
    display: inline-block;
    background-color: #8D9FB4;
    color: #fff;
    width: 3.0rem;
    vertical-align: middle;
    line-height: 3.0rem;
    text-align: center;
    position: absolute;
    left: 0;
    top: -0.2rem;
}

.request-app .gradient-box {
    background-image: -webkit-linear-gradient(top, #fff 0%, #eff3fa 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #eff3fa 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #eff3fa 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEFF3FA', GradientType=0);
    padding: 1.5rem;
    border: 1px solid #e3e7ed;
    border-radius: 0.4rem;
    margin: 0 0 3.0rem 0;
}

ul.greenhooklist {
    margin: 0;
    list-style: none;
    padding: 0;
}

ul.greenhooklist>li:before {
    font-family: 'targobank';
    content: "";
    color: #00b22e;
    display: inline-block;
    margin-right: 0.4rem;
}

.request-app .gradient-box p {
    margin: 0 0 1.0rem 0;
}

.request-app .gradient-box p:last-of-type {
    margin-bottom: 0;
}

.request-app .gradient-box.field label,
.request-app .gradient-box.field .field-caption {
    margin-bottom: 0;
}

.request-app *:hover {
    outline: 0;
}

.request-app .arrow-right {
    color: #BC133E;
}

.request-app .color-blue-grey {
    color: var(--silvergrau-09)
}

.request-app .color-highlight {
    color: #BC133E;
}

.request-app .request-fields {
    position: relative;
    background-color: #fff;
}

.request-app .request-fields .fields {
    padding: 2.0rem;
}

.request-app .request-fields .fields-bottom {
    padding: 2.0rem;
    text-align: center;
}

.request-app .request-fields .fields-bottom .btn {
    white-space: normal;
    margin-bottom: 1.0rem;
}

.request-app .request-fields .fields-bottom .btn-center {
    display: inline-block;
    margin: 0 auto 1.0rem auto;
    font-family: "targobank", "FrutigerNextW02-MediumC", Arial, Helvetica, Sans-serif;
    text-align: left;
    line-height: 1.2;
    color: var(--kobaltblau-10);
}

.request-app .request-fields .fields-bottom .btn-center>span {
    font-size: var(--fs-16-px);
    display: block;
}

.request-app .request-fields .fields-bottom .btn-center>span:before {
    content: "";
    line-height: 1;
    font-family: 'targobank';
    padding-right: 0.6rem;
}

.request-app .request-fields .fields-top {
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    .request-app .request-fields .fields h1 {
        font-size: var(--fs-20-px);
    }

    .request-app .request-fields .fields-bottom .btn {
        display: block;
        width: 100%;
        float: none;
        margin: 0 0 0.5rem 0;
    }

    .teaser-box {
        Height: 38rem;
    }
}

@media (min-width: 768px) {
    .request-app .request-fields {
        margin-top: 2.6rem;
        width: 74.5544554455%;
        float: left;
        background-color: #fff;
        border-radius: 0.4rem 0.4rem 0 0;
    }

    .request-app .request-fields:after,
    .request-app .request-fields:before {
        content: '';
        display: block;
        width: 1.0rem;
        top: 0px;
        position: absolute;
        right: 100%;
        bottom: 10.0rem;
        min-height: 50.0rem;
    }

    .request-app .request-fields:after {
        right: 100%;
        background: radial-gradient(ellipse at 100%, rgba(187, 187, 187, 0.75) 0%, rgba(0, 0, 0, 0) 75%);
    }

    .request-app .request-fields:before {
        left: 100%;
        background: radial-gradient(ellipse at 0%, rgba(187, 187, 187, 0.75) 0%, rgba(0, 0, 0, 0) 75%);
    }

    .request-app .request-fields>.gradient {
        border-radius: 0.4rem 0.4rem 0 0;
        position: absolute;
        z-index: 0;
        left: 0;
        width: 100%;
        height: 22.0rem;
        top: 0;
        background-image: -webkit-linear-gradient(top, #f7fafd 0%, #feffff 100%);
        background-image: -o-linear-gradient(top, #f7fafd 0%, #feffff 100%);
        background-image: linear-gradient(to bottom, #f7fafd 0%, #feffff 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF7FAFD', endColorstr='#FFFEFFFF', GradientType=0);
        overflow: hidden;
    }

    .request-app .request-fields .fields-top {
        margin-top: -1.2rem;
    }

    .request-app .request-fields .fields {
        z-index: 1;
        padding: 3.0rem;
        position: relative;
        min-height: 33.5rem;
    }

    .request-app .request-fields .fields-bottom {
        padding: 3.0rem;
    }

    .request-app .request-fields .fields-bottom .btn {
        float: right;
        margin-left: 1.0rem;
        margin-bottom: 3.5rem;
    }

    .request-app .request-fields .fields-bottom .btn.btn-left {
        float: left;
        margin-left: 0;
    }

    .request-app .request-fields .fields-bottom .btn.btn-multi-lines {
        font-size: var(--fs-15-px);
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }

    .request-app .request-fields .fields-bottom .btn.btn-multi-lines:after,
    .request-app .request-fields .fields-bottom .btn.btn-multi-lines:before {
        position: absolute;
        font-size: var(--fs-20-px);
        line-height: 2.0rem;
        top: 50%;
        margin-top: -1.0rem;
    }

    .request-app .request-fields .fields-bottom .btn.btn-multi-lines.btn-icon-arrow-right {
        padding-right: 3.0rem;
    }

    .request-app .request-fields .fields-bottom .btn.btn-multi-lines.btn-icon-arrow-right:after {
        right: 1.0rem;
    }

    .request-app .request-fields .fields-bottom .btn.btn-multi-lines.btn-icon-arrow-left {
        padding-left: 3.0rem;
    }

    .request-app .request-fields .fields-bottom .btn.btn-multi-lines.btn-icon-arrow-left:before {
        left: 1.0rem;
    }
}

@media (min-width: 768px) {
    .request-app.no-council .request-fields {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
}

.request-app.type-tchibo .request-fields:after,
.request-app.type-tchibo .request-fields:before {
    display: none !important;
}

.request-app .council-part .council-message h4 {
    color: #BC133E;
}

.request-app .council-part .council-message p {
    color: #8D9FB4;
}

@media (max-width: 767px) {
    .request-app .council-part {
        position: fixed;
        width: 22.0rem;
        left: -22.0rem;
        top: 50%;
        margin-top: -144px;
        -webkit-transition: left 700ms;
        -o-transition: left 700ms;
        transition: left 700ms;
        z-index: 100;
        background-color: #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
    }

    .request-app .council-part.open {
        left: 0;
    }

    .request-app .council-part .council-message {
        padding: 1.5rem;
        color: #8D9FB4;
    }

    .request-app .council-part .council-message h4 {
        margin-top: 0;
    }

    .request-app .council-part .video-link>img {
        border-bottom: 1px solid #BC133E;
    }

    .request-app .council-part .open-council {
        cursor: pointer;
        width: 1.8rem;
        height: 3.4rem;
        line-height: 3.4rem;
        background-color: #BC133E;
        position: absolute;
        left: 100%;
        top: 10.0rem;
        border-radius: 0 3.4rem 3.4rem 0;
        display: block;
        color: #fff;
        padding-left: 0.3rem;
    }

    .request-app .council-part .open-council:before {
        content: 'i';
    }

    .request-app .council-part .open-council:after {
        content: '';
        display: block;
        left: 0;
        width: 4.0rem;
        height: 4.0rem;
        position: absolute;
        top: 50%;
        margin-top: -2.0rem;
    }
}

@media (min-width: 768px) {
    .request-app .council-part {
        position: relative;
        margin-top: 4.0rem;
        float: left;
        width: 25.4455445545%;
        padding-right: 0.5rem;
    }

    .request-app .withoutAvatar {
        margin-top: 36.0rem !important;
    }


    .request-app .council-part .council-message {
        margin: 0 2.0rem;
        overflow: hidden;
        background-color: #fff;
        padding: 0 1.0rem 1.0rem 1.0rem;
        color: #8D9FB4;
        border: 0.4rem 0.4rem 0 0;
        position: relative;
    }

    .request-app .council-part .open-council {
        display: none;
    }

    .request-app .council-part img {
        position: relative;
        top: 3.8rem;
    }
}

@media (max-width: 767px) {
    .request-app .request-steps {
        border-bottom: 1px solid #abb3c6;
        position: relative;
        margin: 0 !important;
    }

    .request-app .request-steps.steps-1>.request-step.active {
        width: 100%;
    }

    .request-app .request-steps.steps-2>.request-step.active {
        width: 88%;
    }

    .request-app .request-steps.steps-3>.request-step.active {
        width: 76%;
    }

    .request-app .request-steps.steps-4>.request-step.active {
        width: 64%;
    }

    .request-app .request-steps.steps-5>.request-step.active {
        width: 50%;
    }

    .request-app .request-steps.steps-6>.request-step.active {
        width: 38%;
    }

    .request-app .request-steps>.request-step {
        float: left;
        padding: 1.0rem 0;
        border-right: 1px solid #abb3c6;
        background-color: #d0d3da;
        color: #fff;
        width: 12%;
        text-align: center;
        font-size: 120%;
        line-height: 2.4rem;
        height: 4.4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .request-app .request-steps>.request-step .step-label {
        display: none;
    }

    .request-app .request-steps>.request-step.active {
        font-size: 100%;
        text-align: left;
        padding: 1.0rem 1.2rem;
        background-color: #fff;
        color: var(--kobaltblau-10);
    }

    .request-app .request-steps>.request-step.active .step-label {
        display: inline;
    }

    .request-app .request-steps>.request-step .step-nr:after {
        content: '. ';
    }

    .request-app .request-steps>.request-step.done {
        background-color: #BC133E;
    }

    .request-app .request-steps>.request-step.done .step-nr:after {
        font-family: "targobank";
        content: "";
        display: inline-block;
        vertical-align: middle;
        color: #fff;
    }

    .request-app .request-steps>.request-step.last {
        border-right: 0;
    }
}

.request-app .request-steps .steps-info {
    display: none;
}

@media (min-width: 768px) {
    .has-loan-basket .request-app .request-steps {
        margin-left: 20.9rem;
    }

    .request-app .has-steps-info .request-steps {
        margin-left: 14.9rem;
    }

    .request-app .request-steps {
        position: relative;
        margin: 0 3.0rem 0 3.0rem;
    }

    .request-app .request-steps.steps-1>.request-step {
        width: 100%;
    }

    .request-app .request-steps.steps-2>.request-step {
        width: 50%;
    }

    .request-app .request-steps.steps-3>.request-step {
        width: 33.3333333333%;
    }

    .request-app .request-steps.steps-4>.request-step {
        width: 25%;
    }

    .request-app .request-steps.steps-5>.request-step {
        width: 20%;
    }

    .request-app .request-steps.steps-6>.request-step {
        width: 16.6666666667%;
    }

    .request-app .request-steps>.request-step {
        float: left;
        text-align: center;
        display: block;
        color: #8D9FB4;
        position: relative;
        /*&.first {
            > .step-inner {
                float: left;
            }
        }
        &.last {
            > .step-inner {
                float: right;
            }
        }*/
    }

    .request-app .request-steps>.request-step .step-nr {
        display: block;
        border-radius: 100%;
        border: 1px solid #d6dce3;
        background: #fff;
        text-align: center;
        width: 2.6rem;
        height: 2.6rem;
        line-height: 2.4rem;
        box-shadow: inset 0px 1px 0.2rem #d6dce3;
        position: relative;
        margin: 0 auto;
    }

    .request-app .request-steps>.request-step .step-label {
        display: block;
        text-align: center;
        margin: 0.3rem 0;
    }

    .request-app .request-steps>.request-step.done .step-nr:after {
        font-family: "targobank";
        content: "";
        color: #BC133E;
        font-size: var(--fs-17-px);
    }

    .request-app .request-steps>.request-step.active {
        color: var(--kobaltblau-10);
    }

    .request-app .request-steps>.request-step.active .step-nr {
        border-color: #657992;
        box-shadow: inset 0 1px 0.2rem #657992;
    }

    .request-app .request-steps .step-progress {
        position: absolute;
        top: 0.8rem;
        z-index: -1;
        left: -50%;
        width: 100%;
        border-top: 1px solid #e0ecfa;
        border-bottom: 1px solid #f6f9fd;
        background-image: -webkit-linear-gradient(top, #d0d7e0 0%, #fff 50%);
        background-image: -o-linear-gradient(top, #d0d7e0 0%, #fff 50%);
        background-image: linear-gradient(to bottom, #d0d7e0 0%, #fff 50%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD0D7E0', endColorstr='#FFFFFFFF', GradientType=0);
    }

    .request-app .request-steps .step-progress.done>.progress-inner {
        background-color: #BC133E;
        width: 100%;
    }

    .request-app .request-steps .step-progress.active>.progress-inner {
        background-color: #dedede;
    }

    .request-app .request-steps .step-progress>.progress-inner {
        height: 0.6rem;
    }
}

@media (min-width: 768px) {
    .request-app .steps-info {
        position: relative;
        display: block;
        float: left;
        z-index: 1;
        padding: 0 1.0rem 0 3.0rem;
    }

    .request-app .steps-info>img {
        vertical-align: bottom;
        margin-right: 0.5rem;
    }

    .request-app .steps-info>img:last-of-type {
        margin-right: 0;
    }
}

.request-app .radio-enhanced {
    position: relative;
    display: block;
    border: 1px solid #e3e7ed;
    border-radius: 0.4rem;
    cursor: pointer;
    margin: 0 0 2.0rem 1.8rem;
    padding: 1.0rem 1.0rem 1.0rem 3.0rem;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eff3fa 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #eff3fa 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #eff3fa 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEFF3FA', GradientType=0);
}

.request-app .radio-enhanced.is-tipp:before {
    content: '';
    position: absolute;
    top: -1.4rem;
    height: 2.8rem;
    width: 2.8rem;
    display: block;
    background: transparent url(/de/GOPA/Public/images/tipp-batch.png) 0 0 no-repeat;
    right: 1.4rem;
}

.request-app .radio-enhanced input {
    display: none;
}

.request-app .radio-enhanced>label {
    display: table-cell;
    height: 6.0rem;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 0;
    color: var(--kobaltblau-10);
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.request-app .radio-enhanced>label.has-icon {
    padding-left: 4.0rem;
}

.request-app .radio-enhanced>label.has-icon .icon {
    position: absolute;
    left: 3.0rem;
    top: 50%;
    font-size: 3.0rem;
    line-height: 3.0rem;
    margin-top: -1.5rem;
    display: block;
    width: 3.0rem;
    text-align: center;
}

.request-app .radio-enhanced .radio-enhanced-circle {
    position: absolute;
    width: 3.2rem;
    height: 3.2rem;
    border: 1px solid #abb9c9;
    left: -1.6rem;
    top: 50%;
    margin-top: -1.6rem;
    background-color: #fff;
    border-radius: 100%;
    display: block;
}

.request-app .radio-enhanced.checked {
    border-color: #8d9fb4;
}

.request-app .radio-enhanced.checked .radio-enhanced-circle:before {
    background-color: #8d9fb4;
    border-radius: 100%;
    width: 1.6rem;
    height: 1.6rem;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    margin: -0.8rem 0 0 -0.8rem;
    position: absolute;
}

@media (min-width: 768px) {
    .request-app .radio-enhanced {
        padding-right: 4.5rem;
    }
}

.request-app .nav-tabs {
    margin: 1.2rem 0 2.0rem 0;
}

.request-app .nav-tabs>li>a {
    border-radius: 0;
    margin-top: 1.0rem;
    padding: 0.8rem 1.5rem;
}

.request-app .nav-tabs>li>a [class^="_c1 icon-"]:before {
    margin-right: 1.0rem;
    color: #8D9FB4;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.request-app .nav-tabs>li>a .icon-close {
    cursor: pointer;
}

.request-app .nav-tabs>li>a .icon-close:before {
    margin-left: 0.5rem;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.request-app .nav-tabs>li.active>a {
    border-top-width: 0.5rem;
    margin-top: 0.2rem;
    color: var(--kobaltblau-10);
    padding: 1.0rem 1.5rem;
}

@media (min-width: 768px) {
    .request-app .nav-tabs>li.active>a {
        border-bottom-color: transparent;
    }
}

.request-app .nav-tabs img {
    display: inline-block;
    height: 2.2rem;
    width: auto;
    vertical-align: middle;
}

.request-app .nav-tabs,
.request-app .nav-tabs a {
    border-color: #8D9FB4;
}

.request-app .tab-pane {
    margin-bottom: 2.0rem;
    position: relative;
}

.request-app .tab-pane.active {
    display: block;
}

.request-app .tab-pane.disabled:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    z-index: 1000;
    background: rgba(255, 255, 255, 0.65);
}

.request-app .show-next {
    display: none;
}

@media (max-width: 767px) {
    .request-app .nav-tabs .dropdown-menu .icon-close {
        display: none !important;
    }

    .request-app .nav-tabs.no-active-tabs .show-next {
        display: block !important;
    }

    .request-app .nav-tabs:not(.no-active-tabs) .show-next {
        display: none !important;
    }

    .request-app .nav-tabs>li.show-next .dropdown-toggle {
        display: none;
    }

    .request-app .nav-tabs>li>a {
        position: relative;
    }

    .request-app .nav-tabs>li>a>.icon-close {
        display: block !important;
        position: absolute;
        right: 5.0rem;
        top: 0;
        height: 4.0rem;
        width: 4.0rem;
        text-align: center;
        line-height: 4.0rem;
    }
}

@media (min-width: 768px) {
    .request-app .add-tab {
        display: none !important;
    }

    .request-app .show-next {
        display: block;
    }
}

.warning-box {
    background-image: -webkit-linear-gradient(top, #fff 0%, #eff3fa 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #eff3fa 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #eff3fa 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEFF3FA', GradientType=0);
    border: 1px solid #BC133E;
    border-radius: 0.5rem;
    padding: 1.5rem;
    position: relative;
    margin: 1.5rem 0;
}

.warning-box strong {
    color: #8D9FB4;
    font-family: "targobank", "FrutigerNextW02-Medium_724920", Arial, Helvetica, Sans-serif;
}

.warning-box.has-icon {
    padding-left: 4.0rem;
}

.warning-box.has-icon:after {
    font-family: "targobank";
    content: "";
    font-size: var(--fs-24-px);
    position: absolute;
    left: 1.2rem;
    top: 1.5rem;
    color: #8D9FB4;
    line-height: 1;
}

.feature-box {
    border-radius: 0.6rem;
    border: 1px solid transparent;
    padding: 1.8rem;
    color: var(--kobaltblau-10);
    margin-bottom: 3.0rem;
    position: relative;
    overflow: hidden;
}

.feature-box .icon {
    display: block;
    width: 6.0rem;
    height: 6.0rem;
    float: right;
}

.feature-box>a {
    display: block;
    text-align: right;
    font-size: var(--fs-24-px);
    color: #BC133E;
    font-family: "targobank", "FrutigerNextW02-Medium_724920", Arial, Helvetica, Sans-serif;
}

.feature-box.has-neu-stoerer:before {
    content: '';
    width: 7.2rem;
    height: 5.4rem;
    background: transparent url(/de/GOPA/Public/images/neu-stoerer.png) 0 0 no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

.feature-box.is-filialident {
    border-color: #e3e7ed;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #eff3fa 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #eff3fa 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #eff3fa 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEFF3FA', GradientType=0);
}

.feature-box.is-filialident .icon {
    background: transparent url(/de/GOPA/Public/images/icons/ico_bestaetigung_unterlagen.png) center center no-repeat;
}

.feature-box.is-webid {
    border-color: #BC133E;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #fffafb 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #fffafb 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #fffafb 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFAFB', GradientType=0);
}

.feature-box.is-webid .icon {
    background: transparent url(/de/GOPA/Public/images/icons/ico_skype.png) center center no-repeat;
}

.feature-box.is-docpost {

    border-color: #e3e7ed;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #eff3fa 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #eff3fa 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #eff3fa 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEFF3FA', GradientType=0);
}

.feature-box.is-docpost .icon {

    background: transparent url(/de/GOPA/Public/images/icons/ico_post_small.png) center center no-repeat;
}

.feature-box.is-docupload {

    border-color: #BC133E;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #fffafb 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #fffafb 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #fffafb 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFAFB', GradientType=0);
}

.feature-box.is-docupload .icon {

    background: transparent url(/de/GOPA/Public/images/icons/ico_doc_upload.png) center center no-repeat;
}

.feature-box.is-hint {
    padding-left: 4.0rem;
    border-color: #E05206;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #EFF3FA 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #EFF3FA 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #EFF3FA 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEFF3FA', GradientType=0);
}

.feature-box.is-hint:after {
    font-family: "targobank";
    content: "";
    font-size: var(--fs-24-px);
    position: absolute;
    left: 1.2rem;
    top: 1.5rem;
    color: #8D9FB4;
    line-height: 1;
}

.feature-box.is-hint strong {
    color: #8D9FB4;
}

@media (min-width: 768px) {
    .feature-box .icon {
        height: 8.0rem;
        width: 100%;
        float: none;
    }
}

.feature-box h3 {
    margin-top: 0;
    font-size: var(--fs-24-px);
    padding-right: 1.0rem;
}

.feature-box .arrow-right {
    font-family: "targobank", "FrutigerNextW02-MediumC", Arial, Helvetica, Sans-serif;
    font-size: var(--fs-24-px);
    margin-top: 2.0rem;
    display: inline-block;
}

.teaser-box {
    border-radius: 0.6rem;
    border: 1px solid transparent;
    padding: 1.8rem;
    color: var(--kobaltblau-10);
    /* margin-bottom: 3.0rem; */
    position: relative;
    /*overflow: hidden;*/
}

.teaser-box.has-edge-stoerer:before {
    content: '';
    width: 7.2rem;
    height: 6.4rem;
    position: absolute;
    right: 0;
    top: 0;
}

.teaser-box.has-edge-stoerer.flexibel:before {
    background: transparent url(/de/GOPA/Public/images/flexible.png) 0 0 no-repeat;
}

.teaser-box.has-edge-stoerer.nullEuro:before {
    background: transparent url(/de/GOPA/Public/images/0euro.png) 0 0 no-repeat;
}

.teaser-box.has-edge-stoerer.neu:before {
    background: transparent url(/de/GOPA/Public/images/neu.png) 0 0 no-repeat;
}

.teaser-box.has-neu-stoerer:before {
    content: '';
    width: 7.2rem;
    height: 5.4rem;
    background: transparent url(/de/GOPA/Public/images/neu-stoerer.png) 0 0 no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

.teaser-box.is-hint {
    border-color: #e3e7ed;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #EFF3FA 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #EFF3FA 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #EFF3FA 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEFF3FA', GradientType=0);
}

.teaser-box.is-hint strong {
    color: #8D9FB4;
}

.teaser-box.has-header-icon.top-konditionen h3:after {
    background: transparent url(/de/GOPA/Public/images/icons/ico_ihr_online_angebot_top_konditionen.png) 0 0 no-repeat;
    background-size: contain;
}

.teaser-box.has-header-icon.euro-check h3:after {
    background: transparent url(/de/GOPA/Public/images/icons/ico_ihr_online_angebot_kredit_bewilligt_wunschkredit.png) 0 0 no-repeat;
    background-size: contain;
}

.teaser-box.has-header-icon.nfc h3:after {
    background: transparent url(/de/GOPA/Public/images/icons/ico_ihr_online_angebot_nfc.png) 0 0 no-repeat;
    background-size: contain;
}

.teaser-box.has-header-icon h3:after {
    content: '';
    width: 5.2rem;
    height: 3.4rem;
    position: absolute;
    margin-left: 2.5rem;
}

.teaser-box h3 {
    margin-top: 1.5rem;
    font-size: var(--fs-24-px);
    padding-right: 1.0rem;
}

.offer-box {
    border-radius: 0.6rem;
    overflow: hidden;
    border: 1px solid #8D9FB4;
    position: relative;
    background: #fff;
    max-width: 44.5rem;
    margin: 3.0rem auto;
}

.offer-box>h3 {
    color: #FFF;
    background-color: #8D9FB4;
    font-size: var(--fs-24-px);
    padding: 0.5rem 1.0rem;
    margin: 0;
    text-align: center;
}

.gf-offer-box-margin>h2 {
    color: #FFF;
    background-color: #8D9FB4;
    font-size: var(--fs-24-px);
    padding: 0.5rem 1.0rem;
    margin: 0;
    text-align: center;
}

.offer-box>.inner {
    padding: 3.0rem 2.0rem;
    color: #8D9FB4;
    font-size: var(--fs-16-px);
    font-family: "targobank", "FrutigerNextW02-MediumC", Arial, Helvetica, Sans-serif;
    position: relative;
}

.offer-box>.inner>img {
    position: absolute;
    top: 50%;
    left: 3.0rem;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.offer-box .line {
    display: table;
    width: 100%;
    line-height: 1.3;
}

.offer-box .line>span {
    display: table-cell;
}

.offer-box .line .number {
    text-align: right;
    font-size: var(--fs-22-px);
}

.offer-box .line .large {
    font-size: 3.6rem;
}

.request-app .error {
    margin: -2.5rem 0 2.5rem 0;
}

.request-app .error,
.request-app .error>* {
    color: var(--error-field);
}

.error-icon,
.error-icon-radio,
.error-icon-radio-rsv,
.error-icon-nice-checkbox {
    background-image: url(/de/GOPA/Public/images-a11y/icons/error.svg);
    background-repeat: no-repeat;
    background-position: left 3px;
    display: block !important;
    background-size: 1.6rem;
}

.error-icon {
    padding-left: 2rem;
    margin-top: 0px !important;
}

.error-icon-radio {
    padding-left: 3rem;
    background-position-x: 1rem;
}

.error-icon-radio-rsv {
    padding-left: 2rem;
    margin-top: 0rem !important;
}

.error-icon-nice-checkbox {
    margin-top: 1rem !important;
}

.error-icon-additional-message {
    margin-top: 0rem !important;
    display: block !important;
    margin-left: 2rem;
}

.error-icon-additional-message-onblur {
    margin-top: -4rem !important;
    display: block !important;
    margin-left: 2rem;
}

.error-icon-additional-message div,
.error-icon-additional-message-onblur div {
    display: inline;
}

.is-multiple .error {
    padding-left: 2rem !important;
    background-position-y: 0.7rem;
    margin-left: 0.5rem;
}

.request-app .error p:last-of-type {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .request-app .error {
        display: none;
    }
}

/*--------------------------------------------------*    #responsive tabs
\*--------------------------------------------------*/
.responsive-tabs.nav-tabs>li .dropdown-toggle,
.responsive-tabs.nav-tabs>li .dropdown-menu {
    display: none;
}

@media (max-width: 767px) {
    .responsive-tabs.nav-tabs {
        overflow: visible;
    }

    .responsive-tabs.nav-tabs>li {
        position: relative;
        display: none;
        float: none;
    }

    .responsive-tabs.nav-tabs>li>.dropdown-toggle {
        position: absolute;
        display: block;
        right: 0;
        top: 0;
        bottom: 0;
        width: 5.2rem;
        height: auto;
        border-left: 1px solid #ddd;
        cursor: pointer;
    }

    .responsive-tabs.nav-tabs>li>.dropdown-toggle:before {
        font-family: 'targobank';
        line-height: 2.0rem;
        content: "";
        position: absolute;
        width: 2.0rem;
        height: 2.0rem;
        font-size: var(--fs-20-px);
        text-align: center;
        top: 50%;
        left: 50%;
        margin: -1.0rem 0 0 -1.0rem;
        color: #8D9FB4;
    }

    .responsive-tabs.nav-tabs>li>a {
        padding-right: 7.0rem;
        padding-left: 1.5rem;
        margin-right: 0;
    }

    .responsive-tabs.nav-tabs>li>.dropdown-menu {
        left: 0;
        right: 0;
        width: auto;
        margin-top: -1px;
        border-color: #ddd;
    }

    .responsive-tabs.nav-tabs>li>.dropdown-menu a {
        color: #8D9FB4;
        padding: 1.0rem 2.0rem;
    }

    .responsive-tabs.nav-tabs>li.active {
        display: block;
    }

    .responsive-tabs.nav-tabs>li.active>a {
        border-bottom-color: #ddd;
    }

    .responsive-tabs.nav-tabs>li.active.open>.dropdown-menu {
        display: block;
    }

    .responsive-tabs.nav-tabs>li.active.open>.dropdown-toggle:before {
        content: "";
    }
}

/*! jQuery UI - v1.10.4 - 2015-04-14
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

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

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

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

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

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

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

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    display: block;
    text-indent: -9999.9rem;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 0.2rem;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0.2rem;
}

.ui-datepicker .ui-datepicker-next {
    right: 0.2rem;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -0.8rem;
    top: 50%;
    margin-top: -0.8rem;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
    color: var(--kobaltblau-10);
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
    color: var(--kobaltblau-10);
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 0.2rem;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 0.2rem;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker {
    margin-top: 4.0rem;
    background-color: #fff;
    padding: 0.6rem 0.6rem 0 0.6rem;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 1px 0.6rem #E6E6E6;
}

.ui-datepicker table td span,
.ui-datepicker table td a {
    text-align: center;
    color: var(--kobaltblau-10);
}

.ui-datepicker table td.ui-datepicker-current-day a,
.ui-datepicker table td.ui-datepicker-current-day span {
    font-weight: bold;
    color: var(--kobaltblau-10);
}

.ui-datepicker table td.ui-datepicker-unselectable a,
.ui-datepicker table td.ui-datepicker-unselectable span {
    color: #eeeeee;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 0;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
}

.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
    cursor: pointer;
    font-family: 'targobank';
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 1.8em;
    font-size: 1.3em;
    color: var(--kobaltblau-10) !important;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
}

.ui-datepicker .ui-datepicker-prev:before {
    content: "";
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
}

.ui-datepicker .ui-datepicker-next:before {
    content: "";
}

.request-app {
    margin: 0 auto;
    max-width: 144.0rem;
    position: relative;
    overflow-x: hidden;
}

.hiddenfield {
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    color: transparent !important;
    background: transparent !important;
    opacity: 0 !important;
    font-size: 0px !important;
    line-height: 0px !important;
    display: block !important;
}

.hiddenbox {
    font-size: 0px !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    line-height: 0px !important;
    display: block !important;
}

.a_titre1:empty {
    display: none;
}

.council-message-header {
    font-size: var(--fs-16-px);
    font-family: Arial, Helvetica, Sans-serif;
}

.council-message-header-color {
    color: #bc133e;
}

a.underline {
    text-decoration: underline;
    color: var(--silvergrau-09);
}

@media (min-width: 768px) {
    .same-line {
        display: inline-block !important;
        white-space: nowrap !important;
    }
}

.request-app .h1up {
    margin-bottom: 1.5rem;
    margin-top: 0;
    min-height: 3.5rem;
}

.text-btn {
    font-family: "targobank", "FrutigerNextW01-MediumC", Arial, Helvetica, Sans-serif;
    color: #8d9fb4;
    font-size: var(--fs-18-px);
}

ul.list-content>li {
    color: var(--kobaltblau-10) !important;
}

.feature-box.is-hint.sm::after {
    left: 0.5rem !important;
}

.toolBoxText {
    color: var(--kobaltblau-10) !important;
    font-family: "targobank", "FrutigerNextW01-MediumC", Arial, Helvetica, sans-serif !important;
    font-size: var(--fs-16-px) !important;
}

.video-ident-box {
    background-color: #eff3fa;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eff3fa 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #eff3fa 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #eff3fa 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEFF3FA', GradientType=0);
    font-size: var(--fs-14-px);
    border: 1px solid #e05206;
    border-radius: 0.5rem;
    position: relative;
    overflow: hidden;
    line-height: 1.33;
    width: auto !important;
}

.video-ident-box h3 {
    margin-bottom: 1.0rem;
}

.video-ident-box ul {
    margin-bottom: 1.5rem;
}

.video-ident-box .text-btn,
.video-ident-box #btn_KreditHinzu1 a,
#btn_KreditHinzu1 .video-ident-box a,
.video-ident-box #btn_KreditHinzu2 a,
#btn_KreditHinzu2 .video-ident-box a,
.video-ident-box #btn_KreditHinzu3 a,
#btn_KreditHinzu3 .video-ident-box a,
.video-ident-box #warn_netto1 a,
#warn_netto1 .video-ident-box a,
.video-ident-box #warn_netto2 a,
#warn_netto2 .video-ident-box a {
    text-align: left;
}

.video-ident-box img {
    display: block;
}

.video-ident-box img[src$="icon_skype.png"] {
    float: right;
    margin-right: 1.0rem;
    margin-top: -0.5rem;
}

.video-ident-box .box-left {
    float: left;
    width: 50%;
}

.video-ident-box .box-left>.box-inner {
    padding: 1.0rem 0 1.0rem 1.5rem;
}

.video-ident-box .box-right {
    float: left;
    width: 50%;
    position: relative;
    text-align: center;
}

.video-ident-box .box-right:before {
    position: absolute;
    display: block;
    content: '';
    width: 6.0rem;
    height: 6.0rem;
    top: -1px;
    right: -1px;
    background: transparent url("/de/GOPA/Public/images/batch-ident.png") 0 0 no-repeat;
}

.video-ident-box .box-right img {
    margin: 4.5rem auto 0 auto;
}

#webid-layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: #333;
    opacity: 0.5;
}

#webid-video {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -32.0rem;
    margin-top: -18.0rem;
    z-index: 1000;
}

#webid-video>span {
    position: absolute;
    right: 0;
    top: -3.0rem;
    line-height: 3.0rem;
    color: #fff;
    font-size: 3.0rem;
    cursor: pointer;
}

.not-active {
    cursor: pointer;
}

.request-app .field.is-multiple label.is-size-s {
    width: 30%;
}

.request-app .field.is-multiple label.is-size-m {
    width: 70%;
}

select[name=Data_EmpOccupationalGroupe1] {
    width: 99.9%;
}

select[name=Data_EmpOccupationalGroupe2] {
    width: 99.9%;
}

/* Vorteilskredit*/
.ei_slider {
    padding: 1.0rem 1.0rem 1.0rem 0px !important;
}

.ei_slider_range {
    background: transparent url("/de/GOPA/Public/images/sprite.png") -504px -231px no-repeat !important;
}

.ei_slider_rail {
    height: 1.0rem !important;
}

.ei_slider_bubbled {
    margin-top: 0px !important;
}

.ei_slider_bub {
    padding: 0px !important;
    text-align: left !important;
    border: 0px solid #369 !important;
}

.ei_slider_bubzone {
    top: -0.2rem;
}

span.ei_slider_bub input {
    color: #8d9fb4 !important;
    background-color: white !important;
}

.ei_slider_rail a {
    background: url("/de/GOPA/Public/images/sprite.png") no-repeat !important;
    background-position: -81px -190px !important;
    border: 0 !important;
    width: 2.1rem !important;
    height: 3.2rem !important;
    top: -1.1rem !important;
    outline-color: #002759 !important;
    margin-left: -0.4rem !important;
    cursor: pointer !important;
    position: absolute !important;
    z-index: 2 !important;
}

.sliderValue {
    width: 5.3rem;
    font-size: var(--fs-12-px);
    font-weight: 100;
    display: inline-block;
    background-color: transparent;
    border: none !important;
}

.tab-calculator .field .has-suffix,
.loan-basket .field .has-suffix {
    position: relative;
}

.tab-calculator .field .has-suffix.hide-suffix>.field-suffix,
.loan-basket .field .has-suffix.hide-suffix {
    display: none;
}

.loan-basket .field .has-suffix>.field-suffix {
    position: absolute;
    top: 0;
    right: 1.9rem;
    font-size: var(--fs-20-px);
    font-family: "targobank", "FrutigerNextW01-MediumC", Arial, Helvetica, Sans-serif;
    color: #8d9fb4;
    line-height: 3.0rem;
}

.tab-calculator .field .has-suffix>.field-suffix small,
.loan-basket .field .has-suffix>.field-suffix small {
    font-size: 75%;
}

.tooltip.error .tooltip-inner,
.tooltip.info .tooltip-inner {
    padding: 1.6rem 1.2rem;
    max-width: 300px;
    font-size: var(--fs-14-px);
}

.tooltip-inner {
    max-width: 30.0rem;
    padding: 0.3rem 0.8rem;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    background-color: #bb103b;
    border-radius: 0.4rem;
    left: 5.5rem;
}

.down-up-sell .tooltip-inner {
    white-space: nowrap;
}

.tab-calculator .field .has-suffix.hide-suffix>.field-prefix {
    display: none;
}

.tab-calculator .field .form-control,
.tab-calculator .field .has-suffix>.field-prefix {
    font-family: targobank, FrutigerNextW02-MediumC, Arial, Helvetica, sans-serif;
}

.tab-calculator .field .has-suffix.hide-suffix>.field-prefix,
html .tab-calculator.has-result .show-before-result {
    display: none;
}

.tab-calculator .field .has-suffix>.field-prefix {
    color: #8d9fb4;
    font-size: var(--fs-24-px);
    line-height: 3.6rem;
    position: absolute;
    padding-left: 1.0rem;
    top: 0;
}

.tab-calculator .field .has-suffix>.field-prefix small {
    font-size: 75%;
}

@media (max-width: 767px) {
    .tab-calculator .field .has-suffix>.field-prefix {
        font-size: var(--fs-14-px);
        line-height: 3.0rem;
    }
}

.sea-pages .tab-calculator .field .form-control,
.sea-pages .tab-calculator .field .has-suffix>.field-prefix {
    font-size: var(--fs-22-px);
}

.disabled-div {
    cursor: not-allowed;
    opacity: 0.4;
}

.request-app .loan-basket.open .basket-toggle:after {
    background-position: 0 -0.9rem;
}

.request-app .loan-basket .basket-toggle {
    width: 3.0rem;
    height: 3.0rem;
    position: absolute;
    left: 50%;
    margin-left: -2.0rem;
    top: 100%;
    cursor: pointer;
}

.request-app .loan-basket .basket-toggle:after {
    content: '';
    display: block;
    width: 1.6rem;
    height: 0.9rem;
    margin: 0 auto;
    background: transparent url(/de/GOPA/Public/images/basket-arrow-sprite.png) 0 0 no-repeat;
}

.request-app .js-slider:before {
    position: absolute;
    display: block;
    content: '';
    height: 1.0rem;
    border-radius: 0.4rem;
    background-color: #fff;
    top: 50%;
    margin-top: -0.5rem;
    box-shadow: 0 1px 0.3rem #d4d4d4 inset;
    width: 100%;
}

.request-app .js-slider .ui-slider-range {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.request-app .js-slider .ui-slider-range:before {
    position: absolute;
    display: block;
    content: '';
    height: 0.8rem;
    border-radius: 0.4rem;
    background-color: #889ab0;
    top: 50%;
    margin-top: -0.4rem;
    width: 100%;
}

@media (max-width: 767px) {
    .request-app .loan-basket>.basket-inner {
        border-bottom: 1px solid #ABB3C6;
        padding: 0.5rem 1.0rem;
        background: #eff0f2;
    }

    .request-app .loan-basket .basket-summary {
        font-size: var(--fs-15-px);
    }

    .request-app .loan-basket .basket-summary>div {
        line-height: 2.6rem;
    }
}

.request-app .loan-basket .basket-summary {
    font-family: "targobank", "FrutigerNextW02-MediumC", Arial, Helvetica, Sans-serif;
    color: var(--kobaltblau-10);
}

.request-app .loan-basket .basket-summary .line>div:last-of-type {
    white-space: nowrap;
}

.request-app .loan-basket .basket-summary .line:first-of-type>div:last-of-type {
    font-size: var(--fs-20-px);
}

.request-app .loan-basket .basket-summary .line .installments {

    font-size: var(--fs-14-px) !important;
}

.request-app .loan-basket>.basket-inner {
    font-size: --var(--fs-16-px);
}

@media (min-width: 768px) {
    .request-app .loan-basket {
        width: 20.8rem;
    }

    .request-app .loan-basket>.basket-inner {
        position: absolute;
        background: #fff;
        left: -1.6rem;
        top: -1.0rem;
        width: 100%;
        border: 1px solid #8d9fb4;
        padding: 0.6rem;
    }
}

.request-app .loan-basket {
    position: relative;
    z-index: 10;
}

.request-app .loan-basket.loading {
    pointer-events: none;
}

.request-app .loan-basket .line {
    display: table;
    width: 100%;
}

.request-app .loan-basket .line>div {
    display: table-cell;
    vertical-align: middle;
    font-size: var(--fs-14-px);
}

.request-app .loan-basket .line>div:last-of-type {
    text-align: right;
}

.request-app .loan-basket .show-on-open {
    display: none;
}

.request-app .loan-basket.open .show-on-open {
    display: block;
}

.request-app .loan-basket.open .show-on-open.line {
    display: table;
}

.request-app .loan-basket .basket-details {
    padding-bottom: 2.0rem;
    font-family: "targobank", "FrutigerNextW02-MediumC", Arial, Helvetica, Sans-serif;
}

.request-app .loan-basket .basket-details * {
    color: #8D9FB4;
}


.request-app .loan-basket .h3 {
    margin-top: 1.0rem;
}

.request-app .loan-basket hr {
    margin: 1.0rem 0;
    border-color: #8d9fb4;
}

.request-app .loan-basket .basket-calc {
    padding-top: 3.0rem;
}

.request-app .loan-basket .basket-calc .chevron-right {
    text-transform: uppercase;
    display: block;
    font-family: "targobank", "FrutigerNextW02-MediumC", Arial, Helvetica, Sans-serif;
}

.request-app .loan-basket .basket-calc .chevron-right.calc-open {
    text-align: center;
    font-size: var(--fs-13-px);
}

.request-app .loan-basket .basket-calc .open-calc {
    text-align: center;
}

.loan-basket .field .has-suffix>.field-suffix {
    position: absolute;
    top: 0;
    right: 1.9rem;
    font-size: var(--fs-15-px);
    font-family: "targobank", Arial, Helvetica, Sans-serif;
    color: #8d9fb4;
    line-height: 3.2rem;
}

@media (max-width: 767px) {
    .request-app .loan-basket .basket-calc .open-calc {
        display: none;
    }
}

@media (min-width: 768px) {
    .request-app .loan-basket .basket-calc .basket-calc-form {
        display: none;
        background: #fff;
        padding: 1.0rem 1.0rem 0.5rem 1.0rem;
        border: 1px solid #8d9fb4;
        left: 0;
        top: 100%;
        width: 550px;
        position: absolute;
    }
}

.request-app .loan-basket .open.basket-calc .basket-calc-form {
    display: block;
}

.request-app .loan-basket .basket-calc .basket-calc-form {
    display: none;
}

@media (min-width: 992px) {
    .request-app .loan-basket .basket-calc .basket-calc-form {
        left: 100%;
        top: auto;
        bottom: -1.6rem;
    }
}

.request-app .loan-basket .basket-calc label {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    vertical-align: middle;
    margin: 0;
    font-family: "targobank", "FrutigerNextW02-MediumC", Arial, Helvetica, Sans-serif;
    color: var(--kobaltblau-10);
}


.request-app .loan-basket .basket-calc .form-element {
    font-family: "targobank", "FrutigerNextW02-MediumC", Arial, Helvetica, Sans-serif;
    font-size: var(--fs-20-px);
    text-align: right;
    color: #8D9FB4;
}

.request-app .loan-basket .basket-calc .js-slider {
    margin-right: 1.0rem;
    margin-bottom: 0;
    margin-top: -0.3rem;
}

.request-app .loan-basket .basket-calc .row {
    margin-bottom: 1.2rem;
}

.request-app .loan-basket .basket-calc .row:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .request-app .loan-basket .basket-calc {
        padding-top: 3.0rem;
    }

    .request-app .loan-basket .basket-calc.open .basket-calc-form {
        display: block;
    }
}

.padding-left-2 {
    padding-left: 0.2rem !important;
}

.padding-right-2 {
    padding-right: 0.2rem !important;
}

.padding-right-19 {
    padding-right: 1.9rem !important;
}

.padding-right-55 {
    padding-right: 5.5rem !important;
}

.padding-right-65 {
    padding-right: 6.5rem !important;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /* IE10+ CSS styles go here */
    .padding-top-0 {
        padding-top: 0px !important;
    }
}

.disabled-tab:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 25.0rem;
    bottom: 0;
    content: '';
    z-index: 1000;
    background: rgba(255, 255, 255, 0.65);
}

.euro_am_Sonntag_siegel2 {
    background-image: url("/de/GOPA/Public/images/Euro_am_Sonntag_siegel2.png");
    width: 19.2rem;
    height: 20.0rem;
}

.fair_kredit_siegel {
    background-image: url("/de/GOPA/Public/images/Euro_am_Sonntag_siegel2.png");
    height: 20.0rem;
}

.auto_test_siegel {
    background-image: url("/de/GOPA/Public/images/auto_test_siegel2015.png");
    width: 19.0rem;
    height: 20.0rem;
}

.autoKredit-successScr-avtr {
    height: 18.0rem !important;
}

.request-app .klv .klv-selection {
    margin-bottom: 2.8rem;
}

.request-app .klv .klv-selection>.item {
    /* //opacity: 0.5; */
    padding: 0 1.0rem;
    margin-bottom: 2.0rem;
}

.request-app .klv-selection .selected.item .box>.box-title {
    background-color: var(--kobaltblau-10);
}

.request-app .klv .klv-selection .box-text {
    font-family: "targobank", "FrutigerNextW04-Regular", Arial, Helvetica, Sans-serif;
}

.request-app .klv .klv-selection .box {
    margin: 0 auto;
    max-width: 28.0rem;
    position: relative;
}

.request-app .klv .klv-selection .box.is-tipp:before {
    content: '';
    position: absolute;
    top: -1.2rem;
    height: 2.8rem;
    width: 2.8rem;
    display: block;
    background: transparent url(/de/GOPA/Public/images/tipp-batch.png) 0 0 no-repeat;
    right: -1.2rem;
}

.request-app .klv .klv-selection .box>.box-title,
.request-app .klv .klv-selection .box>.box-content {
    border-style: solid;
    border-color: #e3e7ed;
}

.request-app .klv .klv-selection .box>.box-title {
    background-color: rgba(0, 47, 95, .5);
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 0.3rem 0.5rem;
    border-radius: 0.4rem 0.4rem 0 0;
    border-width: 1px 1px 0 1px;
}

.request-app .klv .klv-selection .box>.box-content {
    background-image: -webkit-linear-gradient(top, #f8fafd 0%, #f0f4fa 100%);
    background-image: -o-linear-gradient(top, #f8fafd 0%, #f0f4fa 100%);
    background-image: linear-gradient(to bottom, #f8fafd 0%, #f0f4fa 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF8FAFD', endColorstr='#FFF0F4FA', GradientType=0);
    color: var(--kobaltblau-10);
    /* //padding: 0.5rem; */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 0 0 0.4rem 0.4rem;
    border-width: 1px 1px 1px 1px;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.request-app .klv .klv-selection .box ul {
    margin: 0;
    list-style: none;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
}

.request-app .klv .klv-selection .box ul>li:before {
    font-family: 'targobank';
    content: "";
    color: #00b22e;
    display: inline-block;
    margin-right: 0.4rem;
}

.request-app .klv .klv-selection .box-text {
    margin: 0 auto;
    width: 15.0rem;
    text-align: center;
}

.request-app .klv .popover-content {
    white-space: nowrap;
}

@media (min-width: 768px) {
    .request-app .klv .klv-selection {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .request-app .klv .klv-selection>.item {
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 0;
    }

    .request-app .klv .klv-selection .box {
        max-width: 17.0rem;
    }
}

.request-app .down-up-sell .tooltip-title {
    display: block;
    background: #8d9fb4;
    color: #fff;
    font-size: var(--fs-14-px);
    margin: -0.3rem -0.8rem 0 -0.8rem;
    padding: 0.3rem 0.6rem;
}

.down-up-sell .tooltip-value {
    line-height: 5.0rem;
}

.down-up-sell .tooltip-value:before {
    font-family: 'targobank';
    content: "";
    color: #79d494;
    display: inline-block;
    vertical-align: middle;
    font-size: var(--fs-20-px);
    margin-right: 0.5rem;
}

.down-up-sell .tooltip-inner {
    background-image: -webkit-linear-gradient(top, #fff 0%, #eff3fa 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #eff3fa 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #eff3fa 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEFF3FA', GradientType=0);
    font-size: var(--fs-20-px);
    font-weight: 700;
    color: var(--kobaltblau-10) !important;
    white-space: nowrap;
    overflow: hidden;
    max-width: none;
}

.request-app .down-up-sell {
    color: var(--kobaltblau-10);
}

@media (min-width: 768px) {
    .request-app .down-up-sell .down-up-sell-grid {
        display: table;
        width: 100%;
    }

    .request-app .down-up-sell .down-up-sell-grid>.slider-box {
        display: table-cell;
        width: 50% !important;
        vertical-align: top;
    }

    .request-app .down-up-sell .down-up-sell-grid>.slider-box-topup {
        display: table-cell;
        width: 50% !important;
        vertical-align: auto;
    }

    .request-app .down-up-sell .down-up-sell-grid>.values-box {
        display: table-cell;
        vertical-align: top;
    }

    .request-app .down-up-sell .down-up-sell-grid>.values-box>.value-amount {
        padding-top: 4.0rem;
    }

    .request-app .down-up-sell .down-up-sell-grid .field {
        margin-bottom: 0;
    }
}

.request-app .down-up-sell .down-up-sell-grid>.values-box {
    text-align: right;
}

.request-app .down-up-sell .tooltip-arrow {
    border-top-color: #eff3fa;
}

.request-app .down-up-sell .value {
    color: #8D9FB4;
    font-family: "targobank", "FrutigerNextW02-MediumC", Arial, Helvetica, Sans-serif;
    font-size: var(--fs-24-px);
}

@media (min-width: 768px) {
    .request-app .down-up-sell .third-party-loans {
        margin: 0 -1.0rem 0 auto;
        max-width: 20.0rem;
    }
}

.request-app .down-up-sell .third-party-loans {
    padding: 1.0rem;
    color: #8D9FB4;
    border-radius: 0.4rem;
    border: 1px solid #e3e7ed;
    background-image: -webkit-linear-gradient(top, #fefeff 0%, #eff3fa 100%);
    background-image: -o-linear-gradient(top, #fefeff 0%, #eff3fa 100%);
    background-image: linear-gradient(to bottom, #fefeff 0%, #eff3fa 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFEFEFF', endColorstr='#FFEFF3FA', GradientType=0);
}

.not-selected {
    opacity: 0.6;
}

.request-app .down-up-sell .third-party-loans>.line {
    display: table;
    width: 100%;
    text-align: left;
}

.request-app .down-up-sell .third-party-loans>.line>div {
    display: table-cell;
    vertical-align: middle;
}

.request-app .down-up-sell .third-party-loans>.line>div.value {
    text-align: right;
    font-size: var(--fs-20-px);
}

.request-app .down-up-sell .third-party-loans>.line:last-of-type {
    border-top: 1px solid #8D9FB4;
}

.request-app .down-up-sell .upsell-layer>span+.tooltip:before {
    content: '';
    position: absolute;
    top: -1.4rem;
    height: 2.8rem;
    width: 2.8rem;
    display: block;
    background: transparent url(/de/GOPA/Public/images/tipp-batch.png) 0 0 no-repeat;
    right: -1.4rem;
}

.modal-body {
    background-image: -webkit-linear-gradient(top, #fff 0%, #eff3fa 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #eff3fa 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #eff3fa 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEFF3FA', GradientType=0);
}

.modal-layer {
    margin: -1.6rem;
    padding: 2.5rem;
    border-radius: 0.4rem;
    font-size: var(--fs-16-px);
}

@media (min-width: 768px) {
    .modal-layer {
        background-position: 98% 5.0rem;
        background-image: url(../images/moderator_default.png);
        background-repeat: no-repeat;
    }
}

.modal-layer h1.modal-h1 {
    margin-top: 0;
}

.modal-layer .subline {
    /* color: #8D9FB4; */
    color: var(--kobaltblau-10);
    margin-top: 2.0rem;
}

.modal-layer .call-action {
    font-size: var(--fs-16-px);
    margin-bottom: 7.0rem;
    margin-top: 4.0rem;
}

.modal-layer .call-action .or {
    padding-left: 1.5rem;
    padding-right: 1.0rem;
    color: #8D9FB4;
}

.modal-layer .call-action .number {
    color: var(--kobaltblau-10);
    font-weight: bold;
    font-size: var(--fs-18-px);
}

.modal-layer .phone-box {
    margin-top: 2.5rem;
    margin-bottom: 5.0rem;
}

.modal-layer .phone-box .icon-telefon {
    font-size: 5.0rem;
    padding-right: 2.0rem;
    padding-top: 1.0rem;
    padding-left: 1.0rem;
    color: #8D9FB4;
}

.modal-layer .phone-box .float-left {
    float: left;
}

.modal-layer .phone-box p {
    color: var(--kobaltblau-10);
}

.modal-layer .phone-box p:first-child {
    margin-bottom: 1.5rem;
}

.modal-layer .phone-box p.number {
    font-size: var(--fs-24-px);
}

.modal-layer .contact-icon {
    color: #8D9FB4;
    font-size: 4.0rem;
}

.modal-layer .number {
    font-size: var(--fs-20-px);
}

.modal-layer .otv-text {
    color: var(--kobaltblau-10);
    font-size: var(--fs-14-px);
}

.modal-layer .otv-text a {
    color: var(--kobaltblau-10);
    text-decoration: underline;
}

.modal-layer a.go-to-home {
    color: var(--kobaltblau-10);
    font-size: var(--fs-16-px);
}

@media (min-width: 768px) {
    .modal-layer a.back-to-antrag {
        margin-left: 12.0rem;
    }

    .modal-layer a.back-to-antrag.inact {
        margin-left: 23.5rem;
    }
}

.modal-layer .padding-top-small {
    padding-top: 0.5rem;
}

.modal-layer .small-text {
    font-size: var(--fs-14-px);
}


.modal-layerc {
    margin: -1.6rem;
    padding: 2.5rem;
    border-radius: 0.4rem;
    font-size: var(--fs-16-px);
}

@media (min-width: 768px) {
    .modal-layerc {
        background-position: 98% 5.0rem;
        background-image: url(../images/chat_moderator.png);
        background-repeat: no-repeat;
    }
}

.modal-layerc h1.modal-h1 {
    margin-top: 0;
}

.modal-layerc .otv-text {
    color: var(--kobaltblau-10);
    font-size: var(--fs-14-px);
}

@media (min-width: 768px) {
    .modal-layerc a.back-to-antrag {
        margin-left: 12.0rem;
    }

    .modal-layerc a.back-to-antrag.inact {
        margin-left: 23.5rem;
    }
}


.has-loan-basket .request-app .loan-steps-info {
    padding: 0;
    display: block;
}

@media (max-width: 767px) {
    .has-loan-basket .request-app .fields-top {
        padding-bottom: 7.0rem;
    }

    .has-loan-basket .request-app .loan-steps-info {
        left: 0;
        position: absolute;
        top: 4.5rem;
        width: 100%;
        z-index: 1000;
    }

    .request-app .basket-calc-form {
        margin: 3.0rem 0;
    }
}

.tab-lightbox .request-app {
    padding: 0;
    overflow: hidden !important;
    font-size: var(--fs-14-px);
}

.tab-lightbox .request-app .field-caption {
    margin-bottom: 0;
}

.tab-lightbox .request-app .subline {
    font-size: var(--fs-14-px);
}

.tab-lightbox .request-inner {
    min-height: 0;
}

.tab-lightbox h1 {
    min-height: 0;
}

.tab-lightbox .modal-content {
    border: 1px solid #bc133e;
    border-radius: 0.6rem;
}

.tab-lightbox .modal-body {
    border-radius: 0.6rem;
}

.tab-lightbox [class*="btn-invert"] {
    background: #fff none repeat scroll 0 0;
}

@media (max-width: 479px) {
    .tab-lightbox [class*="btn-invert"] {
        display: block;
        margin-bottom: 1.0rem;
        width: 100%;
    }
}

form {
    margin-bottom: 0.2rem;
}

.request-app .klv .price-mobile {
    text-align: center;
    margin: 0.5rem 0 1.5rem 0;
}

.radio-button-label {
    width: 50%;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    white-space: normal;
}

@media (min-width: 768px) {
    .slider-box-tooltip .tooltip-arrow {
        left: 50%;
    }

    .downsell-tootltip {
        left: -65px;
    }

    .downsell-tooltip .tooltip-arrow {
        left: 50%;
    }

    .tab-border {
        border-top-color: #8d9fb4 !important;
        border-left-color: #8d9fb4 !important;
        border-right-color: #8d9fb4 !important;
    }
}

@media (max-width: 767px) {
    .upsell-values-box {
        padding-top: 0px !important;
    }

    .downsell-values-box {
        padding-top: 0px !important;
    }

    .slider-box-tooltip {
        margin-top: -2.5rem !important;
        left: 0;
    }

    .request-app .slider-box .js-slider {
        left: 0% !important;
        width: 100% !important;
    }

    .slider-box-tooltip .tooltip-arrow {
        left: 15% !important;
    }

    .downsell-tootltip .tooltip-arrow {
        left: 93% !important;
    }

    .downsell-tootltip {
        right: 0;
    }

    .tab-border {
        border-color: #8d9fb4 !important;
    }
}

.request-app .loan-basket .has-error label {
    color: var(--error-field);
}

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


.tab-calculator .field-incoms input[disabled] {
    opacity: 1 !important;
}

.request-app .motivkarten {
    margin: 4.0rem auto;
    max-width: 58.0rem;
}

.request-app .motivkarten>.karten-item {
    text-align: center;
    margin-bottom: 2.0rem;
    color: #8D9FB4;
    cursor: pointer;
}

.request-app .motivkarten>.karten-item>.image {
    position: relative;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

.request-app .motivkarten>.karten-item>.image>img {
    display: block;
    margin: auto auto 0.5rem auto;
    max-width: 100%;
}

.karten-item:hover>.image {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.request-app .motivkarten>.karten-item.selected {
    color: var(--kobaltblau-10);
}


@media (max-width:479px) {
    .modal-layer [class*=btn-invert] {
        width: 100%;
        display: block;
        margin-bottom: 1.0rem;
    }
}

.nav-focused:focus,
.nav-focused:hover {
    outline: 0.2rem solid var(--kobaltblau-10);
    outline-offset: 0.3125rem;
    color: var(--kobaltblau-10);
}

.nav-focused:focus::before,
.nav-focused:hover::before,
.nav-focused:focus::after,
.nav-focused:hover::after {
    transform: translateX(-0.8rem);
}

.nav-focused:focus::after,
.nav-focused:hover::after {
    transform: translateX(0.8rem);
}

.sum {
    margin: 1.5rem 0 1.0rem;
    text-right: right;
    color: #8c9fb5;
}

.klv-radioButton {
    display: block;
    padding: 1.5rem 0 0;
    border-top: 1px solid #E4E8EE;
    font-size: var(--fs-17-px);
    color: #bc133e !important;
    font-family: targobank, FrutigerNextW02-MediumC, Arial, Helvetica, Sans-serif;
}

.request-app .klv .klv-selection .box ul>li.na {
    color: #999;
}

.request-app .klv .klv-selection .box ul>li.na::before {
    color: #999;
    content: "\e820";
}

.box-tooltip {
    cursor: pointer;
    font-size: var(--fs-12-px);
    text-align: center;
    color: #09315b;
    margin-top: 1.0rem;
    text-decoration: underline;
}

.versicherung-popup-header {
    padding-left: 2.0rem;
    font-size: var(--fs-16-px);
}

.versicherung-popup-body {
    padding-left: 2.0rem;
}

.icon-info-circled-space::before {

    content: '\e875';
    /* //padding-right: 1.0rem; */
    color: rgb(0, 47, 95);
}

.versicherung-sum {
    font-size: var(--fs-18-px);
}

@media (min-width: 768px) {
    .motorbikes {
        padding-top: 3.0rem;
    }
}

.versicherung-empfehlung {
    background-color: rgba(0, 47, 95, .5);
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 0.7rem 0.5rem;
}

.request-app .klv-selection .selected.item .box .box-content .versicherung-empfehlung-Div .versicherung-empfehlung {
    background-color: var(--kobaltblau-10);
}

.request-app .klv-cols {
    margin-bottom: 5.0rem;
    margin-top: 3.0rem;
}

.request-app .klv-cols .box {
    background-image: linear-gradient(-180deg, #FCFCFD 0, #EEF1F8 100%);
    border-radius: 0.4rem;
    transition: box-shadow .5s;
    position: relative;
}

@media (max-width:767px) {
    .request-app .klv .js-slider {
        display: none;
    }

    .request-app .klv-cols .item+.item {
        margin-top: 2.0rem;
    }
}

@media (min-width:768px) {
    .request-app .klv-cols {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: end;
        align-items: flex-end;
    }

    .request-app .klv-cols .item:not(:last-of-type) {
        margin-right: 2.0rem;
    }

    .request-app .klv-cols .box {
        width: 160px;
    }
}

.request-app .klv-cols .box.selected {
    box-shadow: 0 1px 0.7rem 0 rgba(0, 0, 0, .32);
}

.request-app .klv-cols .box.selected>.box-title {
    background-color: var(--kobaltblau-10);
}

.request-app .klv-cols .box>.box-title {
    background-color: rgba(0, 47, 95, .5);
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 0.3rem 0.5rem;
    border-radius: 0.4rem 0.4rem 0 0;
    border-width: 1px 1px 0;
}

.request-app .klv-cols .box>.box-content {
    color: var(--kobaltblau-10);
    padding: 1.0rem;
    border-radius: 0 0 0.4rem 0.4rem;
    border-width: 0 1px 1px;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.request-app .klv-cols .box.box-1>.box-content {
    background-color: #f5f8fc;
}

.request-app .klv-cols .box.box-2>.box-content {
    background-color: #edf3fc;
}

.request-app .klv-cols .box.box-3>.box-content {
    background-color: #dbe7f9;
}

.request-app .klv-cols .box ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.request-app .klv-cols .box ul>li+li {
    margin-top: 0.5rem;
}

.request-app .klv-cols .box ul>li:before {
    font-family: targobank;
    content: "\e816";
    color: #00b22e;
    display: inline-block;
    margin-right: 0.4rem;
}

.request-app .klv-cols .box ul>li.na,
.request-app .klv-cols .box ul>li.na:before {
    color: #999;
    content: "\e820";
}

.request-app .klv-cols .box-text {
    margin: 0 auto;
    width: 15.0rem;
    text-align: center;
}

.request-app .klv-cols .sum {
    margin: 1.5rem 0 1.0rem;
    text-align: right;
    color: #8C9FB5;
}

.request-app .klv-cols .sum strong {
    font-size: var(--fs-18-px);
}

.request-app .klv-cols label {
    cursor: pointer;
    display: block;
    padding: 1.5rem 0 0;
    border-top: 1px solid #E4E8EE;
    font-size: var(--fs-17-px);
    color: #BC133E;
    font-family: targobank, FrutigerNextW02-MediumC, Arial, Helvetica, Sans-serif;
}

.request-app .klv-cols .box-tooltip {
    cursor: pointer;
    font-size: var(--fs-12-px);
    text-align: center;
    color: #09315B;
    margin-bottom: 1.0rem;
    text-decoration: underline;
}

.request-app .klv-cols .box-tooltip .icon-info-circled {
    font-size: 1.5em;
    vertical-align: middle;
    margin-left: 0.5rem;
}

/*Indirekt Flow Start*/

.iban-modified {
    display: inline-block !important;
    width: 80% !important;
    margin-left: 0.5rem;
}

.request-app .summary-box .content .left-indirekt {
    width: 50%;
    padding: 15px 25px;
}

.request-app .summary-box .content .right-indirekt {
    width: 50%;
    padding: 15px 25px;
}

@media (max-width:991px) {

    .request-app .summary-box .content .left-indirekt,
    .request-app .summary-box .content .right-indirekt {

        width: 100%;
    }
}

.request-app .summary-box .content .indirekt-calculator {
    width: 100%;
    padding: 15px 25px;
    border-left: 1px solid #8d9fb4;
    border-bottom: 1px solid #8d9fb4;
    border-right: 1px solid #8d9fb4;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-color: #e3e7ed;
}

.request-app .summary-box .title-indirekt-calculator {
    color: #fff;
    text-align: left;
    font-size: 16px;
    padding: 10px 10px 10px 10px;
    background-color: #8d9fb4;
    border-radius: 4px 4px 0 0;
}
}

.Laufzeit-box {
    color: var(--kobaltblau-10);
}

.Ratenzahlung-box {
    color: var(--kobaltblau-10);
}

.bevorzugte-laufzeit-row {
    margin: 0px 0px 15.0rem 0px;
}

.finanzierungssumme-ratenhöhe-box {
    border-spacing: 0.07em
}

ul.blackhooklist {
    margin: 0;
    list-style: none;
    padding: 0;
}

ul.blackhooklist>li:before {
    font-family: 'targobank';
    content: "";
    color: #000000;
    display: inline-block;
    margin-right: 0.4rem;
}

/*CSS for Self Made Button to add and subtract loan length. Start*/
.icon-min-monate {
    position: absolute;
    top: 2.4rem;
    left: 3.2rem;
    font-weight: bold;
    color: var(--kobaltblau-10);
    white-space: nowrap;
}

.icon-max-monate {
    position: absolute;
    top: 2.4rem;
    right: 3.2rem;
    font-weight: bold;
    color: var(--kobaltblau-10);
    white-space: nowrap;
}

/*CSS for Self Made Button to add and subtract loan length. End*/

@media (max-width:991px) {

    .Laufzeit-box {
        width: 100%;
        top: -6.5rem;
    }

    .Ratenzahlung-box {
        width: 100%;
        padding-bottom: 2.5rem;
    }

}


/*Solution for the Progress bar
.request-app .request-steps > .request-step .step-label {
    margin: 3px 0px 0px 40px;
	width: 149px;
}*/

/*Indirekt Flow End*/

.request-app .summary-box {
    margin-bottom: 3.0rem;
}

.request-app .summary-box .title {
    width: 100%;
    color: #002F5F;
    font-weight: bold;
    font-size: var(--fs-16-px);
    padding: 1.5rem 2.5rem;
}

/*Changes for DAC Start */

.request-app .summary-box .dac {

    width: 100%;
    background: #002E5F;
    color: #fff;
    font-size: var(--fs-18-px);
    padding: 1.5rem 2.5rem;
    margin-top: -1.0rem;
    border-radius: 1.0rem 1.0rem 0px 0px;
}

.gf-fields-group-box-dac {
    border-radius: 1.0rem;
    border: 1px solid white;
    background: #fff;
    padding: 1.0rem;
    max-width: 120.0rem;
    margin: 0 auto;
    margin-bottom: 2.0rem;
}

#XS2A-Form .xs2a-form-line {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 2.5rem;
}

#XS2A-Form .xs2a-form-line label {
    color: var(--kobaltblau-10);
    line-height: 3.0rem;
    font-weight: normal;
    margin-bottom: 1.0rem;
    margin-left: 0;
    margin-right: 0;
}

#XS2A-Form .xs2a-form-line .has-error label {
    color: var(--error-field) !important;
}

#XS2A-Form .xs2a-form-line .has-error input {
    border-color: var(--error-field) !important;
}

#XS2A-Form .xs2a-form-line input:not([type='checkbox']):not([type='radio']),
#XS2A-Form .xs2a-form-line select {
    border: 0.2rem solid var(--kobaltblau-10);
    padding: 0.4rem 0.8rem;
    border-radius: 0.4rem;
    height: 4.0rem;
}

#XS2A-Form .xs2a-form-line select {
    /* box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(/de/GOPA/Public/images-a11y/icons/ico_link_down.png) no-repeat 
    right #fff;*/
}

#XS2A-Form .xs2a-form-line input:focus,
#XS2A-Form .xs2a-form-line select:focus {
    outline: 0.2rem solid var(--kobaltblau-10);
    outline-offset: 0.3125rem;
}

#XS2A-Form .xs2a-form-line input:hover,
#XS2A-Form .xs2a-form-line select:hover {
    background: rgba(0, 182, 237, 0.2) !important;
}

#XS2A-Form button {
    border-radius: 2.5rem;
    font-size: var(--fs-14-px);
    line-height: 1.8;
    padding: 0 2.0rem;
    background-color: white;
    color: var(--kobaltblau-10);
    border: 0.2rem solid var(--kobaltblau-10);
    height: 4.3rem;
}

#XS2A-Form button.xs2a-submit {
    border: none;
    background-color: var(--kobaltblau-10);
    color: #fff;
}

#XS2A-Form button:after,
#XS2A-Form button:before {
    display: inline-block;
    font-family: targobank;
}

#XS2A-Form button.xs2a-submit:after {
    padding-left: 0.8rem;
    content: '\e800';
}

#XS2A-Form button.xs2a-back:before {
    padding-right: 0.8rem;
    content: '\e809';
}

#XS2A-Form .xs2a-error {
    background: none !important;
    color: var(--error-field);
}

#XS2A-Form .xs2a-error p,
#XS2A-Form .has-error label {
    color: var(--error-field) !important;
}

/*Changes for DAC End */

.request-app .summary-box .content {

    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.request-app .summary-box .content .left,
.request-app .summary-box .content .right {

    width: 50%;
    padding: 1.5rem 2.5rem;
}

@media (max-width:991px) {

    .request-app .summary-box .content {

        flex-wrap: wrap;
    }

    .request-app .summary-box .content .left,
    .request-app .summary-box .content .right {

        width: 100%;
    }

    .request-app .summary-box .content .right {

        border-left: 1px solid #8D9FB4;
    }

}

.request-app .summary-box .content .line {

    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.request-app .summary-box .content .left {

    border-left: 1px solid #8D9FB4;
    border-bottom: 1px solid #8D9FB4;
    border-right: 1px solid #8D9FB4;
    color: var(--kobaltblau-10);
}

.request-app .summary-box .content .left .line {

    margin-bottom: 0.5rem;
    font-weight: 700;
    font-size: var(--fs-16-px);
}

.request-app .summary-box .content .left .line.small {

    font-size: var(--fs-14-px);
    margin-bottom: 2.0rem;
    font-weight: 400;
}

.request-app .summary-box .content .right {

    color: #8D9FB4;
    font-size: var(--fs-14-px);
    font-weight: 700;
    border-bottom: 1px solid #8D9FB4;
    border-right: 1px solid #8D9FB4;
}

.request-app .summary-box .content .right .line {

    margin-bottom: 1.0rem;
}

.request-app .summary-box .content .right .line.small {

    font-weight: 400;
    margin-top: -1.0rem;
}

.request-app .summary-box .content .right .line.small .text {

    padding-left: 1.5rem;
}

.request-app .summary-box .content .right .line.insurance {

    position: relative;
    cursor: pointer;
}

.request-app .summary-box .content .right .line.insurance .text {

    display: inline-block;
}

.request-app .summary-box .content .right .line.insurance .text:after {

    font-family: targobank;
    content: "\e875";
    font-size: var(--fs-18-px);
    display: inline-block;
    left: 1.2rem;
    top: 1.5rem;
    color: #8D9FB4;
    line-height: 1;
}

.request-app .summary-box .content .right hr {

    color: #8D9FB4;
}

.btn-border-radius {
    border-radius: 1.5rem 1.5rem 1.5rem 1.5rem !important;
    font-size: var(--fs-11-px);
    font-weight: bolder;
    background-color: none;
}

.input-field-border-radius {
    font-family: targobank, FrutigerNextW02-MediumC, Arial, Helvetica, sans-serif;
    border-radius: 0.8rem 0.8rem 0.8rem 0.8rem !important;
    border: 1px solid black;
    font-size: var(--fs-12-px);
    font-weight: bold;
    display: inline-block;
    background-color: #fff;
    vertical-align: middle;
}

.input-field-border-radius-lable {
    color: var(--kobaltblau-10);
    font-size: 0.85em;
}

/* KIAFLOW FLOW 2019 START*/
.price-col {
    float: left;
    width: 23.3%;
    padding: 0px;
}

.price-col-description {
    float: left;
    width: 29%;
    padding: 0px;
}

.price-col-description-text {
    font-size: 0.86em !important;
    color: var(--kobaltblau-10);
    font-weight: 600 !important;
    text-align: left !important;
}

.price-box {
    background: #fff;
    color: #8D9FB4;
    list-style-type: none;
    margin: 0;
    padding: 0;
    transition: 0.3s;
}

.price-box:hover {
    box-shadow: 0 1px 1px 0 #000;
    border: 1px solid var(--kobaltblau-10);
}

.price-box-highlight {
    box-shadow: 0 1px 1px 0 #000;
    border: 1px solid var(--kobaltblau-10);
}

.price-box,
.col-header {
    font-size: var(--fs-14-px);
    font-weight: 700;
}

.col-header {
    color: var(--kobaltblau-10);
    text-align: center;
}

.price-box li {
    padding: 0.8rem;
    border-bottom: 1px solid #eee;
    text-align: center;
    font-size: 0.86em;
}

.price-box li:first-child {
    padding: -1.0rem;
    padding-bottom: 3.0rem;
    border-bottom: 0.2rem solid #D9D5D7;
}

.FirstColunmPadding {
    padding-bottom: 3.3rem !important;
}

.price-box .emph {
    background-color: #f4f4f4;
    border-bottom: 0.2rem solid #D9D5D7;
    font-weight: 700;
    color: var(--kobaltblau-10);
}

.price-box li strong {
    display: none;
}

.page-header2 {
    background: var(--kobaltblau-10);
    color: #ffffff;
    min-height: 6.0rem;
    line-height: 2.0rem;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.page-header2 a {
    color: #ffffff;
    text-decoration: none;
    font-size: var(--fs-16-px);
    text-align: center;
    font-weight: normal;
    font-family: "Circular", Arial, Helvetica, sans-serif;
    line-height: 3.5;
}

.page-header2 a:before {
    content: "\e816";
    color: var(--skyblue-06);
    position: relative;
    line-height: 1;
    display: inline;
    padding-right: 0.2rem;
    font-family: targobank;
}

.page-footer {
    background: var(--kobaltblau-10);
    color: #ffffff;
    min-height: 8.5rem;
    margin: 0px;
    padding-top: 1.5rem;
    overflow: hidden;
}

.page-footer ul {
    margin: 0;
    padding: 0;
}

.page-footer a {
    color: #fff;
    text-decoration: none;
    font-size: var(--fs-16-px);
    text-align: center;
    font-family: "Circular", Arial, Helvetica, sans-serif;
    line-height: 4;

}

.page-footer a:hover {
    text-decoration: underline;
}

.page-footer li {
    float: left;
    display: inline;
    text-align: center;
    padding: 0 0px 0 3.0rem;
}

.page-footer nav {
    float: left;
    margin-top: 0px;
    padding-left: 10.0rem;
}

.col-header-radio-label-margin {
    margin-right: 7.0rem;
}

.slider-text-adjust {
    width: 28% !Important;
}

.slider-text-adjust2 {
    width: 100% !Important;
}

.slider-input-adjust {
    font-size: var(--fs-18-px) !Important;
}

.slider-input-adjust2 {
    font-size: var(--fs-18-px) !Important;
}

.margin-padding-adjusted {
    margin-bottom: 0.5rem !important;
}

.result-values-adjusted {
    height: 20.0rem !important;
}

.text-amount-adjusted {
    font-size: var(--fs-19-px) !important;
}

.result-interest-adjusted {
    font-size: var(--fs-18-px) !important;
}

.text-rate-adjusted {
    font-size: var(--fs-18-px) !important;
}

@media(max-width: 800px) {
    .page-footer li {
        padding: 0 0.5rem 0 0.5rem;
    }

    .page-footer nav {
        padding-left: 1.0rem;
        margin-top: -1.0rem;
    }

    .price-col {
        width: 33%;
    }

    .price-box li {
        font-size: var(--fs-12-px) ! important;
        padding: 0.6rem;
        line-height: 1.2;
    }

    .price-box li strong {
        display: block;
        font-weight: 700;
        color: var(--kobaltblau-10);
        padding-bottom: 0.2rem;
    }

    .listHeader {
        display: inline-block !Important;
        font-weight: 700;
        color: var(--kobaltblau-10);
    }

    .price-col-description {
        display: none;
    }

    .col-header-block,
    .col-header-block2 {
        margin-left: 0px !important;
        padding-left: 0px !important;
        width: 100% !important;
    }

    .col-header-block2 {
        position: absolute;
    }

    .page-header2 {
        min-height: 6.0rem;
        padding-top: 1.0rem;
    }

    .page-header2 a {
        color: #ffffff;
        text-align: center;
        line-height: 0.8;
    }

    .radio-text-lower_text-768-plus {
        font-size: var(--fs-20-px) !important;
    }

    .radio-text-lower_text {
        display: none;
    }

    .radio-text-lower_text2 {
        position: absolute;
        font-size: var(--fs-11-px);
        padding: 0.8rem;
        padding-bottom: 0.8rem;
        text-align: left;
        font-weight: 100 !important;
        color: #8D9FB4 !important;
    }

    .radio-text-lower-andere {
        font-size: var(--fs-11-px) !important;
    }

    .slider-input-adjust {
        font-size: var(--fs-14-px) !Important;
    }

    .slider-input-adjust2 {
        font-size: var(--fs-14-px) !Important;
    }
}

@media (max-width: 767px) {
    .price-col {
        width: 100%;
    }

    .h1-buttom-padding {
        padding-bottom: 2.0rem;
    }

    .col-header-radio-label-margin {
        margin-left: 5.5rem;
    }

    .page-header2 a {
        color: #ffffff;
        text-align: center;
        line-height: 3.5;
    }

    .radio-text-adjusted-width {
        width: 70% !important;
        display: inline !important
    }

    .price-box li:first-child {
        padding: 2.0rem;
    }

    .radio-text-lower_text {
        color: #8D9FB4 !important;
        font-size: var(--fs-10-px);
        display: inline-block !Important;
    }

    .radio-text-lower_text-768-plus {
        display: none !important;
    }

    .radio-text-lower_andere {
        font-size: var(--fs-10-px) !important;
    }

    .radio-text-lower-align {
        font-size: var(--fs-10-px) !important;
        text-align: center;
    }

    .radio-lower-align {
        padding: 0 9.0rem;
        width: 100% !important;
    }

    .radio-text-lower_text2 {
        display: none !important;
    }

    .slider-input-adjust {
        font-size: var(--fs-14-px) !Important;
    }

    .slider-input-adjust2 {
        font-size: var(--fs-14-px) !Important;
    }

    .result-values-adjusted {
        height: 9.0rem !important;
    }
}

.radio-text-lower_text {
    display: none;
}

.radio-text-lower_text-768-plus {
    display: inline;
    position: absolute;
    color: #8D9FB4 !important;
    font-size: var(--fs-12-px);
    margin: 1.0rem 0 0 0px;
}

.radio-text-lower-andere {
    color: #8D9FB4 !important;
    font-size: var(--fs-12-px);
    padding: 0.8rem 5.0rem 0px 0.7rem;
}

@media (min-width: 992px) {
    .bottom-adjust {
        bottom: -1px !important;
    }
}

.padding-adjust {
    padding-right: 1.0rem !important;
}

/* END FKIALOW 2019 START*/

/* DEPOT FLOW 2019 START*/
.request-app .risk-profile {
    color: var(--kobaltblau-10);
}

.request-app .risk-profile .profil-head {
    margin: 2.5rem 0;
    display: table;
    width: 100%;
}

.request-app .risk-profile .profil-head>div {
    display: table-cell;
    vertical-align: bottom;
    padding-right: 1.0rem;
}

.request-app .risk-profile .profil-head>div:nth-child(1) {
    width: 18.5%;
}

.request-app .risk-profile .profil-head>div:nth-child(2) {
    width: 49%;
}

.request-app .risk-profile .profil-head>div:nth-child(3) {
    width: 32.5%;
}

.request-app .risk-profile .row>div {
    margin-bottom: 1.0rem;
}

.request-app .risk-profile .risk {
    margin-bottom: 1.5rem;
}

.request-app .risk-profile .risk.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    color: #8D9FB4;
}

.request-app .risk-profile .risk .risk-image {
    position: absolute;
    right: 1.0rem;
    top: -2.1rem;
}

.request-app .risk-profile .risk .toggle-link {
    line-height: 2.0rem;
    position: relative;
    cursor: pointer;
}

.request-app .risk-profile .risk .toggle-link.in:after {
    content: "\e805";
}

.request-app .risk-profile .risk .toggle-link:after {
    content: "\e800";
    font-family: targobank;
    font-size: var(--fs-18-px);
    position: absolute;
    right: 0;
    top: 0;
    line-height: inherit;
    color: #8D9FB4;
}

.request-app .risk-profile .risk .toggle-box {
    margin-top: 1.0rem;
    display: none;
}

.request-app .risk-profile .risk .toggle-box.in {
    display: block;
}

.request-app .risk-profile .field {
    margin-bottom: 0;
}

@media (min-width:768px) {
    #request-app .risk-profile .row>div {
        margin-bottom: 0;
    }

    .request-app .risk-profile .risk-image {
        left: 1.0rem;
        right: auto;
        top: -2.6rem;
    }
}

.request-app .risk-box:after,
#request-app .risk-box:before {
    position: absolute;
    width: 2.0rem;
    height: 2.0rem;
    top: -0.7rem;
    left: 50%;
    margin-left: -1.0rem;
}

.request-app .risk-profile .show-risk-classes {
    font-size: var(--fs-16-px);
}

.request-app .risk-box {
    border-top-width: 1.0rem;
}

.request-app .risk-box:before {
    display: block;
    content: '';
    border: 1px solid #ABB9C9;
    background-color: #FFF;
}

.request-app .risk-box:after {
    font-family: targobank;
    content: "\e816";
    display: inline-block;
    color: #8D9FB4;
    text-align: center;
}

.request-app .risk-box.risk-box-0 {
    border-color: #51b939;
}

.request-app .risk-box.risk-box-1 {
    border-color: #39a51f;
}

.request-app .risk-box.risk-box-2 {
    border-color: #ecd907;
}

.request-app .risk-box.risk-box-3 {
    border-color: #e9a711;
}

.request-app .risk-box.risk-box-4 {
    border-color: #e2750f;
}

.request-app .risk-box.risk-box-5 {
    border-color: #db1808;
}

/* DEPOT FLOW 2019 END*/

.H1_format {
    font-size: 2rem !important;
    font-weight: 600;
    margin: 1.0rem 0;
    text-align: center;
    padding-top: 0.5rem;
    line-height: 3.0rem;
    color: var(--kobaltblau-10);
    text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}

.input-radioList {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    font-size: var(--fs-20-px);
    text-shadow: rgba(0, 0, 0, 0.01) 0px 0px 1px;
    z-index: auto;
    margin-top: 1.5rem;
}

.input-radioList ::after,
::before {
    box-sizing: border-box;
}

.input-radioList input[type="radio"] {
    /* display: none; */
    color: var(--kobaltblau-10);
    line-height: 1;
    text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
    position: absolute;
    opacity: 0;
}

.gf-raten-radio-focus {
    /* border: 0.3rem solid var(--kobaltblau-10) !important; */
    outline: 0.2rem solid var(--kobaltblau-10) !important;
    outline-offset: 0.2125rem;
    border-radius: 0.3rem;
    z-index: 1;
}

.input-radioList-fieldset legend {
    border-bottom: none;
    display: flex;
    flex-direction: row;
    margin-bottom: 0px;
    color: var(--kobaltblau-10);
    font-size: var(--fs-20-px);
    font-weight: 400;
}

.input-radioList input[type="radio"]:checked+label {
    font-weight: 700;
    color: #fff;
    background: #00b6ed;
    font-size: var(--fs-20-px);
}

.input-radioList label {
    cursor: pointer;
    text-align: center;
    font-size: var(--fs-20-px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0.2rem solid #7a9cc0;
    transition: all 300ms;
    margin-bottom: 0;
    font-weight: normal;
    color: var(--kobaltblau-10);
    text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
    width: 25%;
    height: 5.0rem;
}

.radio-418-delay-12,
.radio-418-delay-24,
.radio-418-delay-36,
.radio-418-delay-48,
.radio-418-delay-60,
.radio-418-delay-72,
.radio-418-delay-84,
.radio-418-delay-96 {
    display: none;
    color: var(--kobaltblau-10);
    font-size: 5.0rem;
    line-height: 1;
    width: 25%;
    height: 3.8rem;
    font-weight: normal;
    line-height: 2.1;
}

.radio-418-delay-12 {
    border-radius: 2.0rem 0 0 0;
    margin-bottom: 0;
}

.radio-418-delay-24 {
    margin-bottom: 0;
    margin-left: -0.2rem;
}

.radio-418-delay-36 {
    margin-bottom: 0;
    margin-left: -0.2rem;
}

.radio-418-delay-60 {
    margin-top: -0.2rem;
    border-radius: 0 0 0 2.0rem;
}

.radio-418-delay-72 {
    margin-top: -0.2rem;
    margin-left: -0.2rem;
}

.radio-418-delay-84 {
    margin-top: -0.2rem;
    margin-left: -0.2rem;
}

.radio-418-delay-48 {
    margin-left: -0.2rem;
    border-radius: 0 2.0rem 0 0;
}

.radio-418-delay-96 {
    margin-left: -0.2rem;
    border-radius: 0 0 2.0rem 0px;
    margin-top: -0.2rem;
}

.input-Label-text {
    display: inline-block;
    margin-top: -2.5rem;
    margin-left: 0.2rem;
    color: var(--kobaltblau-10);
    font-size: var(--fs-20-px);
    font-weight: 400;
    line-height: 2.0rem;
    position: absolute;
}

.label-info-display {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 8.0rem;
    color: var(--kobaltblau-10);
    line-height: 1;
    font-size: var(--fs-20-px);
}

.cal-result {
    color: var(--kobaltblau-10);
    font-size: var(--fs-18-px);
    font-weight: 400;
    line-height: 2.0rem;
    margin-top: -1.0rem;
}

.monthly-rate {
    font-size: 3.0rem;
    color: var(--skyblue-10);
    font-weight: 600;
    line-height: 1.1;
}

.btn-red-large {
    width: 90% !important;
    border-radius: 2.5rem;
    background-color: #BC133E;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: var(--fs-20-px);
    font-weight: 400;
    height: 5.0rem;
    line-height: 5.0rem;
    overflow: hidden;
    padding: 0px;
    text-align: center;
    margin: -1.0rem;
    position: absolute;
}

.btn-red-large:hover {
    color: #fff !important;
    background-color: #9F1034;
}

.input-range-gf {
    align-items: center;
    box-sizing: border-box;
    color: rgb(0, 47, 95);
    display: flex;
    font-size: var(--fs-20-px);
    line-height: 1.0rem;
    margin-top: 6.0rem;
}

.slider-down,
.slider-up {
    width: 3.7rem;
    height: 3.7rem;
    border: 0.2rem solid #7a9cc0;
    border-radius: 100%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.6rem 0.8rem 1.5rem 0.8rem;
}

.slider-down {
    margin: 0px 1.5rem 0px 0px;
}

.slider-up {
    margin: 0px 0.5rem 0px 1.5rem;
}

.icon-minus::before {
    content: '\e82d';
    font-size: 0.9em;
    line-height: inherit;
}

.icon-plus::before {
    content: '\e82c';
    font-size: 0.9em;
    line-height: inherit;
}

.input-range-gf,
.slider {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    position: relative;
    flex: 1;
    margin: 0 1em;
    height: 3.7rem;
    cursor: pointer;
}

.slider-value {
    align-items: flex-start;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/de/amc-resources/images/calculator/amount-tooltip.png);
    background-origin: padding-box;
    background-repeat: repeat;
    background-size: auto;
    border-radius: 20px 20px 20px 20px;
    box-sizing: border-box;
    color: rgb(0, 47, 95);
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    font-size: 25px;
    font-weight: 400;
    height: 71px;
    left: 0px;
    line-height: 25px;
    padding: 10px 10px 0px 10px;
    position: absolute;
    text-decoration: none;
    text-decoration-color: rgb(0, 47, 95);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-shadow: rgba(0, 0, 0, 0.01) 0px 0px 1px;
    margin-top: -4px;
    transform: matrix(1, 0, 0, 1, -71, -86);
    -webkit-transform: matrix(1, 0, 0, 1, -72, -86);
    -moz-transform: matrix(1, 0, 0, 1, -72, -85);
    width: 140px;
    z-index: 4;
}

.slider-suffix {
    cursor: pointer;
    font-size: var(--fs-25-px);
    font-weight: 600;
    z-index: 1;
    padding: 5px;
    margin-left: -10px;
}

.input-slider-value {
    border: none;
    width: 90% !Important;
    color: var(--silvergrau-09) !important;
}

span.ei_slider_bub input {
    color: var(--silvergrau-09) !important;
}

.input-range-gf a {
    background: none !important;
    cursor: pointer;
    height: 37px !important;
    top: 2px !important;
    font-size: var(--fs-16-px);
    position: absolute;
    width: 37px !important;
    z-index: 2;
    border-radius: 100%;
    transform: translateX(-50%) translateY(-50%);
    background: #0079b2 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    outline: none;
}

.input-range-gf .ui-slider-range::before {
    background-color: var(--kobaltblau-10) !important;
}

.input-range-gf [role="slider"]:focus {
    border: 3px solid var(--kobaltblau-10) !important;
}

.skip-links-container {
    z-index: 99;
    background: none;
    position: absolute;
    left: 0;
    width: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    border-radius: 1.5rem;
    border: 1px solid var(--kobaltblau-10) !important;
    border-radius: 2.0rem;
    margin: 0px;
    padding: 1.0rem;
    font-size: var(--fs-16-px);

    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.skip-links-container ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.skip-links-container h2 {
    margin: 0px;
    padding: 0px;
    font-size: var(--fs-16-px);
    margin-bottom: 1.0rem;
}

.skip-links-container a {
    display: block;
    margin: .25rem;
    color: var(--kobaltblau-10) !important;
}

.skip-links-container a:focus {
    outline-offset: 0.3125rem;
    outline-style: solid;
    outline-width: 0.2rem;
}

.skip-links-container a .item-name {
    text-decoration: underline;
}

.skip-links-container:focus-within {
    position: absolute;
    height: auto;
    width: 21.8rem;
    max-height: 100vh;
    overflow: auto;
    clip: auto;
    white-space: normal;
    transition: .1s;
    z-index: 1001;
    background: #fff;
    line-height: 1.8;
}

.skip-links-container:focus-within a {
    border: none;
}

.gf-header {
    height: 13.0rem;
    border-bottom: none !important;
    /* margin-left:2.0rem;
	margin-bottom:-1.8rem;
	margin-top: 1.5rem; */
    margin: 0 auto;
    max-width: 144.0rem;
}

.gf-reset-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.gf-main-setting {
    font-size: var(--fs-16-px);
    width: 80%;
    margin: 0 auto;
    font-family: "LL Circular Pro Book Web", Arial, Helvetica, Sans-serif;
}

.gf-main-setting h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "LL Circular Pro Book Web", Arial, Helvetica, Sans-serif;
}

.gf-main-setting #page {
    background: #fff !important;
    overflow: visible;
}

.gf-footer-display .footer {
    background: none !important;
}

.gf-footer-display .footer .nav ul li {
    border-left: none !important;
    color: var(--kobaltblau-10);
    text-decoration: underline;
    font-size: var(--fs-14-px);
}

.gf-page-title {
    text-align: center;
    font-size: var(--fs-24-px) !important;
    font-weight: bold;
    padding: 1.0rem 0px 0px 0px;
}

.gf-page-subtitle {
    text-align: center;
    font-size: var(--fs-18-px) !important;
    font-weight: bold;
    padding: 1.0rem 0px 0px 0px;
}

.gf-main-setting .request-steps {
    border-bottom: none;
}

.gf-main-setting .request-app {
    overflow: visible !important;
    /*overflow-x: clip !important;*/
}

.gf-main-setting .request-app .request-fields .fields {
    border-radius: 0px 0px 1.5rem 1.5rem;
}

.gf-main-setting .request-app .clearfix .request-fields {
    width: 100%;
    float: left;
    background-color: #fff;
    border-radius: 0.4rem 0.4rem 0px 0px;
}

.gf-main-setting .request-app .form-element.is-2-digit,
.request-app select.is-2-digit {
    width: 18% !important;
}

.gf-main-setting .request-app .gf-ismonth-year-format .form-element.is-2-digit,
.request-app select.is-2-digit {
    width: 38% !important;
}

.gf-main-setting .request-app .form-element.is-inline.is-4-digit,
.request-app select.is-inline.is-4-digit {
    width: 52% !important;
}

.gf-main-setting .request-app .request-fields:before,
.gf-main-setting .request-app .request-fields:after {
    background: none !important;
}

.gf-main-setting .request-app .field .toggle-datepicker {
    width: 9% !important;
    display: inline;
    margin-left: 0.3rem;
}

.gf-fieldset legend {
    border-bottom: none;
}

.gf-rentner-fieldset {
    min-width: 100% !important;
}

.gf-rentner-fieldset legend {
    margin-bottom: 1.0rem;
    border: none;
}

.gf-subline-fieldset {
    margin-left: 1.0rem !important;
    display: inline-block;
    color: var(--kobaltblau-10);
    font-size: var(--fs-16-px);
}

.gf-rentner-subline {
    margin-left: 1.0rem !important;
    display: inline-block;
    color: var(--silvergrau-09);
    font-size: var(--fs-16-px);
}

.gf-header:before {
    background: white;
}

/* Form Modification*/
.input-name-edited {
    /* border: 0.2rem solid #002F5F !Important; */
    box-shadow: none !Important;
}

.input-name-edited:focus,
.input-DateField-edited:focus,
.input-dropdown-edited select:focus,
.request-app .nice-checkbox:focus-within {
    outline: 0.2rem solid var(--kobaltblau-10);
    outline-offset: 0.3125rem;
}

.input-name-edited:hover,
.input-DateField-edited:hover,
.input-dropdown-edited select:hover,
.request-app .nice-checkbox:hover,
.gf-icon-PersonInfo:hover,
.gf-icon-PersonInfo2:hover,
.gf-radio-left:hover,
.gf-radio-right:hover,
.nice-radio-button:hover {
    background: rgba(0, 182, 237, 0.2) !important;
}

.gf-radio-checked:focus-within {
    border: 0.2rem solid var(--kobaltblau-10);
    background: var(--skyblue-01) !important;
    outline: 0.2rem solid var(--kobaltblau-10);
}

.input-name-edited::placeholder {
    color: var(--silvergrau-09) !important;
}

.input-name-edited-popup {
    border: none !Important;
    border-bottom: 0.2rem solid var(--kobaltblau-10) !Important;
    box-shadow: none !Important;
    border-radius: 0px !Important;
    background: var(--skyblue-01);
}

.input-checkbox-edited .field.is-checkbox {
    background-image: none !Important;
    background: var(--skyblue-01);
}

.nice-checkbox-content-spacing {
    display: flex;
    flex-direction: column;
    margin-top: 1.0rem;
    row-gap: 1.0rem;
}

.input-big-radio-edited .radio-enhanced {
    background: var(--skyblue-01);
}

.input-dropdown-edited select {
    /* border: 0.2rem solid var(--kobaltblau-10);
	box-shadow: none !important;
    background: url('/de/GOPA/Public/images-a11y/icons/ico_link_down.png') no-repeat right #fff !important;
    -webkit-appearance: none; */
    height: 4rem !important;
}

.input-dropdown-edited select::-ms-expand {
    display: none;
}

.input-name-edited-error {
    border-color: var(--error-field) !important;
}

.input-name-edited-pass {
    border-color: var(--kobaltblau-10) !Important;
}

.gf-input-focus {
    font-weight: 700;
    color: var(--kobaltblau-10);
    border-radius: 0.8rem !important;
    height: 3.8rem !important;
    background: rgba(255, 255, 255, 1) !Important;
}

.gf-input-popup {
    background: rgba(176, 178, 181, 0.88) !Important;
}

.gf-summary-box .summary-box {
    margin-bottom: 1.0rem;
}

.gf-summary-box .summary-box .title {
    border-top-left-radius: 1.0rem;
    border-top-right-radius: 1.0rem;
    padding: 2.0rem;
    font-weight: bold;
    font-size: 2rem;
    background: #002F5F !important;
}

.gf-summary-box .summary-box .content .left {
    border-bottom-left-radius: 1.0rem;
    border-bottom-right-radius: 1.0rem;
}

.gf-summary-box .summary-box .content .left .line {
    font-size: var(--fs-14-px);
}

.gf-summary-box .summary-box .content .right {
    border-bottom-right-radius: 1.0rem;
}

.btn-light-green-small,
.btn-light-green-small-next,
.btn-light-green-small-next-lg,
.btn-light-small-next-xl,
.btn-light-small-secondary {
    border-radius: 4rem;
    background-color: #fff;
    color: var(--kobaltblau-10);
    cursor: pointer;
    display: inline-block;
    font-size: var(--fs-14-px);
    font-weight: 600;
    line-height: 1.8;
    width: 15.5rem;
    /* height: 4.3rem; */
    border-color: var(--kobaltblau-10) !important;
}

.btn-light-green-small-next {
    background-color: var(--kobaltblau-10) !important;
    color: #fff !important;
}

.btn-light-green-small-next-lg {
    background-color: var(--kobaltblau-10) !important;
    color: #fff !important;
    width: 25.0rem;
}

.btn-medium {
    width: 24.0rem !important;
}

.btn-light-green-small-next-lg-link {
    border-radius: 2.5rem;
    color: var(--kobaltblau-10);
    cursor: pointer;
    display: inline-block;
    font-size: var(--fs-14-px);
    font-weight: 600;
    line-height: 1.8;
    height: 4.3rem;
    text-decoration: underline;
    width: 23.0rem;
    border: none;
}

.btn-light-green-small-next-lg-link:hover {
    color: var(--kobaltblau-10);
    text-decoration: underline;
}

.btn-light-green-small-next-lg-link::after {
    content: '';
}

.btn-light-small-next-xl {
    background-color: var(--kobaltblau-10) !important;
    color: #fff !important;
    width: 29.0rem;
}

.btn-light-small-secondary {
    background-color: var(--skyblue-02) !important;
    color: var(--kobaltblau-10) !important;
    width: 29.0rem;
}

.light-blue-background {
    background: var(--skyblue-01);
}

.margin-modified-down {
    margin: 3.2rem 0px 0px 0px !important;
}

.margin-modified-up {
    margin: 1rem 0px 0px 0px !important;
}

.margin-modified-up-2 {
    margin: -4.0rem 0px 0px 0px !important;
}

.margin-modified-up-3 {
    margin: -1.0rem 0px 0px 0px !important;
}

.margin-modified {
    margin: 0px 0px 0px 0px !important;
}

.calculated-info {
    background: #F0F0F0;
    margin: 1.0rem 0px 1.2rem 0px;
    text-align: left;
    border-radius: 1.5rem;
    color: var(--kobaltblau-10);
    line-height: 1.6;
}

.calculated-info .gf-txtlabel-link {
    display: block;
    padding: 0.5rem;
    color: var(--kobaltblau-10);
    width: fit-content;
    margin: 0px 0px 1.0rem -0.5rem;
}

.calculated-info .gf-txtlabel-link img {
    Width: 5.0rem;
    Height: 5.0rem;
    float: left;
    margin: 1.0rem 1.0rem 0px 0px;
}

.calculated-info .gf-alink {
    color: var(--Kobaldblau-11) !important;
}

.calculated-info .gf-alink:focus,
.calculated-info .gf-txtlabel-link:focus {
    outline-offset: 0.3125rem;
    outline-style: solid;
    /* outline-color: #002f5f; */
    outline-width: 0.2rem;
}

.calculated-info .bearbeiten-link {
    color: #00537A;
    /*#0079B2;*/
}

.calculated-info .bearbeiten-link:focus {
    outline-offset: 0.3125rem;
    outline-style: solid;
    /* outline-color: #002f5f; */
    outline-width: 0.2rem;
}

.change-data-link a {
    /*color:#0079B2 !important;*/
    color: var(--silvergrau-09) !important;
}

.calculated-info .footer-cart-values {
    margin-bottom: 0.5rem;
}

.gf-confirm-box-modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.gf-confirm-box2 {
    margin-top: 40%;
    width: 80%;
    height: auto;
    border: 1px solid #aaa;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    z-index: 1;
    transition: all 3s;
    border-radius: 1.0rem !important;
    background: var(--skyblue-01);
}

.gf-back-arrow {
    display: block;
    max-width: 10%;
    height: 10%;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.gf-back-page-icons {
    display: block;
    max-width: 20%;
    height: 20%;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
}

.gf-confirm-box-label {
    text-align: center;
    margin-top: 0.5rem;
    font-weight: 600;
    font-size: var(--fs-15-px);
}

.gf-confirm-box-button-container {
    text-align: center;
    position: relative;
}

.gf-confirm-box-button {
    display: inline-block;
    text-align: center;
    width: 18.0rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.gf-feature-box-hint {
    border-radius: 1.5rem 1.5rem 1.5rem 1.5rem;
    border: 1px solid var(--kobaltblau-10);
    width: 28.0rem;
}

.gf-feature-box-hint-webId {
    border-radius: 1.5rem 1.5rem 1.5rem 1.5rem;
    border: 1px solid var(--kobaltblau-10);
}

.gf-feature-box-hint-webId-img {
    padding-top: 1.5rem;
}

.gf-feature-box-hint-img {
    display: inline-block;
    float: left;
    margin: 1.2rem 0.8rem 0px 0.3rem;
    width: 5.0rem;
    height: 5.0rem;
}

.gf-step-headline-align {
    padding-left: 0px !important;
}

.gf-feature-box-hint-img2 {
    display: inline-block;
    float: left;
    width: 5.0rem;
}

.gf-feature-box-hint-paid-gf-number {
    display: inline-block;
    border-radius: 100%;
    background-color: #8D9FB4;
    color: #fff;
    width: 2.5rem;
    vertical-align: middle;
    line-height: 2.5rem;
    text-align: center;
    margin-right: 0.5rem;
}

.gf-feature-box-hint p {
    display: inline-block;
    float: left;
    margin-right: 2.5rem;
    margin-top: 0.5rem;
}

.gf-feature-box-info img {
    float: left;
    margin-right: 1.0rem;
    width: 4.0rem;
}

.gf-feature-box-hint-paid {
    border-radius: 1.5rem;
    border: 1px solid var(--kobaltblau-10);
    width: 100%;
    padding: 0px 0.5rem 0px 0.5rem;

}

.gf-fields-group-box {
    border-radius: 1.0rem;
    border: 1px solid white;
    background: #fff;
    padding: 1.0rem;
    /* max-width:700px; */
    max-width: 70rem;
    margin: 0 auto;
    margin-bottom: 2.0rem;
}

.gf-fields-group-box-page-button {
    max-width: 70rem;
    margin: 0 auto;
}

.gf-fields-group-box-page-button .fields-bottom {
    padding: 0px !Important;
}

.gf-main-setting .request-app .request-fields .fields {
    padding-bottom: 0px !important;
}

.gf-main-setting:focus-visible {
    outline: none;
}

.gf-suffix,
.gf-suffix-2,
.gf-suffix-3,
.gf-suffix-4,
.gf-suffix-5 {
    position: absolute;
    top: 0px;
    right: 1.5rem;
    font-size: var(--fs-18-px);
    color: var(--Kobaldblau-11);
    line-height: 3.6rem;
}

.gf-suffix-2 {
    top: 2.0rem;
}

.gf-suffix-3 {
    top: 3.0rem;
}

.gf-suffix-4 {
    top: 3.0rem;
}

.gf-suffix-5 {
    top: 5.0rem;
}

.gf-number-png {
    width: 12.0rem;
    margin-top: -2.0rem;
    margin-bottom: -1.0rem;
}

.gf-custom-saluation .gf-icon-frau,
.gf-icon-herr {
    width: 6.5rem;
    /* height:6.0rem; */
    background: white;
    border-radius: 1.0rem 1.0rem 1.0rem 1.0rem;
    cursor: pointer;
    text-align: center;
}

.gf-custom-saluation .gf-icon-frau {
    margin-right: 3.0rem;
}

.gf-custom-saluation input {
    /* display:none; */
    position: absolute;
    opacity: 0;
}

.gf-custom-saluation img {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
    margin: 0 auto;
    margin-top: 0.5rem;
    margin-bottom: 0.2rem;
    z-index: -5;
    background: #fff;
}

.gf-custom-saluation legend {
    color: var(--kobaltblau-10);
    border-bottom: none;
    position: relative;
    margin: 1.0rem;
    font-size: var(--fs-16-px);
    width: 37.5%;
    float: left;
}

.gf-custom-saluation span {
    text-align: left;
    display: inline;
    padding-bottom: 0.3rem;
    color: var(--kobaltblau-10);
}

.gf-custom-radioButton input {
    /* display:none; */
    position: absolute;
    opacity: 0;
}

.gf-custom-radioButton .gf-radio-left,
.gf-radio-right {
    width: 47%;
    /* height:5.0rem; */
    background: white;
    border-radius: 4rem;
    cursor: pointer;
    text-align: center;
    padding: 1.0rem;
}

.gf-custom-radioButton .gf-radio-left {
    margin: 0px 1.0rem;
}

.gf-custom-radioButton div span {
    line-height: 2.5;
    color: var(--kobaltblau-10);
}

.gf-custom-radioButton .field-caption {
    margin-bottom: -1.0rem;
}

.gf-custom-radioButton legend {
    color: var(--kobaltblau-10);
    border-bottom: none;
    font-size: var(--fs-16-px);
    margin: 0px 0px 1.5rem 1.0rem;
}

.gf-radio-toplabel legend {
    font-size: var(--fs-24-px);
    text-align: center;
    font-weight: bold;
    padding: 1.0rem 0px 0px 0px;
    margin: .67em 0;
    line-height: 1.25;
    margin-left: -1.0rem;
    margin-right: -1.0rem;
}

.sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.gf-has-error {
    /* color: var(--error-field) !important; */
}

.gf-radio-checked {
    /* border: 0.2rem solid var(--kobaltblau-10);
        background: var(--skyblue-01) !important; */
    border: 0.2rem solid var(--kobaltblau-10);
    color: var(--kobaltblau-10);
    outline-offset: 0.3125rem;
    /* outline: 0.2rem solid var(--kobaltblau-10); */
}

.gf-radio-error {
    border: 0.2rem solid var(--error-field);
}

.gf-radio-error label {
    color: var(--error-field) !important;
}

.gf-radio-unchecked {
    border: 1px solid var(--kobaltblau-10);
}

.gf-tooltip {
    font-family: "LL Circular Pro Book Web", Arial, Helvetica, Sans-serif;
}

.gf-fields-group-box .down-up-sell .tooltip-inner {
    background-image: linear-gradient(to bottom, #fff 0%, #dfe7f5 100%);
}

.gf-fields-bottom .fields-bottom {
    padding: 0px !important;
    max-width: 700px;
    margin: 0 auto;
}

.gf-fields-bottom .fields-bottom .btn-invert-danger {
    border: none;
}

.gf-subline {
    font-size: var(--fs-14-px);
}

.gf-subline .subline span {
    display: inline !important;
}

.gf-subline .subline div {
    text-decoration: underline;
    display: inline;
}

.gf-inline-display {
    display: inline !important;
}

.gf-error-img {
    width: 16px;
    height: 16px;
    margin-right: 2px;
    margin-top: -4px;
}

.gf-modal-box {
    width: 55.0rem;
    margin: 8.0rem auto 1.0rem auto;
}

.sm-top-margin {
    margin-top: 2.0rem;
}

.sm-top-margin-info {
    display: block;
    margin-top: -1.0rem;
}

.gf-sm-top-margin {
    margin-top: 1.8rem !important;
    display: block;
}

.gf-radButton-error-display {
    display: block !important;
    color: var(--error-field);
    /* margin: 1.0rem 0px 0px 0px !important; */
    margin-top: 1.0rem;
}

.gf-mt-15 {
    margin-top: 1.5rem !important;
    margin-bottom: 0px !important;
}

.gf-radButton-success-display {
    display: none !important;
}

.gf-summary-box-vertical-line {
    border-left: 1px solid #8D9FB4;
    height: 21.0rem;
    position: absolute;
    left: 53%;
    top: 10;
}

/* GF progressBar*/
.gf-container {
    width: 99%;
    position: absolute;
    margin-top: 0.3rem;
    height: 0px;
    line-height: 1.2rem;
    display: block;
    z-index: 1000;
    padding-left: 1.5rem;
    padding-right: 0.5rem;
}

.gf-progressbar-line {
    /* border: 6px solid #D8D8D8; */
    /* border: 0.6rem solid var(--kobaltblau-10); */
    width: 99%;
    position: absolute;
    /* top: -1.89rem; */
	top: -1.64rem;
    z-index: -1;
    /* top: -1.64rem; */
	 height: 1.15rem;
	background: var(--kobaltblau-10);
}

.gf-progressbar {
    counter-reset: step;
    /* margin-left: -12.8%; */
    /* margin-right: -12.4%;*/
	margin-left: -14.80%;
    margin-right: -13.40%;
    background: black;
}

.gf-progressbar li {
    list-style-type: none;
    /*width: 20%;*/
    float: left;
    font-size: var(--fs-12-px);
    position: relative;
    text-align: center;
    color: #7d7d7d;
    top: -2.8rem;
}

.gf-progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 3.5rem;
    height: 3.5rem;
    border: 0.2rem solid var(--Kobaldblau-11);
    display: block;
    margin: 0 auto 0.5rem auto;
    border-radius: 50%;
    line-height: 3.0rem;
    background: white;
    color: var(--Kobaldblau-11);
    text-align: center;
    font-weight: bold;
}

.gf-progressbar li:after {
    content: '';
    position: absolute;
    /*width: 99%;*/
    height: 1.15rem;
    background: var(--Kobaldblau-11);
    top: 1.155rem;
    left: -50%;
    z-index: -1;
}

.gf-progressbar li span {
    font-size: var(--fs-16-px);
    top: -2.0rem;
    /* width:80%; */
    width: 100%;
    display: block;
    position: absolute;
    color: #001f3e;
    /* left: 3.0rem */
}

.gf-progressbar li.active {
    color: var(--skyblue-10);
}

.gf-progressbar li.active:before,
.gf-progressbar li.active2:before {
    border-color: var(--skyblue-10);
}

/*end of progress bar;*/
.gf-cart-button {
    width: 100% !important;
    border-radius: 2.5rem;
    background-color: #BC133E;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: var(--fs-20-px);
    font-weight: 400;
    height: 5.0rem;
    line-height: 5.0rem;
    overflow: hidden;
    padding: 0px 2.0rem 0px 2.0rem;
    text-align: center;
    margin: 0px auto;
}

.gf-cart-button:hover,
.gf-cart-button:focus {
    color: #fff !important;
    background-color: #9F1034 !important;
    outline: 0.2rem solid var(--kobaltblau-10);
    outline-offset: 0.3125rem;
}

.gf-cart-button:after {
    content: "\e800";
    display: inline-block;
    padding-left: 0.8rem;
    font-family: targobank;
}

.gf-cart-button:hover::after {
    transform: translateX(0.8rem);
}

.gf-Bigcalc-subtitle-xs {
    margin-top: -1.5rem !important;
    margin-bottom: 0.9rem !important;
}

.gf-Bigcalc-label-info-display-xs {
    margin-bottom: 5.8rem !important;
}

.gf-Bigcalc-raten-display-xs {
    margin-top: -2.1rem !important;
}

.gf-Bigcalc-pangv-display-xs {
    margin-top: -2.5rem !important;
}

.xs-top-margin {
    display: inline-block;
}

.genius-timeoutpopup {
    background: var(--skyblue-01) !important;
}

.genius-timeoutpopup .genius-timeoutpopup-container {
    color: var(--kobaltblau-10) !important;
    font-size: var(--fs-15-px);
    width: 98%;
    margin: 0 auto;
    font-family: "LL Circular Pro Book Web", Arial, Helvetica, Sans-serif;
}

.genius-timeoutpopup .genius-timeoutpopup-container img {
    width: 3.0rem;
    height: 4.0rem;
}

.genius-timeoutpopup .genius-timeoutpopup-header h2 {
    margin-top: 0px;
    margin-bottom: 1.0rem;
}

.gf-timeoutpopup-img {
    margin-top: -0.5rem;
}

.gf-timeoutpopup-subline {
    margin-bottom: 0.2rem;
    margin-top: -1.8rem;
}

.gf-timeoutpopup-btn {
    border-radius: 4rem;
    cursor: pointer;
    display: inline-block;
    font-size: var(--fs-14-px);
    font-weight: 600;
    line-height: inherit;
    height: 4.3rem;
    */ border-color: var(--kobaltblau-10) !important;
    background-color: var(--kobaltblau-10) !important;
    color: #fff !important;
    width: 23rem;
    padding: 0.8rem;
}

.gf-bulletin-nofill {
    display: inline-block;
    border-radius: 100%;
    width: 3.0rem;
    vertical-align: middle;
    line-height: 2.5rem;
    text-align: center;
    position: absolute;
    left: 3.0rem;
    top: 0.2rem;
    border-color: #00b6ed;
    border-style: solid;
    border-width: 0.2rem;
}

.gf-backgroup-lighter {
    background: var(--skyblue-01);
}

.gf-margin-top-subtitle {
    margin-top: -4.0rem !important;
}

.gf-timeoutpopup-modal-content {
    background: var(--skyblue-01);
}

.gf-main-setting .request-app .request-fields .gf-no-menu-page-header {
    padding-top: 0.5rem;
    margin-top: -4.0rem;
}

.gf-SaveCustomerDataMessageLightBoxDiv {
    margin-top: 25.0rem !important;
}

.gf-tab-control {
    background: var(--skyblue-02);
    padding: 1.0rem;
    margin-bottom: -35.0px;
    border: none;
    padding: 0px;
}

.gf-tab-control .tab-border {
    border-top-left-radius: 2.0rem !important;
    border-top-right-radius: 2.0rem !important;
    border-top-color: #fff !important;
    border-left-color: #fff !important;
    border-right-color: #fff !important;
}

.gf-tab-control .responsive-tabs {
    border-bottom: none !important;
    background: var(--skyblue-02);
}

.nettoincomewarningbox {
    padding-top: 500px !important;
}

.blocfondmodal {
    display: block;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9994;
    background-color: rgb(0, 0, 0);
    opacity: 0.7;
}

.ei_newlb.ei_blocmodal_env {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9995;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background: 0 0 !important;
    max-width: 100% !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.ei_newlb.ei_blocmodal_env .ei_blocmodal {
    position: relative;
    margin: 1.5rem auto !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    height: auto !important;
    max-width: 80%;
    overflow-x: auto;
    top: 36%;
    border-left: 1.0rem solid #ccc;
}

div.blocmodal,
div.ei_blocmodal {
    background: #fff;
    width: 40.0rem;
    -webkit-box-shadow: 0 2.0rem 1.0rem -1.0rem #000;
    -moz-box-shadow: 0 2.0rem 1.0rem -1.0rem #000;
    box-shadow: 0 2.0rem 1.0rem -1.0rem #000;
    -webkit-border-radius: 1.0rem;
    -moz-border-radius: 1.0rem;
    border-radius: 1.0rem;
    border: 1px solid #aaa;
}

.ei_newlb.ei_blocmodal_env .ei_blocmodal .a_blocfctltitre,
.ei_newlb.ei_blocmodal_env .ei_blocmodal .ei_titleblock {
    height: auto;
    position: relative;
    min-height: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ccc;
}

.ei_newlb.ei_blocmodal_env .ei_blocmodal .a_blocfctltitre p.a_titre2,
.ei_newlb.ei_blocmodal_env .ei_blocmodal .ei_titleblock p.a_titre2 {
    float: none;
    display: block;
    font-size: 1.2em;
    padding-left: 4.0rem;
}


.a_blocappli .blocBoutons,
.a_blocappli .blocboutons {
    background: none transparent;
    margin: 1.5rem 0 0.5rem;
    text-align: center;
}

.ei_newlb.ei_blocmodal_env .ei_blocmodal .a_blocfctl {
    padding-top: 0px !important;
}

.slider-adjust-margin .js-slider {
    width: 100% !Important;
    left: 0px !important;
}

.slider-adjust-margin-loan {
    width: 30%;
}

.gf-next-steps-headline {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.gf-next-steps-headline p {
    text-align: center;
    margin-top: -1.0rem;
}

.gf-next-steps-inner-div {
    margin-top: 2.0rem;
}

.gf-center-image-margin {
    margin: 8.0rem 0px 0px 2.0rem;
}

.gf-darker-ligtblue-color {
    color: var(--skyblue-10) !important;
}

/* For only IPad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) {
    .gf-summary-box .summary-box .title {
        font-size: 1.5rem;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1019px) {
    .gf-img-card-alignment {
        margin: 0 auto !important;
        float: none !important;
    }

    .gf-img-card-textcenter {
        text-align: center !important;
    }

    .text-p-alignment {
        text-align: center;
    }

    .gf-header {
        margin-bottom: -3rem;
    }
}

/* For only IPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 768px) {

    .gf-img-card-textcenter {
        text-align: center;
    }

    .gf-img-card-alignment {
        margin: 0 auto !important;
        float: none !important;
    }

    .gf-creditscreen-SliderElements {
        width: 350% !important;
    }

    .btn-button-end-ipad {
        position: absolute;
        left: 0.5rem;
        width: 22.0rem;
    }

    .gf-bulletin-nofill {
        left: 1.0rem;
    }

    .gf-timeoutpopup-btn-ipad {
        width: 22.0rem;
    }
}

/* For only Surface Duoe */
@media only screen and (min-device-width: 540px) and (max-device-width: 540px) {
    .gf-surface-dueo-pt-10 {
        padding-top: 1.0rem;
    }
}


@media screen and (max-width: 460px) {
    .slider-adjust-margin .ei_slider_rail {
        max-width: 95% !important;
    }

    .gf-custom-radioButton .gf-radio-left,
    .gf-radio-right {
        width: 96%;
        height: 3.1 rem;
        background: white;
        border-radius: 1.5 rem;
        cursor: pointer;
        text-align: center;
        padding: 0.6rem;
        margin-top: 1.5rem !important;
        margin-left: 0.5rem;
    }
}

/* gf-rsv */
.gf-rvs-check {
    margin-top: 1.4rem;
    float: right;
}

.gf-rsv-button-right {
    float: right;
    margin-top: -3.0rem;
}

.gf-rsv-button-right:hover {
    outline: none !important;
}

.gf-klessich:hover {
    outline: none !important;
}

.gf-hyperlink:hover {
    outline: none !important;
}

.gf-rsv-enable-button .icon-info-circled::before {
    content: url('/de/GOPA/Public/images/GeniusFlow/info-icon.png')
}

.gf-rsv-insurance-cat .heading {
    background: var(--kobaltblau-10);
    margin: -1.2rem 0px 0px 0px;
    border-top-right-radius: 1.0rem;
    border-top-left-radius: 1.0rem;
    position: relative;
}

.gf-rsv-insurance-cat .heading h2 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: var(--fs-24-px);
}

.gf-rsv-insurance-cat .heading-content {
    background-color: rgba(0, 47, 95, 0.8);
    margin: 1px 0px 0px -1.0rem;
    position: absolute;
    /* height: 370px; */
    z-index: 1;
    /* display: none; */
}

.gf-rsv-insurance-cat .half-circle {
    width: 4.5rem;
    height: 3.0rem;
    position: absolute;
    left: 50%;
    top: 6.0rem;
    transform: translateX(-50%);
    border-bottom-left-radius: 10.0rem;
    border-bottom-right-radius: 10.0rem;
    background: var(--kobaltblau-10);
    z-index: 3;
}

.gf-rsv-insurance-cat .half-circle img {
    cursor: pointer !important;
    margin-left: 1.2rem;
}

.gf-rsv-insurance-cat-m-10 {
    margin: 1.0rem;
}

.half-circle-up-caret {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0px;
    margin-top: -0.5rem;
    position: absolute;
}

.half-circle-down-caret {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    margin-top: 1.0rem;
}

.gf-rsv-insurance-displaynone {
    display: none !important;
    /* transition: all  0.9s ease-in-out; */
}

.gf-rsv-insurance-displayblock {
    display: block !important;
    /* transition: all  0.9s ease-in-out; */
}

.gf-rsv-insurance-font-bold {
    font-weight: bold;
    color: #fff;
    font-size: var(--fs-21-px);
}

.gf-rsv-heading-content-click {
    display: block !important;
    background-color: var(--kobaltblau-10) !important;
    z-index: 0 !important;
    border-bottom-left-radius: 1.0rem;
    border-bottom-right-radius: 1.0rem;
}

.gf-rsv-riskgroup-a,
.gf-rsv-riskgroup-b,
.gf-rsv-riskgroup-c {
    margin: 2.8rem 0px;
}

.gf-rsv-riskgroup-a:hover {
    cursor: pointer;
}

.gf-rsv-riskgroup-b:hover {
    cursor: pointer;
}

.gf-rsv-riskgroup-c:hover {
    cursor: pointer;
}

.gf-rsv-insurance-cat .item-list img {
    float: left;
    margin: -0.8rem 1.4rem 0px 0px;
}

.gf-rsv-insurance-cat .item-list h2 span {
    float: right;
    display: flex;
    text-align: right;
}

.gf-rsv-cat {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: -1.6rem;
}

.gf-rsv-cat h2 {
    line-height: 1.5;
}

.gf-rsv-cat h2 span {
    float: right;
    display: flex;
}

.gf-rsv-cat .box-tooltip h2 span {
    display: inline-block;
}

.gf-rsv-arrow-back-link {
    background-color: var(--skyblue-02) !important;
    color: #0db9ee !important;
    border: none;
    cursor: pointer;
    font-size: 3.2rem;
    font-weight: 600;
    height: 3.0rem;
    border-color: var(--kobaltblau-10) !important;
}

.gf-srv-field-bottom-red {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.gf-srv-field-bottom-red .btn {
    background-color: #bc133e !important;
    border: none;
}

.gf-rsv-gradient-box {
    margin: 0.5rem 0px !important;
}

.gf-rsv-check-box .gradient-box {
    background-image: none;
    border: none;
    margin: 0px;
    font-size: var(--fs-20-px);
}

/* creditscreen */
.gf-fields-group-box-screen-slider {
    max-width: 900px !important;
}

.gf-creditscreen-Slider {
    overflow-x: hidden;
}

.gf-creditscreen-SliderElements {
    list-style: none;
    position: relative;
    left: 0;
    width: 160%;
    -webkit-transition: left .8s ease-in-out;
    -moz-transition: left .8s ease-in-out;
    -o-transition: left .8s ease-in-out;
    transition: left .8s ease-in-out;
    padding: 0px;
}

.gf-creditscreen-SliderElements:after {
    content: ".";
    display: block;
    height: .1px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    overflow: hidden;
}

.gf-creditscreen-SliderElements>li {
    float: left;
    width: 15%;
    position: relative;
}

.gf-creditscreen-price {
    font-size: 1.0em;
    list-style-type: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.gf-creditscreen-price .gf-slider-headtitle {
    font-size: 1.0em;
    font-weight: bold;
}

.gf-creditscreen-title-headContent {
    width: 16% !important;
}

.gf-creditscreen-price .gf-slider-header {
    font-size: var(--fs-18-px);
    font-weight: bold;
    text-align: left;
    color: var(--kobaltblau-10);
}

.gf-creditscreen-listname {
    margin-top: 0.7rem;
    font-weight: bold;
}

.gf-price-grey {
    color: #8D9FB4;
}

.gf-creditscreen-price li {
    text-align: left;
    line-height: 2.8;
}

.gf-creditscreen-bold {
    font-weight: bold;
    color: var(--kobaltblau-10);
}

.gf-creditscreen-inline {
    padding: 0.2rem 0px 0 5.0rem !important;
    color: var(--kobaltblau-10);
    font-size: var(--fs-18-px);
    margin-left: 1.5rem;
}

.gf-radio-container {
    display: inline-block;
    position: relative;
    margin-bottom: 2.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.gf-radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.gf-radio-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 3.0rem;
    width: 3.0rem;
    background-color: #fff;
    border-radius: 50%;
    border: 0.2rem solid #00b6ed;
}

.gf-radio-container:hover input~.checkmark {
    background: #ccc;
}

.gf-radio-container input:checked~.checkmark {
    background-color: #fff;

}

.gf-radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.gf-radio-container input:checked~.checkmark:after {
    display: block;
}

.gf-radio-container .checkmark:after {
    top: 0.4rem;
    left: 0.4rem;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background: #00b6ed;
}

.gf-radio-container-center {
    padding: 0px 0px 2.0rem 3.2rem;
}

.gf-sliderControls {
    text-align: center;
    display: none;
}

.gf-sliderControls li {
    display: inline-block;
}

.gf-sliderControls label {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.0rem;
    text-align: center;
    border-radius: 50%;
    margin: 0.5rem;
    border: 1px solid #00b6ed;
    color: #fff;
    cursor: pointer;
}

.gf-sliderControls-dots:hover {
    cursor: pointer;
}

.gf-sliderControls-dots {
    background: #00b6ed;
}

.gf-creditscreen-gf-unser-tipp {
    background: #00b6ed;
    color: #fff;
    line-height: 1.8 !important;
    border-top-right-radius: 1.0rem;
    border-top-left-radius: 1.0rem;
    text-align: center !important;
    font-weight: bold;
}

.gf-user-tip-margin {
    margin-top: 1.5rem;
}

.gf-creditscreen-gf-unser-tipp-li {
    border: 0.3rem #00b6ed solid;
    /* padding-left: 4.0rem; */
    border-bottom-left-radius: 1.0rem;
    border-bottom-right-radius: 1.0rem;
}

.gf-creditscreen-selectedOffer {
    border: 0.3rem var(--kobaltblau-10) solid;
    border-radius: 1.0rem;
}

.gf-creditscreen-body {
    padding-left: 1.2em;
}

.gf-creditscreen-body ul {
    list-style: none;
}

.gf-general-error {
    color: var(--error-field);
}

.gf-slider-value {
    background-image: url("/de/amc-resources/images/calculator/amount-tooltip.png");
    cursor: pointer;
    font-size: var(--fs-12-px);
    height: 71px;
    padding: 10px 10px 0px 1.0rem;
    position: absolute;
    margin-top: -4px;
    transform: matrix(1, 0, 0, 1, -71, -86);
    -webkit-transform: matrix(1, 0, 0, 1, -72, -86);
    -moz-transform: matrix(1, 0, 0, 1, -72, -85);
    width: 140px;
    z-index: 4;
}

.gf-slider-value span {
    display: flex;
    justify-content: center;
    font-weight: 700;
}

.gf-slider-value label {
    margin-top: 2px;
}

.gf-slider-value-laonAmount {
    border: none;
    width: 50% !Important;
    text-align: center;
    float: left;
    margin-left: 20px;
    font-size: 12px;
}

.gf-upsell-group-box {
    max-width: 90.0rem;
}

.gf-upsell-value {
    color: #0079b2;
}

.gf-upsell-text {
    font-size: 1.5rem;
    /*font-weight: 600;*/
    color: var(--kobaltblau-10);
}

.gf-upsell-value,
.gf-upsell-value-grau {
    font-size: 2.2rem;
    /* font-weight: bolder; */
    margin-top: -1.5rem;
}

.gf-upsell-value-grau {
    color: #5d5d5d;
}

.gf-upsell-value-span {
    font-size: var(--fs-12-px);
    color: var(--kobaltblau-10);
    display: block;
    margin-top: -1.0rem;
    font-weight: normal !important;
}

.gf-upsell-value-span strong {
    line-height: 2;
}

.gf-upsell-value-caldata div {
    font-weight: bold;
}

.gf-upsell-img1 {
    float: left !important;
    margin-top: 5.0rem;
}

.gf-upsell-img2 {
    float: left !important;
    margin-top: 6.0rem;
    width: 80%;
}

.gf-upsell-hr-line {
    border-top: 0.2rem solid var(--skyblue-02);
}

.gf-upsell-content {
    background: #fff;
    /* height: 275px; */
    margin-top: -1.2rem;
    line-height: 2.2;
    padding-top: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}

.gf-upsell-insurance-text {
    line-height: 1.2;
    font-size: var(--fs-18-px);
}

.genius-radio-basic {
    position: relative;
}

.genius-radio-basic .nice-radio-button {
    /* border: 0.2rem solid #00b6ed; */
    width: 4.5rem;
    height: 4.5rem;
}

.genius-radio-basic .nice-radio-button.checked-radio-button:before {
    background-color: var(--kobaltblau-10);
    border-radius: 100%;
    width: 2.2rem;
    height: 2.2rem;
    content: "";
    display: block;
    top: 35%;
    left: 35%;
    position: absolute;
}

.gf-nice-radio-label,
.gf-nice-radio-label2 {
    display: inline-block;
    width: 85%;
    position: absolute;
    margin: 0.7rem 0px 0px 1.0rem;
}

.gf-nice-radio-label2 {
    width: 35%;
}

.gf-button-lg-link {
    font-size: var(--fs-20-px);
    font-weight: bold;
    float: left;
}

.gf-btn-margin-top-setting {
    margin-top: -2.0rem;
}

.gf-inner-circle-center {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3rem;
}

.gf-inner-circle {
    position: absolute;
    top: 0px;
    width: 5.0rem;
    height: 5.0rem;
    border-radius: 50%;
    background-color: var(--skyblue-10);
    text-align: center;
}

.gf-inner-circle p {
    color: var(--Kobaldblau-11);
    font-size: var(--fs-24-px);
    font-weight: 900;
    padding: 0.6rem;
}

.gf-inner-circle-inside {
    position: absolute;
    top: 5px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--skyblue-10);
    text-align: center;
}

.gf-inner-circle-inside p {
    color: var(--Kobaldblau-11);
    font-size: 24px;
    font-weight: 900;
    padding: 6px;
}

.gf-img-card-alignment {
    float: left;
    margin-right: 1.0rem;
    margin-top: 0px;
    width: 4.5rem;
}

.gf-klessich {
    text-align: left;
    margin-left: 1.0rem;
    width: auto;
}

@media (max-width: 767px) {

    .skip-links-container {
        margin-left: 2.5rem;
    }

    .gf-klessich {
        text-align: center;
        margin-left: none;
    }

    .gf-box-mobile {
        background-color: var(--skyblue-02);
        border: none;
    }

    .gf-box-mobile-col {
        background-color: #fff;
        border: 0.2rem solid #fff;
        border-radius: 1.0rem;
        margin-bottom: 6.0rem;
    }

    .gf-box-mobile-col-end {
        background-color: #fff;
        border: 0.2rem solid #fff;
        border-radius: 1.0rem;
        margin-bottom: 0px;
    }

    .gf-inner-circle {
        top: -2.5rem;
    }

    .gf-button-lg-link {
        float: none;
    }

    .gf-float-right {
        float: right;
    }

    .gf-margin-top-image {
        margin-top: 1.5rem;
    }

    .gf-margin-top-20 {
        margin-top: 2.0rem;
    }

    .gf-btn-margin-top-setting {
        margin-top: 0px;
    }

    .gf-end-page-display-right {
        margin-top: 2.0rem;
    }

    .gf-creditscreen-price .gf-slider-header {
        font-size: var(--fs-21-px);
    }

    .gf-upsell-img-hand-euro {
        left: 60%;
    }

    .gf-upsell-img2 {
        margin-top: 4.0rem;
    }

    .gf-srv-field-bottom-red {
        display: block;
    }

    .gf-rsv-insurance-cat .item-list h2 {
        font-size: var(--fs-16-px);
    }

    .gf-rsv-enable-button .btn-light-green-small-next-lg {
        width: 93% !important;
    }

    .gf-rvs-check {
        margin-top: 2.0rem;
    }

    .gf-rsv-cat h2 {
        font-size: var(--fs-16-px);
    }

    .gf-rsv-cat h2 .monthly-rate {
        font-size: var(--fs-21-px);
        padding-top: 0px;
    }

    .gf-next-steps-inner-div {
        margin-top: 1.0rem;
    }

    .gf-center-image-margin {
        margin: 0px;
    }

    .gf-upsell-value-span strong {
        line-height: 3;
    }

    .gf-summary-box-xs {
        margin-bottom: 2.0rem;
    }

    .gf-upsell-value-span {
        font-size: var(--fs-12-px);
    }

    .gf-upsell-image-xs {
        position: absolute;
        right: 0px;
    }

    .gf-user-tip-margin {
        margin-top: 0px;
    }

    .gf-creditscreen-inline {
        padding: 2.0rem 0px 0px 5.0rem !important;
    }

    .gf-creditscreen-price li {
        line-height: 2;
    }

    .gf-radio-container .checkmark {
        top: 1.5rem;
    }

    .gf-creditscreen-body {
        padding-left: 0px;
        font-size: var(--fs-12-px);
    }

    .gf-creditscreen-body strong {
        color: var(--kobaltblau-10);
    }

    .gf-creditscreen-price {
        font-size: var(--fs-14-px);
    }

    .gf-creditscreen-SliderElements>li {
        width: 12.8%;
    }

    .slider-adjust-margin-loan {
        width: 100%
    }

    .gf-creditscreen-SliderElements {
        width: 500%;
    }

    .gf-sliderControls {
        display: block;
    }

    .slider-adjust-margin-loan {
        width: 100%
    }

    .gf-radio-container-center {
        padding: 0px 0px 3.5rem 4.0rem;
    }

    .gf-sm-top-margin {
        margin-top: -1.7rem !important;
    }

    .xs-top-margin {
        margin-top: 1.0rem;
    }

    .gf-header img {
        width: 14.0rem;
    }

    .gf-fields-group-box {
        width: 98%;
    }

    .gf-fields-bottom .fields-bottom {
        width: 90%;
    }

    .gf-custom-radioButton .gf-radio-left {
        margin: 0.4rem 0.3rem;
        margin-right: 0.9em;
    }

    .gf-custom-radioButton .gf-radio-left,
    .gf-radio-right {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
        width: 44%;
    }

    .gf-custom-radioButton .gf-radio-left,
    .gf-radio-right {
        width: 96%;
        height: 3.1 rem;
        background: white;
        border-radius: 1.5 rem;
        cursor: pointer;
        text-align: center;
        padding: 0.6rem;
        margin-top: 1.5rem !important;
        margin-left: 0.5rem;
    }

    .gf-custom-radioButton input[type="radio"]:checked+img {

        top: 0.8rem !important;
    }

    .gf-custom-radioButton .gf-radio-left,
    .gf-radio-right {
        margin-top: 1.5rem !important;

    }

    .gf-main-setting {
        width: 100%;
    }

    .gf-main-setting .request-app .clearfix .request-fields {
        margin-top: 0px;
    }

    .gf-header {
        margin: 0 auto;
        margin-bottom: -2.0rem;
        margin-top: 2.0rem;
        display: block;
        width: 14.0rem;
        height: 8.0rem;
    }

    .gf-container {
        width: 96% !important;
        margin-left: -0.5rem !important;
    }

    .gf-main-setting .request-app .form-element.is-inline.is-4-digit,
    .request-app select.is-inline.is-4-digit {
        width: 50% !important;
    }

    .gf-tool-inner {
        margin-top: 1.0rem;
        margin-left: 20%;
    }

    .gf-feature-box-info p {
        margin-top: -2.0rem !important;
    }

    .margin-modified-up-3 {
        margin: 0px !important;
    }

    .label-info-display {
        font-size: var(--fs-16-px);
    }

    .gf-page-subtitle {
        font-size: var(--fs-14-px) !important;
    }

    .input-Label-text {
        font-size: var(--fs-16-px);
    }

    .gf-page-title {
        font-size: var(--fs-20-px) !important;
    }

    .radio-button-nav {
        margin-top: 2.0rem;
    }

    .gf-radio-toplabel legend {
        font-size: var(--fs-20-px) !important;
    }

    .gf-main-setting .request-app .request-fields .gf-no-menu-page-header {
        padding-top: 0.5rem;
        margin-top: 0.7rem;
    }

    .gf-no-menu-page {
        margin-top: -2.5rem;
    }

    .gf-summary-box .summary-box .content .left {
        border-bottom-left-radius: 1.5rem;
        padding: 1.5rem 1.0rem;
    }

    .gf-summary-box .summary-box .content .left .line {
        font-size: var(--fs-14-px);
    }

    .gf-summary-box .summary-box .content .left .line span {
        white-space: nowrap;
    }

    .gf-summary-box .summary-box .content .right {
        border-bottom-left-radius: 1.5rem;
    }

    .gf-xs-space-rap {
        white-space: nowrap !important;
    }

    .gf-xs-margin-left-minus {
        margin-left: -1.5rem;
    }

    .gf-modal-box {
        width: 80%;
    }

    .gf-offer-box-margin {
        margin: 0px;
    }

    .gf-display-block-xs {
        display: block;
        margin-top: 4.0rem;
    }

    .gf-display-block-xs-m {
        display: block;
        margin-top: 2.3rem;
    }

    .calculated-info .gf-loan-label {
        margin-left: -1.5rem;
    }

    .footer-cart-values {
        margin-bottom: 0.5rem;
    }

    .gf-cart-button {
        font-size: var(--fs-16-px);
    }

    .gf-feature-box-hint-webId-img {
        float: right;
        margin-right: -1.5rem;
        padding: 0.5rem 0px 1.0rem 0px;
    }

    .gf-summary-box .summary-box .title {
        font-size: var(--fs-16-px);
    }

    .gf-Bigcalc-subtitle-xs {
        margin-top: -2.5rem !important;
        margin-bottom: 0.9rem !important;
        padding-bottom: 2.0rem;
    }

    .gf-Bigcalc-raten-display-xs {
        margin-top: -2.1rem !important;
    }

    .gf-Bigcalc-pangv-display-xs {
        margin-top: 2.0rem !important;
    }

    .slider-up {
        margin: 0px -1.0rem 0px 0.5rem;
    }

    .slider-down {
        margin: 0px 1.2rem 0px -1.0rem;
    }

    .cal-result {
        margin-bottom: 1.5rem;
        margin-top: -1.2rem;
    }

    .genius-timeoutpopup .genius-timeoutpopup-header h2 {
        text-align: center;
        margin-bottom: 0.5rem;
    }

    .gf-timeoutpopup-btn {
        width: 96%;
    }

    .gf-margin-top-subtitle {
        margin-top: -2.0rem !important;
    }

    .gf-bulletin-nofill {
        left: 0.5rem;
    }

    .gf-main-setting .request-app .clearfix .request-fields {
        margin-top: -1.0rem;
    }

    .gf-main-setting:focus-visible {
        outline: none;
    }

    .btn-text-align-center {
        text-align: center;
        margin-top: -1.0rem;
    }

}


@media (min-width: 768px) {
    .gf-main-setting .request-app .request-fields {
        margin-top: 0px;
    }

    .input-radioList label {
        flex: 1;
    }

    .radio-418-delay-12 {
        border-radius: 2.0rem 0 0 2.0rem;
    }

    .radio-418-delay-48 {
        border-radius: 0 0px 0 0;
    }

    .radio-418-delay-60 {
        border-radius: 0 0 0 0px;
        margin-left: -0.2rem;
    }

    .radio-418-delay-96 {
        border-radius: 0 2.0rem 2.0rem 0px;
    }

    .input-radioList {
        font-size: var(--fs-16-px);
        height: 5.0rem;
    }

    .radio-418-delay-60,
    .radio-418-delay-72,
    .radio-418-delay-84,
    .radio-418-delay-48,
    .radio-418-delay-96 {
        margin-top: 0px;
    }

    .mobile-width-gf {
        width: 80%;
        margin: 0 auto;
        border-radius: 2.5rem !important;
        border: 0.2rem solid var(--kobaltblau-10);
        padding: 2.0rem;
    }

}

@media (max-width: 960px) {
    .gf-progressbar li span {
        display: none !important;
    }
}

@media (min-width: 800px) {
    .mobile-width-gf {
        width: 80%;
        margin: 0 auto;
        border-radius: 2.5rem !important;
        border: 0.2rem solid var(--kobaltblau-10);
        padding: 2.0rem;
    }
}

@media (min-width: 820px) {
    .mobile-width-gf {
        width: 45%;
        margin: 0 auto;
        border-radius: 2.5rem !important;
        border: 0.2rem solid var(--kobaltblau-10);
        padding: 2.0rem;
    }
}

.input-DateField-edited {
    background-image: none !Important;
    border: 0.2rem solid var(--kobaltblau-10) !Important;
    box-shadow: none !important;
}

.input-DateField-error {
    border: 0.2rem solid var(--error-field) !Important;
}

.input-DateField-pass {
    border: 0.2rem solid var(--kobaltblau-10) !Important;
}

.datetime-field-popup .input-DateField-edited {
    background-image: none !Important;
    background: #E7F5FD;
    border: none !Important;
    border-bottom: 0.2rem solid var(--kobaltblau-10) !Important;
    border-radius: 0px !important;
    box-shadow: none !important;
}

.btn-added-padding {
    padding-top: 0.9rem !important;
    padding-bottom: 0.9rem !important;
}

.input-DateField-edited-field-caption {
    margin-bottom: -0.2rem !important;
}

.gf-next-button {
    position: absolute;
    left: 20%;
    bottom: -0.5rem;
    font-size: var(--fs-12-px);
    float: right;
    cursor: pointer;
    z-index: 2;
    width: 20.0rem;
    border-radius: 2.5rem;
    background-color: #9F1034;
    color: #fff;
    font-weight: 200;
}

.gf-day-month-ismonth-year {
    position: relative;
}

.gf-day-month,
.gf-day-year {
    position: absolute;
    line-height: 0px;
    margin-top: -1.5rem;
}

.gf-day-month {
    left: 19.5%;
}

.gf-day-year {
    left: 38%;
}

.gf-margin-adjust {
    margin-top: 0px;
}

.DLBoxTra {
    animation-name: slide-right;
    animation-duration: 0.3s;
}

@keyframes slide-right {
    from {
        margin-left: -500px;
    }

    to {
        margin-left: 0px;
    }
}

@keyframes slide-right1 {
    from {
        margin-top: -500px;
    }

    to {
        margin-bottom: 0px;
    }
}

@media (max-width: 600px) {
    .gf-progressbar li span {
        display: none;
    }

    /*
	 .gf-footer-display {
		display:none;
	 }
	 */
    .gf-margin-adjust {
        margin-top: 0px;
    }

    .margin-modified {
        margin: -2.5rem 0px 0px 0px !important;
    }

    .hide-council-xs .open-council {
        display: none !important;
    }

    .gf-margin-top-field {
        margin-top: -2.0rem;
        margin-bottom: -2.0rem
    }

    .gf-field-bottom {
        padding-top: 0px !important;
        padding-bottom: 0px !Important;
    }

    .gf-field-margin-bottom {
        margin-top: -3.0rem !important;
    }

    .text-field-margin-xs {
        margin: -2.0rem 0px 0px 0px;
    }

    .margin-modified-down {
        margin: -3.2rem 0px 1.0rem 0px !important;
    }

    .gf-day-month {
        left: 21%;
    }

    .gf-day-year {
        left: 40%;
    }
}

/* IFrame Lightbox */
.LightBoxIFrame {

    min-height: 58.0rem !important;
}

@media(min-height: 750px) {

    .LightBoxIFrame {

        min-height: 65.0rem !important;
    }
}

@media(min-height: 1024px) {

    .LightBoxIFrame {

        min-height: 90.0rem !important;
    }
}

@media(min-width: 1400px) {

    .modal-dialog-iframe {

        min-width: 120.0rem !important;
    }
}

/* End IFrame Lightbox */

/* ------------------------------------------------- */
/* Bootstrap update fix for lightboxes -- START*/
.modal.fade.show {
    opacity: 1 !important;
}

.modal-backdrop.show {
    opacity: 0.5 !important;
}

.modal.fade .modal-dialog {
    transform: translate(0, 0) !important;
}

.popover.fade.show {
    opacity: 1 !important;
    padding: 1.0rem 1.5rem 1.0rem 1.5rem;
}

.popover-header {
    padding: 1.0rem 1.5rem 1.0rem 1.5rem;
    margin: -1.0rem -1.5rem 1.0rem -1.5rem;
    background-color: #e6e6e6;
    font-size: 11pt;
    color: var(--kobaltblau-10);
}

/* Bootstrap update fix for lightboxes -- END*/
/* ------------------------------------------------- */

/* ------------------------------------------------- */
/* oder text in popup lightbox surrounded by solid line --  START */
.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    width: 50%;
}

.strike>span {
    position: relative;
    display: inline-block;
}

.strike>span:before,
.strike>span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 999.9rem;
    height: 1px;
    background: black;
}

.strike>span:before {
    right: 100%;
    margin-right: 1.5rem;
}

.strike>span:after {
    left: 100%;
    margin-left: 1.5rem;
}

/* oder text in popup surrounded by solid line --  END */
/* ------------------------------------------------- */
/* Zweitverwertung */
.verticalCenteredContainer {
    display: flex;
    flex-flow: row;
}

.verticalCenteredContainer .verticalCenteredBox {
    display: table;
}

.verticalCenteredContainer .verticalCenteredBox .textSpan {
    vertical-align: middle;
    display: table-cell;
}

.secondChancePermitHint {
    border-style: solid;
    border-color: #bd2626;
    border-width: 0.2rem;
    border-radius: 0.8rem;
    margin: 0px;
    color: #bd2626;
}

/* END Zweitverwertung */

.additionalError a {
    color: var(--error-field);
    text-decoration: underline;

}

/* ACM css styles*/
.gf-acm-fields-group-box-gap {
    border-radius: 1.0rem;
    border: 1px solid white;
    background: #fff;
    padding: 1.0rem;
    max-width: 70.0rem;
    margin: 0 auto;
    margin-bottom: 4.0rem;
    margin-top: 1.0rem;
}

.boldText {
    font-weight: 600 !important;
}

.btn-only-link {
    border-radius: 2.5rem;
    color: var(--kobaltblau-10);
    cursor: pointer;
    display: inline-block;
    font-size: var(--fs-14-px);
    font-weight: 600;
    line-height: 1.8;
    height: 4.3rem;
    text-decoration: underline;
    width: auto;
    border: none;
}

.marginTop3 {
    margin-top: 0.3rem;
}

.padding-left-0 {
    padding-left: 0px;
}

.colorblue {
    color: var(--skyblue-06);
}

.btn-width-auto {
    width: auto;
}

.marginBottom0 {
    margin-bottom: 0px !important;
}

.colLink {}

.toPostLink {}

.gf-inner-circle-2 {
    /* position:absolute; */
    width: 5.0rem;
    height: 5.0rem;
    border-radius: 50%;
    background-color: var(--skyblue-10);
    text-align: center;
}

.gf-inner-circle-2-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gf-inner-circle-2 p {
    color: var(--Kobaldblau-11);
    font-size: var(--fs-24-px);
    font-weight: 900;
    padding: 0.6rem;
}

@media (min-width: 768px) {
    .colLink {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 768px) {
    .toPostLink {
        display: flex;
    }
}

.padding-left-10 {
    padding-left: 1.0rem !important;
}

.darkblue-color {
    color: var(--kobaltblau-10) !important;
}

.Gutwissen {
    padding-left: 0.5rem;
}

@media (min-width: 768px) {
    .Gutwissen {
        padding: 0 4.0rem 0 5.0rem;
    }
}

@media (min-width: 768px) {
    .InsurHeading {
        width: 55%;
        margin-left: 22.3% !important;
    }
}

.insur-davor {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: -2.0rem;
}

.gf-box-mobile-col-end-2 {
    background-color: #fff;
    border: 0.2rem solid #fff;
    border-radius: 1.0rem;
    margin-bottom: 0.5rem;

}

.margin-left-10 {
    margin-left: 1.0rem;
}

.padding-right-5 {
    padding-right: 0.5rem;
}

.customMargin {
    margin-top: 0.5rem;
    padding-left: 0.5rem;
}

.customMargin .heading-2 {
    font-size: var(--fs-16-px);
    font-weight: 700;
    margin-top: 0px;
}

@media (max-width: 480px) {
    .customMargin .heading-2 {
        margin-bottom: 3.5rem;
    }
}

.customMargin2 {
    margin: 1.5rem 0px 1.5rem 0.5rem
}

.disabled-radio {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    box-shadow: none;
}

.DavorDiv {
    text-align: left;
    padding-left: 0.7rem;
}

@media (max-width: 480px) {
    .DavorDiv {
        padding-left: 2.3rem;
    }
}

.displyInlineBlock {
    display: inline-block !important;
}

.secRadioSelector .nice-radio-button {
    vertical-align: top;
}

div.is-checkbox.tab-focused {
    /* outline: -webkit-focus-ring-color auto 0.5rem;
    outline-offset: -0.2rem     */
}

.gf-radio-focus {
    /* border: 0.2rem solid #a94442; */
    /* color: #002F5F;
    box-shadow: 0 0 0.8rem #002F5F; */

    outline: 0.2rem solid var(--kobaltblau-10);
    outline-offset: 0.3125rem;
    color: var(--kobaltblau-10);
    background: rgb(231, 245, 253) !important;
}

ul.no-bullets {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.profitList ul li {
    padding: 0 0 1.2rem;

}

.line-break {
    display: block;
}

.Check24 a {
    background-color: transparent;
    color: var(--skyblue-10);
}

.Check24 a:hover {
    text-decoration: none;
    color: var(--kobaltblau-10);
}

.info-button-link {
    border: none;
    background: transparent;
    color: #0079B2;
    font-size: var(--fs-18-px);
    font-weight: bold;
}

.info-button-link-2 {
    border: none;
    background: transparent;
    color: #002F5F;
    font-size: var(--fs-18-px);
    font-weight: bold;
}

.info-container {
    /* position: absolute; */
    width: 100%;
}

.info-icon {
    border: none;
    background: transparent;
    display: inline-block;
    margin-left: -0.4rem;
    color: #002F5F;
    cursor: pointer;
}

.info-body {
    display: none;
    position: absolute;
    z-index: 10;
    background: #fff;
    padding: 1.0rem;
    border: 1px solid #d3d3d3;
    padding: 1.0rem;
    box-shadow: 0 .125rem .9375rem .1875rem rgba(0, 0, 0, .141);
    max-width: min(38.75rem, 100% - 3.75rem);
}

.showInfo {
    display: block;
    opacity: 1 !important;
    padding: 1.0rem 1.5rem 1.0rem 1.5rem;
}

.info-close-button {
    background: transparent;
    border: none;
    float: right;
    cursor: pointer;
    font-size: 2rem;
}

.info-Title {
    font-size: 12pt;
    color: var(--kobaltblau-10);
    font-family: "LL Circular Pro Book Web", Arial, Helvetica, Sans-serif;

}

.info-content {
    font-size: 1.4rem;
    line-height: 1.4;
    color: #333;
    display: block;
}

.top {
    top: 3.5rem;
}

.bottom {
    bottom: 3.5rem
}

.info-icon:focus {
    outline: -webkit-focus-ring-color auto 0.5rem;
    outline-offset: -0.2rem;
}

@media (max-width: 370px) {
    .info-body {
        left: -40px;
    }
}

.gf-custom-radioButton input[type="radio"]:checked+img {
    position: absolute;
    display: block;
    bottom: 0;
    top: 1rem;
}

.gf-custom-radioButton input[type="radio"]+img {
    display: none;
}

.hasSuffix {
    position: relative;
}

.ui-datepicker-close {
    background-color: var(--kobaltblau-10);
    color: #fff;
    border-radius: 0.5rem;
}

.teaser-box-only-border {
    border: 1px solid;
    border-color: #001f3e;
    border-radius: 5px;
    padding: 10px 3px 20px 0px;
    margin-bottom: 20px
}

.teaser-box.is-hint1 {
    border-color: #001f3e;
    /*background-image: -webkit-linear-gradient(top, #ffffff 0%, #EFF3FA 100%);
            background-image: -o-linear-gradient(top, #ffffff 0%, #EFF3FA 100%);
            background-image: linear-gradient(to bottom, #ffffff 0%, #EFF3FA 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEFF3FA', GradientType=0);
			*/
}


.teaser-box.has-edge-stoerer.flexibel1:before {
    /* background: transparent url(/de/GOPA/Public/images/flexible.png) 0 0 no-repeat;*/
}


.teaser-box.has-edge-stoerer.neu1:before {
    /*  background: transparent url(/de/GOPA/Public/images/neu.png) 0 0 no-repeat;*/
}


.teaser-box.has-header-icon.top-konditionen1 h3:after {
    /*   background: transparent url(/de/GOPA/Public/images/icons/ico_ihr_online_angebot_top_konditionen.png) 0 0 no-repeat;*/
    background-size: contain;
}



.teaser-box.has-header-icon.nfc1 h3:after {
    /*  background: transparent url(/de/GOPA/Public/images/icons/ico_ihr_online_angebot_nfc.png) 0 0 no-repeat;*/
    background-size: contain;
}


.gf-page-title1 {
    text-align: center;
    font-size: 24px !important;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
}

.gf-day-month-ismonth-year {
    position: relative;
}

.gf-day-month,
.gf-day-year {
    position: absolute;
    line-height: 0px;
    margin-top: -15px;
}

.gf-day-month {
    left: 19.5%;
}

.gf-day-year {
    left: 38%;
}

/* GF progressBar*/
.gf-container {
    width: 99%;
    position: absolute;
    margin-top: 3px;
    height: 0px;
    line-height: 12px;
    display: block;
    z-index: 1000;
    padding-left: 15px;
    padding-right: 5px;
}

/* .gf-progressbar-line { */
/* /* border: 6px solid #D8D8D8; */


/* border: 0.6rem solid var(--kobaltblau-10); */
/* width: 98%; */
/* position: absolute; */
/* top: -1.9rem; */
/* z-index: -1; */
/* background: #D8D8D8; */
/* } */
/* .gf-progressbar { */
/* counter-reset: step; */
/* margin-left: -18.5%; */
/* margin-right: -16.5%; */
/* background: black;	 */
/* } */
/* .gf-progressbar li { */
    /* list-style-type: none; */
    /* /*width: 20%;*/ 
    /* float: left; */
    /* font-size: 12px; */
    /* position: relative; */
    /* text-align: center; */
    /* color: #7d7d7d; */
    /* top: -28px; */
/* } */

/* .gf-progressbar li:before { */
    /* content: counter(step); */
    /* counter-increment: step; */
    /* width: 35px; */
    /* height: 35px; */
    /* border: 2px solid #001f3e; */
    /* display: block; */
    /* margin: 0 auto 5px auto; */
    /* border-radius: 50%; */
    /* line-height: 30px; */
    /* background: white; */
    /* color: #001f3e; */
    /* ; */
    /* text-align: center; */
    /* font-weight: bold; */
/* } */

/* .gf-progressbar li:after { */
    /* content: ''; */
    /* position: absolute; */
    /* /*width: 99%;*/ 
    /* height: 12px; */
    /* background: #001f3e; */
    /* top: 9px; */
    /* left: -50%; */
    /* z-index: -1; */
/* } */

/* .gf-progressbar li span { */
    /* font-size: 16px; */
    /* top: -20px; */
    /* width: 80%; */
    /* display: block; */
    /* position: absolute; */
    /* color: #D8D8D8; */
    /* left: 30px */
/* } */

/* .gf-progressbar li.active { */
    /* color: #0079B2; */
/* } */


@media (max-width: 960px) {
    .gf-progressbar li span {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .gf-progressbar li span {
        display: none;
    }

}

.gf-progressbar-4-li {
    counter-reset: step;
    margin-left: -18.5%;
    margin-right: -16.5%;
    background: black;
}

.gf-progressbar-4-li li {
    list-style-type: none;
    /*width: 20%;*/
    float: left;
    font-size: 1.2rem;
    position: relative;
    text-align: center;
    color: #7d7d7d;
    top: -2.8rem;
}

.gf-progressbar-4-li li:before {
    content: counter(step);
    counter-increment: step;
    width: 3.5rem;
    height: 3.5rem;
    border: 0.2rem solid #001f3e;
    display: block;
    margin: 0 auto 0.5rem auto;
    border-radius: 50%;
    line-height: 3rem;
    background: white;
    color: #001f3e;
    ;
    text-align: center;
    font-weight: bold;
}

.gf-progressbar-4-li li:after {
    content: '';
    position: absolute;
    /*width: 99%;*/
    height: 12px;
    background: #001f3e;
    top: 9px;
    left: -50%;
    z-index: -1;
}

.gf-progressbar-4-li li span {
    font-size: 16px;
    top: -20px;
    width: 80%;
    display: block;
    position: absolute;
    color: #D8D8D8;
    left: 50px
}

.gf-progressbar-4-li li.active {
    color: #0079B2;
}


@media (max-width: 960px) {
    .gf-progressbar-4-li li span {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .gf-progressbar-4-li li span {
        display: none;
    }

}

.gf-progressbar-6-li {
    counter-reset: step;
    margin-left: -19.5%;
    margin-right: -15.5%;
    background: black;
}

.gf-progressbar-6-li li {
    list-style-type: none;
    /*width: 20%;*/
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    color: #7d7d7d;
    top: -28px;
}

.gf-progressbar-6-li li:before {
    content: counter(step);
    counter-increment: step;
    width: 35px;
    height: 35px;
    border: 2px solid #001f3e;
    display: block;
    margin: 0 auto 5px auto;
    border-radius: 50%;
    line-height: 30px;
    background: white;
    color: #001f3e;
    ;
    text-align: center;
    font-weight: bold;
}

.gf-progressbar-6-li li:after {
    content: '';
    position: absolute;
    /*width: 99%;*/
    height: 12px;
    background: #001f3e;
    top: 9px;
    left: -50%;
    z-index: -1;
}

.gf-progressbar-6-li li span {
    font-size: 16px;
    top: -20px;
    width: 80%;
    display: block;
    position: absolute;
    color: #D8D8D8;
    left: 30px
}

.gf-progressbar-6-li li.active {
    color: #0079B2;
}


@media (max-width: 960px) {
    .gf-progressbar-6-li li span {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .gf-progressbar-6-li li span {
        display: none;
    }

}

#dispo.gf-radio-left {
    width: 30%;
}

/*end of progress bar;*/

.dda-centered-radio-buttons {}

.footer-inline-bottom {
    border-radius: 0rem 0rem 1.5rem 1.5rem;
    margin-top: -2.5rem;
}

.footer-inline-top {
    border-radius: 1.5rem 1.5rem 0rem 0rem;
    padding: 3.5rem 0;
    margin-top: 0.5rem;
}

.footer-inline {
    margin-top: -2.0rem;
    background: #fff;
    height: 0.5rem;
}

.footer-telefon {
    display: block;
    font-size: 2.5rem;
}

.agb-inline {
    float: left;
    font-size: 1.2rem;
    min-height: 0;
    color: #002f5f;
}

.mobileNo-error-inline {
    margin-top: 0rem;
    width: 100%
}

.marital-status-inline {
    margin-left: 0.2rem;
    color: #002F5F;
    cursor: pointer;
}

.pers-error-inline {
    margin-top: 0rem;
}

.fin-nettIncome-inline {
    display: inline-block;
    margin-left: 0.2rem;
    color: #002F5F;
    cursor: pointer;
}

.try-inline {
    float: left;
    font-size: 12px;
    min-height: 0;
    color: #002f5f;
}

.thankyou-inline {
    margin-top: 2rem;
    background-color: #e7f5fd;
    border: #e7f5fd
}

.thankyou-img-card-inline {
    margin-top: 6.7rem;
    font-size: 1.5rem;
}

.MaritalStatus2labelDisabled {
    margin-bottom: 0.625rem;
    color: var(--silvergrau-09) !important;
}

.bearbeiten-link button {
    /*color:#0079B2 !important;*/
    color: var(--silvergrau-09) !important;
    border: none;
    background: none;
    text-decoration: underline;
}

.subline-thanks {
    color: var(--kobaltblau-10) !important;
}

.underline-thanks {
    text-decoration: underline;
    color: var(--kobaltblau-10) !important;
}

.change-data-link button {
    color: #002F5F !important;
    /*color: var(--silvergrau-09)!important;*/
    border: none;
    background: none;
    text-decoration: underline;
}

.change-data-link img {
    width: 2.8rem;
    height: 5.0rem;
    float: left;
    margin: -1.65rem 0.3rem 0rem -1.4rem;
}

.info-i {
    width: 3rem;
    height: 5.0rem;
    float: left;
    margin: -0.2rem -5rem 0px 0px;
}

.footer-info {
    justify-items: center;
    align-items: center;
    display: grid;
    width: 100%;
}

.gf-progressbar-4-li li.active:before,
.gf-progressbar-4-li li.active2:before {
    border-color: #0079B2;
}

.less27hours {
    margin-top: 3rem;

}

body {
    line-height: 1.5;
}

button {
    min-height: 25px;
    min-width: 25px;
}

a {
    display: inline-block;
    min-height: 25px;
    min-width: 25px;
}

a.underline {
    text-decoration: underline;
}

.gf-footer-display .footer .nav ul li a {
    text-decoration: underline;
}

select {
    min-height: 25px;
    min-width: 25px;
}

input[type="radio"],
input[type="checkbox"] {
    min-height: 25px;
    min-width: 25px;
}

.bullet-allignment {
    margin-left: 24%;
    margin-right: auto;
}


/*********Added following media query as fix for SARA ticket SA0000061427196*********/
@media only screen and (min-device-width: 319px) and (max-device-width: 375px) {

    .teaser-box {
        height: 45rem;
    }

    .teaser-box .field {
        margin-top: -1.0rem;
    }
}

@media only screen and (min-device-width: 376px) and (max-device-width: 400px) {

    .teaser-box {
        height: 42rem;
    }

    .teaser-box .field {
        margin-top: -1.0rem;
    }
}

@media only screen and (min-device-width: 300px) and (max-device-width: 320px) {

    .teaser-box {
        height: 52rem;
    }
}





/*OTV ------------------------------------------------------------------------------------------------ */

@media (min-width: 1024px) and (max-width: 1060px) {
    .gf-klv-insuranceType1 {
        width: 85% !important;
    }

    .gf-klv-insuranceType1 .gf-progressbar {
        margin-left: -16.8%;
        margin-right: -13.4%;
    }

    .gf-klv-insuranceType1 .gf-progressbar li span {
        left: 0rem;
    }

}
/* Container for the radio group */

.radio-group {
    display: flex;
    flex-wrap: wrap;
     gap: 1rem;
	 padding:0.625rem 1.563rem 0rem 1.563rem;
}

.radio-group > p.radio-group-header {
	Width:98%;
}
/* Container for each radio button */
.radio-container {
    border: 1px solid #002D5F;
    border-radius: 0.5rem;
    padding: 10px;
    display: inline-block;
    text-align: left;
	position: relative;
	cursor:pointer;
    transition: border-color 0.3s;
    box-sizing: border-box; 
	 outline: none; /* Remove default focus outline */
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

/* Style for the radio button input */
.radio-input {
    display: none; /* Hide the default radio button */
}

/* Style for the custom radio button */
.radio-label {
    cursor: pointer;
    display: flex;
    align-items: center;
    /* position: relative; */
    /* padding-left: 35px; */
	padding-left: 3rem;  /* Adjust padding to accommodate the custom radio button */
}

/* Create the custom radio button appearance */
.radio-custom {
    position: absolute;
    left: 10px;
    width: 24px;
    height: 24px;
    border: 2px solid #002D5F;
    border-radius: 50%;
    background-color: #FFFFFF;
    transition: border-color 0.3s, background-color 0.3s;
}

/* Style for the checked radio button */
.radio-input:checked + .radio-label .radio-custom {
    border-color: #002D5F;
}

.radio-input:checked + .radio-label .radio-custom::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: #002D5F;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Style for the radio content */
.radio-content {
    margin-left: 35px; /* Adjust margin to accommodate the custom radio button */
}


/* Style for the focused radio button */
.radio-container:focus .radio-custom,
.radio-input:focus + .radio-label .radio-custom {
    border-color: #007BFF;
}

.radio-container:focus .radio-custom::after,
.radio-input:focus + .radio-label .radio-custom::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: #007BFF;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Style for the selected radio container */
.radio-input:checked + .radio-label {
    border-color: #002D5F;
	font-weight: bold;
}

.request-app .field.has-error .radio-container ,
.request-app .field.has-error .radio-custom {
    border-color: var(--error-field);
}

.radio-container[aria-checked="true"] {
    border:2px solid #002D5F;
}

/* .radio-container.checked-radio-button{ */
    /* border:3px solid #002D5F; */
/* } */

.radio-container[aria-checked="true"] .radio-custom {
    border-color: #007BFF;
}


.radio-container[aria-checked="true"] .radio-custom::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: #002D5F;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

Span.ajax.loading {
    overflow: hidden
}

Span.ajax.loading>body {
    opacity: 0;
    filter: alpha(opacity=0)
}

Span.ajax.loading:before {
    position: relative;
     width: 60px;
    /* height: 60px; */
    /* line-height: 60px; */
    text-align: center;
    /* top: 50%; */
    left: 50%;
    margin: -20px 0 0 -30px;
    display: block;
    font-family: targobank;
    font-size: 20px;
    content: "\e815";
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    color: #002F5F
}

.radio-group.expander-content{
    padding: 2rem;
    /* justify-content: center; */
}

.ei_expander__button{
	position:absolute;
	Left:95%;
}

.ei_expander__header {
	margin :10px;
}


.ei_expander__title {
	margin :10px;
    color: #002F5F;
    font-weight: bold;
}

.ei_expander__content {
	margin:10px;
	background: #E7F5FD;
}

.radio-container.gf-radio {
    background: white;
    border-radius: 4rem;
    cursor: pointer;
    text-align: center;
    padding: 0.5rem;
}
.ei_expander.ei_gpblock_plain {
    background: #ffffff;
	border-style: none none solid none;
	border-radius: 0;
}

.ei_expander__content .gf-custom-radioButton input[type="radio"]:checked+img {
    top: 1.5rem;
}

.expander-radio-label  {	
	align-self:center !important; 
	padding-left:0px !important;
}

a.afficher,  {
	background-image: unset;
    padding-left: 0;
}

a.afficher, a.masquer {
	padding-left:0px !important;
	margin-right:-20px !important;
}

a.afficher {
	background-image: unset !important;
    font-family: targobank,Arial,Helvetica,Sans-serif
}

a.afficher:after {
    content: "\e817";
    line-height: 1;
    font-family: targobank;
    padding-left: 0px;
	color: var(--kobaltblau-10);
}

a.masquer {
background-image: unset !important;
    font-family: targobank,Arial,Helvetica,Sans-serif
}

a.masquer:after,ul.link-list-a>li>a:before {
    font-family: targobank
}

a.masquer:after {
    content: "\e818";
    line-height: 1;
    padding-left: 0px;
	color: var(--kobaltblau-10);
}

.ei_expander__content .radio-container:focus ,
.radio-input:focus + .radio-label {
   outline: 0.2rem solid var(--kobaltblau-10);
    outline-offset: 0.3125rem;
    color: var(--kobaltblau-10);
    background: rgb(231, 245, 253) !important;
}


-----------------
.gf-main-setting .request-app .col-sm-12 .field .toggle-datepicker{
	right: 1.4rem !important;
}
.col-sm-12 .field .toggle-datepicker {
	right: 1.4rem !important;
}
.longBtn{
	width:24rem !important;
}


div.notes{
	margin: 0 auto;
	text-align: center;
	width: 40rem;
}

@media (max-width: 767px) {
   .longBtn{
	  width:100% !important; 
   }
   .detailsBox{
	   width: 23rem !important; ;
   }
   .radio-group.expander-content{
    padding: 1rem;
	}

	div.notes{
		width: 30rem;
	}

	.ei_expander__content .gf-custom-radioButton input[type="radio"]:checked+img {
	  top: 1.5rem !Important;
	}
}

@media (max-width: 960px) {
 	.expander-radio-label  {
		font-size:14px !important;
		padding-Left:15px !important;
	}
	.ei_expander__content .gf-custom-radioButton input[type="radio"]:checked+img{
		top:1.2rem !important;
	}
}
/* @media (max-width: 1060px) { */
	/* .detailsBox{ */
	   /* width: 22rem !important; ; */
   /* } */
	
/* } */

.detailsBox{
	width: 30rem;
	height: auto;
	angle: 0 deg;
	opacity: 1;
	border-radius: 8px;
	border: 1px solid #002A5F;
	padding:8px;
}

.detailsBox P{
	position:relative;
	top:10px;
	left:20px;
}

.infoBox .ImportantNotes{
 	color: var(--error-field);
	margin-bottom:2px;
}

.infoBox{
	padding:0.625rem 1.563rem 0rem 1.563rem;
}

.icon-search{
	font-size:20px;
	padding:3px;
}

div.err-box {
    color: #bc0624;
    position: relative;
    background: transparent none;
    border: 2px solid #bc0624;
}

div.err-box p {
   color: #bc0624;
}

/* .infoBox P { */
	/* top:3px; */
	/* position:relative; */
/* } */
/* .radio-container[aria-checked="true"] +img  { */
    /* position: absolute; */
    /* display: block; */
    /* bottom: 0; */
    /* top: 1rem; */
/* } */

/* .radio-container input[type="radio"]:checked+img { */
    /* position: absolute; */
    /* display: block; */
    /* bottom: 0; */
    /* top: 1rem; */
/* } */

/* .radio-container input[type="radio"]+img { */
    /* display: none; */
/* } */

/* CALENDER Start */
/* remove the default border in secondary function block content */
/* .sfb > .ei_secondaryfunctionblock__content { */
	/* border: none !important; */
/* } */

/* .sfb.ei_gpblock.ei_gpblock_plain { */
	/* background: #fafafa !important; */
	/* padding: 0; */
/* } */

/* .sfb.ei_gpblock.ei_gpblock_plain > .ei_secondaryfunctionblock__header { */
	/* background: #fff; */
    /* border-radius: .5rem; */
/* } */

/* .sfb.ei_gpblock.ei_gpblock_plain .ei_secondaryfunctionblock__header .ei_secondaryfunctionblock__header__content { */
	/* margin-bottom: 0; */
/* } */

/* .sfb.ei_secondaryfunctionblock .ei_fbtitleblock__header { */
	/* color: #0058a8; */
	/* font-size: 1.125rem; */
    /* font-weight: 700; */
/* } */

/* .sfb_content{ */
	/* display: flex; */
    /* flex-wrap: wrap; */
    /* gap: 5px; */
/* }  */
/* .ei_gpblock.ei_gpblock_plain.sfb { */
	/* background: #fafafa; */
    /* box-shadow: none; */
    /* padding: .75rem 1rem; */
    /* border-radius: .5rem; */
    /* border: 0; */
/* }  */

/* a.afficher,a.masquer { */
    /* background: none transparent; */
    /* color: rgba(0,0,0,.7); */
    /* text-decoration: none!important; */
    /* padding-left: 0 */
/* } */

/* a.afficher:focus,a.afficher:hover,a.masquer:focus,a.masquer:hover { */
    /* text-decoration: none!important */
/* } */

/* a.afficher:before,a.masquer:before { */
    /* content: "\F032A"; */
    /* color: #1f4799; */
    /* font-family: fts_picto; */
    /* font-size: 10px; */
    /* display: inline-block; */
    /* font-weight: 400; */
    /* position: relative; */
    /* transition: all .3s ease-in */
/* } */

/* a.afficher { */
    /* background: none transparent */
/* } */

/* a.afficher:before { */
    /* content: "\F0327" */
/* } */

/* .ei_mainblocfctl a.afficher:before,.ei_mainblocfctl a.masquer:before { */
    /* top: 0 */
/* } */
/* a.afficher,a.masquer { */
    /* text-decoration: none!important; */
    /* position: relative; */
    /* color: #1d1d1f; */
    /* -webkit-print-color-adjust: exact; */
    /* color-adjust: exact; */
    /* padding: 0 0 0 1.25rem */
/* } */

/* a.afficher:focus-visible,a.afficher:hover,a.masquer:focus-visible,a.masquer:hover { */
    /* color: #1d1d1f */
/* } */

/* a.afficher:before,a.masquer:before { */
    /* position: absolute; */
    /* left: 0; */
    /* top: 50%; */
    /* -webkit-transform: translateY(-50%); */
    /* transform: translateY(-50%); */
    /* background: currentColor */
/* } */

/* a.afficher:before,a.masquer:before { */
    /* -webkit-mask-position: center; */
    /* mask-position: center; */
    /* -webkit-mask-repeat: no-repeat; */
    /* mask-repeat: no-repeat; */
    /* -webkit-mask-size: 1.125rem; */
    /* mask-size: 1.125rem; */
    /* display: inline-block; */
    /* min-width: 1.125rem; */
    /* min-height: 1.125rem; */
    /* content: ''; */
    /* vertical-align: middle */
/* } */

/* a.afficher:before { */
    /* -webkit-mask-image: url("../../commun/svg/F0A26.svg"); */
    /* mask-image: url("../../commun/svg/F0A26.svg") */
/* } */

/* a.masquer:before { */
    /* -webkit-mask-image: url("../../commun/svg/F0A2C.svg"); */
    /* mask-image: url("../../commun/svg/F0A2C.svg") */
/* } */
/* CALENDER END */
/* /* ------------------------------------------------------------------------------------------------ */