/* quicksand-300 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/quicksand-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v30-latin-300.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v30-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-500 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/quicksand-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v30-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-600 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/quicksand-v30-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v30-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v30-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v30-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v30-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v30-latin-600.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-700 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quicksand-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v30-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
}


html {
    box-sizing: border-box;
    font-size: 62.5%; /* --> 1rem = 10px */
}

body {
    margin: 0;
    padding: 0;
    background-color: #ACACAC;
    /*ont-family: Arial, Helvetica, "Luxi Sans", sans-serif;*/
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    line-height: 1.231;
    font-size: 1.4rem; /* = 14px */
}
#page {
    max-width: 120rem; /* = 1200px */
    margin: 0 auto;
    background-color:#FBFBFB;
}

#header {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

#logo {
    display: inline-block;
}

#logo img {
    /* width: 120%;
    max-width: 120%; */
    vertical-align: bottom;
}

#mainNavigation {
    display: inline-block;
    margin-left:25rem;
}

#slider,
#slider .orbit-wrapper {
    background-color: #DEDEDE;
    height: 400px;
}

.paddingLR {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.paddingTB {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.padding {
    padding: 2.5rem;
}

.paddingTBlr {
    padding: 4rem 2.5rem;
}

#icons {
    min-height: 150px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

#icons:after {
    display: block;
    content: " ";
    flex: 999 999 auto;
}
.icon {
    flex: 0 0 auto;
    margin: 0px;
    min-width: 300px;
    width: 33%;
    width: 100%;
    text-align: center;
}

.icon .icon-label {
    padding: 1rem 0 0 0;
    line-height: 2.5rem;
}

#rechner {

}

.rechnerContent {
    background-color: #DEDEDE;
}

#faq {
    min-height: 300px;
}

.faqContent .tx-irfaq-pi1 ul li a {
    color: #fff;
    border: 1px solid #fff;
    padding: 1rem;
    min-width: 300px;
    display: inline-block;
    width: 100%;
    background-color: rgba(255,255,255,.2);
}

.faqContent ul{
    margin: 0;
    padding: 0;
}
.faqContent li,
.faqContent {
    color: #fff;
    list-style: none;
    padding: 0.7rem;
}

.faqContainer {
    width: 50%;
}

footer {
    background-color: #DEDEDE;
}

footer .navigation{

}

footer .partner {
    clear: both;
    padding-top: 1rem;
}

footer .partner img{
    margin: 0 50px;
}

.bhb-footernavigation-right,
.bhb-footernavigation-right li,
.bhb-footernavigation,
.bhb-footernavigation li{
    margin:0;
    padding:0;
    list-style-type:none;
}

.bhb-footernavigation{
    margin-top:15px;
}

.bhb-footernavigation-right li a,
.bhb-footernavigation li a{
    color:#2e2e30;
    display:block;
    float:left;
    text-decoration: none;
    padding: 10px 20px;
    border:2px dotted #a09c9d;
    border-width:0 0 0 1px;
}

.bhb-footernavigation-right li a{
    float:right;
}

.bhb-footernavigation li a:hover{
    text-decoration: underline;
}

.bhb-footernavigation li.first a{
    border-width: 0;
    padding-left: 0;
}


#footer {
    padding: 1rem 2rem;
}


h1, h2 {
    font-size: 2rem;
}



ul.bhb-navigation li,
ul.bhb-navigation{
    margin:0;
    padding:0;
    list-style-type:none;
}

ul.bhb-navigation li{
    float: left;
}

ul.bhb-navigation{
    margin-top:10px;
}

ul.bhb-navigation li span.bhb-navigation-sub{
    font-size:1.2rem;
}

ul.bhb-navigation li span.bhb-navigation-main{
    font-size:1.8rem;
    font-weight: bold;
}

ul.bhb-navigation li span{
    display:block;
}

ul.bhb-navigation li a{
    color:#a09c9d;
    display:block;
    float:left;
    text-decoration: none;
    padding: 10px 30px;
    border:2px dotted #a09c9d;
    border-width:0 0 0 1px;
    height: 49px;
}

ul.bhb-navigation li.active a,
ul.bhb-navigation li a:hover{
    color: #2e2e30;
}

ul.bhb-navigation li span.bhb-navigation-spacer {
    display: none;
}


.rechnerContent {
    padding: 2rem;
    position: relative;
}

.rechnerContent h2 {
    font-size: 2.8rem;
    margin: 0;
    font-weight: 400;
}

.rechnerContent .calculatorText{
    line-height: 1.6;
    width: 80rem;
}

#btnAntrag {
    background-color: #82A805;
    color: #FFFFFF;
    display: block;
    font-size: 2.5rem;
    font-weight: bold;
    padding: 1.5rem;
    right: 2.0rem;
    text-align: center;
    text-decoration: none;
}

.rechnerContent .wrapper {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.slider-container {
    margin: 40px;

}
.slider-container .info-bubble {
    border: 1px solid RGB(0, 74, 132);
    background-color: RGB(0, 74, 132);
    color: #fff;
    display: block;
    left: -60px;
    padding: 0.3333333333rem;
    position: absolute;
    right: -60px;
    text-align: center;
    top: -55px;
    font-size: 1.4rem;
}

.slider-container .info-bubble:after {
    content: " ";
    border-color: RGB(0, 74, 132) transparent transparent transparent;
    border-style: solid;
    border-width: 15px 7px 0 7px;
    height: 0;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    top: 100%;
    width: 0;
}

.slider-handle {
    background-color: RGB(0, 74, 132);
    width: 1.8rem;
    height: 1.8rem;
}

.voucher {
    width: 40%;
}

.slider-message {
    float:right;
    width: 55%;
    font-weight: bold;
    font-size: 20px;
    text-align:center;
}


.drop-shadow {
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-2;
}

.drop-shadow p {
    font-size:16px;
    font-weight:bold;
}

/* Lifted corners */

.lifted {
    -moz-border-radius:4px;
    border-radius:4px;
}

.lifted:before,
.lifted:after {
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}

.lifted:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -ms-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}



.twocol .flexContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.twocol .main{
    order: 1;
    padding: 2rem;
    width: 72rem;
    border-top: 3rem solid #E7E7E7;
}

.twocol .sidebarRight{
    order: 2;
    width: 40rem;
    min-width: 30rem;
    background: #E7E7E7;
    padding: 2rem;
    flex: 1;
    /* flex-grow: 1;*/
}

.twocol .main figcaption {
    padding: 1rem 3rem;
    background-color: RGB(0, 74, 132);
    color: #fff;
    font-size: 2.5rem;
    font-weight: normal;
    display: inline-block;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 2rem;
}




.tx-irfaq-dynheader {
    padding: 1rem;
    background-color: #fff;
    margin: 0.5rem 0;
    font-weight: bold;
}

.tx-irfaq-toggle-plus {
    background-color: #fff;
}

.tx-irfaq-dynans {
    background-color: #fff;
    border: 1px solid #ACACAC;
    padding: 1rem;
}






.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-color: transparent;
    /* Center slide text vertically
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    */
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 4px 10px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -7px #000000, 0px 4px 10px 5px rgba(0,0,0,0);
    position: relative;
    max-height: 358px;
}


.headerMessage {
    background-color: RGB(0, 74, 132);
    padding: 15px 25px;
    color: #fff;
    width: 320px;
    width: 500px;
    bottom: 20px;
    position: absolute;
    border-top-width: 10px;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
    border-width: 0 0 0 10px;
    margin-left: 0px;
}

.swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}


.headerContentContainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-left: 400px;
    bottom: 10px;
    position: absolute;
}

.headerMessage h2 {
    font-size: 2.4em;
    font-weight: normal;
    margin: 0;
    line-height: 1.4;
}

.headerMessage p {
    font-size: 1.3em;
    font-weight: normal;
    margin: 10px 0;
    line-height: 1.4;
}

.headerContent p {
    font-family: 'Quicksand', sans-serif;
    font-size: 1.2em;
}


/*


ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li{
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}

ul.tabs li.current{
    background: #ededed;
    color: #222;
}

*/
#vorteile {
    min-height: 150px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: row;
    /*
    justify-content: center;
    align-items: center;
    align-content: center;
    */
    justify-content: left;
    align-items: left;
    align-content: left;
}

#vorteile:after {
    display: block;
    content: " ";
    flex: 999 999 auto;
}

.tabs-title {
    background-color: #DEDEDE;
    /* width: calc(28% + 2rem); */
    width: 33.33%;
}

/*
.tabs-title:first-child {
    width: calc(28% + 1rem);
}
*/

#vorteile-tabs {
    width: 100%;
}

/*
.tabs-title:hover {
    background-color: #DEDEDE !important;
}*/


.tabs-title img {
    width: 8rem;
}

.tabs-title .icon {
    min-width: 200px;
    width: 25%;
    width: 90%;
}

.tabs-title a {
    text-decoration: none;
}

.tabs-title .icon .label {
    padding-top: 10px;
}

.tabs-title.is-active,
.tabs-title.is-active a,
.active-tab {
    color: #fff;
    background-color: RGB(0, 74, 132) !important;
}

.tabs {
    margin: 0 0 -1px -1px;
}

.tabs-content {
    border: 2px solid RGB(0, 74, 132);
    border-width: 2px 0 0 0;
    width: 100%;

    /*margin-left: -20px;*/
}

.tabs-title.is-active .not-active,
.tabs-title .active {
    display: none;
}

.tabs-title.is-active .active {
    display: inline-block;
}

.tabs-panel-innerWrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    */
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.tabs-panel-innerWrap .vorteil {
    /* width: 28%; */
    width: calc(33.33% - 2rem);
    margin: 1rem;
    border: 1px solid RGB(0, 74, 132);
    padding: 1rem;

    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

}

/*
.vorteil:nth-child(4),
.vorteil:first-child{
    margin-left:0;
}
*/

.tabs-panel {
    padding: 1rem 0;
}

.vorteil h2 {
    margin: -1rem;
    padding: 1rem;
    color: #fff;
    background-color: RGB(0, 74, 132);
    font-weight: normal;
    font-size: 1.8rem;
    text-align: center;
}

.vorteil div {
    padding: 1rem 0.5rem;
}

.vortail div p {
    margin: 0.5rem 0;
}










@media all and (max-width: 1199px) {
    #mainNavigation {
        margin-left: 13rem;
    }
}


@media all and (max-width: 991px) {
    #mainNavigation {
        margin-left: 0;
        width: 100%;
    }

    #mainNavigation ul.bhb-navigation li a {
        padding: 10px 30px;
    }
}

@media all and (max-width: 768px) {
    #mainNavigation {
        margin-left: 0;
        width: 100%;
    }

    #mainNavigation ul.bhb-navigation li a {
        padding: 10px 15px;
    }
    
    
    .tabs-title .icon {
        min-width: 33.33%;
        height: 100%;
    }

    .tabs-title{
        height: 100%;
    }
    
    .tabs-title:hover {
        background-color:#fff;
    }
}

@media all and (max-width: 585px) {
    #mainNavigation {
        background-color: black;
        margin-left: 0;
        margin-top: 1em;
    }

    #mainNavigation ul {
        margin: 0;
    }

    #mainNavigation li {
        display: block;
        width: 100%;
        border: 1px solid #fff;
        border-width: 1px 0 0 0;
    }

    #mainNavigation li .bhb-navigation-main {
        display: inline;
    }

    #mainNavigation li .bhb-navigation-spacer {
        display: inline-block;
    }

    #mainNavigation li .bhb-navigation-sub {
        display: inline-block;
    }

    #mainNavigation ul.bhb-navigation li a {
        height: auto;
    }

    #mainNavigation ul.bhb-navigation li a:hover {
        color: #fff;
    }

    #rechner .slider-message {
        width: 100%;
    }

    #rechner .voucher {
        width: 100%;
    }

    .bhb-footernavigation-right li a {
        float: none;
        border: none;
    }

    footer .partner img {
        margin: 1em;
    }
    
    .tabs-panel-innerWrap .vorteil {
        width: 100%;
    }
    
    .tabs-title .icon {
        min-width: 33.33%;
        height: 100%;
    }

    .tabs-title{
        height: 100%;
    }
    
    .tabs-title:hover {
        background-color:#fff;
    }

    .slider-message{
        margin-top: 20px;
    }
    
    .faqContainer {
        width: 100%;
    }
}




/* common */
.ribbon {
  display:none;
  width: 190px;
  height: 190px;
  overflow: hidden;
  position: absolute;
  z-index: 999;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid darkred;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 310px;
  padding: 15px 0;
  background-color: red;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  font-weight:bold;
  font-size:16px;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -12px;
  left: -10px;
}


/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -40px;
  top: 40px;
  transform: rotate(45deg);
}