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

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

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

*{font-family: 'AvenirNextLTPro-Medium', sans-serif;} [class*="link-"] p{font-family: 'AvenirNextLTPro-Demi', sans-serif;} .h0, h1, .h1, h2, .h2, h3, .h3, .written-bold, .written-badge, [class*="link-"] .h2, [class*="link-"] .h3, label{font-family: 'AvenirNextLTPro-Bold', sans-serif;} .written-badge{transform: rotate(-2.5deg); padding: calc(0.2vw + 0.2vh + 2.0px) calc(0.4vw + 0.4vh + 4px) calc(0.1vw + 0.1vh + 1.0px) calc(0.4vw + 0.4vh + 4px);} 

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



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

#body-main.toggle, #body-footer.toggle{opacity: .17;} .opacity-high{opacity: .87;} .opacity-middle{opacity: .44;} .opacity-low{opacity: .34;} 

/*.color-set-light:root, .color-set-dark .color-invers:root{--color-back-deep: #E9E7D8; --color-back: #EFEEE6; --color-back-light: #F7F6F3; --color-front-light: #1D4E5D; --color-front: #1B404B; --color-front-deep: #18323A;} .color-set-dark:root, .color-set-light .color-invers:root{--color-back-deep: #18323A; --color-back: #1B404B; --color-back-light: #1D4E5D; --color-front-light: #F7F6F3; --color-front: #EFEEE6; --color-front-deep: #E9E7D8;} :root{--color-gold: #A09A6A;} */

.color-set-light, .color-set-dark .color-invers, .color-set-dark .front-invers{--color-back-deep: #E9E7D8; --color-back: #EFEEE6; --color-back-light: #F7F6F3; --color-front-light: #1D4E5D; --color-front: #1B404B; --color-front-deep: #18323A;} .color-set-dark, .color-set-light .color-invers, .color-set-light .front-invers{--color-back-deep: #18323A; --color-back: #1B404B; --color-back-light: #1D4E5D; --color-front-light: #F7F6F3; --color-front: #EFEEE6; --color-front-deep: #E9E7D8;} :root{--color-gold: #A09A6A;} 

[class*="color-set-"], [class*="color-set-"] .color-invers{background-color: var(--color-back);} [class*="symbol-"] [class*="shape-"]{background-color: var(--color-front);} h1, h2, p, a, input, textarea, select, label, ::placeholder{color: var(--color-front);} /*[class*="color-set-"] .color-invers{background-color: var(--color-front);} [class*="color-set-"] .color-invers{background-color: var(--color-front);} .color-invers [class*="symbol-"] [class*="shape-"]{background-color: var(--color-back);} .color-invers h1, .color-invers h2, .color-invers h3, .color-invers p, .color-invers a{color: var(--color-back);} */

.back-light{background-color: var(--color-back-light);} .back-deep{background-color: var(--color-back-deep);} 

.js-cursor-outer, .js-cursor-inner{background-color: var(--color-gold);} 

.symbol-author{background-color: var(--color-back);} .symbol-author p{color: var(--color-front);} 

.js-tab-link .symbol-blur{background-color: transparent; opacity: 0.21;}
.link-blur .symbol-blur, .js-tab-link.on .symbol-blur{background-color: var(--color-front); opacity: 0.21;} .form-multistep .symbol-blur, .link-blur:hover .symbol-blur, .js-tab-link.on:hover .symbol-blur{opacity: 0.29;} .form-multistep .link-blur:hover .symbol-blur{opacity: .37;} .link-blur{-webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);}  

input, textarea, select{background-color: rgba(27,64,75,0.07);} input:hover, textarea:hover, select:hover{background-color: rgba(27,64,75,0.14);}

/*.filter-shadow{filter: drop-shadow(0px 0px 14px var(--color-front));} var(--color-back)*/

.gradient-radial{background-image: radial-gradient(transparent 0%, transparent 65%, var(--color-back-deep) 100%);} /*.gradient-horizontal{background-image: linear-gradient(90deg, var(--color-back) 0%, var(--color-back) calc(2.5% + 2.5px), transparent calc(7% + 7px), transparent calc(93% - 7px), var(--color-back) calc(97.5% - 2.5px), var(--color-back) 100%);}*/ .gradient-horizontal{background-image: linear-gradient(90deg, var(--color-back) 0%, var(--color-back) calc(2.5% + 2.5px), transparent 20%, transparent 80%, var(--color-back) calc(97.5% - 2.5px), var(--color-back) 100%);} .gradient-right{background-image: linear-gradient(90deg, transparent 0%, transparent 50%, var(--color-back-deep) 100%);} .gradient-left{background-image: linear-gradient(270deg, transparent 0%, transparent 50%, var(--color-back-deep) 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*="space-"]{position: relative; display: block; width: 100%;} [class*="-section"]{position: relative; display: block; width: 100%; margin: 0 auto; text-align: center; overflow: hidden;} [class*="layer-"], [class*="frame-"]{position: relative; display: block; margin: 0 auto;} [class*="grid-"], [class*="inline-"]{position: relative; display: inline-block; vertical-align: middle;} [class*="grid-"], [class*="inline-"], [class*="content-"]{text-align: left;} .inline-67{width: 66.67%;} .inline-50{width: 50%;} .inline-33{width: 33.33%;} 

.vertical-top{vertical-align: top;} .vertical-middle{vertical-align: middle;} .vertical-bottom{vertical-align: bottom;} .overflow-hidden{overflow: hidden;}

/*.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-back-cover, .image-absolute, .content-absolute{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%);} .frame-back-cover{width: 100%; height: 100%;} 

[class*="gradient-"]{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%); width: calc(100% + 4px); height: calc(100% + 4px); pointer-events: none;}

.grid-100{width: 100%;} .grid-0, .inline-0{display: none;} .content-absolute{width: 100%; height: auto;} .image-cover{width: 100%; height: 100%; object-fit: cover; object-position: center center;} .image-contain{width: 100%; height: 100%; object-fit: contain;}

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

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

.section-layer-full{width: 100%;} 

.space-default{height: calc(2.8vw + 2.8vh + 28px);} 
.space-flat{height: calc(0.7vw + 0.7vh + 7px);} 
.padding-default{padding: calc(0.7vw + 0.7vh + 7px) calc(2.5% + 2.5px);} 
.padding-flat{padding: calc(0.2vw + 0.2vh + 2.0px) calc(2.5% + 2.5px);} 
.padding-side{padding: 0 calc(2.5% + 2.5px);} 
.padding-wide{padding: calc(0.7vw + 0.7vh + 7px) calc(5% + 5px);} 
.list-symbol .list-item{margin-top: calc(0.25vw + 0.25vh + 2.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;} [class*="link-"] p{text-decoration: none; /*text-transform: uppercase; /font-weight: 700;*/ /*letter-spacing: 2px;*/} .link-text{display: inherit !important; text-decoration: underline; opacity: 1;} 

.list-link{display: block; margin: 0 -12px;} .list-link .list-item{margin: 3px 8px;} .list-link [class*="link-"] p{padding: 8px 4px;} .list-link .link-image{margin: 9px 4px;} [class*="link-slide-"]{position: absolute; display: block; bottom: 50%; width: calc(2.8vw + 2.8vh + 28px); height: calc(2.8vw + 2.8vh + 28px);} [class*="link-slide-"] .image-absolute{width: 50%; height: 50%;} .link-slide-left{left: calc(7% + 7.5px); transform: translate(-50%,50%);} .link-slide-right{right: calc(7% + 7.5px); transform: translate(50%,50%);} 

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

.link-share{width: 42px; height: 42; overflow: visible;} .link-share .image-absolute{width: 38px;}
.link-button{padding: calc(1.0vw + 1.0vh + 10px) calc(1.4vw + 1.4vh + 14px); z-index: 11;} .link-tab{margin-left: 3px; vertical-align: middle;} .link-brand:hover{opacity: .57;}



/* -------------------------------------------------- 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: 38px; height: 3px;} .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-"]{bottom: 50%; width: 30%; height: 30%; border-radius: 25%;} .list-symbol .symbol-dot [class*="shape-"]{bottom: 58%;} 

.symbol-link{position: relative; display: block;} .symbol-link [class*="shape-"]{height: 100%; border-radius: 1px;} 
.symbol-blur{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%); width: 100%; height: 100%; transition-duration: .27s;} 

[class*="link-"] .symbol-link{position: absolute; right: 50%; transform: translate(50%,0); width: 100%;} [class*="link-"] .symbol-link .shape-0{width: 0;} .link-default .symbol-link{bottom: 4px; height: 2.5px;} .link-default:hover .symbol-link .shape-0, .link-default-active .symbol-link .shape-0{width: calc(100% - 8px);} .link-tab .symbol-link{bottom: 0; height: 3px;} .link-tab:hover .symbol-link .shape-0, .js-tab-link.on .symbol-link .shape-0{width: 100%;} 

.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); transform: translate(50%,50%)rotate(37.5deg);} 
.symbol-information .shape-1{right: calc(50% - 4px); 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);} 

.symbol-sequence{position: absolute; display: block; bottom: 50%; transform: translate(50%,50%); width: 3px; height: calc(100% - 5.6vw - 5.6vh - 56px); overflow: hidden;} .symbol-sequence .shape-0{width: 100%; height: 100%; opacity: .1;} .symbol-sequence .shape-1{bottom: auto; top: 0; transform: translate(50%,0); width: 100%; height: 50vh;} 

.symbol-step{position: absolute; display: block; bottom: 50%; transform: translate(50%,50%); width: calc(0.7vw + 0.7vh + 7px); height: calc(0.7vw + 0.7vh + 7px);} .symbol-step [class*="shape-"]{width: calc(0.35vw + 0.35vh + 3.5px); height: calc(0.35vw + 0.35vh + 3.5px); border-radius: 25%;}



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



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

#html-body{--padding-horizontal: 0.02; --padding-vertical: calc(0.7vw + 0.7vh + 7px); --padding-link: 4px; --padding-button: calc(0.9vw + 0.9vh + 9px); --padding-form: calc(0.2vw + 0.2vh + 2px);} 



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

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

#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, [class*="multistep-"] select{padding: var(--padding-button) calc(3 * 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: var(--padding-form) 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; padding-left: calc(3 * 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); font-weight: 500; 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{transition-duration: .14s;} ::placeholder{opacity: .29;}

.list-indicator .list-item{position: relative; display: none;} .list-indicator .list-item.toggle{display: block;} .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; transform: translate(0,50%); width: 0; transition-duration: .57s;}

.form-multistep .image-absolute{right: calc(2 * var(--padding-form)); bottom: calc(50% - 4px); transform: translate(0,50%); width: auto; height: 30%;}

.form-multistep .link-button{display: block;}



/* -------------------------------------------------- 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 ---------- */

[class*="navigation-"]{z-index: 10;} #body-header{position: absolute;} .header-navigation{position: relative; display: block;} [class*="grid-nav-"]{vertical-align: middle;} .grid-nav-left{width: calc(12.5% + 200px);} .grid-nav-right{width: calc(87.5% - 200px);} 

.link-brand{width: 100%; z-index: 11;} .link-brand .image-absolute{width: 100%;} 

.link-navigation{z-index: 11; cursor: pointer;} .link-navigation{position: relative; display: inline-block; vertical-align: middle;}



/* -------------------------------------------------- frame ---------- */

iframe{display: block; margin: 0; padding: 0; border: none;} [class*="frame-"]{position: relative; display: block; width: 100%;} .frame-1to1{padding-top: 100%;} .frame-2to1{padding-top: 50%;} .frame-16to9{padding-top: 56.25%;} .frame-4to3{padding-top: 75%;} .frame-brand{padding-top: 20%;} .frame-map{padding-top: 97%;} 

.frame-fullscreen{padding-top: 100vh;} .frame-fullscreen .content-absolute{bottom: 0; transform: translate(0,0); width: 75%; right: auto; left: 0;} 

/*:root{--frame-space: 0.2vw;} */

.frame-16to9, .frame-9to16, .frame-3to4, .frame-1to1{position: relative; display: block; width: 100%;} .frame-16to9{padding-top: 56.25%;} .frame-9to16{padding-top: 177.78%;} .frame-3to4{padding-top: 133.33%;} .frame-1to1{padding-top: 100%;}

.frame-33, .frame-50, .frame-100{position: relative;} .frame-33{display: inline-block; width: 33.33%;} .frame-50{display: inline-block; width: 50%;} .frame-100{display: block; width: 100%;} /*.frame-4to1 .frame-33{padding: var(--frame-space);} */

[class*="overflow-"]{position: relative;} .overflow-horizontal{margin: 0 -20%; width: 140%;} .overflow-vertical{margin: 0 0%; width: 100%;} .frame-4to1{position: relative; width: 100%; padding-top: 25%/*calc(25% + var(--frame-space))*/;} 

[class*="frame-back-"]{position: absolute; padding-top: 0;} 
.frame-back-cover{right: 50%; bottom: 50%; transform: translate(50%,50%); width: 100%; height: 100%;} 
.frame-back-zoom{right: 50%; bottom: 50%; transform: translate(50%,50%); width: 100; height: 120%;} 
.frame-back-bottom{right: 50%; bottom: 5%; transform: translate(50%,12.5%); width: 100%; height: auto;} 


.frame-back-topleft{left: 0; top: 0; width: 66.67%; padding-top: 50%;} 



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

[class*="item-icon-"]{position: relative; display: block;} .image-icon{position: absolute; display: block; transform: translate(0,-50%);} .item-icon-left .image-icon{left: 0;} .item-icon-right .image-icon{right: 0;} 

.link-download{padding: 15px 5px;} .link-download .image-absolute{right: 5px; transform: translate(0,50%); height: auto;} .link-download:hover .image-absolute{opacity: .5;}  

#main-founder .opacity-middle{opacity: .71;}
#main-location .image-absolute{transform: translate(50%,0); width: calc(1.4vw + 1.4vh + 14px);} 
#main-form{max-width: calc(500px + 50%);}

.map-info{position: absolute; display: block; right: 70%; bottom: 70%; transform: translate(50%,50%)scale(0.65); width: calc(160px + 8vw);} 

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


/* -------------------------------------------------- tab ---------- */

.js-tab-target{display: block; height: 0; overflow: hidden; padding: 0 calc(2.5% + 2.5px);} .js-tab-target.on{height: auto; padding: calc(0.7vw + 0.7vh + 7px) calc(2.5% + 2.5px);} .tab-title{padding-left: 0;}

.js-tab-target .inline-33 .h3{margin-left: calc(10px + 0.5vw);} 


/* -------------------------------------------------- date & month ---------- */

.js-date-item{display: table-row;} .js-date-item.hide{display: none;} 



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

#backlink .image-relative{display: inline-block; margin-left: 2px; 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;}

#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;} 



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

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

.js-impression-slide .slide-wrapper{width: 500%; padding: 0;} .js-impression-slide .impression-item{position: relative; display: block; padding: 0 0;} 



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

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

.review-slide .review-item{position: relative; display: block; padding: 0 calc(4.17% + 2.5px)/*calc(5% + 2.5px)*/;} 



/* -------------------------------------------------- review ---------- */

.review-stars{position: relative; display: inline-block; width: calc(12% + 120px); padding-top: calc(1.9% + 19px); background-size: 20% 100%; background-repeat: repeat; background-image: url("../img/Symbol/Symbol-Allgemein_Stern.svg");}
.symbol-author, .author-name{position: relative; display: inline-block; vertical-align: middle;}
.symbol-author{width: calc(40px + 2%); padding-top: calc(40px + 2%); border-radius: 50%;} .symbol-author .content-absolute{bottom: 45%;} .author-name{width: calc(98% - 40px); padding-left: calc(10px + 0.5%);}



/* -------------------------------------------------- fan ---------- */

.js-fan-item{opacity: 0; transition-duration: .71s;} .js-fan-item.toggle{opacity: 1;} 
.js-fan-item .image-cover{transition-duration: 15.7s; transform: scale(1.41);} 
.js-fan-item.toggle .image-cover{transform: scale(1);} 

.js-fan-text{opacity: 0; transition-duration: .71s; pointer-events: none; z-index: 0;} .js-fan-text.toggle{opacity: 1; pointer-events: auto; z-index: 7;} 

.js-fan-link{overflow: visible;} 
[class*="link-fan-"]{position: absolute; display: block; transform: translate(50%,50%);} 
.link-fan-00{right: 37%; bottom: 62%;} 
.link-fan-01{right: 46%; bottom: 52%;} 
.link-fan-02{right: 31%; bottom: 44%;} 
.link-fan-03{right: 47%; bottom: 39%;} 
.link-fan-04{right: 56%; bottom: 21%;} 


.js-fan-link .shape-0{background-color: transparent; border: solid 2px var(--color-front);} .js-fan-link:hover .shape-0, .js-fan-link.toggle .shape-0{background-color: var(--color-front);} .js-fan-link:hover .shape-2, .js-fan-link.toggle .shape-2{background-color: var(--color-back);} 


.symbol-fan{position: relative; display: block; width: 48px; height: 48px;} 
.symbol-fan [class*="shape-"]{border-radius: 50%;} 
.symbol-fan .shape-0{width: 29px; height: 29px;} 
.symbol-fan .shape-1, .symbol-fan .shape-2{width: 4px; height: 4px;} 
.symbol-fan [class*="text-"]{bottom: calc(50% - 2px); transform: translate(0,0); width: calc(90px + 3vw);} 
.symbol-fan .text-0{right: auto; left: calc(50% + 17px);} 
.symbol-fan .text-1{right: calc(50% + 17px); text-align: right;} 



[class*="link-fan-"] .shape-1{animation: animation-symbol-fan 4.1s linear infinite;} 

@keyframes animation-symbol-fan{0%{width: 4px; height: 4px; opacity: 1;}4%{width: 12px; height: 12px; opacity: 1;}12%{width: 28px; height: 28px; opacity: 0.41;}41%{width: 59px; height: 59px; opacity: 0;}95%{width: 59px; height: 59px; opacity: 0;}95%{width: 4px; height: 4px; opacity: 0;}} 

.link-fan-00 .shape-1{animation-delay: 0s;} 
.link-fan-01 .shape-1{animation-delay: 0.2s;} 
.link-fan-02 .shape-1{animation-delay: 0.4s;} 
.link-fan-03 .shape-1{animation-delay: 0.6s;} 
.link-fan-04 .shape-1{animation-delay: 0.8s;} 


/* -------------------------------------------------- impression ---------- */

.js-impression-item{opacity: 0; transition-duration: .71s;} .js-impression-item.toggle{opacity: 1;} 
.js-impression-item .image-cover{transition-duration: 7.1s; transform: scale(1.41);} 
.js-impression-item.toggle .image-cover{transform: scale(1);} 

.js-impression-link{overflow: visible;} .js-impression-link .shape-0{opacity: .57; background-color: var(--color-back);} .js-impression-link.on .shape-0{opacity: 1;} 



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

.js-information-item{position: relative; display: block; padding: calc(0.2vw + 0.2vh + 2.0px) 0;/*padding: 0 0*/;} .information-title{position: relative; display: inline-block; width: 100%; height: auto; padding: calc(0.5vw + 0.5vh + 5px) calc(2.5% + 2.5px); padding-right: calc(2.5% + 2.5px + 29px);} .information-description{max-height: /*calc(0.25vw + 0.25vh + 5.5px)*/4px; overflow: hidden; opacity: 1;} .information-description p{display: block;} .symbol-information{position: absolute; right: calc(2.5% + 2.5px); top: calc(0.5vw + 0.5vh + 5px + 8px + 0.4vw); transform: translate(0,-50%);} 

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

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

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

.information-title:hover{background-color: var(--color-back-deep);}

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



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

[class*="js-fadein-"]{overflow-y: visible;} [class*="js-fadein-fast-"]{transition: transform 740ms ease-in-out 74ms, opacity 470ms ease-in-out 47ms;} [class*="js-fadein-slow-"]{transition: transform 1590ms ease-in-out 159ms, opacity 1170ms ease-in-out 117ms;}



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

.js-approach-item{transition: opacity .17s;}
#html-body, [class*="link-"]{transition-duration: .27s;}
#body-main, #body-footer, .frame-navigation{transition-duration: .54s;}
.symbol-sequence .shape-1{transition-duration: 0s;} 



/* -------------------------------------------------- media query ---------- */
h1{display: block;} 
/*.h0, h1, .h1, h2, .h2{text-transform: uppercase;}*/
/*h1, .h1, h2, .h2{ opacity: 1;} h1, .h1{letter-spacing: -2px;} h2, .h2, .h3{letter-spacing: -1px;} .h3{letter-spacing: 1px;} p{letter-spacing: 0.5px;}*/

.section-layer-default{width: 95%;} .section-layer-thin{width: 85%;} 
/*[class*="inline-"]{outline: solid 4px blue;}*/ 

@media(max-width: 1039px){
    .link-navigation{display: inline-block;} .navigation-card{position: fixed; display: block; right: -100%; bottom: 0; width: 100%; height: 100%; background-color: var(--color-back);} #body-header.toggle .navigation-card{right: 0;} .navigation-card .list-link{position: absolute; display: block; right: 50%; bottom: 45%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); text-align: left;} .navigation-card .list-link .list-item{display: block; width: calc(200px + 10vw);} 
    
    .space-high{height: calc(8.4vw + 8.4vh + 84px);} .section-layer-full{max-width: 720px;} .section-layer-default{max-width: 684px;} .section-layer-thin{max-width: 612px;} .grid-85, .grid-75, .grid-67, .grid-62, .grid-50, .grid-38, .grid-33, .grid-25, .grid-15, .grid-fix, .grid-flex{width: 100%;} .grid-45{margin-left: 8%; width: 92%;} .desktop-right{float: none;} .only-mobile{display: block;} .only-desktop{display: none;} .frame-text{padding-top: calc(480px - 15%);} 
    
    [class*="desktop-absolute-"]{position: relative; display: block; right: auto; left: auto; bottom: auto; transform: translate(0,0);} 
    
	h1, p, input, textarea, select, option, .link-text{line-height: calc(20px + 0.50vw); font-size: calc(14px + 0.35vw);} 
    [class*="link-"] p{line-height: calc(18px + 0.45vw); font-size: calc(12px + 0.3vw); letter-spacing: calc(0.6px + 0.015vw);} .written-small{line-height: calc(16.8px + 0.42vw); font-size: calc(11.2px + 0.28vw);} 
    h3, .h3, [class*="link-"] .h3, #body-header [class*="link-"] p{line-height: calc(20px + 1.0vw); font-size: calc(14px + 0.7vw);} 
    h2, .h2, [class*="link-"] .h2{line-height: calc(26px + 2.6vw); font-size: calc(22px + 2.2vw);} 
    .h1{line-height: calc(22px + 4.4vw); font-size: calc(20px + 4.0vw););} .h0{line-height: calc(26px + 5.2vw); font-size: calc(24px + 4.8vw);} 
    
    .image-icon{top: calc(12px + 0.6vw); width: calc(24px + 1.2vw); height: calc(24px + 1.2vw);} .item-icon-left{padding-left: calc(32px + 1.6vw);} .item-icon-right{padding-right: calc(32px + 1.6vw);} .link-download{padding-right: calc(24px + 0.6vw + 10px);} .link-download .image-absolute{width: calc(24px + 0.6vw);} 
	
    .list-symbol .list-item{padding-left: calc(20px + 0.50vw + 5px);} .list-symbol [class*="symbol-"]{width: calc(20px + 0.50vw); height: calc(20px + 0.50vw);} [class*="link-impression-"] [class*="symbol-"]{width: calc(40px + 1.0vw); height: calc(40px + 1.0vw);} 
    
    .overflow-horizontal .frame-4to1, .overflow-horizontal .frame-4to3{min-height: 200px;} .overflow-horizontal .frame-4to1{padding-top: 25%;} .overflow-horizontal .frame-4to3{padding-top: 75%;} .overflow-left{margin-left: 0%;} .overflow-right{margin-right: 0%;} .overflow-map{margin-left: 0%;} 
    
    #main-sequence .frame-4to3{padding-top: 56.25%;} .review-slide .slide-wrapper{width: 1050%; padding: 0 calc(7.8% + 5px);} .symbol-sequence, .symbol-step{right: 96%;} [class*="multistep-"] textarea{height: calc(4 * var(--padding-button) + 2 * (18px + 0.45vw) + 2 * var(--padding-form) + 8px);} 
    }
@media(min-width: 1040px){
    .link-navigation{display: none;} .navigation-card{position: relative; display: inline-block; right: auto; width: auto; height: auto; background-color: transparent;} .navigation-card .list-link{position: relative; display: block; right: auto; bottom: auto; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); text-align: right;} .navigation-card .list-link .list-item{display: inline-block;} 
    
    .space-high{height: calc(11.2vw + 11.2vh + 112px);} .section-layer-full{max-width: 1920px;} .section-layer-default{max-width: 1824px;} .section-layer-thin{max-width: 1632px;} .grid-85{width: 85%;} .grid-75{width: 75%;} .grid-67{width: 66.67%;} .grid-62{width: 61.8%;} .grid-50{width: 50%;} .grid-45{width: 45%;} .grid-38{width: 38.2%;} .grid-33{width: 33.33%;} .grid-25{width: 25%;} .grid-15{width: 15%;} .grid-fix{width: calc(5% + 350px);} .grid-flex{width: calc(95% - 350px);} .desktop-right{float: right;} .only-mobile{display: none;} .only-desktop{display: block;} .js-tab-target .inline-33 .only-desktop{display: inline-block;} .frame-text{padding-top: 75%;} 
    
    [class*="desktop-absolute-"]{position: absolute; display: block; bottom: 50%; transform: translate(0,50%);} .desktop-absolute-right{right: 0;} .desktop-absolute-left{left: 0;} 
    
	h1, p, input, textarea, select, option, .link-text{line-height: calc(18px + 0.45vw); font-size: calc(11.2px + 0.28vw);} 
    [class*="link-"] p{line-height: calc(16.8px + 0.42vw); font-size: calc(10.4px + 0.26vw); letter-spacing: calc(0.6px + 0.015vw);} .written-small{line-height: calc(16.8px + 0.42vw); font-size: calc(9.6px + 0.24vw);} 
    h3, .h3, [class*="link-"] .h3{line-height: calc(18px + 0.9vw); font-size: calc(12px + 0.6vw);} 
    h2, .h2, [class*="link-"] .h2{line-height: calc(25px + 2.5vw); font-size: calc(21px + 2.1vw);} 
    .h1{line-height: calc(22px + 4.4vw); font-size: calc(20px + 4.0vw););} .h0{line-height: calc(26px + 5.2vw); font-size: calc(24px + 4.8vw);} 
    
    .image-icon{top: calc(10px + 0.5vw); width: calc(24px + 1.2vw); height: calc(24px + 1.2vw);} .item-icon-left{padding-left: calc(32px + 1.6vw);} .item-icon-right{padding-right: calc(32px + 1.6vw);} .link-download{padding-right: calc(22px + 0.55vw + 10px);} .link-download .image-absolute{width: calc(22px + 0.55vw);} 
    
    .list-symbol .list-item{padding-left: calc(18px + 0.45vw + 5px);} .list-symbol [class*="symbol-"]{width: calc(18px + 0.45vw); height: calc(18px + 0.45vw);} [class*="link-impression-"] [class*="symbol-"]{width: calc(36px + 0.9vw); height: calc(36px + 0.9vw);} 
    
    .overflow-horizontal .frame-4to1, .overflow-horizontal .frame-4to3{min-height: none;} .overflow-horizontal .frame-4to1{padding-top: 18.75%;} .overflow-horizontal .frame-4to3{padding-top: 56.25%;} .overflow-left{margin-left: -90%;} .overflow-right{margin-right: -90%;} .overflow-map{margin-left: -38.2%;} 
    
    #main-sequence .frame-4to3{padding-top: 66.67%;} .review-slide .slide-wrapper{width: 600%; padding: 0 calc(33% + 5px);} .symbol-sequence, .symbol-step{right: 50%;} [class*="multistep-"] textarea{height: calc(4 * var(--padding-button) + 3 * (18px + 0.45vw) + 3 * var(--padding-form) + 12px);} 
    }



@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-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);} 
    }