@import url(https://use.typekit.net/jkv2ucd.css);body{
    background-color:#fff;
    background-repeat:repeat;
    color:#000200;
    margin:0;
    font-family:museo-sans,sans-serif
}
:root{
    font-size:16px
}
p{
    font-size:20px;
    font-weight:400;
    line-height:30px;
    margin-top:30px;
    margin-bottom:30px
}
a{
    color:inherit;
    text-decoration:inherit
}
b{
    font-weight:700
}
*{
    box-sizing:border-box
}
img{
    width:100%;
    vertical-align:bottom
}
h1,h3{
    margin:0;
    padding:0;
    font-weight:600
}
.no-padding{
    margin-left:-20px;
    margin-right:-20px
}
.wrapper{
    padding-left:20px;
    padding-right:20px
}
.mobile-hidden{
    display:none
}
.desktop-inline-hidden{
    display:inline-block
}
.rounded-wrapper{
    overflow:hidden;
    border-radius:20px
}
.flex-col{
    display:flex;
    flex-direction:column
}
.header__container{
    display:flex;
    align-items:center;
    justify-content:center;
    padding-top:8px;
    padding-bottom:8px
}
.header__logo{
    max-width:180px
}
.header__trust--container{
    border-top:1.5px solid #005c9e;
    border-bottom:1.5px solid #005c9e;
    background-color:#e9f4fc
}
.header__trust--container .wrapper{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding-top:5px;
    padding-bottom:5px;
    -webkit-column-gap:20px;
    -moz-column-gap:20px;
    column-gap:20px
}
.header__trust--text{
    font-size:12px;
    line-height:0;
    margin:0;
    flex-shrink:0
}
.header__trust--logos{
    display:flex;
    align-items:center;
    justify-content:space-evenly;
    -webkit-column-gap:20px;
    -moz-column-gap:20px;
    column-gap:20px;
    width:100%
}
.header__trust--logos a{
    line-height:0
}
.header__trust--logos img{
    max-height:12px;
    width:auto
}
.header__trust--logos img:first-child{
    max-height:18px
}
.header__trust--logos img:nth-child(3){
    max-height:11px
}
.header__trust--logos img:nth-child(5){
    max-height:10px;
    order:6
}
.header__trust--logos img:nth-child(6){
    max-height:17px;
    order:5
}
.head-info__container{
    margin:15px auto 20px;
    max-width:742px;
    margin-left:auto;
    margin-right:auto
}
.head-info__copy{
    font-size:12px;
    line-height:1.1875rem;
    color:#999;
    font-weight:400;
    margin:0
}
.headline__text{
    font-size:30px;
    font-weight:600;
    line-height:40px;
    margin-bottom:10px;
    font-family:museo-sans-rounded,sans-serif
}
.headline__text span{
    font-size:25px
}
.teaser{
    margin-bottom:20px;
    position:relative;
    z-index:1
}
.teaser+p{
    margin-top:0
}
.tag{
    margin-bottom:30px
}
.tag__con{
    display:flex;
    flex-direction:row;
    align-items:baseline
}
.tag__headline{
    font-size:20px;
    font-weight:400;
    margin-bottom:10px;
    overflow:hidden;
    text-align:center;
    color:#005c9e
}
.tag__headline:after,.tag__headline:before{
    background-color:#005c9e;
    content:'';
    display:inline-block;
    height:1px;
    position:relative;
    vertical-align:middle;
    width:50%
}
.tag__headline:before{
    right:.5em;
    margin-left:-50%
}
.tag__headline:after{
    left:.5em;
    margin-right:-50%
}
.claim{
    background-color:#e9f4fc;
    padding:10px 20px
}
.claim__txt{
    font-size:16px;
    line-height:21px;
    margin:0;
    color:#000
}
.content__headline{
    font-size:25px;
    line-height:33px;
    font-weight:600;
    margin-bottom:15px;
    font-family:museo-sans-rounded,sans-serif
}
.video__fluid{
    display:block;
    width:100%;
    height:auto
}
.audifooter{
    font-size:.875rem;
    font-weight:300;
    padding:20px;
    text-align:center;
    background-color:#ddd;
    position:relative
}
.audifooter__link--container{
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
.audifooter__link{
    color:#999;
    font-size:1rem;
    font-weight:300;
    text-decoration:none;
    padding:0 5px;
    margin-bottom:5px;
    cursor:pointer
}
.audifooter__link:nth-child(2){
    border-left:1px solid #999;
    border-right:1px solid #999
}
.year__box{
    padding:60px 20px;
    margin-top:30px;
    position:relative;
    background-color:#e9f4fc
}
.year__box h3{
    margin-bottom:20px;
    margin-top:0;
    text-align:center;
    color:#1a2441;
    font-size:30px;
    line-height:36px
}
.year__answers--container{
    margin:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    row-gap:10px
}
.year__answer{
    display:flex;
    width:100%;
    box-sizing:border-box;
    background-color:#fff;
    border:1px solid #808081;
    padding:5px;
    margin:0;
    border-radius:103px;
    align-items:center;
    justify-content:center;
    box-shadow:0 3px 3px rgba(0,0,0,.2);
    height:75px
}
.year__answer:hover{
    cursor:pointer;
    background-color:#ffba47
}
.year__answer:active{
    background:linear-gradient(111.36deg,#005c9e 22.29%,#1a2441 104.43%)
}
.year__answer:active span{
    color:#fff
}
.year__answer span{
    font-family:museo-sans,sans-serif;
    font-size:25px;
    line-height:25px;
    color:#1a2441;
    font-weight:400;
    margin:0
}
.trust{
    margin-bottom:40px
}
.trust__img{
    max-width:700px
}
.trust__item--astrix{
    line-height:0;
    font-size:1.25rem;
    margin-top:0;
    margin-bottom:0
}
.trust-rating__copy{
    font-size:10px;
    line-height:16px;
    margin-top:30px;
    margin-bottom:0;
    color:#808081
}
.trust-rating__copy a{
    text-decoration:underline
}
.trust-rating__copy a:hover{
    text-decoration:none
}
.vorteile__item{
    position:relative;
    background-color:#f2f2f2;
    border-radius:20px;
    padding:35px 30px 20px;
    margin-top:50px
}
.vorteile__item img{
    width:55px;
    height:55px;
    position:absolute;
    top:-30px;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.vorteile__item p{
    text-align:center;
    margin:0 auto;
    max-width:298px;
    font-size:16px;
    line-height:23px
}
.vorteile__item p b{
    font-size:20px;
    line-height:23px
}
.feedback-popup{
    background-color:#ddd;
    position:absolute;
    bottom:100%;
    left:0;
    opacity:0;
    width:100%;
    transition:all .4s ease
}
.feeback__wrapper{
    padding:30px 15px 20px 15px;
    position:relative
}
.card img{
    width:100%
}
.card__close{
    position:absolute;
    top:0;
    right:0;
    cursor:pointer;
    background-color:#ddd;
    border-radius:50%;
    padding:3px
}
.card__title{
    font-weight:600;
    font-size:20px;
    text-align:center;
    margin-bottom:20px;
    margin-top:0
}
.card__text{
    margin-bottom:20px;
    margin-top:0;
    text-align:center;
    font-size:18px
}
.card__text--bold{
    font-weight:600
}
.card__icons{
    display:flex;
    align-items:center;
    justify-content:space-around;
    max-width:320px;
    margin:auto
}
.card__icons-item{
    width:48px;
    transition:.2s ease;
    cursor:pointer
}
.card__icons-item:hover{
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
.card__form{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.card__input{
    background:#fff;
    border:1px solid #24314b;
    border-radius:20px;
    width:100%;
    min-height:80px;
    padding:10px;
    line-height:160%;
    resize:vertical
}
.card__submit{
    margin-top:20px;
    border-radius:28px;
    border:none;
    font-size:18px;
    height:56px;
    background:#fab50f;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#1a2441;
    width:100%;
    font-weight:600;
    cursor:pointer;
    box-shadow:0 2px 5px rgb(0 0 0 / 29%);
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    max-width:50%;
    margin-left:auto;
    margin-right:auto
}
.card__submit:hover{
    box-shadow:0 0 0 transparent
}
.feedback__open{
    opacity:1;
    z-index:10
}
.feedback__close{
    opacity:0;
    z-index:-1
}
@-webkit-keyframes feedback-slide{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes feedback-slide{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes feedback-slide-out{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes feedback-slide-out{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.in-line{
    display:inline-block
}
.arrow{
    width:95px;
    padding:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:35px;
    margin-bottom:20px
}
.animation__bounce{
    -webkit-animation:bounce 2s ease infinite;
    animation:bounce 2s ease infinite
}
@-webkit-keyframes bounce{
    0%,100%,20%,50%,80%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
@keyframes bounce{
    0%,100%,20%,50%,80%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
.text--centered{
    text-align:center
}
.popup__overlay{
    display:none;
    position:fixed;
    top:0;
    bottom:0;
    width:100vw;
    height:100dvh;
    z-index:10;
    background-color:rgba(0,0,0,.5);
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px);
    opacity:0;
    -webkit-animation:popIn .3s forwards;
    animation:popIn .3s forwards
}
.year__box--tagline{
    font-size:14px;
    line-height:1;
    font-weight:400;
    margin-top:0;
    margin-bottom:5px;
    text-align:center
}
@-webkit-keyframes popIn{
    0%{
        -webkit-backdrop-filter:blur(3px) opacity(0);
        backdrop-filter:blur(3px) opacity(0);
        opacity:0
    }
    100%{
        -webkit-backdrop-filter:blur(3px) opacity(1);
        backdrop-filter:blur(3px) opacity(1);
        opacity:1
    }
}
@keyframes popIn{
    0%{
        -webkit-backdrop-filter:blur(3px) opacity(0);
        backdrop-filter:blur(3px) opacity(0);
        opacity:0
    }
    100%{
        -webkit-backdrop-filter:blur(3px) opacity(1);
        backdrop-filter:blur(3px) opacity(1);
        opacity:1
    }
}
.popup__overlay--show{
    display:initial
}
body.popup__overlay--active{
    overflow-y:hidden;
    height:100dvh;
    -webkit-animation:delay-overflow .5s ease-in;
    animation:delay-overflow .5s ease-in
}
@-webkit-keyframes delay-overflow{
    from{
        overflow:auto
    }
}
@keyframes delay-overflow{
    from{
        overflow:auto
    }
}
.popup__overlay .wrapper{
    height:100dvh;
    display:flex;
    align-items:center;
    padding-left:10px;
    padding-right:10px
}
.popup__container{
    position:relative;
    flex:0 0 100%
}
.popup{
    background-color:#e9f4fc;
    width:100%;
    max-height:calc(100dvh - 20px);
    border-radius:20px;
    box-shadow:0 9px 26px 0 rgba(0,0,0,.25);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    padding:20px 5px 0
}
.popup__close{
    width:36px;
    height:36px;
    position:absolute;
    right:-6px;
    top:-12px;
    background-color:#fff;
    border-radius:100%;
    padding:0;
    margin:0;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    z-index:5;
    box-shadow:0 3.70952px 15.76548px 0 rgba(0,0,0,.25)
}
.popup__close::before{
    content:'';
    background-image:url(https://media.audibene.net/dhqvlsb3l/image/upload/v1/assets/de/icons/check-popUp.svg);
    background-position:center;
    background-size:contain;
    width:20px;
    height:20px;
    display:block
}
.popup__headline{
    margin-bottom:20px;
    margin-top:0;
    text-align:center;
    color:#1a2441;
    font-size:30px;
    line-height:36px
}
.popup__inner{
    padding:0 5px 20px 5px;
    overflow-y:auto
}
.states__list{
    margin-top:10px;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center
}
.popup .states__state{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    height:auto;
    max-height:55px;
    min-height:50px;
    margin-top:0;
    margin-bottom:10px
}
.popup .states{
    margin-bottom:0
}
.popup .states__img{
    max-width:50px
}
.popup .states__state p{
    font-size:2rem;
    line-height:2.4rem
}
.popup .states__state.other{
    margin-bottom:5px
}
.popup .states__state .other p{
    text-align:center;
    line-height:2.2rem
}
.popup .states__state.other p{
    text-align:center
}
.states__list a{
    text-decoration:underline
}
.states__list a:hover{
    text-decoration:none
}
.popup__inner::-webkit-scrollbar{
    width:2px
}
.popup__inner::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    border-radius:5px
}
.popup__inner::-webkit-scrollbar-thumb{
    border-radius:5px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,92,158,.5)
}
.content__cta{
    font-family:museo-sans-rounded,sans-serif;
    background:#ffba47;
    box-shadow:0 2px 5px rgba(0,0,0,.29);
    border-radius:45px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding:20px 25px;
    margin-top:30px;
    margin-bottom:30px;
    cursor:pointer;
    width:100%
}
.content__cta span{
    color:#1a2441;
    font-size:20px;
    line-height:20px;
    font-weight:600;
    margin:0;
    padding:0
}
.content__cta::after{
    content:'';
    background-image:url(https://media.audibene.net/dhqvlsb3l/image/upload/v1/assets/eu/icons/arrow/circle_arrow-right.svg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    display:inline-block;
    width:21px;
    height:21px;
    margin:0;
    margin-left:10px;
    padding:0
}
.content__cta:hover{
    box-shadow:0 0 0 transparent
}
.js-cta{
    cursor:pointer
}
.states__box{
    padding:20px 20px 30px;
    margin-top:30px;
    position:relative;
    background-color:#e9f4fc
}
.states__box h3{
    margin-bottom:20px;
    margin-top:0
}
.states{
    margin-top:0;
    margin-bottom:5px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    position:relative;
    justify-content:space-between
}
.states__state{
    display:flex;
    width:100%;
    box-sizing:border-box;
    background-color:#fff;
    border:1px solid #808081;
    padding:5px;
    margin-top:5px;
    margin-bottom:5px;
    border-radius:103px;
    align-items:center;
    box-shadow:0 3px 3px rgba(0,0,0,.2);
    height:75px
}
.states__state:hover{
    cursor:pointer;
    background-color:#ffba47
}
.states__state:active{
    background:linear-gradient(111.36deg,#005c9e 22.29%,#1a2441 104.43%)
}
.states__state:active p{
    color:#fff
}
.states__img{
    max-width:79px;
    margin:0;
    padding:0
}
.states__state p{
    text-align:left;
    font-family:museo-sans,sans-serif;
    color:#1a2441;
    font-weight:400;
    margin:0;
    margin-left:5px
}
.states__cta{
    text-align:center;
    font-weight:600;
    text-decoration:underline;
    margin-top:0;
    margin-bottom:0
}
.states__cta:hover{
    cursor:pointer
}
.states__state{
    -webkit-transform:translateY(-20px);
    transform:translateY(-20px);
}
.animate-start .states__state{
    -webkit-animation:statesIn .4s ease-in-out forwards;
    animation:statesIn .4s ease-in-out forwards
}
.animate-start .states__state:nth-last-of-type(1){
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.animate-start .states__state:nth-last-of-type(2){
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.animate-start .states__state:nth-last-of-type(3){
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
.animate-start .states__state:nth-last-of-type(4){
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
.animate-start .states__state:nth-last-of-type(5){
    -webkit-animation-delay:.1s;
    animation-delay:.1s
}
.animate-start .states__state:nth-last-of-type(6){
    -webkit-animation-delay:.1s;
    animation-delay:.1s
}
.animate-start .states__cta{
    -webkit-animation:statesIn .4s ease-in-out forwards;
    animation:statesIn .4s ease-in-out forwards;
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
@-webkit-keyframes statesIn{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes statesIn{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.co2__badge{
    display:flex;
    align-items:flex-end;
    gap:16px;
    justify-content:center
}
.co2__badge img{
    max-width:93px
}
.co2__badge p{
    font-size:13px;
    line-height:18px
}
.advisor__item{
    display:flex;
    -webkit-column-gap:15px;
    -moz-column-gap:15px;
    column-gap:15px
}
.advisor__item::before{
    content:'';
    background-image:url(https://media.audibene.net/dhqvlsb3l/image/upload/v1672027065/assets/in/LP-images/IN-price_lost_questionnaire/checkmark.svg);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    display:block;
    width:37px;
    height:27px;
    flex:0 0 27px;
    margin-right:15px;
    margin-bottom:30px
}
.advisor__item--copy{
    margin:0
}
.wa__container{
    position:relative;
    width:100%;
    background-color:#e9f4fc;
    padding:0 20px;
    border-radius:20px;
    display:flex;
    height:340px;
    margin-top:20px
}
.wa__container::before{
    content:'';
    position:absolute;
    border-style:solid;
    border-width:16px 32px 0;
    border-color:#fff transparent;
    display:block;
    width:0;
    z-index:1;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.wa__background--image{
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain;
    z-index:0
}
.wa__content{
    position:absolute;
    color:#1a2441
}
.wa__content p{
    margin-bottom:0;
    font-size:20px;
    line-height:30px
}
.wa__cta{
    font-family:museo-sans-rounded,sans-serif;
    background:#3c3;
    box-shadow:0 2px 5px rgba(0,0,0,.29);
    border-radius:42px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding:14px 20px 14px 55px;
    margin-top:20px;
    margin-bottom:30px;
    cursor:pointer;
    width:335px;
    margin-left:auto;
    margin-right:auto
}
.wa__cta span{
    color:#fff;
    font-size:20px;
    line-height:26px;
    font-weight:600;
    margin:0;
    padding:0;
    text-align:center
}
.wa__cta::after{
    content:'';
    background-image:url(https://media.audibene.net/dhqvlsb3l/image/upload/v1/_A-LP-DE-Offer/Elements/whatsapp-icon.svg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    display:inline-block;
    width:53px;
    height:53px;
    margin:0;
    padding:0;
    flex:0 0 53px
}
.wa__cta:hover{
    box-shadow:0 0 0 transparent
}
.wa__container--2{
    position:relative;
    background-color:#e9f4fc;
    display:flex;
    height:420px;
    margin-top:20px
}
.wa__container--2::before{
    content:'';
    position:absolute;
    border-style:solid;
    border-width:16px 32px 0;
    border-color:#fff transparent;
    display:block;
    width:0;
    z-index:1;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.wa__background--image--2{
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain;
    -o-object-position:center 20%;
    object-position:center 20%;
    z-index:0
}
.wa__content--2{
    width:100%;
    position:absolute;
    color:#1a2441
}
.wa__content--2 p{
    margin-bottom:0;
    font-size:20px;
    line-height:30px;
    margin-top:20px;
    margin-left:20px
}