@charset "UTF-8";html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
figcaption,figure,main{display:block}
pre{font-family:monospace, monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
code,kbd,samp{font-family:monospace, monospace;font-size:1em}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
html{-webkit-box-sizing:border-box;box-sizing:border-box}
*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}
body,html{min-height:100%}
svg{pointer-events:none}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}
p{margin-top:0.5em;margin-bottom:0}
body:before{display:none}

@media (min-width:901px){body{overflow:auto!important}
}
.overflow-hidden{height:100vh;overflow:hidden}
.overlay{display:none;background-color:#000;position:fixed;top:0px;width:100%;height:100vh;opacity:0.5;z-index:9}
@media (min-width:901px){.overlay{display:none!important}
}
.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0px 20px}
@media (min-width:981px){.nav{padding:0px}
}
.nav__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.nav__container--links{display:none;width:250px;position:fixed;right:0px;top:0px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:white;height:100vh;z-index:10}
@media (min-width:901px){.nav__container--links{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;height:50px;width:auto;top:auto;right:auto}
}
.nav__container--icon{display:-webkit-box;display:-ms-flexbox;display:flex}
@media (min-width:901px){.nav__container--icon{display:none}
}
.nav__icon{display:block;padding:5px;width:40px;height:40px;cursor:pointer}
.nav__icon:hover{background-color:#d9e7f5}
.nav__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px dotted #dadada;padding:0.5em 1em;height:50px;color:#000;text-decoration:none}
.nav__item:hover{background-color:#d9e7f5}
@media (min-width:901px){.nav__item{border:none}
}
#index .index{color:white;background-color:#0060BB}
#bankenindex .bankenindex{color:white;background-color:#0060BB}
#faq .faq{color:white;background-color:#0060BB}
#aktuelles .aktuelles{color:white;background-color:#0060BB}
.c-accordion{width:100%}
.c-accordion__head{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1px;border-radius:0;padding:0.5em 1em;cursor:pointer;background-color:#ccdff1;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.c-accordion__head:hover{background-color:#b3cfeb}
.c-accordion__head.is-open{background-color:#0060BB}
.c-accordion__head.is-open .c-accordion__headline{color:white}
.c-accordion__head.is-open .c-accordion__icon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);fill:white}
.c-accordion__headline{font-family:'special-font-bold', sans-serif;color:#333333;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.c-accordion__icon{width:0.8em;height:0.8em;fill:#333333;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.c-accordion__content{display:none;border-radius:0;padding:5px 0px;background-color:white}
.tabsNavigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.tabsNavigation__item{margin-right:0.2em;border-top-left-radius:0.5em;border-top-right-radius:0.5em;padding:0.5em 1em;text-align:center;color:white;background-color:#404040;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;cursor:pointer}
.tabsNavigation__item:last-of-type{margin-right:0}
.tabsNavigation__item:hover{color:#333333;background-color:#cccccc}
.tabsNavigation__item.is-active{color:#333333;background-color:#ededed}
.tabsContent__item{display:none;border-top-right-radius:0.5em;border-bottom-left-radius:0.5em;border-bottom-right-radius:0.5em;padding:1em;color:#333333;background-color:#ededed;pointer-events:none}
.tabsContent__item.is-active{display:block}
.c-circle{position:absolute;top:16.5%;left:33%;margin:0 auto;border:20px solid #0060BB;opacity:0.01;border-radius:50%;width:33vw;height:33vw}
.animationCircle--one{-webkit-animation:circle 6s infinite linear;animation:circle 6s infinite linear}
.animationCircle--two{-webkit-animation:circle 5s infinite linear;animation:circle 5s infinite linear}
.animationCircle--three{-webkit-animation:circle 4s infinite linear;animation:circle 4s infinite linear}
@-webkit-keyframes circle{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
to{-webkit-transform:scale(3);transform:scale(3);opacity:0}
}
@keyframes circle{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
to{-webkit-transform:scale(3);transform:scale(3);opacity:0}
}
.cc-window{position:fixed;right:0;bottom:0;left:0;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1em 5%;background-color:#0060BB;color:white;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
@media (min-width:801px){.cc-window{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
}
.cc-window.is-hidden{opacity:0;pointer-events:none}
.cc-message{text-align:center;color:white}
@media (min-width:801px){.cc-message{text-align:left}
}
.cc-link{color:inherit}
.cc-btn{margin-top:1em;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.5em 1em;background-color:white;color:#0060BB;cursor:pointer;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.cc-btn:hover{background-color:#cccccc}
@media (min-width:801px){.cc-btn{margin-top:0;margin-left:3em}
}
.legal{margin:3% auto;padding:5%;max-width:50em}
@media (min-width:801px){.legal{margin:1% auto;padding:3%}
}
.legal a{color:inherit}
.legal__subline{margin-top:2em}
.legal__list{margin-left:0.5em;padding-left:1em}
.legal__list li{margin:0.5em 0 0}
.legal__list ul{margin-left:0.5em;padding-left:1em}
.logo{padding:10px 0px;font-family:'special-font', sans-serif;color:#0060BB;font-size:24px;text-decoration:none}
.container{width:100%}
@media (min-width:981px){.container{width:950px;margin-right:auto;margin-left:auto}
}
.c-advertisement{min-height:90px}
.header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.header__container{border-radius:10px;width:50%;height:170px;background-image:url(../images/header-background.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}
@media (min-width:801px){.header__container{width:25%;height:200px}
}
.header__container.desktop-only{display:none}
@media (min-width:801px){.header__container.desktop-only{display:block}
}
.header__container.left{margin-right:5px;width:calc(50% - 5px)}
@media (min-width:801px){.header__container.left{width:calc(25% - 5px)}
}
.header__container.right{margin-left:5px;width:calc(50% - 5px)}
@media (min-width:801px){.header__container.right{width:calc(25% - 5px)}
}
.header__container.center{margin-left:5px;margin-right:5px;width:calc(25% - 10px)}
.header__image{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain}
.header__image.part1{background-image:url(../images/header1.png)}
.header__image.part2{background-image:url(../images/header2.png)}
.header__image.part3{background-image:url(../images/header3.png)}
.header__image.part4{background-image:url(../images/header4.png)}
@media (min-width:801px){.header.mobile-only{display:none}
}
.button__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5px 20px}
@media (min-width:801px){.button__container{width:100%}
}
.button{font-family:system-ui;font-weight:700;-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:10px;padding:5px 40px;background-color:#0060BB;color:#ffffff;font-size:24px;text-transform:uppercase;cursor:pointer}
.button:hover{background-color:#02498B}
.content__container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:2px 20px}
@media (min-width:801px){.content__container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
}
@media (min-width:981px){.content__container{padding:2px 0px}
}
@media (min-width:801px){.content__container--text{width:calc(70% - 10px)}
}
.content__container--image{width:100%;min-height:170px;background-image:url(../images/header-background.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}
@media (min-width:801px){.content__container--image{width:30%}
}
.content__container--kundenmeinung{position:relative;border-radius:10px;padding:40px 45px;width:100%;min-height:170px;background-image:url(../images/header-background.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;text-align:center}
@media (min-width:801px){.content__container--kundenmeinung{width:calc(33.3333% - 7px)}
}
.content__headline{font-family:'special-font-bold', sans-serif;font-size:24px}
.content__headline--blue{font-family:'special-font-bold', sans-serif;font-size:28px;color:#0060BB}
.content__image{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain}
.content__image--mark{position:absolute;height:40px}
.content__image--mark.left{bottom:10px;left:10px}
.content__image--mark.right{top:10px;right:10px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.content__image.part1{margin-top:10px;background-image:url(../images/part1.png)}
.content__image.part2{margin-bottom:10px;background-image:url(../images/part2.png)}
.content__image--full{width:100%;height:150px;background-image:url(../images/money.jpg);background-repeat:no-repeat;background-size:cover;background-position:top center}
@media (min-width:981px){.content__image--full{height:200px;background-position:50% 13%}
}
.content__text--kundenmeinung{font-family:'special-font-bold', sans-serif;font-weight:700;font-size:14px}
.content__text--subtitle{font-family:'special-font-bold', sans-serif;font-size:14px}
.footer{padding:10px 20px;color:black;   background-color: rgb(0, 96, 187, 0.10);text-align:center}
.footer__container--links a{font-family:system-ui;font-weight:700;text-decoration:none;color:#000}
.c-message{margin-top:20px}
.c-message h2{font-family:'special-font', sans-serif;color:#000000;font-size:18px}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.margin-top-10{margin-top:10px}
.margin-top-30{margin-top:30px}
.padding-right-5{padding-right:5px}
.padding-left-5{padding-left:5px}
.w100{width:100%}
.w70{width:70%}
.w50{width:50%}
.w33{width:33.3333%}
.w30{width:30%}
.red-text{color:#d61818}

.header--image {
  display: flex;
  align-items: center;

  background-image: url(../images/header-new2.jpg);
  background-size: cover;
  background-repeat: no-repeat;

  height: 200px;
  width: 100%;
}

.input__container{
  background-color: #FCFCFC;
padding: 20px;
margin-top:20px;

}


.header__container--headline {
  width: 70%;
  height: auto;
}


.header__headline {
  padding-left: 20px;

  font-family: 'special-font-bold', sans-serif;
  font-size: 35px;
  color: $color-blue;
}


.header__subheadline {
  padding-left: 20px;

  font-family: 'special-font-bold', sans-serif;
  font-size: 24px;
  color: #000000;
}


@media (max-width: 747px) {
	.header__container--headline {
  width: 100%;
  height: auto;
   padding-left: 0px;
   padding-right: 10px;
}


.header__image{
	
background-position: right;

}

	.header__headline {
text-align:center;
  font-size: 24px;
  
}

.header__subheadline {
text-align:center;
padding-top: 15px;
  font-size: 18px;

}

}