/* -------------------------------------------------- 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: "Inter-Variable"; src: url("Fonts/Inter-Variable.woff2") format("woff2 supports variations"), url("Fonts/Inter-Variable.woff2") format("woff2-variations"), url("Fonts/Inter-Variable.woff") format("woff supports variations"), url("Fonts/Inter-Variable.woff") format("woff-variations"), url("Fonts/Inter-Variable.ttf") format("truetype supports variations"), url("Fonts/Inter-Variable.ttf") format("truetype-variations"); font-weight: 100 900;} 

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

*{font-family: 'Inter-Variable', sans-serif;} .h0, h1, .h1, h2, .h2, h3, .h3{font-family: 'Panchang', sans-serif;} p{word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto;} .h0, .h1, .h2{word-break: normal; -webkit-hyphens: manual; -ms-hyphens: manual; -o-hyphens: manual; hyphens: manual;} .h0, h1, .h1{font-weight: 900;} h2, .h2{font-weight: 800;} h3, .h3{font-weight: 700;} .written-bold{font-weight: 650;} p{font-weight: 400;} 



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

#body-main.toggle, #body-footer.toggle{opacity: .11;} .opacity-high{opacity: .75;} .opacity-middle{opacity: .57;} .opacity-low{opacity: .25;} 

.color-set-light, .color-set-dark .color-invers, .color-set-dark .front-invers{--color-back: #FFFFFF; --color-front: #000000;} .color-set-dark, .color-set-light .color-invers, .color-set-light .front-invers{--color-back: #111111; --color-front: #FFFFFF;} :root{--color-ci: #D60E0E;} [class*="color-set-"], [class*="color-set-"] .color-invers, .back-back{background-color: var(--color-back);} [class*="symbol-"] [class*="shape-"]{background-color: var(--color-front);} h1, h2, h3, p, a, input, textarea, label, select, ::placeholder{color: var(--color-front);} label/*, ::placeholder*/{color: var(--color-ci);} 

.js-cursor-outer, .js-cursor-inner{background-color: hsl(0, 44%, 26%);} .back-ci{background-color: var(--color-ci);} 

.link-button .h3{color: var(--color-back);} .link-map p{color: var(--color-ci);} .link-map:hover p{color: var(--color-front);} 

/*[class*="link-"] [class*="symbol-"] [class*="shape-"]{background-color: var(--color-front);}*/ .symbol-information [class*="shape-"]{background-color: var(--color-back);} .symbol-information, .symbol-contact .shape-0{background-color: var(--color-front);} .symbol-contact .shape-1{background-color: var(--color-ci);} 

.back-back{background-color: var(--color-back);} .back-blur{-webkit-backdrop-filter: blur(54px); backdrop-filter: blur(54px);} 

/*[class*="table-"] td{border-top-color: rgba(255,255,255,0.5);} input, textarea, select{background-color: rgba(255,255,255,0.07); border: none; border-left: solid 3px transparent;} input:hover, textarea:hover, select:hover{background-color: rgba(255,255,255,0.14);} input:autofill, textarea:autofill, select:autofill{border-left: solid 3px var(--color-front); color: var(--color-front);}*/ 



/* -------------------------------------------------- gradient ---------- */

[class*="gradient-"]{pointer-events: none;} .gradient-horizontal{background-image: linear-gradient(90deg, var(--color-back) 0%, transparent 10%, transparent 90%, var(--color-back) 100%);} .gradient-vertical{background-image: linear-gradient(0deg, var(--color-back) 0%, transparent 10%, transparent 90%, var(--color-back) 100%);} .gradient-radial{background-image: radial-gradient(transparent 0%, transparent 70%, var(--color-back) 100%);} 

.filter-greyscale{filter: grayscale(1.2);} 



/* -------------------------------------------------- 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.29;} .js-cursor-inner{width: 7px; height: 7px; opacity: 1;} .js-cursor-outer.hover{width: 147px; height: 147px; opacity: 0.29;} .js-cursor-inner.hover{width: 147px; height: 147px; opacity: 0;} .js-cursor-hover{cursor: pointer;}



/* -------------------------------------------------- pattern ---------- */

/*[class*="pattern-"]{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%); width: 100%; height: 100%;}
.pattern-pixel{background-color: rgba(87,152,152,0.29); background-size: 4px 4px; background-image: linear-gradient(var(--color-back) 0.4px, transparent 0.4px), linear-gradient(to right, var(--color-back) 0.4px, transparent 0.4px); opacity: 0.7;}*/



/* -------------------------------------------------- texture ---------- */

#html-body{position: relative;} [class*="body-texture-"]{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%); width: 100%; height: 100%; background-size: 25px 25px/*#px #px*/; background-repeat: repeat; pointer-events: none; /*z-index: 999;*/} 

.body-texture-light{background-image: url("../img/texture-light.png"); opacity: .44;}  



/* -------------------------------------------------- variables ---------- */

#html-body{--padding-horizontal: 0.029; --padding-vertical: calc(0.7vw + 0.7vh + 7px); --padding-link: 4px; --padding-button: calc(1.1vw + 1.1vh + 11px); --padding-form: calc(0.2vw + 0.2vh + 2px); --overlay-factor: 3;--size-dot: calc(18px + 0.45vw);} 



/* -------------------------------------------------- space ---------- */

[class*="space-"]{position: relative; display: block; width: 100%;} .section-layer-full{width: 100%; max-width: var(--layer-max);} .section-layer-default{width: calc(100% - var(--layer-diff) * 100% + 2 * var(--padding-horizontal) * 100%); max-width: calc((1 - var(--layer-diff)) * var(--layer-max));} .section-layer-thin{width: calc(100% - 2 * var(--layer-diff) * 100% + 2 * var(--padding-horizontal) * 100%); max-width: calc((1 - 2 * var(--layer-diff)) * var(--layer-max));} 

.space-high{height: calc(8 * var(--padding-vertical));} .space-default{height: calc(4 * var(--padding-vertical));} .space-middle{height: calc(2 * var(--padding-vertical));} .space-flat{height: var(--padding-vertical);} .space-mini{height: calc(var(--padding-vertical) / 3);} .padding-flat{padding: calc(var(--padding-vertical) / 2) calc(var(--padding-horizontal) * 100%);} .padding-default{padding: var(--padding-vertical) calc(var(--padding-horizontal) * 100%);} .padding-wide{padding: calc(2 * var(--padding-vertical)) calc(2 * var(--padding-horizontal) * 100%);} .padding-side{padding: 0 calc(var(--padding-horizontal) * 100%);} 



/* -------------------------------------------------- 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*="-section"]{position: relative; display: block; width: 100%; margin: 0 auto; text-align: center; /*overflow: hidden;*/} [class*="layer-"]{position: relative; display: block; margin: 0 auto;} [class*="grid-"], [class*="inline-"], [class*="squeeze-"]{position: relative; display: inline-block; vertical-align: top;} [class*="grid-"], [class*="inline-"]{text-align: left;} 

.grid-100, .inline-100{width: 100%;} .inline-75{width: 75%;} .inline-67{width: 66.67%;} .inline-60{width: 60%;} .inline-50{width: 50%;} .inline-40{width: 40%;} .inline-33{width: 33.33%;} .inline-25{width: 25%;} .inline-fix{width: calc(200px + 5vw);} .inline-flex{width: calc(100% - (200px + 5vw));} .grid-0, .inline-0{display: none; visibility: hidden;} .text-left{text-align: left;} .text-center{text-align: center;} .text-right{text-align: right;} .vertical-bottom{vertical-align: bottom;} .vertical-middle{vertical-align: middle;} .overflow-hidden{overflow: hidden;} .overflow-clip{overflow: clip;} [class*="overlay-"], [class*="indent-"]{position: relative; display: block;} .overlay-left-wide{margin-left: calc(-3 * var(--overlay-factor) * 100%);} .overlay-horizontal-wide{margin: 0 calc(-3 * var(--overlay-factor) * 100%);} .overlay-right-wide{margin-right: calc(-3 * var(--overlay-factor) * 100%);} .overlay-right-small{margin-right: calc(-1.5 * var(--overlay-factor) * 100%);} .overlay-vertical{margin: calc(-1 * var(--overlay-factor) * 100%) 0;} .overlay-horizontal-wide{margin: 0 -25%; width: 150%;} 



/* -------------------------------------------------- frames ---------- */

[class*="frame-relative-"], [class*="frame-absolute-"], [class*="frame-fixed-"]{display: block; width: 100%;} [class*="frame-relative-"]{position: relative; display: block; height: auto;} [class*="frame-absolute-"], [class*="frame-fixed-"]{right: 50%; bottom: 50%; transform: translate(50%,50%);} [class*="frame-absolute-"]{position: absolute;} [class*="frame-fixed-"]{position: fixed;}

.frame-relative-100vh{padding-top: 100vh;} .frame-relative-1to1{padding-top: 100%;} .frame-relative-4to3{padding-top: 75%;} .frame-relative-3to4{padding-top: 133.33%;} .frame-relative-3to2{padding-top: 66.66%;} .frame-relative-2to3{padding-top: 150%;} .frame-relative-16to9{padding-top: 56.25%;} .frame-relative-2to1{padding-top: 50%;} .frame-relative-1to2{padding-top: 200%;} .frame-absolute-cover, .frame-fixed-cover{height: 100%;} .frame-absolute-auto, .frame-fixed-auto{height: auto;} .frame-absolute-top{bottom: 100%; transform: translate(50%,100%);} .frame-absolute-bottom{bottom: 0%; transform: translate(50%,0%);} 

.frame-relative-brand{padding-top: 40%;} .frame-relative-logo{padding-top: 40%;} .frame-absolute-pageload{width: 32%; height: 32%;} 

.frame-fixed-left, .frame-absolute-left, .frame-fixed-right, .frame-fixed-bottom, .frame-fixed-center{width: auto;} .frame-fixed-left, .frame-absolute-left, .frame-fixed-right{transform: translate(0,50%);} .frame-fixed-left, .frame-absolute-left{left: 0; right: auto;} .frame-fixed-right{right: 0;} .frame-fixed-bottom{bottom: 0; transform: translate(50%,0);} 

/*.frame-absolute-upperright{right: 41%; bottom: 62%; width: 59%; height: 77%;} 
.frame-absolute-lowerleft{right: 62%; bottom: 32%; width: 81%; height: 64%;}*/ 

.frame-absolute-upperright, .frame-absolute-lowerleft{width: 77%; height: 77%;} 
.frame-absolute-upperright{right: 38%; bottom: 62%;} 
.frame-absolute-lowerleft{right: 62%; bottom: 38%;} 

/*.shift-lowerleft{right: 45%; bottom: 55%;} .shift-lowerleft{right: 55%; bottom: 45%;}*/ 



/* -------------------------------------------------- images ---------- */

.image-relative, .image-cover, .image-contain, .image-icon{position: relative; display: block;} .image-relative{height: auto;} .image-cover, .image-contain{width: 100%; height: 100%;} .image-cover{object-fit: cover; object-position: center center;} .image-contain{object-fit: contain;} .image-icon{width: calc(1.5 * var(--padding-vertical)); height: auto;} .image-absolute{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%); width: 100%; height: auto;} 



/* -------------------------------------------------- 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%; transform: translate(50%,50%); transition-duration: .27s;}

.symbol-navigation{display: block; margin: 0 -6px; width: 54px; height: 54px;} .symbol-navigation [class*="shape-"]{transform: translate(50%,50%)rotate(0deg); width: 42px; height: 4px;} .symbol-navigation .shape-0{bottom: 31px;} .symbol-navigation .shape-1{bottom: 23px;} #body-header.toggle .symbol-navigation [class*="shape-"]{bottom: 27px;} #body-header.toggle .symbol-navigation .shape-0{transform: translate(50%,50%)rotate(-45deg);} #body-header.toggle .symbol-navigation .shape-1{transform: translate(50%,50%)rotate(45deg);}

.symbol-dot{position: relative; display: block;} .symbol-dot [class*="shape-"]{width: 27%; height: 27%;}

.symbol-contact{position: absolute; display: block;} .symbol-contact [class*="shape-"]{width: 100%; height: 100%;} 
[class*="link-"]:hover .symbol-contact .shape-0{bottom: 44.5%; right: 51.5%;} [class*="link-"]:hover .symbol-contact .shape-1{bottom: 55.5%; right: 48.5%;} 

.symbol-information{display: inline-block; width: calc(1.5 * var(--padding-vertical)); height: calc(1.1 * var(--padding-vertical));} .symbol-information [class*="shape-"]{width: 9px; height: 4px;} .symbol-information .shape-0{right: calc(50% + 2.5px); transform: translate(50%,50%)rotate(37.5deg);} .symbol-information .shape-1{right: calc(50% - 2.5px); transform: translate(50%,50%)rotate(-37.5deg);} .js-information-item.on .symbol-information .shape-0{transform: translate(50%,50%)rotate(-37.5deg);} .js-information-item.on .symbol-information .shape-1{transform: translate(50%,50%)rotate(37.5deg);} 



/* -------------------------------------------------- list, table, icon ---------- */

[class*="list-"], [class*="list-"] .list-item{position: relative; display: block;} [class*="list-"] .list-item{list-style: none; vertical-align: middle;} 

.list-link{display: block; margin: 0 calc(-4 * var(--padding-link));} .list-link .list-item{display: inline-block; margin: var(--padding-link) calc(2 * var(--padding-link));} .list-link [class*="link-"] p{padding: var(--padding-link) var(--padding-link);} 

.list-symbol .list-item{margin-top: calc(var(--padding-vertical) / 5); padding-left: calc(var(--size-dot) * 1.4);} .list-symbol [class*="symbol-"], .list-symbol p{vertical-align: top;} .list-symbol [class*="symbol-"]{position: absolute; left: calc(var(--size-dot) * 0.25); top: 0; width: var(--size-dot); height: var(--size-dot);} 

[class*="table-"]{width: 100%; border-spacing: 8px 0;} [class*="table-"] th, [class*="table-"] td{padding: calc(var(--padding-vertical) / 2) calc(var(--padding-horizontal) * 100%);} [class*="table-"] td{border-top-style: solid; border-top-width: 1.5px; vertical-align: middle;} [class*="table-"] thead{display: none;} [class*="table-"] .row-first td{border: none;} 

[class*="icon-"]{right: 100%; transform: translate(40%,70%);} .icon-middle, .image-icon{width: calc(4 * var(--padding-vertical));} .icon-small{width: calc(2.4 * var(--padding-vertical));} 
/*.icon-left{padding-left: calc(2 * var(--padding-vertical));} .icon-right{padding-right: calc(2 * var(--padding-vertical));} [class*="icon-"] .image-icon{position: absolute; top: 50%; transform: translate(0,-50%);} .icon-left .image-icon{left: 0;} .icon-right .image-icon{right: 0;} */



/* -------------------------------------------------- links ---------- */

[class*="link-"]{position: relative; display: inline-block;} [class*="link-"] p{text-decoration: none; /*font-weight: 650;*/ /*letter-spacing: 2px;*/} .link-text{display: inherit !important; text-decoration: underline;} 

.link-default, .link-icon{padding: var(--padding-link) var(--padding-link);} .link-icon .image-contain{transform: scale(1.1);} .link-brand{width: calc(148px + 3.7vw); z-index: 11;} .link-brand .image-absolute{width: 100%;} 

.link-button{padding: var(--padding-button) calc(var(--padding-button) * 0.7);} .link-block{display: block;} 

.link-default:hover, .link-brand:hover, .link-navigation:hover, .js-information-item:hover .symbol-information{opacity: .29;} 





/* -------------------------------------------------- mask ---------- */

/*[class*="mask-skewed-"]{--skewed-size: 10vw; --skewed-angle: 80deg;} 

.mask-skewed-default{width: calc(100% + 2 * var(--skewed-size)); -webkit-mask-image: linear-gradient(var(--skewed-angle), rgba(0,0,0,0) 0%, rgba(0,0,0,0) var(--skewed-size), rgba(0,0,0,1) var(--skewed-size), rgba(0,0,0,1) calc(100% - var(--skewed-size)), rgba(0,0,0,0) calc(100% - var(--skewed-size)), rgba(0,0,0,0) 100%); -webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center;} */

/*[class*="skewed-"]{--skewed-size: 10vw; --skewed-angle: 10deg;} 

.skewed-default{transform: translate(50%,50%)skewX(var(--skewed-angle));} .skewed-invers{transform: translate(50%,50%)skewX(calc(-1 * var(--skewed-angle)));} 

.frame-relative-16to9 .skewed-invers{width: 110%;}
[class*="frame-relative"] .skewed-invers{width: 120%;}*/

[class*="skewed-"]{--skewed-size: 10vw; --skewed-angle: 10deg;} 

.skewed-default{transform: translate(50%,50%)rotate(var(--skewed-angle));} .skewed-invers{transform: translate(50%,50%)rotate(calc(-1 * var(--skewed-angle)));} 

.frame-relative-16to9 .skewed-invers{width: 110%;}
[class*="frame-relative"] .skewed-invers{width: 120%;}



/* #######################################################################
##################################################### modules ############
####################################################################### */ 



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

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



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

.js-information-item{position: relative; display: block; padding: calc(var(--padding-vertical) / 3) 0;} .information-title{position: relative; display: inline-block; width: 100%; height: auto; padding-right: calc(2 * var(--padding-vertical));} .information-description{max-height: 0; overflow: hidden; opacity: 0;} .information-description p{display: block;} .symbol-information{position: absolute; right: 0; bottom: 50%; transform: translate(0,50%);} 

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



/* -------------------------------------------------- roll ---------- */

.horizontal-roll{--roll-item-count: 8; --roll-item-width: 35%; --roll-item-maxwidth: 150px; --roll-item-duration: 4.1s;} 

.horizontal-roll, .horizontal-roll .roll-wrapper{position: relative; display: block;} .horizontal-roll{width: 100%; height: auto; padding: 0; overflow: hidden;} .horizontal-roll .roll-wrapper{transform: translate(0px,0px);} .horizontal-roll .list-item{display: inline-block; height: auto; vertical-align: middle; text-align: left;} .horizontal-roll .horizontal-item{position: relative; display: block;} @-webkit-keyframes animation-roll-impressions{0%{transform: translate(0px,0px);} 100%{transform: translate(-50%,0px);}} 

.horizontal-roll .roll-wrapper{width: calc(var(--roll-item-count) * var(--roll-item-width) * 2); min-width: calc(var(--roll-item-count) * var(--roll-item-maxwidth) * 2); animation: animation-roll-impressions calc(var(--roll-item-count) * var(--roll-item-duration)) linear infinite;} .horizontal-roll .list-item{width: calc(100% / (2 * var(--roll-item-count)));} .horizontal-roll .horizontal-item{padding: 0 20%;} 



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

.horizontal-slide{--slide-item-count: 6; --slide-item-width: 40%;} 

.horizontal-slide, .horizontal-slide .slide-wrapper{position: relative; display: block; margin: 0 auto; height: auto;} .horizontal-slide{width: 100%; overflow: hidden;} .horizontal-slide .slide-wrapper{transition: transform .29s; padding: 0 2.5%;} .horizontal-slide .slide-wrapper .list-item{position: relative; display: inline-block; vertical-align: top;} .horizontal-slide .horizontal-item{position: relative; display: block;} 

.horizontal-slide .slide-wrapper{width: calc(var(--slide-item-count) * var(--slide-item-width));} .horizontal-slide .slide-wrapper .list-item{width: calc(100% / var(--slide-item-count));} .horizontal-slide .horizontal-item{padding: 0 6%;} 



/* -------------------------------------------------- sticky ---------- */

.section-sticky{overflow: inherit;} .frame-sticky-auto{position: sticky; top: 0; height: auto;} .desktop-sticky-auto{height: auto;} 



/* -------------------------------------------------- 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);}}*/



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

.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 .multistep-tab{height: auto; vertical-align: middle;}

#form-initial .slide-multistep-wrapper{width: 200%;} #form-initial .slide-multistep .multistep-tab{width: 50%;} 

[class*="multistep-"]{position: relative; display: inline-block;} [class*="multistep-"] input, [class*="multistep-"] textarea{padding: calc(2 * var(--padding-form)) calc(2 * var(--padding-form));}  [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 calc(-1 * var(--padding-form));} [class*="form-"] .slide-multistep{margin: 0 0;} [class*="form-"] [class*="grid-"], [class*="form-"] [class*="inline-"]{padding: var(--padding-form) var(--padding-form); vertical-align: middle;} [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; top: 100%;*/ margin-top: 2px; padding-left: calc(1 * var(--padding-form)); pointer-events: none;} /*[class*="multistep-"] label, .multistep-links .multistep-tab p{line-height: calc(var(--padding-form) + 8px); font-size: calc(var(--padding-form) / 2 + 8px); letter-spacing: calc(var(--padding-form) / 3 + 1px); 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, [class*="multistep-"] fieldset, [class*="multistep-"] textarea{margin-top: var(--padding-form);} [class*="multistep-"] textarea{resize: none;} [class*="multistep-"] input, [class*="multistep-"] textarea{-webkit-transition-duration: .14s;-o-transition-duration: .14s;transition-duration: .14s;} /*::placeholder{opacity: .29;}*/ 

[class*="form-"] label, [class*="form-"] .written-label{line-height: calc(14px + 0.35vw); font-size: calc(10px + 0.25vw); letter-spacing: calc(1.6px + 0.04vw);} 

.list-indicator .list-item{position: relative; display: none;} .list-indicator p{padding-left: calc(1 * var(--padding-form));} .list-indicator .list-item.toggle{display: block;} .symbol-indicator{position: relative; display: block; width: 100%; height: 4px; margin: 0px 0; overflow: hidden;} .symbol-indicator [class*="shape-"]{height: 4px;} .symbol-indicator .shape-0{width: 100%; opacity: .11;} .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;} .form-multistep .link-form{display: block; padding: calc(1 * var(--padding-form)) var(--padding-form); text-align: center;} 

/*input, textarea{background-color: rgba(0,36,61,0.05);} input:hover, textarea:hover{background-color: rgba(0,36,61,0.1);} input::placeholder, textarea::placeholder{color: rgba(0,36,61,0.71);}*/ 

[class*="form-"] input, [class*="form-"] textarea{background-color: transparent; border-bottom: solid 4px var(--color-ci);} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{-webkit-transition-duration: .29s;transition-duration: .29s; color: var(--color-front); opacity: .21;} input::-moz-placeholder, textarea::-moz-placeholder{transition-duration: .29s; color: var(--color-front); opacity: .21;} input:-ms-input-placeholder, textarea:-ms-input-placeholder{transition-duration: .29s; color: var(--color-front); opacity: .21;} input::-ms-input-placeholder, textarea::-ms-input-placeholder{transition-duration: .29s; color: var(--color-front); opacity: .21;} 

input::placeholder, textarea::placeholder{-webkit-transition-duration: .29s;-o-transition-duration: .29s;transition-duration: .29s; /*color: var(--color-ci);*/ opacity: .29;} 

input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder{opacity: .57;} input:hover::-moz-placeholder, textarea:hover::-moz-placeholder{opacity: .47;} 

input:hover:-ms-input-placeholder, textarea:hover:-ms-input-placeholder{opacity: .59;} input:hover::-ms-input-placeholder, textarea:hover::-ms-input-placeholder{opacity: .47;} 

input:hover::placeholder, textarea:hover::placeholder{opacity: .47;}

.space-px{height: 2px;} 



/* -------------------------------------------------- map ---------- */

.map-label, .link-map{position: absolute; transform: translate(50%,50%); width: auto;} .map-label{right: 38%; bottom: 14%;} .link-map{right: 37%; bottom: 61%; transform: translate(50%,0);} .link-map-text{position: absolute; width: calc(140px + 7vw);} .link-map .written-small{line-height: calc(12.8px + 0.32vw);} 



/* -------------------------------------------------- more ---------- */

.main-section-legal p{padding: var(--padding-link) 0;} .main-section-legal [class*="list-"] p{padding: 0 0;} .main-section-legal .link-default{padding: 0 calc(2 * var(--padding-link));} 

#backlink .image-relative{display: inline-block; margin-left: 2px; width: 25px;} #matomo-opt-out{padding: calc(0.9vw + 0.9vh + 9px) 1.25%;} #matomo-opt-out input{margin-right: calc(0.45vw + 0.45vh + 4.5px); margin-top: calc(0.45vw + 0.45vh + 4.5px);} #matomo-opt-out label{margin: calc(0.9vw + 0.9vh + 9px) 0;} 



/* -------------------------------------------------- pageload ---------- */

.js-pageload-item{transition: bottom 0s 1.8s; z-index: 11; pointer-events: none;} .js-pageload-item .frame-absolute-cover{transition: opacity 0.5s 0.9s ease-in;} .js-pageload-item .frame-absolute-pageload{transition: bottom 1.4s 0.9s;} 

.js-pageload-item.toggle{bottom: 150%;} .js-pageload-item.toggle .frame-absolute-cover{opacity: 0;} .js-pageload-item.toggle .frame-absolute-pageload{bottom: 150%;} 



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

.js-approach-item{transition: opacity .17s;}
#html-body, [class*="link-"], [class*="link-"] p, .symbol-information{transition-duration: .27s;}
#body-main, #body-footer, [class*="navigation-"]{transition-duration: .54s;}
.navigation-center [class*="text-"]{transition-duration: .54s; transition-delay: .17s;}



/* #######################################################################
##################################################### signature ##########
####################################################################### */ 



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

#body-header{--navigation-horizontal: calc(2 * var(--padding-horizontal) * 100%); --navigation-vertical: 11%; --navigation-transform: 29px;}
[class*="navigation-"]{z-index: 10;} .link-navigation{cursor: pointer;} 

.navigation-toggle{right: var(--navigation-horizontal); bottom: var(--navigation-vertical);} 

.navigation-back, .navigation-bottom, .navigation-center{pointer-events: none;} .navigation-bottom{bottom: calc(var(--navigation-vertical) - var(--navigation-transform)); transform: translate(50%,50%); opacity: 0;} .navigation-center{/*bottom: calc(50% - var(--navigation-transform));*/ width: calc(56% + 140px);} .navigation-center .text-left{transform: translate(calc(-1 * var(--navigation-transform)),0); opacity: 0;} .navigation-center .text-right{transform: translate(var(--navigation-transform),0); opacity: 0;} .navigation-center .list-item{display: block;} 

#body-header.toggle .navigation-back, #body-header.toggle .navigation-bottom, #body-header.toggle .navigation-center{opacity: 1; pointer-events: auto;} #body-header.toggle .navigation-bottom{bottom: var(--navigation-vertical);} #body-header.toggle .navigation-center{bottom: 50%;} #body-header.toggle .navigation-center [class*="text-"]{opacity: 1;} #body-header.toggle .navigation-center .text-left{transform: translate(0,0);} #body-header.toggle .navigation-center .text-right{transform: translate(0,0);}



/*.header-navigation .navigation-bottom{left: calc(-4 * var(--padding-horizontal) * 100%); transform: translate(-100%,50%);} 
.header-navigation.scroll .navigation-bottom{left: calc(4 * var(--padding-horizontal) * 100%); transform: translate(0,50%);}*/ 



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

/*#body-main [class*="section-layer-"]{border: solid 1px blue;}*/ 
/*[class*="space-"]{outline: solid 1px blue;}*/

.zindex-front{z-index: 7;} 



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



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

@media(max-width: 1039px){
    #html-body{--layer-max: calc(250px + 50vw); --layer-diff: 0.15;}
    
    .grid-75, .grid-67, .grid-62, .grid-50, .grid-38, .grid-33, .grid-fix, .grid-flex{width: 100%;} .grid-25{width: 50%;}  [class*="desktop-absolute-"]{position: relative; display: block; right: auto; bottom: auto; transform: translate(0,0);} .desktop-sticky-auto{position: relative; top: auto;} .only-mobile, .image-mobile{display: block !important;} .only-desktop, .image-desktop{display: none !important;} 
    
    .indent-left-10{padding-left: 5%;} .indent-right-10{padding-right: 5%;} .indent-horizontal-25{padding: 0 5%;} .indent-left-20, .indent-left-25{padding-left: 10%;} .indent-left-30, .indent-left-38{padding-left: 15%;} .indent-right-20, .indent-right-25{padding-right: 10%;} .indent-right-33, .indent-right-38{padding-right: 15%;} .indent-left-50, .indent-left-62{padding-left: 15%;} .indent-right-50, .indent-right-62{padding-right: 15%;} .squeeze-left-80, .squeeze-right-80{width: 92%;} .squeeze-right-80{margin-right: 8%;} .squeeze-left-80{margin-left: 8%;} .squeeze-left-62, .squeeze-right-62{width: 90%;} .squeeze-right-62{margin-right: 10%;} .squeeze-left-62{margin-left: 10%;} .squeeze-left-38, .squeeze-right-38{width: 85%;} .squeeze-right-38{margin-right: 15%;} .squeeze-left-38{margin-left: 15%;}
    
	p, .link-text{line-height: calc(16.8px + 0.42vw); font-size: calc(11.2px + 0.28vw);} 
    [class*="link-"] p, .written-small{line-height: calc(15.6px + 0.39vw); font-size: calc(10px + 0.25vw);} 
    h3, .h3, [class*="link-"] .h3{line-height: calc(14px + 0.78w); font-size: calc(12px + 0.6vw); letter-spacing: calc(0.3px + 0.015vw);} 
    h2, .h2, [class*="link-"] .h2{line-height: calc(18px + 1.8vw); font-size: calc(17px + 1.7vw); letter-spacing: calc(0.425px + 0.0425vw);} 
    h1, .h1{line-height: calc(16px + 3.2vw); font-size: calc(15px + 3.0vw); letter-spacing: calc(0.375px + 0.075vw);} 
    .h0{line-height: calc(18px + 3.6vw); font-size: calc(17px + 3.4vw); letter-spacing: calc(0.425px + 0.085vw);} 
    .h0{line-height: calc(10.5px + 4.2vw); font-size: calc(10px + 4.0vw); letter-spacing: calc(0.25px + 0.1vw);} 
	input, textarea{line-height: calc(16px + 0.8w); font-size: calc(14px + 0.7vw);} 
	
	.link-map-text{right: 85%; bottom: 102%; transform: translate(85%,00%);} 
    }
@media(min-width: 1040px){
    #html-body{--layer-max: calc(320px + 64vw); --layer-diff: 0.2;}
    
    .grid-75{width: 75%;} .grid-67{width: 66.67%;} .grid-62{width: 61.8%;} .grid-55{width: 55.55%;} .grid-50{width: 50%;} .grid-44{width: 44.44%;} .grid-38{width: 38.2%;} .grid-33{width: 33.33%;} .grid-25{width: 25%;} .gird-fix{width: calc(4 * var(--padding-horizontal) * 100% + 180px);} .grid-flex{width: calc(100% - (200px + 5vw));} [class*="desktop-absolute-"]{position: absolute; display: block; bottom: 50%; transform: translate(0,50%);} .desktop-absolute-left{left: 0;} .desktop-absolute-middle{right: 50%; transform: translate(50%,50%);} .desktop-absolute-right{right: 0;} .desktop-sticky-auto{position: sticky; top: 0;} .only-mobile, .image-mobile{display: none !important;} .only-desktop{display: inline-block !important;} .image-desktop{display: block !important;} 
    
    .indent-left-10{padding-left: 10%;} .indent-right-10{padding-right: 10%;} .indent-left-20{padding-left: 20%;} .indent-right-20{padding-right: 20%;} .indent-left-25{padding-left: 25%;} .indent-right-25{padding-right: 25%;} .indent-horizontal-25{padding: 0 12.5%;} .indent-left-30{padding-left: 30%;} .indent-right-30{padding-right: 30%;} .indent-left-38{padding-left: 38.2%;} .indent-right-38{padding-right: 38.2%;} .indent-left-50{padding-left: 50%;} .indent-right-50{padding-right: 50%;} .indent-left-62{padding-left: 61.8%;} .indent-right-62{padding-right: 61.8%;} .squeeze-left-80, .squeeze-right-80{width: 80%;} .squeeze-left-62, .squeeze-right-62{width: 61.8%;} .squeeze-left-38, .squeeze-right-38{width: 38.2%;} [class*="squeeze-left-"]{margin-left: auto;} [class*="squeeze-right-"]{margin-right: auto;} .mobile-overlay-top{margin-top: 0;} 
    
	p, .link-text{line-height: calc(16.8px + 0.42vw); font-size: calc(11.2px + 0.28vw);} 
	[class*="link-"] p, .written-small{line-height: calc(15.6px + 0.39vw); font-size: calc(10px + 0.25vw);} 
    h3, .h3, [class*="link-"] .h3{line-height: calc(14px + 0.78w); font-size: calc(12px + 0.6vw); letter-spacing: calc(0.3px + 0.015vw);} 
    h2, .h2, [class*="link-"] .h2{line-height: calc(18px + 1.8vw); font-size: calc(17px + 1.7vw); letter-spacing: calc(0.425px + 0.0425vw);} 
    h1, .h1{line-height: calc(16px + 3.2vw); font-size: calc(15px + 3.0vw); letter-spacing: calc(0.375px + 0.075vw);} 
    .h0{line-height: calc(18px + 3.6vw); font-size: calc(17px + 3.4vw); letter-spacing: calc(0.425px + 0.085vw);} 
	input, textarea{line-height: calc(16px + 0.8w); font-size: calc(14px + 0.7vw);} 
	
	.link-map-text{right: 0; bottom: 61%; transform: translate(100%,50%);} 
    }



/* #######################################################################
##################################################### more media #########
####################################################################### */ 



/* -------------------------------------------------- touch ---------- */

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



/* -------------------------------------------------- print ---------- */

@media screen {
    .js-enable [class*="js-fadein-"]{opacity: 0;} .js-enable .js-fadein-slow-left, .js-enable .js-fadein-fast-left{transform: translate(58px,0);} .js-enable .js-fadein-slow-right, .js-enable .js-fadein-fast-right{transform: translate(-58px,0);} .js-enable .js-fadein-slow-up, .js-enable .js-fadein-fast-up{transform: translate(0,29px);} /*.js-enable .js-fadein-down{transform: translate(0,-41px);}*/ .js-enable [class*="js-fadein-"].on{opacity: 1; transform: translate(0,0);} 
    }
@media print {
    .js-enable [class*="js-fadein-"]{opacity: 1;} .js-enable .js-fadein-slow-left, .js-enable .js-fadein-fast-left{transform: translate(0,0);} .js-enable .js-fadein-slow-right, .js-enable .js-fadein-fast-right{transform: translate(0,0);} .js-enable .js-fadein-slow-up, .js-enable .js-fadein-fast-up{transform: translate(0,0);} /*.js-enable .js-fadein-down{transform: translate(0,0);}*/ .js-enable [class*="js-fadein-"].on{opacity: 1; transform: translate(0,0);} 
    }