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

*{-webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;} 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: "Author"; src: url("Fonts/Author-Variable.woff2") format("woff2 supports variations"), url("Fonts/Author-Variable.woff2") format("woff2-variations"), url("Fonts/Author-Variable.woff") format("woff supports variations"), url("Fonts/Author-Variable.woff") format("woff-variations"), url("Fonts/Author-Variable.ttf") format("truetype supports variations"), url("Fonts/Author-Variable.ttf") format("truetype-variations"); font-weight: 100 900;}

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

*{font-family: 'FONT1', sans-serif;} h1, h2, h3, [class*="-brand"] p{font-family: 'FONT2', sans-serif;}*/*{font-family: 'Author', sans-serif;}

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: .11;} .opacity-low{opacity: .34;} .opacity-middle{opacity: .52;} .opacity-high{opacity: .80;} 
/* 212 */
.color-set-light.toggle:root{--color-front: hsl(182,41%,29%); --color-back: hsl(182,41%,89%); --color-ci: hsl(182,27%,81%); --color-light: rgba(44,102,104,0.14); --color-deep: rgba(44,102,104,0.78);} .color-set-light.toggle .switch-off{opacity: 1;} .color-set-light.toggle .switch-on{opacity: 0;} 
.color-set-light:root{--color-front: hsl(182,41%,89%); --color-back: hsl(182,41%,29%); --color-ci: hsl(182,27%,38%); --color-light: rgba(215, 238, 238,0.14); --color-deep: rgba(215, 238, 238,0.78);} .color-set-light .switch-off{opacity: 0;} .color-set-light .switch-on{opacity: 1;} 

.color-set-dark:root{--color-back: hsl(340, 72%, 29%); --color-front: hsl(340,100%,100%); --color-ci: rgba(255,255,255,0.12);} 

#html-body, [class*="separator-"]{background-color: var(--color-back);} [class*="symbol-"] [class*="shape-"], .js-cursor-outer, .js-cursor-inner{background-color: var(--color-front);} h1, h2, p, a, label, input, textarea{color: var(--color-front);} 

.symbol-line [class*="shape-"]{background-color: var(--color-ci);} .table-header, .table-header th{border: solid 1px var(--color-ci);} .table-impressions tr, .table-impressions th, .table-staff tr, .table-staff th{border: solid 2px /*var(--color-back)*/transparent;}

.back-back{background-color: var(--color-back);} .color-invers{background-color: var(--color-front);} .color-invers h2, .color-invers p{color: var(--color-back);} 

.color-set-light .background-light{background-color: var(--color-ci);} .color-set-light [class*="link-"]:hover, .color-set-light .markup-current{background-color: var(--color-light);} .color-set-light .color-invers:hover{background-color: var(--color-deep);} 

.color-set-dark .background-light{background-color: hsl(340, 43%, 40%)/*hsl(340, 47%, 37%)*/;} .color-set-dark [class*="link-"]:hover{background-color: rgba(255,255,255,0.11);} .color-set-dark .color-invers:hover{background-color: rgba(255,255,255,0.78);}

.background-ci{background-color: rgba(44,102,104,0.14);}

.symbol-switch .shape-1{background-color: var(--color-back);} .back-05-anthrazitblue .symbol-switch .shape-1{background-color: var(--color-front);} 



/* -------------------------------------------------- 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-"]{position: relative; display: inline-block; vertical-align: middle;} [class*="grid-"], [class*="content-"]{text-align: left;} 

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

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

.text-center, .text-right{position: relative; display: block;} 
.text-left{text-align: left;} .text-center{text-align: center;} .text-right{text-align: right;} 

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

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


.space-flat{height: calc(0.7vw + 0.7vh + 7px);} 


.vertical-bottom{vertical-align: bottom;} .vertical-top{vertical-align: top;} 


.list-symbol .list-item{margin-bottom: calc(0.2vw + 0.2vh + 2px);}



/* -------------------------------------------------- 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: 600; letter-spacing: 1.5px;} .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: 4px 4px;} .list-link .link-image{margin: 9px 4px;}

.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.1vw + 1.1vh + 11px);}

.link-absolute, .link-absolute p{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%);} .link-absolute{width: 100%; height: 100%;} .link-absolute p{width: 80%; text-align: center;}

.link-switch{position: absolute; display: block; right: 0; bottom: 50%; transform: translate(50%,50%); width: calc(51px + 1.7vw); height: calc(51px + 1.7vw); border-radius: 50%;} 

[class*="table-"], [class*="table-"] tbody, [class*="table-"] tr{position: relative; display: block; width: 100%;} [class*="table-"] th{position: relative; display: inline-block;} .only-mobile th{padding-top: 20%;} .only-desktop th{padding-top: 12.5%;} 



/* -------------------------------------------------- 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{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%); width: 54px; height: 54px;} .symbol-navigation [class*="shape-"]{transform: translate(50%,50%)rotate(0deg); width: 38px; height: 2px;} .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%; border-radius: 0%;} 

.symbol-line{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%); width: 100%; height: 100%;} .symbol-line [class*="shape-"]{width: 2px;} 

.symbol-line .shape-left, .symbol-line .shape-right{height: 100%;} .symbol-line .shape-left{right: 62.5%;} .symbol-line .shape-right{right: 37.5%;} 

.symbol-line .shape-top, .symbol-line .shape-bottom{height: 50%;} .symbol-line .shape-top{right: 62.5%; bottom: 75%;} .symbol-line .shape-bottom{right: 37.5%; bottom: 25%;} 

.symbol-switch{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%); width: 50%; height: 50%;} .symbol-switch [class*="image-"]{position: absolute; display: block; right: 20%; bottom: 50%; transform: translate(50%,50%); width: 50%; height: 50%;} .symbol-switch [class*="shape-"]{border-radius: 7px; right: 77%;} .symbol-switch .shape-0{width: 33%; height: 56%;} .symbol-switch .shape-1{bottom: 64%; width: 17%; height: 17%;} [class*="link-"]:hover .symbol-switch .shape-1{bottom: 36%;}



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



/* -------------------------------------------------- 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(2.5% + 180px);} .grid-nav-right{width: calc(97.5% - 180px);} 

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

.link-navigation{z-index: 11; cursor: pointer;} [class*="table-"] .navigation-mobile{max-height: 0; opacity: 0; overflow: hidden; background-color: rgba(255,255,255,0.22);} #body-header.toggle [class*="table-"] .navigation-mobile{max-height: 20vw; opacity: 1; background-color: transparent;} .space-navigation{padding-top: 0;} #body-main.toggle .space-navigation{padding-top: 20%;}



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

[class*="frame-"]{position: relative; display: block; width: 100%;} 
.frame-1to1{padding-top: 100%;} .frame-2to1{padding-top: 50%;} .frame-3to1{padding-top: 33.33%;} 
.frame-16to9{padding-top: 56.25%;} .frame-9to16{padding-top: 177.78%;} .frame-9to8{padding-top: 88.88%;} 

[class*="frame-background-"]{position: absolute; display: block; bottom: 50%; transform: translate(50%,50%); height: 100%;} .frame-background-default{right: 50%; width: 100%;} .frame-background-left, .frame-background-right{width: 37.5%;} .frame-background-left{right: 75%;} .frame-background-right{right: 25%;} .frame-absolute-bottom{position: absolute; display: block; right: 50%; bottom: 0; transform: translate(50%,0);} 

[class*="blinders-"]{position: absolute; display: block; height: 9.375vw;} .blinders-left{left: -1px; top: -1px; width: 37.5%;} .blinders-right{right: -1px; bottom: -1px; width: 62.5%;} 

[class*="separator-"]{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%);} .separator-vertical{width: 2px; height: 100%;}

.col-3of8{width: 37.5%;} .col-2of8{width: 25%;} .col-1of8{width: 12.5%;} .col-3of5{width: 60%;} .col-2of5{width: 40%;} .col-1of5{width: 20%;} .col-1of3{width: 33.33%;} .col-1of2{width: 50%;} 

.table-impressions th{padding-top: 59.26%;} 

[class*="icon-"]{position: relative; display: block;} .icon-left{padding-left: calc(18px + 1.8vw);} .icon-left-small{padding-left: calc(20px + 1.0vw);} .icon-right{padding-right: calc(18px + 1.8vw);} .image-icon{position: absolute; display: block; top: 0; width: calc(16px + 1.6vw);} .image-icon-small{position: absolute; display: block; top: 0; width: calc(16px + 0.8vw);} .icon-left .image-icon{left: calc(-1px - 0.1vw);} .icon-left-small .image-icon-small{left: 0;} .icon-right .image-icon{right: calc(-1px - 0.1vw);} 

.item-subtitle{position: absolute; display: block; right: 0; top: 100%; width: 100%;}



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

#main-offer .content-absolute{bottom: 45%;} 
#main-offer .frame-100vh .content-absolute, #main-about .content-absolute{bottom: 0;} 
.image-seal{display: inline-block; margin-right: calc(10px + 1vw); height: calc(40px + 4vw); width: auto;} 
video, .slide-logo .image-contain{filter: grayscale(100%);} 

#main-review .content-absolute{bottom: 0%; transform: translate(50%,0); pointer-events: none;}



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

#backlink p span{position: relative; display: inline-block; width: 25px; height: 20px; vertical-align: middle;} #backlink .image-absolute{width: 100%; right: 50%;} 



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

.slide-logo, .slide-logo-wrapper{position: relative; display: block;} .slide-logo{width: 100%; height: auto; padding: 0; overflow: hidden;} .slide-logo-wrapper{transform: translate(0px,0px);} .slide-logo .list-item{position: relative; display: inline-block; height: auto; vertical-align: middle;} 

.slide-logo-item{display: block; padding: 0 4px;} @-webkit-keyframes animation-slide-infinity{0%{transform: translate(0px,0px);} 100%{transform: translate(-50%,0px);}} .slide-logo-wrapper:hover{-webkit-animation-play-state:paused; -moz-animation-play-state:paused; -o-animation-play-state:paused; animation-play-state:paused;}

#main-effect .slide-logo .list-item{width: 7.14%;} 



/* -------------------------------------------------- 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{transform: translate(0px,0px);} .slide-multistep .multistep-tab{height: auto; vertical-align: top;}

/*#form-initial .slide-multistep-wrapper{width: 500%;} #form-initial .slide-multistep .multistep-tab{width: 20%;}*/
#form-initial .slide-multistep-wrapper, #form-news .slide-multistep-wrapper{width: 100%;} #form-initial .slide-multistep .multistep-tab, #form-news .slide-multistep .multistep-tab{width: 100%;}
#form-initial .slide-multistep{margin: 7px 0;} #form-news .multistep-tab{padding-top: 7px;} 


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



[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: 7px 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 .multistep-tab p{line-height: 13px; font-size: 13px; font-weight: 500; letter-spacing: 0.5px; 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: 6px;} [class*="multistep-"] fieldset{margin-top: -6px;} [class*="multistep-"] textarea{margin-top: 6px; resize: none;}

[class*="multistep-"] input, #multistep-initial .input-checkbox{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; transform: translate(0,50%); width: 0; transition-duration: .57s;}

[class*="multistep-"] input, [class*="multistep-"] textarea{padding: calc(1.1vw + 1.1vh + 11px);} 

#news-optin{position: relative; display: block; padding-left: 34px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} #news-optin input{position: absolute; width: 0; height: 0; opacity: 0; cursor: pointer;} .checkmark{position: absolute; left: 0; top: 0; width: 24px; height: 24px;} .checkmark:after{position: absolute; display: none; content: "";} #news-optin input:checked ~ .checkmark:after{display: block;} #news-optin .checkmark:after{left: 8px; top: 4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 5px; height: 10px; border-style: solid; border-width: 0 3px 3px 0;}

.checkmark{background-color: var(--color-back);} #news-optin:hover input ~ .checkmark{background-color: rgb(24,27,37,0.08);} #news-optin input:checked ~ .checkmark{} #news-optin .checkmark:after{border-color: var(--color-front);} 


::placeholder{color: var(--color-front); opacity: .29;} [class*="multistep-"] input, [class*="multistep-"] textarea{background-color: rgba(139,50,80,0.5);} [class*="multistep-"] input:hover, [class*="multistep-"] textarea:hover{background-color: rgba(139,50,80,1);}



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



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

.js-approach-item{transition: opacity .17s;} 
#html-body, /*h1, h2, h3, p,*/ [class*="link-"]{transition-duration: .27s;} 
#body-main, #body-footer, .frame-navigation, .space-navigation, .navigation-mobile{transition-duration: .71s;} 



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

h1, .h1, h2, .h2{ opacity: 1;} h1, .h1{font-weight: 700; letter-spacing: 1px;} h2, .h2, .h3, .written-bold{font-weight: 600; letter-spacing: 0.5px;} .h3{letter-spacing: 0px;} p{font-weight: 400; letter-spacing: 0.5px;}

@media(max-width: 1039px){
    .section-layer-full{max-width: 720px;} .section-layer-default{width: 85%; max-width: 612px;} .section-layer-thin{width: 70%; max-width: 504px;} .padding-mini{padding: calc(0.2vw + 0.2vh + 2px) 4%;} .padding-small{padding: calc(0.5vw + 0.5vh + 5px) 2.5%;} .padding-default{padding: calc(0.7vw + 0.7vh + 7px) 3.125%;} .padding-side{padding: 0 3.125%;} .space-default{height: calc(2.1vw + 2.1vh + 21px);} [class*="margin-"]{margin: 0 0;} 
    
    #body-header .grid-3of8{width: 50%;} #body-header .grid-4of8{position: fixed; display: block; right: -100%; bottom: 0; width: 100%; height: 100%; background-color: var(--color-back);} #body-header.toggle .grid-4of8{right: 0;} .table-header .image-absolute{right: 59%; width: 49%;} .table-header .link-switch{right: 17%;} 
    
    .grid-7of8, .grid-6of8, .grid-5of8, .grid-4of8, .grid-3of8, .tab-50, .grid-50, .grid-33{width: 100%;} .grid-25{width: 50%;} .grid-1of8{width: 25%;} .desktop-right{float: none;} .only-mobile{display: block;} .only-desktop{display: none;} .frame-100vh{padding-top: 75%;} 
    
    p, input, textarea, .link-text{line-height: calc(16.5px + 0.55vw); font-size: calc(12px + 0.4vw);} [class*="link-"] p{line-height: calc(15px + 0.5vw); font-size: calc(10.5px + 0.35vw);} 
    h3, .h3, [class*="link-"] .h3{line-height: calc(15px + 1.5vw); font-size: calc(12px + 1.2vw);} 
    h3, .h3, [class*="link-"] .h3{line-height: calc(17px + 1.7vw); font-size: calc(14px + 1.4vw);} 
    h2, .h2, [class*="link-"] .h2{line-height: calc(17px + 3.4vw); font-size: calc(16px + 3.2vw);} 
    h1, .h1{line-height: calc(19px + 3.8vw); font-size: calc(18px + 3.6vw);} 
	
    .list-symbol .list-item{padding-left: calc(16.5px + 0.55vw + 5px);} .list-symbol [class*="symbol-"]{width: calc(16.5px + 0.55vw); height: calc(16.5px + 0.55vw);} #main-video .frame-2to1{padding-top: calc(70% + 70px);} #main-effect .slide-logo-wrapper{width: 700%; animation: animation-slide-infinity 41s linear infinite;} #frame-intro-foto{right: 37.5%; bottom: 50%; width: 66.67%; height: 100%;} 
    }
@media(min-width: 1040px){
    .section-layer-full{max-width: 2400px;} .section-layer-default{width: 85%; max-width: 2040px;} .section-layer-thin{width: 70%; max-width: 1680px;} .padding-mini{padding: 0.75vw 1.25vw;} .padding-small{padding: 2.5vw 2.5vw;} .padding-flat{padding: 1.5vw 3.125vw;} .padding-default{padding: 3.125vw 3.125vw;} .padding-side{padding: 0 3.125vw;} .space-default{height: 6.25vw;} .margin-bottom{margin-bottom: 9.375vw;} .margin-top{margin-top: 9.375vw;} .margin-top-small{margin-top: 3.125vw;} 
    
    #body-header .grid-4of8{position: relative; display: inline-block; right: auto; width: 50%; height: auto; background-color: transparent;} #body-header .grid-4of8 .frame-1to1{display: inline-block; width: 25%; padding-top: 25%;} .table-header .image-absolute{right: 66%; width: 35%;} .table-header .link-switch{right: 18%;} 
    
    .grid-7of8{width: 87.5%;} .grid-6of8{width: 75%;} .grid-5of8{width: 62.5%;} .grid-4of8{width: 50%;} .grid-3of8{width: 37.5%;} .grid-1of8{width: 12.5%;} .grid-50, .tab-50{width: 50%;} .grid-33{width: 33.33%;} .grid-25{width: 25%;} .desktop-right{float: right;} .only-mobile{display: none;} .only-desktop{display: block;} .frame-100vh{padding-top: 100vh;} 
    
    p, input, textarea, .link-text{line-height: calc(14px + 0.7vw); font-size: calc(10px + 0.5vw);} [class*="link-"] p{line-height: calc(13px + 0.65vw); font-size: calc(9px + 0.45vw);} 
    h3, .h3, [class*="link-"] .h3{line-height: calc(14px + 1.4vw); font-size: calc(12px + 1.2vw);} 
    h2, .h2, [class*="link-"] .h2{line-height: calc(13.5px + 2.7vw); font-size: calc(13.5px + 2.7vw);} 
    h1, .h1{line-height: calc(13px + 3.9vw); font-size: calc(13px + 3.9vw);} 
    
    .list-symbol .list-item{padding-left: calc(14px + 0.7vw + 5px);} .list-symbol [class*="symbol-"]{width: calc(14px + 0.7vw); height: calc(14px + 0.7vw);} #main-video .frame-2to1{padding-top: 50%;} #main-effect .slide-logo-wrapper{width: 450%; animation: animation-slide-infinity 41s linear infinite;} #frame-intro-foto{right: 50%; bottom: 37.5%; width: 100%; height: 75%;} #frame-intro-foto .image-contain{object-position: 75% bottom;} 
    }



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