/* -------------------------------------------------- generic ---------- */

*{-webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;} html{-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} ul, li, a, h1, h2, h3, p{position: relative; display: inline-block;} ul, li, a, img, p, h1, h2, h3{vertical-align: middle;} :focus{outline: none;} a{line-height: 0; text-decoration: none;} 



/* -------------------------------------------------- fonts ---------- */

@font-face{font-family: "Kumbh-Sans"; src: url("Fonts/Kumbh-Sans.woff2") format("woff2 supports variations"), url("Fonts/Kumbh-Sans.woff2") format("woff2-variations"), url("Fonts/Kumbh-Sans.woff") format("woff supports variations"), url("Fonts/Kumbh-Sans.woff") format("woff-variations"), url("Fonts/Kumbh-Sans.ttf") format("truetype supports variations"), url("Fonts/Kumbh-Sans.ttf") format("truetype-variations"); font-weight: 100 900;}

*{font-family: 'Kumbh-Sans', sans-serif;}

p{word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto;} h1, .h1, h2, .h2, .h3, .h4, .link-tile p{word-break: normal; -webkit-hyphens: manual; -ms-hyphens: manual; -o-hyphens: manual; hyphens: manual;}



/* -------------------------------------------------- color / hover ---------- */

#body-main.toggle, #body-footer.toggle{opacity: .04;} .color-opacity{opacity: .84;}

/*:root{--color-blue-anthrazit: hsl(220, 17%, 17%); --color-blue-dark: hsl(219, 28%, 29%); --color-blue-middle: hsl(218, 29%, 44%); --color-grey-light: hsl(217, 17%, 84%); --color-grey-clean: hsl(214, 15%, 89%);}*/ 

:root{--color-blue-anthrazit: hsl(90, 51%, 17%); --color-blue-dark: hsl(89, 52%, 29%); --color-blue-middle: hsl(88, 53%, 44%); --color-grey-light: hsl(87, 15%, 90%); --color-grey-clean: hsl(84, 12%, 95%);} 

:root{--color-blue-anthrazit: hsl(126, 12%, 17%); --color-blue-dark: hsl(124, 23%, 29%); --color-blue-middle: hsl(123, 38%, 51%); --color-grey-light: hsl(122, 15%, 90%); --color-grey-clean: hsl(119, 12%, 95%);} 

:root{--color-blue-anthrazit: hsl(42, 12%, 17%); --color-blue-dark: hsl(42, 14%, 42%); --color-blue-middle: hsl(42, 18%, 62%); --color-grey-light: hsl(42, 10%, 90%); --color-grey-clean: hsl(42, 8%, 95%);} 

#html-body{background-color: var(--color-grey-clean);} .js-cursor-outer, .js-cursor-inner{background-color: var(--color-blue-anthrazit);} p{color: var(--color-blue-anthrazit);} h1, .h1, h2, .h2, .h3, a p, .link-text{color: var(--color-blue-middle);}

.background-gradient h1, .background-gradient h2, .background-gradient p, .background-gradient a, input, textarea, label{color: var(--color-grey-clean);}

.background-grey-light, .symbol-navigation [class*="shape-"]{background-color: var(--color-grey-light);} 
#body-main .image-absolute, .background-gradient{background-image: -webkit-gradient(linear, left top, right top, from(var(--color-blue-middle)), to(var(--color-blue-dark)));background-image: -o-linear-gradient(left, var(--color-blue-middle), var(--color-blue-dark));background-image: linear-gradient(to right, var(--color-blue-middle), var(--color-blue-dark));} .grey-gradient{background-image: -webkit-gradient(linear, left top, right top, from(hsl(88, 0%, 44%)), to(hsl(89, 0%, 17%)));background-image: -o-linear-gradient(left, hsl(88, 0%, 44%), hsl(89, 0%, 17%));background-image: linear-gradient(to right, hsl(88, 0%, 44%), hsl(89, 0%, 17%));}


.symbol-dot [class*="shape-"], [class*="link-"] .frame-icon{background-color: var(--color-blue-middle);} [class*="link-"]:hover .frame-icon{background-color: var(--color-blue-dark);} 

.link-default:hover, .link-brand:hover, .link-contact:hover{background-color: var(--color-grey-light);}

.symbol-button .shape-0{background-color: var(--color-blue-middle);} .link-button p{color: var(--color-grey-light);} 

.background-gradient .symbol-button [class*="shape-"]{opacity: .14;} .background-gradient .symbol-dot [class*="shape-"], .background-gradient .symbol-button .shape-0{background-color: var(--color-grey-light);} /*.background-gradient .link-button p{color: var(--color-blue-middle);}*/ .background-gradient .symbol-button .shape-1{background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--color-grey-light)), to(transparent));background-image: -o-linear-gradient(left, transparent 0%, var(--color-grey-light) 50%, transparent 100%);background-image: linear-gradient(90deg, transparent 0%, var(--color-grey-light) 50%, transparent 100%);}

.symbol-information [class*="shape-"]{background-color: var(--color-blue-middle);} .link-page:hover, .js-information-item:hover, .symbol-tile .shape-0{background-color: var(--color-grey-light);}

.separator-line{background-color: var(--color-blue-middle);}

/*.link-page{background-color: var(--color-blue-middle);} .link-page:hover{background-color: var(--color-blue-dark);} .link-page p{color: var(--color-grey-light);}*/



/* -------------------------------------------------- global ---------- */

#body-header, #body-main, #body-footer{width: 100%;} #body-header{z-index: 7;} #body-main{z-index: 1;} #body-footer{z-index: 4;}

hr{border: none; height: 0;} [class*="space-"]{position: relative; display: block; width: 100%;} [class*="-section"]{position: relative; display: block; width: 100%; margin: 0 auto; text-align: left; overflow: hidden;} [class*="layer-"], [class*="frame-"]{position: relative; display: block; margin: 0 auto;} [class*="grid-"]{position: relative; display: inline-block; vertical-align: top;} [class*="grid-"], [class*="content-"]{text-align: left;} .vertical-middle{vertical-align: middle;} 

/*.section-layer-horizontal{width: 100%; overflow: inherit;} .layer-horizontal, .horizontal-wrapper, .horizontal-wrapper{position: relative; display: block; width: 100%;} .horizontal-wrapper .content-wrapper{position: relative; display: block; width: 100%; bottom: auto; bottom: auto; transform: translate(0,0);} .js-enable .layer-horizontal{position: sticky; position: -webkit-sticky; top: 0; height: 100vh; width: 100%; vertical-align: top; overflow-x: hidden;} .js-enable .horizontal-wrapper{height: 100%;} .js-enable .horizontal-wrapper .content-wrapper{position: absolute; right: 50%; bottom: 50%; transform: translate(50%,50%);}*/

.image-relative{position: relative; display: block; width: 100%; height: auto;} .frame-background, .image-background, .image-absolute, .content-absolute{position: absolute; display: block; right: 50%; bottom: 50%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);} .frame-background, .image-background{width: 100%; height: 100%; overflow: hidden;} 
.frame-background .frame-background{height: 107%;} 

.frame-symbol{position: relative; display: block; width: 100%;} .image-symbol{position: absolute; display: block; left: 0; top: calc(-2px - 0.2vw);} 
.frame-symbol{min-height: calc(13px + 1.3vw); padding-left: calc(25px + 2.5vw);} 
.image-symbol{width: auto; height: calc(17px + 1.7vw);} 

.grid-100{width: 100%;} .content-absolute{width: 100%; height: auto;} .image-cover{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center 50%; object-position: center 50%;} .image-contain{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;} 

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

/* ---------- */

/*.section-layer-full{width: 100%; max-width: 2400px;} 
.section-layer-default{width: 90%; max-width: 2160;} 
.section-layer-right, .section-layer-left{width: 90%; max-width: 2160px;} 
.section-layer-right{margin-left: 10%; margin-right: 0;} 
.section-layer-left{margin-left: 0; margin-right: 10%;} */

.section-layer-full, .section-layer-right, .section-layer-left{width: 100%;} 
.section-layer-default{width: 90%;} 
.section-layer-right{padding-left: 10%;} 
.section-layer-left{padding-right: 10%;} 





.space-default{height: calc(1.1vw + 1.1vh + 22px);} 
.space-flat{height: calc(0.5vw + 0.5vh + 10px);} 
.padding-small{padding: calc(0.25vw + 0.25vh + 5px) 1.25vw;} 
.padding-default{padding: calc(0.5vw + 0.5vh + 10px) 2.5vw;} 
.padding-horizontal{padding: 0px 2.5vw; line-height: 0;} 
.padding-wide{padding: calc(1.4vw + 1.4vh + 14px) 5vw;} 
.list-symbol .list-item, .list-number .list-item{margin-top: calc(0.35vw + 0.35vh + 3.5px);}



/* -------------------------------------------------- table, lists, links ---------- */

[class*="list-"], [class*="link-"]{position: relative; display: inline-block;} [class*="list-"] .list-item{position: relative; display: inline-block; list-style: none; vertical-align: middle;} [class*="link-"]{overflow: hidden; vertical-align: middle;} [class*="link-"] p{text-decoration: none;} .link-text{display: inherit !important; text-decoration: underline; opacity: 1;} 

.list-link{display: block; margin: 0 -15px;} .list-link .list-item{margin: 3px 8px;} .list-link [class*="link-"] p{padding: 7px 7px;} .list-link .link-image{margin: 9px 4px;}

.list-symbol{display: block;} .list-symbol .list-item{display: block; padding-left: 22px;} .list-symbol .symbol-dot{position: absolute; left: 0px; top: 0px;} 

.list-number{display: block;} .list-number .list-item{display: block; padding-left: 22px;} .list-number .symbol-number{position: absolute; left: 0px; top: 11px;} 

.list-enum{display: block;} .list-enum .list-item, .list-enum .symbol-dot{position: relative; display: inline; line-height: 41px; vertical-align: middle;} .list-enum .list-item p{display: inline;} .list-enum .symbol-dot{padding: 0 21px 7px 27px;} 

.link-share{width: 42px; height: 42; overflow: visible;} .link-share .image-absolute{width: 38px;}

.link-default{padding: 12px 0;} .link-button{padding: 24px 14px; text-align: left;} #main-skills .link-button{width: 240px;} 

[class*="link-"] .image-icon{position: absolute; display: block; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); width: 24px; height: auto; -webkit-transition-duration: .27s; -o-transition-duration: .27s; transition-duration: .27s;}

.link-tile{width: calc(100% - 7px);} .link-tile .image-icon{right: 7px; bottom: 7px;} .link-tile:hover .image-icon{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} 

.link-contact{padding: 0 11px 0 41px;} 
.link-contact .image-absolute{right: auto; left: 11px; -webkit-transform: translate(0,50%); -ms-transform: translate(0,50%); transform: translate(0,50%); width: 24px;}

.link-page{display: block; width: 100%;} 



/* -------------------------------------------------- symbols ---------- */

[class*="symbol-"]{position: relative; display: inline-block; vertical-align: middle;}
[class*="symbol-"] [class*="shape-"], [class*="symbol-"] [class*="text-"]{position: absolute; display: block; right: 50%; bottom: 50%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); -webkit-transition-duration: .27s; -o-transition-duration: .27s; transition-duration: .27s;}

.symbol-navigation{position: absolute; display: block; right: 50%; bottom: 50%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); width: 70px; height: 70px;} .symbol-navigation [class*="shape-"]{-webkit-transform: translate(50%,50%)rotate(0deg);-ms-transform: translate(50%,50%)rotate(0deg);transform: translate(50%,50%)rotate(0deg); width: 29px; height: 2.5px;} .symbol-navigation .shape-0{bottom: 38px;} .symbol-navigation .shape-1{bottom: 32px;} 

#body-header.toggle .symbol-navigation [class*="shape-"]{bottom: 35px;} #body-header.toggle .symbol-navigation .shape-0{-webkit-transform: translate(50%,50%)rotate(-45deg);-ms-transform: translate(50%,50%)rotate(-45deg);transform: translate(50%,50%)rotate(-45deg);} #body-header.toggle .symbol-navigation .shape-1{-webkit-transform: translate(50%,50%)rotate(45deg);-ms-transform: translate(50%,50%)rotate(45deg);transform: translate(50%,50%)rotate(45deg);}

.symbol-dot{position: relative; display: block;} .symbol-dot [class*="shape-"]{width: 7px; height: 7px;}
.symbol-number{position: relative; display: block;} .symbol-number [class*="text-"]{width: 7px; line-height: 15px; font-weight: 900; font-size: 15px;} 

.symbol-tile, .symbol-button{position: absolute; display: block; right: 50%; bottom: 50%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);} .symbol-tile, .symbol-button, .symbol-tile .shape-0, .symbol-button [class*="shape-"]{width: 100%; height: 100%;} .link-button .shape-1{right: 125%; width: 50%; -webkit-transition-duration: 1.4s; -o-transition-duration: 1.4s; transition-duration: 1.4s;} .link-button:hover .shape-1{right: -25%;} 

.symbol-information{display: inline-block; width: 20px; height: 20px;} 
.symbol-information [class*="shape-"]{width: 12px; height: 3px;} 
.symbol-information .shape-0{right: calc(50% + 4px); -webkit-transform: translate(50%,50%)rotate(37.5deg); -ms-transform: translate(50%,50%)rotate(37.5deg); transform: translate(50%,50%)rotate(37.5deg);} 
.symbol-information .shape-1{right: calc(50% - 4px); -webkit-transform: translate(50%,50%)rotate(-37.5deg); -ms-transform: translate(50%,50%)rotate(-37.5deg); transform: translate(50%,50%)rotate(-37.5deg);} 
.js-information-item.on .symbol-information .shape-0{-webkit-transform: translate(50%,50%)rotate(-37.5deg);-ms-transform: translate(50%,50%)rotate(-37.5deg);transform: translate(50%,50%)rotate(-37.5deg);} 
.js-information-item.on .symbol-information .shape-1{-webkit-transform: translate(50%,50%)rotate(37.5deg);-ms-transform: translate(50%,50%)rotate(37.5deg);transform: translate(50%,50%)rotate(37.5deg);} 



/* -------------------------------------------------- cursor ---------- */

/*.js-cursor-outer, .js-cursor-inner{position: fixed; display: block; left: -100px; top: 0; transform: translate(-50%,-50%); border: none; border-radius: 50%; z-index: 999; pointer-events: none;} .js-cursor-outer{transition: left .07s ease-out, top .07s ease-out, width .29s ease-in-out, height .29s ease-in-out, background-color .29s, opacity .29s ease-in-out;} .js-cursor-inner{transition: left .19s ease-out, top .19s ease-out, width .29s ease-in-out, height .29s ease-in-out, background-color .29s, opacity .29s ease-in-out;}

.js-cursor-outer{width: 41px; height: 41px; opacity: 0.17;} .js-cursor-inner{width: 7px; height: 7px; opacity: 1;} .js-cursor-outer.hover{width: 147px; height: 147px; opacity: 0.17;} .js-cursor-inner.hover{width: 147px; height: 147px; opacity: 0;}*/ .js-cursor-hover{cursor: pointer;}



/* -------------------------------------------------- header ---------- */

#body-header{position: relative; display: block; } 

.link-navigation{position: relative; display: inline-block;}


.header-navigation .list-link{position: absolute; display: block;}


.header-navigation{position: fixed; display: block; right: -100%; top: auto; -webkit-transform: translate(2px,2px); -ms-transform: translate(2px,2px); transform: translate(2px,2px); width: 100%; height: auto; z-index: 11; -webkit-transition-duration: .71s; -o-transition-duration: .71s; transition-duration: .71s;}



#body-header.toggle .header-navigation{right: 0;} 

.header-navigation .frame-relative-xxx37{padding-top: 10%;}

.link-brand{width: 340px; height: 70px;} .link-brand .image-absolute{width: calc(100% - 27px);}



/* -------------------------------------------------- main ---------- */

[class*="gap-"]{position: relative; display: block; width: 100%;}

.frame-block{position: relative; display: block;}
.frame-image{position: relative; display: block; width: 100%; padding-top: 56.25%;}

[class*="frame-relative-"]{position: relative; display: block; width: 100%; text-align: left;} 
[class*="frame-absolute-"]{position: absolute; display: block;} 
.frame-relative-37x37{display: inline-block;} 
.frame-relative-logo{padding-top: 37.5%;} 
.frame-absolute-80x37{width: 80%;} 

.frame-relative-16to9{padding-top: 56.25%;} 


.image-cover{opacity: .81/*.72*/;} .image-contain{opacity: .78;} .opacity-low{opacity: .1;} 

[class*="frame-"] .image-absolute{width: 100%; height: 100%;}






.frame-icon{position: relative; display: block; width: 70px; height: 70px;}
.frame-icon .image-absolute{width: 24px;}





/* -------------------------------------------------- offer ---------- */

#main-offer .padding-right{padding-right: 5%;}



/* -------------------------------------------------- mission & person ---------- */

#main-mission .frame-absolute-37x37, #main-person .frame-absolute-37x37{top: 0;}

#main-mission .frame-absolute-37x37{right: -12.5%;}
#main-person .frame-absolute-37x37{left: -12.5%;}




/* -------------------------------------------------- values & theory ---------- */

#main-values .frame-absolute-62x62{left: 0; top: 0;}

#main-theory .frame-absolute-80x37{left: 0; top: 0;}
#main-theory .frame-absolute-37x37{right: 0; bottom: 0;}



/* -------------------------------------------------- theory ---------- */




/* -------------------------------------------------- footer ---------- */

#backlink{padding-right: 29px;} #backlink .image-absolute{right: 18px; width: 25px;}



/* -------------------------------------------------- legal ---------- */

.main-section-legal p{padding: 5px 0;} .main-section-legal [class*="list-"] p{padding: 0 0;} .main-section-legal .link-default{padding: 0 7px;}



/* -------------------------------------------------- informations ---------- */

.js-information-item{position: relative; display: block;} .information-title{position: relative; display: inline-block; width: 100%; height: auto;} .information-description{max-height: 0; overflow: hidden; opacity: 0;} .information-description p{display: block;} .symbol-information{position: absolute;} 

.information-description [class*="grid-"]{padding-top: 0;}

.js-information-item, .information-description{-webkit-transition-duration: .47s; -o-transition-duration: .47s; transition-duration: .47s;} .js-information-item.on .information-description{max-height: 870px; opacity: 1;} 

.separator-line{position: relative; display: block; width: 100%; height: 2px;}



/* -------------------------------------------------- marquee ---------- */

/*[class*="marquee-"]{--gap: 0px; position: relative; display: flex; width: 100%; height: auto; overflow: hidden; user-select: none;} [class*="marquee-"] p{flex-shrink: 0; display: flex; justify-content: space-around; min-width: 100%;} [class*="marquee-"], [class*="marquee-"] p{gap: var(--gap);} [class*="marquee-"] p span{position: relative; display: inline-block; width: 24px; vertical-align: middle; text-align: center;}

.marquee-left p{animation: animation-marguee-left 24s linear infinite;} .marquee-right p{animation: animation-marguee-right 24s linear infinite;} @keyframes animation-marguee-left{from{transform: translateX(calc(0% - var(--gap)));}to{transform: translateX(-100%);}} @keyframes animation-marguee-right{from{transform: translateX(calc(-100% - var(--gap)));}to{transform: translateX(0);}}*/



/* -------------------------------------------------- slide ---------- */

.slide-impressions{width: 100%; height: auto; padding: 0; overflow: hidden;} .slide-impressions-wrapper{-webkit-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);} .slide-impressions .list-item{width: 10%; height: auto; vertical-align: middle; text-align: left;}

.slide-impressions-item{display: block; padding: 0 1px;} 

@-webkit-keyframes animation-slide-impressions{0%{-webkit-transform: translate(0px,0px);transform: translate(0px,0px);} 100%{-webkit-transform: translate(-50%,0px);transform: translate(-50%,0px);}}

/*.slide-impressions-wrapper:hover{-webkit-animation-play-state:paused; -moz-animation-play-state:paused; -o-animation-play-state:paused; animation-play-state:paused;}*/

.slide-logos{width: 100%; height: auto; padding: 0; overflow: hidden;} .slide-logos-wrapper{-webkit-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);} .slide-logos .list-item{width: 5.549%; height: auto; vertical-align: middle; text-align: left;}

.slide-logos-item{display: block; padding: 0 16.67%;} 

@-webkit-keyframes animation-slide-logos{0%{-webkit-transform: translate(0px,0px);transform: translate(0px,0px);} 100%{-webkit-transform: translate(-50%,0px);transform: translate(-50%,0px);}}

/*.slide-logos-wrapper:hover{-webkit-animation-play-state:paused; -moz-animation-play-state:paused; -o-animation-play-state:paused; animation-play-state:paused;}*/



/* -------------------------------------------------- multistep form ---------- */

[class*="multistep-"] .label-checkbox .input-checkbox:after{border: solid var(--color-front);} fieldset label input:checked ~ .initial-invest-dot{background-color: var(--color-front);}

.slide-multistep{width: 100%; height: auto; padding: 0; vertical-align: middle; overflow: hidden;} .slide-multistep-wrapper{-webkit-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);} .slide-multistep li{height: auto; vertical-align: top;}

/*#form-initial .slide-multistep-wrapper{width: 500%;} #form-initial .slide-multistep li{width: 20%;}*/
#form-initial .slide-multistep-wrapper{width: 300%;} #form-initial .slide-multistep li{width: 33.33%;}
#form-initial .slide-multistep{margin: 7px 0;}


.form-report{position: relative; display: block; width: 100%; overflow: hidden;} 

.multistep-tab{padding-bottom: 7px;}

[class*="form-"] input, [class*="form-"] select, [class*="form-"] textarea, [class*="form-"] fieldset{vertical-align: top; border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
[class*="form-"]{margin: 0 -7px;}
[class*="multistep-"]{position: relative; display: inline-block;}

[class*="tab-"]{position: relative; display: inline-block; padding: calc(0.5vw + 0.5vh + 10px) 7px 0 7px; vertical-align: bottom;} .tab-100{width: 100%;} .tab-0{display: none; visibility: hidden;}

[class*="multistep-"] label, [class*="multistep-"] input, [class*="multistep-"] select, [class*="multistep-"] textarea, [class*="form-"] fieldset{display: block; width: 100%;}
[class*="multistep-"] .label-default{position: absolute; padding-left: 14px; pointer-events: none;} [class*="multistep-"] label, .multistep-links li p{line-height: 14px; font-size: 13px; font-weight: 700; letter-spacing: 2px; opacity: .84; z-index: 7;} [class*="multistep-"] label a p{text-decoration: underline;} 
[class*="multistep-"] input, [class*="multistep-"] select, [class*="multistep-"] textarea, .link-multistep{position: relative;} [class*="multistep-"] input, [class*="multistep-"] select{margin-top: 7px;} [class*="multistep-"] fieldset{margin-top: -7px;} [class*="multistep-"] textarea{margin-top: 7px; resize: none;} 

[class*="multistep-"] input, #multistep-initial .input-checkbox{-webkit-transition-duration: .14s;-o-transition-duration: .14s;transition-duration: .14s;}
.form-multistep .link-button{display: block; width: 100%; margin-right: 0; text-align: center;}

.symbol-indicator{position: relative; display: block; width: 100%; height: 3px; margin: 7px 0; overflow: hidden;} 
.symbol-indicator [class*="shape-"]{height: 3px;} 
.symbol-indicator .shape-0{width: 100%; opacity: .14;}
.symbol-indicator .shape-1{left: 0; right: auto; -webkit-transform: translate(0,50%); -ms-transform: translate(0,50%); transform: translate(0,50%); width: 0; -webkit-transition-duration: .57s; -o-transition-duration: .57s; transition-duration: .57s;}


::-webkit-input-placeholder{color: var(--color-white); opacity: .29;}


::-moz-placeholder{color: var(--color-white); opacity: .29;}


:-ms-input-placeholder{color: var(--color-white); opacity: .29;}


::-ms-input-placeholder{color: var(--color-white); opacity: .29;}


::placeholder{color: var(--color-white); opacity: .29;} [class*="multistep-"] input, [class*="multistep-"] select, [class*="multistep-"] textarea{background-color: rgba(49,45,38,0.17);} [class*="multistep-"] input:hover, [class*="multistep-"] textarea:hover{background-color: rgba(49,45,38,0.29);}



/* -------------------------------------------------- fade in on scroll ---------- */

[class*="js-fadein-"]{overflow-y: visible;} [class*="js-fadein-fast-"]{-webkit-transition: opacity 590ms ease-in-out 59ms, -webkit-transform 870ms ease-in-out 87ms;transition: opacity 590ms ease-in-out 59ms, -webkit-transform 870ms ease-in-out 87ms;-o-transition: transform 870ms ease-in-out 87ms, opacity 590ms ease-in-out 59ms;transition: transform 870ms ease-in-out 87ms, opacity 590ms ease-in-out 59ms;transition: transform 870ms ease-in-out 87ms, opacity 590ms ease-in-out 59ms, -webkit-transform 870ms ease-in-out 87ms;} [class*="js-fadein-slow-"]{-webkit-transition: opacity 1440ms ease-in-out 144ms, -webkit-transform 1910ms ease-in-out 191ms;transition: opacity 1440ms ease-in-out 144ms, -webkit-transform 1910ms ease-in-out 191ms;-o-transition: transform 1910ms ease-in-out 191ms, opacity 1440ms ease-in-out 144ms;transition: transform 1910ms ease-in-out 191ms, opacity 1440ms ease-in-out 144ms;transition: transform 1910ms ease-in-out 191ms, opacity 1440ms ease-in-out 144ms, -webkit-transform 1910ms ease-in-out 191ms;}



/* -------------------------------------------------- transition ---------- */

.js-approach-item{-webkit-transition: opacity .17s;-o-transition: opacity .17s;transition: opacity .17s;}
.js-parallax-item{-webkit-transition: bottom .27s ease-out;-o-transition: bottom .27s ease-out;transition: bottom .27s ease-out;}
#html-body, [class*="link-"]{-webkit-transition-duration: .27s;-o-transition-duration: .27s;transition-duration: .27s;}
#body-main, #body-footer, .frame-navigation{-webkit-transition-duration: .54s;-o-transition-duration: .54s;transition-duration: .54s;}



/* -------------------------------------------------- media query ---------- */

h1, .h1, h2, .h2, .h3, .h4{font-weight: 700;} p{font-weight: 400;} [class*="link-"] p, .written-bold{font-weight: 600;} 
h1, .h1{letter-spacing: 1px;} h2, .h2, p{letter-spacing: 0.5px;} .h3{letter-spacing: 0px;} .h4{letter-spacing: 2px;} 

.desktop-absolute{display: block; width: 100%;} 



@media(max-width: 1039px){
    .section-layer-full, .section-layer-right, .section-layer-left{max-width: 720px;} .section-layer-default{max-width: 648px;} .grid-75, .grid-62, .grid-50, .tab-50, .grid-37, .grid-33, .grid-25, .grid-fix, .grid-flex{width: 100%;} .grid-20{width: 33.33%;} .section-layer-category .grid-20{width: 100%;} .desktop-right{float: none;} .desktop-absolute{position: relative; right: auto; bottom: auto; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0);} .only-desktop{display: none;} .only-mobile{display: block;} .header-navigation .grid-75{width: 75%;} .header-navigation .grid-25{width: 25%;} .header-navigation .grid-25 .frame-relative-16to9{padding-top: 75%;}
    
    .frame-relative-xxx10{padding-top: 20%;} .frame-relative-xxx37{padding-top: 0;} #main-offer .frame-relative-xxx37{padding-top: 50%;} .frame-relative-37x37{width: 70%; padding-top: 0;} .frame-relative-offer{padding-top: 50%;} .frame-absolute-37x37{width: 70%; padding-top: 70%;} .frame-absolute-62x62{width: 80%; padding-top: 80%;} .frame-absolute-80x37{padding-top: 50%;} .gap-flat{padding-top: 40%;} .gap-middle{padding-top: 60%;} .gap-high{padding-top: 70%;} 
    
    #main-mission .desktop-absolute, #main-person .desktop-absolute{padding-right: 5%; padding-top: calc(10% + 1.4vw + 1.4vh + 14px);} .section-layer-category{position: relative; display: block; right: auto; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); width: 90%; max-width: 616px; z-index: 7;} .header-navigation .section-layer-category, #main-offer .section-layer-category{margin-top: calc(-2.8vw - 2.8vh - 28px);} #main-contact .section-layer-category{margin-bottom: calc(-2.8vw - 2.8vh - 28px);} 
    
    p, input, textarea, .link-text{line-height: calc(18px + 0.6vw); font-size: calc(12px + 0.4vw);} 
    .h4, [class*="link-"] p{line-height: calc(16.5px + 0.55vw); font-size: calc(10.5px + 0.35vw);} 
    h3, .h3, [class*="link-"] .h2{line-height: calc(20px + 1.0vw); font-size: calc(14px + 0.7vw);} 
    h2, .h2{line-height: calc(24px + 1.2vw); font-size: calc(18px + 0.9vw);} 
    h1, .h1{line-height: calc(28px + 1.4vw); font-size: calc(22px + 1.1vw);} 
    .h0{line-height: calc(27px + 2.7vw); font-size: calc(22px + 2.2vw);} 
    .link-contact p{line-height: 70px;} 
    
    .js-information-item .grid-100, .js-information-item .grid-62{padding-right: calc(15px + 1.5vw + 5vw);} .symbol-information{right: 2.5vw; top: calc(0.5vw + 0.5vh + 10px); width: calc(15px + 1.5vw); height: calc(15px + 1.5vw);} 
	
    .link-tile{padding-right: 25px; padding-top: none;} #main-offer .link-tile{margin: 4px 7px 0 0;} #main-contact .link-tile, .header-navigation .link-tile{margin: 0 0 4px 7px;} 
    
    .list-symbol [class*="symbol-"]{width: calc(15px + 0.75vw); height: calc(15px + 0.75vw);}
    
    #main-branches .frame-relative-16to9{padding-top: 56.25%;} 
    
    .slide-impressions-wrapper{width: 500%; -webkit-animation: animation-slide-impressions 59s linear infinite; animation: animation-slide-impressions 59s linear infinite;} .slide-logos-wrapper{width: 540%; -webkit-animation: animation-slide-logos 91s linear infinite; animation: animation-slide-logos 91s linear infinite;} 
    }
@media(min-width: 1040px){
    .section-layer-full, .section-layer-right, .section-layer-left{max-width: 2400px;} .section-layer-default{max-width: 2160px;} .grid-75{width: 75%;} .grid-62{width: 62.5%;} .grid-50, .tab-50{width: 50%;}{width: 50%;} .grid-37{width: 37.5%;} .grid-33{width: 33.33%;} .grid-25{width: 25%;} .grid-20{width: 20%;} .grid-fix{width: calc(5% + 350px);} .grid-flex{width: calc(95% - 350px);} .desktop-right{float: right;} .desktop-absolute{position: absolute; right: 50%; bottom: 50%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);} .only-desktop{display: inline-block;} .only-mobile{display: none;} 
    
    .frame-relative-xxx10{padding-top: 10%;} .frame-relative-xxx37{padding-top: 37.5vw;} .frame-relative-37x37{width: 37.5vw; padding-top: 37.5vw;} .frame-relative-offer{padding-top: 100%;} .frame-absolute-37x37{width: 37.5vw; padding-top: 37.5vw;} .frame-absolute-62x62{width: 62.5vw; padding-top: 62.5vw;} .frame-absolute-80x37{padding-top: 37.5vw;} .gap-flat, .gap-middle{padding-top: 10vw;} .gap-high{padding-top: 37.5vw;} 
    
    #main-mission .desktop-absolute, #main-person .desktop-absolute{padding-top: calc(1.4vw + 1.4vh + 14px);} #main-mission .desktop-absolute{padding-right: 32.5vw;} #main-person .desktop-absolute{padding-left: 32.5vw;} .section-layer-category{position: absolute; display: block; right: 50%; -webkit-transform: translate(50%,-50%); -ms-transform: translate(50%,-50%); transform: translate(50%,-50%); width: 90%; max-width: 1920px; z-index: 7;} 
    
    p, input, textarea, .link-text{line-height: calc(15px + 0.75vw); font-size: calc(10px + 0.5vw);} 
    .h4, [class*="link-"] p{line-height: calc(14.4px + 0.72vw); font-size: calc(9.4px + 0.47vw);} 
    h3, .h3{line-height: calc(13px + 1.3vw); font-size: calc(9px + 0.9vw);} 
    h2, .h2, [class*="link-"] .h2{line-height: calc(17px + 1.7vw); font-size: calc(13px + 1.3vw);} 
    h1, .h1{line-height: calc(22px + 2.2vw); font-size: calc(18px + 1.8vw);} 
    /*.h0{line-height: calc(27px + 2.7vw); font-size: calc(22px + 2.2vw);} */
    .h0{line-height: calc(30px + 3.0vw); font-size: calc(25px + 2.5vw);} 
    .link-contact p{line-height: 70px;} 
    
    .js-information-item .grid-100, .js-information-item .grid-62{padding-right: calc(15px + 1.5vw + 5vw);} .symbol-information{right: 2.5vw; top: calc(0.5vw + 0.5vh + 10px); width: calc(15px + 1.5vw); height: calc(15px + 1.5vw);} 
     
    .link-tile{padding-top: 29.63%/*50%*/;} #main-offer .link-tile{margin: 0 7px 0 0;} #main-contact .link-tile, .header-navigation .link-tile{margin: 0 0 0 7px;} 
    
    .list-symbol [class*="symbol-"]{width: calc(15px + 0.75vw); height: calc(15px + 0.75vw);}
    
    #body-header .link-contact{margin-right: calc(10vw - 70px);}
    
    #main-branches .frame-relative-16to9{padding-top: 75%;} 
    
    .slide-impressions-wrapper{width: 533.33%; -webkit-animation: animation-slide-impressions 74s linear infinite; animation: animation-slide-impressions 74s linear infinite;} .slide-logos-wrapper{width: 360%; -webkit-animation: animation-slide-logos 71s linear infinite; animation: animation-slide-logos 71s linear infinite;}
    }



@media(pointer: coarse){
    .js-cursor-outer, .js-cursor-inner{display: none;}
}



@media screen {
    .js-enable [class*="js-fadein-"]{opacity: 0;} .js-enable .js-fadein-slow-up, .js-enable .js-fadein-fast-up{-webkit-transform: translate(0,19px);-ms-transform: translate(0,19px);transform: translate(0,19px);} .js-enable [class*="js-fadein-"].on{opacity: 1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0);} 
    }
@media print {
    .js-enable [class*="js-fadein-"]{opacity: 1;} .js-enable .js-fadein-slow-up, .js-enable .js-fadein-fast-up{-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);} .js-enable [class*="js-fadein-"].on{opacity: 1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0);} 
    }