/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {

.flowmf{ float:left;width:100%; padding:0;margin:0}
.flowmftop{ float:left;width:100%; height:30px;padding:0;margin:0}
.cnbwf{float:left; width:100%; padding:0; margin:0;background-color:#f6f6f6}
.ctwf{max-width:92%; margin:70px auto 50px auto; padding:0;}
.svTolltop{float:left;width:100%; margin:0 0 20px 0; padding:0;line-height:32px; text-align:center; font-size:16px}
}


/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {

.flowmf{ float:left;width:100%; padding:0;margin:0}
.flowmftop{ float:left;width:100%; height:30px;padding:0;margin:0}
.cnbwf{float:left; width:100%; padding:0; margin:0;background-color:#f6f6f6}
.ctwf{max-width:94%; margin:70px auto; padding:0;}
.svTolltop{float:left;width:100%; margin:0 0 20px 0; padding:0;line-height:32px; text-align:center; font-size:16px}
}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {

.flowmf{ float:left;width:100%; padding:0;margin:0}
.flowmftop{ float:left;width:100%; height:30px;padding:0;margin:0}
.cnbwf{float:left; width:100%; padding:0; margin:0;background-color:#f6f6f6}
.ctwf{max-width:90%; margin:80px auto 80px auto; padding:0;}
.svTolltop{float:left;width:100%; margin:0; padding:0;line-height:32px; text-align:center; font-size:16px}
}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {

.flowmf{ float:left;width:100%; padding:0;margin:0}
.flowmftop{ float:left;width:100%; height:30px;padding:0;margin:0}
.cnbwf{float:left; width:100%; padding:0; margin:0;background-color:#f6f6f6}
.ctwf{max-width:92%; margin:130px auto 130px auto; padding:0}
.svTolltop{float:left;width:100%; margin:0 0 50px 0; padding:0;line-height:32px; text-align:center; font-size:16px}

}



/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.cnbwf{float:left; width:100%; padding:0; margin:0; background-color:#f6f6f6}
.ctwf{max-width:1280px; margin:120px auto 130px auto; padding:0;}
.svTolltop{float:left;width:100%; margin:0 0 50px 0; padding:0;line-height:32px; text-align:center; font-size:16px}

.flowmf{ float:left;width:100%; padding:0;margin:0}
.flowmftop{ float:left;width:100%; height:30px;padding:0;margin:0}


}




.foundation-mq{font-family:"small=0em&tiny=20em&intermed=23.4375em&medium=40em&large=56.25em&xlarge=75em&xxlarge=87.5em&xxxlarge=112.5em&gretzky=125em";}html{font-size:112.5%;box-sizing:border-box;}*,*::before,*::after{box-sizing:inherit;}
img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic;display:inline-block;vertical-align:middle;}



.intro{font-size:1rem;color:#b0a496;}
@media screen and (min-width:40em){.intro{font-size:1.33333rem;}}
.intro.sans{font-weight:800;line-height:1.44444rem;}
@media screen and (min-width:40em){.intro.sans{line-height:2.11111rem;}}.intro.grey{color:#adadad;}.intro.text-center{padding:0 0.55556rem;}
@media screen and (min-width:40em){.intro.text-center{padding:0 1.66667rem;}}
@media screen and (min-width:56.25em){.intro.text-center{padding:0 2.77778rem;}}
@media screen and (min-width:87.5em){.intro.text-center{padding:0 4.11111rem 2.22222rem;}}.intro.text-center.nopadd{padding:0;}.lastrow{margin-bottom:2.22222rem;}
@media screen and (min-width:40em){.lastrow{margin-bottom:3.88889rem;}}
@media screen and (min-width:75em){.lastrow{margin-bottom:6.66667rem;}}
.dropdown-pane{opacity:0;}
.dropdown-pane.is-open{opacity:1;}.whiteText{color:#fff !important;}
.usp-finanzierung{margin-top:120px;}
@-webkit-keyframes draw{to{stroke-dashoffset:0;}}
@keyframes draw{to{stroke-dashoffset:0;}}
.view.animate:not([data-multiple]){-webkit-transition:all 0s ease 0s !important;transition:all 0s ease 0s !important;}.view.animate:not([data-multiple]) *{-webkit-transition:all 0s ease 0s !important;transition:all 0s ease 0s !important;}.view.bottom{-webkit-transform:none;transform:none;-webkit-transition:all 1s ease;transition:all 1s ease;}.view.bottom.multipleDelay > *{-webkit-transform:none;transform:none;-webkit-transition:all 1s ease;transition:all 1s ease;}
@media screen and (min-width:40em){.view.bottom.multipleDelay > *:nth-child(1){-webkit-transition-delay:0s;transition-delay:0s;}.view.bottom.multipleDelay > *:nth-child(2){-webkit-transition-delay:0.3s;transition-delay:0.3s;}.view.bottom.multipleDelay > *:nth-child(3){-webkit-transition-delay:0.6s;transition-delay:0.6s;}.view.bottom.multipleDelay > *:nth-child(4){-webkit-transition-delay:0.9s;transition-delay:0.9s;}.view.bottom.multipleDelay > *:nth-child(5){-webkit-transition-delay:1.2s;transition-delay:1.2s;}.view.bottom.multipleDelay > *:nth-child(6){-webkit-transition-delay:1.5s;transition-delay:1.5s;}.view.bottom.multipleDelay > *:nth-child(7){-webkit-transition-delay:1.8s;transition-delay:1.8s;}.view.bottom.multipleDelay > *:nth-child(8){-webkit-transition-delay:2.1s;transition-delay:2.1s;}.view.bottom.multipleDelay > *:nth-child(9){-webkit-transition-delay:2.4s;transition-delay:2.4s;}.view.bottom.multipleDelay > *:nth-child(10){-webkit-transition-delay:2.7s;transition-delay:2.7s;}}
.view.bottom.animate{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0;}
@media screen and (min-width:40em){.view.bottom.animate{-webkit-transform:translateY(60px);transform:translateY(60px);}}
.view.bottom.animate.multipleDelay{-webkit-transform:none;transform:none;opacity:1;}.view.bottom.animate.multipleDelay > *{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0;}
@media screen and (min-width:40em){.view.bottom.animate.multipleDelay > *{-webkit-transform:translateY(60px);transform:translateY(60px);}}
.view.top{-webkit-transform:none;transform:none;-webkit-transition:all 1s ease;transition:all 1s ease;}.view.top.animate{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0;}
@media screen and (min-width:40em){.view.top.animate{-webkit-transform:translateY(-60px);transform:translateY(-60px);}}.view.left{-webkit-transform:none;transform:none;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}.view.left.animate{-webkit-transform:translateX(-10px);transform:translateX(-10px);opacity:0;}
@media screen and (min-width:40em){.view.left.animate{-webkit-transform:translateX(-40px);transform:translateX(-40px);}}.view.left.animate.rotate{-webkit-transform:translateX(-40px) rotate(-15deg);transform:translateX(-40px) rotate(-15deg);}.view.right{-webkit-transform:none;transform:none;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}.view.right.animate{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0;}

.grid{list-style:none;margin:0;padding:0;margin-left:-24px;letter-spacing:-.31em}.grid,.opera:-o-prefocus{word-spacing:-.43em}.grid__item{display:inline-block;padding-left:24px;vertical-align:top;width:100%;box-sizing:border-box;letter-spacing:normal;word-spacing:normal}.grid--rev{direction:rtl;text-align:left}.grid--rev>.grid__item{direction:ltr;text-align:left}.grid--full{margin-left:0}.grid--full>.grid__item{padding-left:0}.grid--right{text-align:right}.grid--right>.grid__item{text-align:left}.grid--center{text-align:center}.grid--center>.grid__item{text-align:left}.grid--middle>.grid__item{vertical-align:middle}.grid--bottom>.grid__item{vertical-align:bottom}



@media only screen and (max-width: 480px) {.mob--eleven-twelfths{width:91.666%}}

@media only screen and (min-width: 481px) {.tab--one-half{width:25%}}

@media only screen and (min-width: 768px) {.lap--four-twelfths{width:25%}}
@media only screen and (min-width: 981px) {.lap--one-quarter{width:16.6666666666%}}
@media only screen and (min-width: 1281px) {.deskxl--one-sixth{width:16.6666666666%}}



.services__list{position:relative;overflow:hidden;z-index:90}.services__hero .lock-slider__slides,.services__hero .lock-slider__title{color:#fff}.services__hero .lock-slider__slide-indicator{top:0}.services__hero--media{height:100vh;display:none}

@media only screen and (max-width: 480px){.services__hero--media{displaY:block}}

.services__hero--media.fixed{position:fixed}.services__items--title{width:100%;color:#fff;text-transform:uppercase;margin:0;font-size:20px;line-heighT:55px;text-align:center;padding:45px 0}.services__item{padding-bottom:60%;position:relative;z-index:9;text-align:center;transition:z-index 0s .8s cubic-bezier(.17,.67,.54,.92)}

@media all and (min-width:481px){.services__item{padding-bottom:40%}}
@media all and (min-width:800px){.services__item{padding-bottom:40%}}
@media all and (min-width:1025px){.services__item{padding-bottom:25%}}
.services__item--container{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;-webkit-perspective:1000px;perspective:1000px}
.services__item--front{width:100%;heighT:100%; background-color:#f6f6f6;position:absolute;top:0;left:0;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition:opacity 0s .4s,background 1s 0s,-webkit-transform .4s .4s linear;transition:transform .4s .4s linear,opacity 0s .4s,background 1s 0s;transition:transform .4s .4s linear,opacity 0s .4s,background 1s 0s,-webkit-transform .4s .4s linear;opacity:1}
.services__item--front .services__item--title{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:opacity .2s .5s linear,-webkit-transform .2s .5s linear;transition:transform .2s .5s linear,opacity .2s .5s linear;transition:transform .2s .5s linear,opacity .2s .5s linear,-webkit-transform .2s .5s linear}
.services__item--back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);opacity:0;transition:opacity 0s .4s,background 1s 0s,-webkit-transform .4s 0s linear;transition:transform .4s 0s linear,opacity 0s .4s,background 1s 0s;transition:transform .4s 0s linear,opacity 0s .4s,background 1s 0s,-webkit-transform .4s 0s linear}
.services__item--back .services__item--title{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);transition:opacity .2s 0s linear,-webkit-transform .4s 0s linear;transition:transform .4s 0s linear,opacity .2s 0s linear;transition:transform .4s 0s linear,opacity .2s 0s linear,-webkit-transform .4s 0s linear}
.services__item--content{position:absolute;top:50%;left:0;widtH:100%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.services__item--icon{display:block;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;transition:opacity .3s .6s,-webkit-transform .3s .6s;transition:transform .3s .6s,opacity .3s .6s;transition:transform .3s .6s,opacity .3s .6s,-webkit-transform .3s .6s}
.services__item--icon i{ color:#969286; font-size:50px; margin:0 0 12px 0; padding:0}
.services__item--icon svg *{fill:#7e6827}
.services__item--title{color:#000;font-size:16px;line-heighT:30px;padding:0 20px}.services__item--description{font-sizE:15px;line-height:22px;opacity:0;padding:0 10px;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);transition:opacity .6s 0s,-webkit-transform .6s 0s;transition:transform .6s 0s,opacity .6s 0s;transition:transform .6s 0s,opacity .6s 0s,-webkit-transform .6s 0s}
.services__item.active,.services__item:hover{z-index:10;transition:z-index 0s 0s cubic-bezier(.17,.67,.54,.92)}.services__item.active .services__item--front,.services__item:hover .services__item--front{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0;background:#969286;transition:opacity 0s .4s,background 1s 0s,-webkit-transform .4s 0s linear;transition:transform .4s 0s linear,opacity 0s .4s,background 1s 0s;transition:transform .4s 0s linear,opacity 0s .4s,background 1s 0s,-webkit-transform .4s 0s linear}.services__item.active .services__item--front .services__item--title,.services__item:hover .services__item--front .services__item--title{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);transition:opacity .2s 0s linear,-webkit-transform .4s 0s linear;transition:transform .4s 0s linear,opacity .2s 0s linear;transition:transform .4s 0s linear,opacity .2s 0s linear,-webkit-transform .4s 0s linear}.services__item.active .services__item--back,.services__item:hover .services__item--back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1;background:#969286;transition:opacity 0s .4s,background 1s 0s,-webkit-transform .4s .4s linear;transition:transform .4s .4s linear,opacity 0s .4s,background 1s 0s;transition:transform .4s .4s linear,opacity 0s .4s,background 1s 0s,-webkit-transform .4s .4s linear}.services__item.active .services__item--back .services__item--title,.services__item:hover .services__item--back .services__item--title{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:opacity .2s .4s linear,-webkit-transform .2s .4s linear;transition:transform .2s .4s linear,opacity .2s .4s linear;transition:transform .2s .4s linear,opacity .2s .4s linear,-webkit-transform .2s .4s linear}.services__item.active .services__item--icon,.services__item:hover .services__item--icon{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);opacity:0;transition:opacity .3s 0s,-webkit-transform .3s 0s;transition:transform .3s 0s,opacity .3s 0s;transition:transform .3s 0s,opacity .3s 0s,-webkit-transform .3s 0s}.services__item.active .services__item--description,.services__item:hover .services__item--description{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;transition:opacity .3s .6s,-webkit-transform .3s .6s;transition:transform .3s .6s,opacity .3s .6s;transition:transform .3s .6s,opacity .3s .6s,-webkit-transform .3s .6s}