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

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

*{font-family: 'Hind', sans-serif;} .h0, h1, .h1, h2, .h2, h3, .h3{font-family: 'Cormorant', sans-serif;} p{word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto;} .h0, .h1, .h2, .written-title, .link-modul .inline-75 p{word-break: normal; -webkit-hyphens: manual; -ms-hyphens: manual; -o-hyphens: manual; hyphens: manual;} .h0, h1, .h1, h2, .h2{font-weight: 400;} .h3{font-weight: 500;} p{font-weight: 400;} .written-bold{font-weight: 650;} 



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

#body-main.toggle, #body-footer.toggle{opacity: .07;} .opacity-high{opacity: .71;} .opacity-middle{opacity: .51;} .opacity-low{opacity: .11;} .opacity-map{opacity: .37;} .opacity-label{opacity: .21;} 

.color-set-light, .color-set-dark .color-invers, .color-set-dark .front-invers{--color-back: #FFFFFF; --color-front: #2A2E27;} .color-set-dark, .color-set-light .color-invers, .color-set-light .front-invers{--color-back: #2A2E27; --color-front: #FFFFFF; --color-switch-default: #2A2E27; --color-switch-light: hsl(94,8%,29%);} [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, p, a, input, textarea, label, ::placeholder, .js-cursor-text{color: var(--color-front);} 

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

.back-light{background-color: rgba(255,255,255,0.07);} .back-deep{background-color: rgba(4,25,34,0.49);} .link-button, .back-blur{-webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);} .dropdown-item-down .back-light{background-color: rgba(255,255,255,0.07);} .text-shadow{text-shadow: -0.1px -0.1px 2px rgba(4,25,34,0.4), 0.1px -0.1px 2px rgba(4,25,34,0.4), 0.1px 0.1px 2px rgba(4,25,34,0.4), 0.1px 0.1px 2px rgba(4,25,34,0.4);} 

.spitzbart-seminare .back-deep{background-color: rgba(42,46,39,0.49);} .spitzbart-seminare .text-shadow{text-shadow: -0.1px -0.1px 2px rgba(42,46,39,0.4), 0.1px -0.1px 2px rgba(42,46,39,0.4), 0.1px 0.1px 2px rgba(42,46,39,0.4), 0.1px 0.1px 2px rgba(42,46,39,0.4);} 

[class*="table-"] td{border-top-color: rgba(255,255,255,0.5);} input, textarea{background-color: rgba(255,255,255,0.06);} input:hover, textarea:hover, #form-news .checkmark{background-color: rgba(255,255,255,0.10);} #news-optin:hover input ~ .checkmark{background-color: rgba(255,255,255,0.14);}


.hover-remove, .hover-add, .hover-transform, .hover-expand{transition: opacity .57s, max-height .57s, transform .97s;} .hover-expand{max-height: 0; opacity: 0;} 
.link-modul:hover .hover-remove, .hover-add{opacity: 0;} 
.hover-remove, .link-modul:hover .hover-add{opacity: 1;} 
.hover-transform{transform: translate(50%,50%)scale(1);} .link-modul:hover .hover-transform{transform: translate(50%,50%)scale(1.07);} 
.link-modul:hover .hover-expand{max-height: 240px; opacity: 1;} 



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

[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%);} 

.mask-diagonal-default{-webkit-mask-image: linear-gradient(-22.5deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 29%, rgba(0,0,0,1) 71%, rgba(0,0,0,0) 100%); -webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center;} 



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

.js-cursor-outer, .js-cursor-inner, .js-cursor-text{position: fixed; display: block; transform: translate(-50%,-50%); border: none; border-radius: 50%; z-index: 999; pointer-events: none;} .js-cursor-text{transform: translate(-50%,-50%)scale(0); width: 159px; text-align: center; /*text-transform: uppercase;*/ font-weight: 600; opacity: 0.21;} .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-text{transition: left .19s ease-out, top .19s ease-out, transform .29s ease-in-out, opacity .29s ease-in-out;} 

.js-cursor-outer{width: 41px; height: 41px; opacity: 0.04;} .js-cursor-inner{width: 6px; height: 6px; opacity: .57;} .js-cursor-outer.hover{width: 171px; height: 171px;} .js-cursor-outer.hover{opacity: 0.04;} .js-cursor-inner.hover{width: 157px; height: 157px; opacity: 0;} .js-cursor-text.hover{transform: translate(-50%,40%)scale(1);}

.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: 93px 70px/*112px 84px 24px 24px, 466px 349px*/; background-repeat: repeat; pointer-events: none; /*z-index: 999;*/} 

.body-texture-light{background-image: url("../img/spitzbart.com_Textur-Hell.webp"); opacity: .91;} 
.spitzbart-masterclass .body-texture-light{opacity: .91;} .spitzbart-seminare .body-texture-light{opacity: 1;} 



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

#html-body{--padding-horizontal: 0.02; --padding-vertical: calc(0.7vw + 0.7vh + 7px); --padding-link: 4px; --padding-button: calc(0.5vw + 0.5vh + 5px); --padding-form: calc(0.2vw + 0.2vh + 2px); --overlay-factor: 0.3;} 



/* -------------------------------------------------- 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(10 * var(--padding-vertical));} .space-default{height: calc(3 * var(--padding-vertical));} .space-flat{height: var(--padding-vertical);} .space-mini{height: calc(var(--padding-vertical) / 3);} 



/* -------------------------------------------------- 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: middle; text-align: left;} 

.grid-100, .inline-100{width: 100%;} .inline-85{width: 85%;} .inline-80{width: 80%;} .inline-75{width: 75%;} .inline-67{width: 66.67%;} .inline-62{width: 61.8%;} .inline-55{width: 55.55%;} .inline-50{width: 50%;} .inline-44{width: 44.44%;} .inline-38{width: 38.2%;} .inline-33{width: 33.33%;} .inline-25{width: 25%;} .inline-20{width: 20%;} .inline-fix{width: calc(4 * var(--padding-horizontal) * 100% + 180px);} .inline-flex{width: calc((1 - 4 * var(--padding-horizontal)) * 100% - 180px);} .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-top{vertical-align: top;} .overflow-hidden{overflow: hidden;} .overflow-visible{overflow: visible;} [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-inline-block{display: inline-block;} .frame-inline-inline{display: inline;} 

.frame-relative-100vh{padding-top: 100vh;} .frame-relative-1to1{padding-top: 100%;} .frame-relative-4to3{padding-top: 75%;} .frame-relative-3to2, .frame-absolute-3to2{padding-top: 66.67%;} .frame-relative-2to3{padding-top: 150%;} .frame-relative-16to9{padding-top: 56.25%;} .frame-relative-2to1{padding-top: 50%;} .frame-relative-3to1{padding-top: 33.33%;} .frame-relative-4to1{padding-top: 25%;} .frame-relative-5to2{padding-top: 40%;} .frame-relative-5to1{padding-top: 20%;} .frame-absolute-cover, .frame-fixed-cover{height: 100%;} .frame-relative-auto, .frame-absolute-auto, .frame-fixed-auto{height: auto;} 

.frame-relative-brand{padding-top: 33.33%;} .frame-relative-logo{padding-top: 33.33%;} .frame-relative-modul{padding-top: 29%;} .frame-absolute-cursor{width: 29%/*38.2%*/; height: auto;} .frame-absolute-top{bottom: 100%; transform: translate(50%,100%);} .frame-absolute-bottom{bottom: 0; transform: translate(50%,0);} .frame-absolute-upper{bottom: 88%; transform: translate(50%,55%);} .frame-absolute-lower{bottom: 12%; transform: translate(50%,45%);} .frame-absolute-left{right: auto; left: 0; transform: translate(0,50%);} .frame-absolute-right{right: 0; transform: translate(0,50%);} .frame-absolute-overflow{width: 150%;} 

.frame-relative-bundle{padding-top: 72%;} .frame-relative-preview{padding-top: calc(33.33% - 0.75px);} .padding-half .frame-relative-preview{padding-top: 32%;} .frame-relative-overview{padding-top: calc(200% + 6px);}

/*.js-parallax-item .frame-absolute-top{transform: translate(50%,0%);} .js-parallax-item .frame-absolute-bottom{transform: translate(50%,100%);} */ .frame-relative-modul .image-cover{object-fit: cover; object-position: center 20%;}

.min-height-340{min-height: 340px;}



/* -------------------------------------------------- bento ---------- */

.frame-relative-bento{--height-bento: 0.5; --left-bento: 0.38; --right-bento: calc(1 - var(--left-bento)); --space-bento: calc(var(--padding-horizontal) * 100%); padding-top: calc(var(--height-bento) * 100%); min-height: 480px;} [class*="absolute-bento-"]{transform: translate(0,0);} [class*="maxwidth-bento-"]{display: inline-block;} .maxwidth-bento-icon{width: calc(7px + 7vw);} .maxwidth-bento-portrait{width: calc(24px + 12vw);} 

.frame-absolute-bento-0, .frame-absolute-bento-1{left: 0; width: calc((100% - var(--space-bento)) * var(--left-bento));} .frame-absolute-bento-2, .frame-absolute-bento-3{right: 0; width: calc((100% - var(--space-bento)) * var(--right-bento));} .frame-absolute-bento-0, .frame-absolute-bento-2{top: 0;} .frame-absolute-bento-1, .frame-absolute-bento-3{bottom: 0;} .frame-absolute-bento-0, .frame-absolute-bento-3{height: calc((100% - var(--space-bento) / var(--height-bento)) * var(--left-bento));} .frame-absolute-bento-1, .frame-absolute-bento-2{height: calc((100% - var(--space-bento) / var(--height-bento)) * var(--right-bento));} 

/*.frame-absolute-bento-0 .image-absolute, .frame-absolute-bento-1 .image-absolute{width: calc(var(--height-bento) * var(--right-bento) * 100%);} .frame-absolute-bento-2 .image-absolute, .frame-absolute-bento-3 .image-absolute{width: calc(var(--height-bento) * var(--left-bento) * 100%);} */



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

.image-relative, .image-cover, .image-contain, .image-icon{position: relative; display: block;} .image-inline{display: inline; vertical-align: middle;} .image-relative{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;} .position-80-center{object-position: 80% center;} .position-30-center{object-position: 30% center;} .position-20-center{object-position: 20% center;} .image-icon{width: calc(1.7 * var(--padding-vertical)); height: calc(1.7 * var(--padding-vertical));} .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: 38px; max-width: 10vw; height: 3px;} .symbol-navigation .shape-0{bottom: 31px;} .symbol-navigation .shape-1{bottom: 23.5px;} #body-header.toggle .symbol-navigation [class*="shape-"]{bottom: 26.5px;} #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: 25%; height: 25%;} 

.symbol-information{display: inline-block; width: calc(2 * var(--padding-vertical)); height: calc(2 * var(--padding-vertical));} .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-struck{position: relative; display: inline-block;} .symbol-struck .shape-0{bottom: 45%; width: 90%; height: 4px; transform: translate(50%,50%)rotate(-14deg); opacity: .71;} 

.symbol-horizontal{position: relative; display: block; width: 100%; height: 2px;} .symbol-horizontal .shape-0{height: 100%; width: 100%;} 


.symbol-load, .symbol-load .shape-0, .symbol-load .text-0{position: relative; display: inline-block; right: auto; bottom: auto; transform: translate(0,0); width: auto; vertical-align: middle;} .symbol-load .shape-0{margin-right: 11px; width: 51px; height: 51px; background-color: transparent;} 

@-webkit-keyframes animation-symbol-load{0%{opacity: 1; transform: scale(1);} 50%{opacity: .29; transform: scale(0.78);} 100%{opacity: 1; transform: scale(1);}} .symbol-load .shape-0{animation: animation-symbol-load 1.7s ease-in-out infinite;} 


.symbol-button, .symbol-lines{--line-width: 5px; position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%); width: 100%; height: 100%; overflow: hidden;} .symbol-button [class*="shape-"], .symbol-lines [class*="shape-"]{transition-duration: .71s;}

.symbol-button .shape-0{width: 100%; height: 100%;} .symbol-button .shape-1{bottom: 79%; width: 100%; height: 170%; opacity: 1; background-color: transparent; background-image: linear-gradient(-22.5deg, transparent 0%, transparent 21%, var(--color-front) 50%, transparent 79%, transparent 100%); opacity: .17;}

[class*="link-"]:hover .symbol-button .shape-0{opacity: .11;} [class*="link-"]:hover .symbol-button .shape-1{bottom: 21%;}

.symbol-lines{overflow: hidden;} .symbol-lines .shape-0, .symbol-lines .shape-2, .symbol-lines .shape-4{width: 100%; height: var(--line-width);} .symbol-lines .shape-1, .symbol-lines .shape-3{width: var(--line-width); height: 100%;} 

.symbol-lines .shape-0{right: calc(150% + var(--line-width) / 2); bottom: 0%;} .symbol-lines .shape-1{right: 0%; bottom: calc(150% + var(--line-width) / 2);} .symbol-lines .shape-2{right: calc(-50% - var(--line-width) / 2); bottom: 100%;} .symbol-lines .shape-3{right: 100%; bottom: calc(-50% - var(--line-width) / 2);} 

[class*="link-"]:hover .symbol-lines .shape-0{right: calc(-30% - var(--line-width) / 2);} [class*="link-"]:hover .symbol-lines .shape-1{bottom: calc(-30% - var(--line-width) / 2);} [class*="link-"]:hover .symbol-lines .shape-2{right: calc(130% + var(--line-width) / 2);} [class*="link-"]:hover .symbol-lines .shape-3{bottom: calc(130% + var(--line-width) / 2);} 



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

[class*="list-"], [class*="list-"] .list-item, [class*="icon-"]{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));} [class*="link-"] p{padding: var(--padding-link) var(--padding-link);} [class*="link-"] .image-link{padding: var(--padding-link) var(--padding-link);} .list-link .link-button{margin: var(--padding-link) var(--padding-link);} .list-block, .list-inline{display: inline-block;} .list-block .list-item{display: block;} .list-data{display: block; margin: 0 calc(-2.5 * var(--padding-link));} .list-data .list-item{display: inline-block; margin: calc(1.5 * var(--padding-link)) calc(2.5 * var(--padding-link));} 

.list-symbol .list-item{margin-top: calc(var(--padding-vertical) / 2);} .list-symbol [class*="symbol-"], .list-symbol p{vertical-align: top;} .list-symbol [class*="symbol-"]{position: absolute; right: 100%; top: 0;} .margin-right{margin-right: calc(1.5 * var(--padding-link)); padding-bottom: calc(2 * var(--padding-link));} .margin-left{margin-left: calc(1.5 * var(--padding-link));} 

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

.icon-left{padding-left: calc(2.2 * var(--padding-vertical));} .icon-right{padding-right: calc(2 * var(--padding-vertical));} [class*="icon-"] .image-icon{position: absolute; 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; /*text-transform: uppercase;*/ font-weight: 500;} .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: 100%; z-index: 11;} .link-brand .image-absolute{width: 100%;} 

.link-button, #main-newsletter [class*="multistep-"] input{padding: calc(var(--padding-button) * 1.4) var(--padding-button);} 

.link-share{width: 29px; height: 44px;} .link-share .image-absolute{width: 125%;} 

.link-modul p{padding: 0 0;} .link-modul .margin-right{padding-bottom: calc(2 * var(--padding-link));} 

.hover-invers [class*="link-"], .link-default:hover, .link-brand:hover, .link-navigation:hover, .main-section-legal .link-text:hover, .link-map:hover [class*="map-label-"]{opacity: .29;} .hover-invers [class*="link-"]:hover{opacity: 1;} 

.link-show{width: auto; padding-left: calc(2.5 * var(--padding-vertical)); text-align: left;} .frame-relative-3to2 .link-show{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%);} .link-show p{min-width: calc(80px + 2vw);} 
.js-fadein-slow-left .link-show{right: 32%;} .js-fadein-slow-right .link-show{right: 68%;} 
.link-show .image-absolute{right: 100%; transform: translate(100%,50%); width: calc(2.5 * var(--padding-vertical));} .link-show:hover{opacity: .41;} 

@-webkit-keyframes animation-link-show{0%{opacity: 1; transform: translate(100%,50%);} 50%{opacity: .29; transform: translate(90%,50%);} 100%{opacity: 1; transform: translate(100%,50%);}} .link-show .image-absolute{animation: animation-link-show 1.7s ease-in-out infinite;} 

.link-map{position: absolute; display: block; transform: translate(50%,0); width: calc(2.1 * var(--padding-vertical));} .link-map [class*="map-label-"]{bottom: 59%; transform: translate(0,50%); width: calc(120px + 3vw); padding: calc(5px + 0.125vw)} .link-map .map-label-left{right: 100%; text-align: right;} .link-map .map-label-right{right: auto; left: 100%;} .map-label-city{width: calc(120px + 3vw); text-align: center;} 

.map-germany{right: 64.5%; bottom: 67%;} .map-austria{right: 37.5%; bottom: 33%;} .map-salzburg{right: 58%; bottom: 53.5%;} .map-anif{right: 37.5%; bottom: 30%;} .map-nuernberg{right: 52.5%; bottom: 68.5%;} .city-salzburg{right: 49%; bottom: 39%;} .city-anif{right: 47.5%; bottom: 67.5%;} .city-nuernberg{right: 28%; bottom: 25.5%;} 



/* -------------------------------------------------- dropdown ---------- */

[class*="dropdown-toggle-"]{z-index: 12;} [class*="dropdown-toggle-"] .link-default .image-link{transition: transform .87s ease-out;} [class*="dropdown-toggle-"] .link-default:hover{opacity: 1;} [class*="dropdown-toggle-"] .link-default:hover p{opacity: .29;} 

[class*="dropdown-item-"]{width: calc(31.7vw + 317px); padding: 11px; opacity: 0; pointer-events: none; z-index: 14;} .dropdown-item-right{width: calc(8vw + 240px);} [class*="dropdown-item-"] .link-button{margin: 0 0;} .dropdown-item-down{bottom: 0px; transform: translate(50%,100%); transition: bottom .87s ease-out;} .dropdown-item-up{bottom: auto; top: 0px; transform: translate(50%,-100%); transition: top .87s ease-out;} .dropdown-item-right{right: 0px; transform: translate(37.5%,50%); transition: right .87s ease-out;} 

.spitzbart-seminare [class*="dropdown-item-"]{width: calc(8vw + 240px);} .spitzbart-seminare .dropdown-item-right{width: calc(7vw + 210px);}

.dropdown-toggle-down:hover [class*="dropdown-item-"], .dropdown-toggle-up:hover [class*="dropdown-item-"]{opacity: 1; pointer-events: auto;} .dropdown-toggle-down:hover .dropdown-item-down{bottom: 11px;} .dropdown-toggle-up:hover .dropdown-item-up{top: 11px;} .dropdown-toggle-down:hover .link-default .image-link{transform: translate(0,11px);} .dropdown-toggle-up:hover .link-default .image-link{transform: translate(0,-11px);} 



/* #######################################################################
##################################################### 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 1710ms ease-in-out 171ms, opacity 970ms ease-in-out 97ms;}



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

.js-media-item{opacity: 0; z-index: 11; pointer-events: none; transition: opacity 290ms ease-in-out 29ms;} .js-media-item .frame-absolute-topright{right: 2%; bottom: 87%; width: calc(4.7 * var(--padding-vertical)); padding: calc(0.8 * var(--padding-vertical)); opacity: 0; transition: right 1710ms ease-in-out 171ms, opacity 290ms ease-in-out 2.9ms;} .js-media-item .frame-absolute-auto{bottom: 27%; width: 87vw; max-width: 124vh; opacity: 0; transition: bottom 1710ms ease-in-out 171ms, opacity 970ms ease-in-out 97ms;} 

.js-media-item.toggle{opacity: 1; pointer-events: auto;} .js-media-item.toggle .frame-absolute-topright{right: 8%; opacity: 1;} .js-media-item.toggle .frame-absolute-topright:hover{opacity: .29;} .js-media-item.toggle .frame-absolute-auto{bottom: 44%; opacity: 1;} 



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

.js-information-item{position: relative; display: block; padding: 0/*calc(var(--padding-vertical) / 2)*/ 0;} .information-title{position: relative; display: inline-block; width: 100%; height: auto; padding-right: calc(3 * 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;} .js-information-item:hover .information-title p{opacity: .29;} 



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

.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; width: 6.25%; height: auto; vertical-align: middle; text-align: left;} .horizontal-roll .horizontal-item{position: relative; display: block; padding: 0 20%;} .horizontal-roll .text-center{position: relative; display: block; padding: 0 5%;} .horizontal-roll .text-center p, .horizontal-roll .text-center .image-link{display: inline;vertical-align: middle;}

@-webkit-keyframes animation-roll-impressions{0%{transform: translate(0px,0px);} 100%{transform: translate(-50%,0px);}} .horizontal-roll .roll-wrapper{width: calc(220% + 2200px); animation: animation-roll-impressions 57s linear infinite;} 



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

.horizontal-slide{--slide-item-count: 7; --slide-item-width: calc(51% + 120px);} .list-slide{--slide-link-size: calc(44px + 1.1vw);} 

.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 .97s;} .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 calc(2px + 0.2%);} .list-slide .list-item{display: inline-block; vertical-align: middle;} 



.symbol-slide{position: relative; display: block; width: var(--slide-link-size); height: calc(var(--slide-link-size) * 0.67);} .symbol-slide .shape-0{width: 25%; height: 25%;} .symbol-slide .shape-0 span{position: absolute; display: block; left: 0; bottom: 50%; transform: translate(0,50%); height: 100%;} .symbol-slide .text-0{transform: translate(50%,50%)scale(0);} .symbol-slide, .symbol-slide .shape-0{transition-duration: .57s;} 

.link-slide.toggle .symbol-slide, .link-slide:hover .symbol-slide{width: calc(var(--slide-link-size) * 1.25);} .link-slide.toggle .symbol-slide .shape-0, .link-slide:hover .symbol-slide .shape-0{width: 50%; height: 62.5%; background-color: rgba(255,255,255,0.58);} .link-slide.toggle .symbol-slide .text-0, .link-slide:hover .symbol-slide .text-0{transform: translate(50%,50%)scale(1);}

.symbol-slide .shape-0{background-color: rgba(255,255,255,0.29);} .symbol-slide .shape-0 span{background-color: var(--color-front);} 


@-webkit-keyframes animation-symbol-slide{0%{width: 0%;} 99.99%{width: 100%;} 100%{width: 0%;}} .link-slide.toggle .symbol-slide .shape-0 span{animation: animation-symbol-slide 7.1s ease 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);}}*/



/* -------------------------------------------------- image ---------- */

.js-image-frame .js-image-item{transform: translate(-33.33%,-50%); opacity: 0; transition-duration: .29s; transition-timing-function: ease-out;/*transition: opacity .41s, transform .41s;*/ pointer-events: none;} .js-image-frame:hover .js-image-item{transform: translate(-33.33%,-50%)scale(1); opacity: 1;} 



/* -------------------------------------------------- addon ---------- */

[class*="addon-"]{position: relative; display: inline; line-height: 0; opacity: .87;} [class*="addon-"] p{padding: 0 10%;}  
.addon-patch{position: absolute; transform: translate(10%,-65%); width: calc(112px + 2.8vw);}  

 

/* -------------------------------------------------- zoom ---------- */

.js-zoom-item{right: auto; left: 25%; bottom: 25%; transform: translate(-25%,25%);}

.section-sticky{overflow: inherit;} .frame-relative-zoom{height: calc(100vh + 40vh);} .frame-sticky-auto{position: sticky; top: 0; height: auto;} .desktop-sticky-auto{height: auto;} .js-zoom-item .image-absolute{width: auto; max-height: 100%;} 



/* -------------------------------------------------- countdown ---------- */

.item-countdown .frame-inline-inline{vertical-align: middle;} .item-countdown .text-shadow{margin: 0  calc(7px + 1.4vw);} .item-countdown .icon-left{margin-right: calc(4px + 0.8vw);} /*.item-countdown .frame-inline-inline{vertical-align: middle;} .item-countdown .frame-inline-inline .opacity-middle{margin: 0 calc(2px + 0.3vw);}*/ 



/* -------------------------------------------------- future ---------- */

.js-future-item.hide{display: none;} 



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

#form-news .slide-multistep-wrapper{width: 100%;} #form-news .slide-multistep .multistep-tab{width: 100%;}

[class*="multistep-"]{position: relative; display: inline-block;} [class*="multistep-"] input, [class*="multistep-"] textarea{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: bottom;} [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: .21;} [class*="multistep-"] label{opacity: .41;} [class*="form-"] .link-button{display: block; text-align: center;} [class*="form-"] .link-button p{padding: 0 0;} 

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

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

#news-optin input:checked ~ .checkmark{} #news-optin .checkmark:after{border-color: var(--color-front);} 



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

.main-section-legal p{padding: calc(var(--padding-vertical) / 3) 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;} 



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

.js-approach-item{transition: opacity .17s;} .js-zoom-item{transition-duration: .27s; transition-timing-function: ease-out;}
#html-body, [class*="link-"], [class*="link-"] p, [class*="link-"] [class*="map-label-"], .information-title p{transition-duration: .27s;}
#body-main, #body-footer, .frame-navigation{transition-duration: .54s;}
[class*="color-set-"]{transition: background-color 1.27s;} 



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



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

/*[class*="navigation-"]{z-index: 10;}*/ #body-header{position: absolute; z-index: 11;} .header-navigation, .link-navigation{position: relative; display: block;} [class*="grid-nav-"]{vertical-align: middle;} .link-navigation{vertical-align: middle; /*z-index: 11;*/ cursor: pointer;} .frame-navigation{} .list-link .display-block{display: block;} 

.navigation-opacity, .js-navigation-item{transition: opacity .29s;} .js-navigation-item{opacity: 0; pointer-events: none; z-index: 14;} .js-navigation-item .frame-absolute-upper, .js-navigation-item .navigation-links{opacity: 0; transition: bottom .87s .21s ease-out, opacity .41s .17s ease-out;} .js-navigation-item .frame-absolute-upper{bottom: 75%;} .js-navigation-item .navigation-links{bottom: 36%;} .maxwidth-navigation{width: 100%; max-width: calc(190px + 21%);}

#body-header.toggle .navigation-opacity{opacity: .07;} #body-header.toggle .js-navigation-item{opacity: 1; pointer-events: auto;} #body-header.toggle .js-navigation-item .frame-absolute-upper{bottom: 82%; opacity: 1;} #body-header.toggle .js-navigation-item .navigation-links{bottom: 40%; opacity: 1;} 



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

.zindex-front{z-index: 1;} iframe{z-index: 6;} [class*="link-"]{z-index: 7;} 

[class*="js-fadein-"] .fadein-tarp{width: 100%; height: 100%;} 
[class*="js-fadein-"].on .fadein-tarp{width: 0;} 
.fadein-tarp{transition: width 1710ms ease-out 171ms;} 
/*.fadein-tarp{background-color: red;}*/ 

[class*="maxwidth-"]{display: inline-block;} .maxwidth-signature{transform: rotate(-4deg); width: calc(90px + 9vw);} .minheight-100px{min-height: 100px;} .maxwidth-mobile{display: block; margin: 0 auto;} 

.indent-right-25 .link-show{margin: var(--padding-vertical) 0;} .indent-right-25 .link-button{margin-left: var(--padding-vertical);} 

.payment-item{padding: 2px 7px;} .payment-item .image-inline{max-width: calc(2.9 * var(--padding-vertical)); max-height: calc(1.15 * var(--padding-vertical)); margin-right: 11px;} 

.written-small .layer-grid{text-align: left;} .written-small .grid-25{vertical-align: top;} 



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

#body-footer .list-inline{margin-right: 21px;} 



/* -------------------------------------------------- ablefy ---------- */

/*#embedable-form-wrapper, #embedable-form-wrapper body, #payment-iframe, #payment-iframe body, .iframed-custom-shop, .custom-shop__content, .payment-page{background-color: red !important;}*/ 



/* -------------------------------------------------- temp ---------- */

/*[class*="grid"]{outline: solid 2px blue;}*/ 



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

.written-title, [class*="link-"] .written-title, .written-title, [class*="link-"] .written-title{font-weight: 900;} p, .h3{vertical-align: middle;}

.inline-fix{width: calc(6 * var(--padding-horizontal) * 100% + 120px);} .inline-flex{width: calc((1 - 6 * var(--padding-horizontal)) * 100% - 120px);} .inline-flex-left{width: calc((1 - 11 * var(--padding-horizontal)) * 100% - 55px);} .inline-flex-right{width: calc(11 * var(--padding-horizontal) * 100% + 55px);} .inline-fix-wide{width: calc(10 * var(--padding-horizontal) * 100% + 175px);} .inline-flex-small{width: calc((1 - 10 * var(--padding-horizontal)) * 100% - 175px);}

.padding-mini{padding: calc(var(--padding-vertical) / 4) calc(var(--padding-horizontal) * 100%);} .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%);} .padding-double{padding: calc(2 * var(--padding-vertical)) calc(2 * var(--padding-horizontal) * 100%);} .padding-half{padding: calc(0.5 * var(--padding-vertical)) calc(0.5 * var(--padding-horizontal) * 100%);} .padding-px{padding: 1.5px 1.5px;} 

@media(max-width: 1039px){
    #html-body{--layer-max: 810px; --layer-diff: 0.1;} 
    
    .link-navigation{display: inline-block;} .frame-navigation{position: fixed; display: block; right: -100%; bottom: 0; width: 100%; height: 100%; background-color: var(--color-back);} #body-header.toggle .frame-navigation{right: 0;} .frame-navigation .list-link{position: absolute; display: block; right: 50%; bottom: 42%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); text-align: left;} .frame-navigation .list-link .list-item{display: block; width: 270px;} 
    
    .grid-80, .grid-75, .grid-67, .grid-62, .grid-55, .grid-50, .grid-44, .grid-38, .grid-33, .grid-20, .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;} .padding-bundle .padding-half{padding: calc(0.5 * var(--padding-vertical)) calc(0.5 * var(--padding-horizontal) * 100%);}
    
    .indent-horizontal-25{padding: 0 5%;} .indent-left-25, .indent-left-33, .indent-left-38{padding-left: 10%;} .indent-right-25, .indent-right-33, .indent-right-38{padding-right: 10%;} .indent-left-50, .indent-left-62{padding-left: 15%;} .indent-right-50, .indent-right-62{padding-right: 15%;} 
    
    .squeeze-left-62, .squeeze-right-62, .squeeze-left-50, .squeeze-right-50{width: 90%;} .squeeze-right-62, .squeeze-right-50{margin-right: 10%;} .squeeze-left-62, .squeeze-left-50{margin-left: 10%;} .squeeze-left-38, .squeeze-right-38{width: 85%;} .squeeze-right-38{margin-right: 15%;} .squeeze-left-38{margin-left: 15%;} .mobile-overlay-top{margin-top: calc(-9 * var(--padding-vertical));} 
    
	p, input, textarea, .link-text{line-height: calc(22px + 0.55vw); font-size: calc(14px + 0.35vw);} 
    [class*="link-"] p, .written-small, .written-small p, .js-cursor-text{line-height: calc(18.4px + 0.46vw); font-size: calc(12.4px + 0.31vw);} [class*="link-"] p, .js-cursor-text{letter-spacing: calc(0.2px + 0.05vw);} 
    /*[class*="link-"] p, .written-small, .js-cursor-text{line-height: calc(16.4px + 0.41vw); font-size: calc(10.4px + 0.26vw);} p, input, textarea, .link-text{line-height: calc(18px + 0.45vw); font-size: calc(12px + 0.3vw);}*/ 
    h3, .h3, [class*="link-"] .h3{line-height: calc(16.5px + 1.1vw); font-size: calc(16.5px + 1.1vw);} 
    .written-title, [class*="link-"] .written-title{line-height: calc(12.8px + 1.92vw); font-size: calc(11.4px + 1.71vw); letter-spacing: calc(0.2px + 0.03vw);} 
    h2, .h2{line-height: calc(20px + 3.0vw); font-size: calc(22px + 3.3vw); letter-spacing: calc(-0.2px - 0.05vw);} 
    h1, .h1{line-height: calc(34px + 5.1vw); font-size: calc(38px + 5.7vw); letter-spacing: calc(-0.8px - 0.08vw);} 
    .h0{line-height: calc(40px + 6.0vw); font-size: calc(44px + 6.6vw); letter-spacing: calc(-1px - 0.1vw);}   
    
    .image-link{width: calc(22px + 0.55vw); height: auto;} .list-symbol{padding-left: calc(18px + 0.45vw + 17px);} .list-symbol [class*="symbol-"]{width: calc(18px + 0.45vw); height: calc(18px + 0.45vw);} [class*="icon-"] .image-icon{top: calc(9px + 0.45vw);} .list-link .link-button, #body-footer [class*="form-"] .link-button{padding: var(--padding-button) calc(var(--padding-button) * 0.7);} .addon-patch{top: calc(34px + 5.1vw - 0.5 * (12.8px + 1.92vw));} 
    
    .asymmetric-default .asymmetric-wide{width: calc(100% * 1 / 2.00);} .asymmetric-default .asymmetric-small{width: calc(100% * 0.9 / 2.00);} .asymmetric-default .gap-asymmetric{width: calc(100% * 0.1 / 2.00);} .asymmetric-default .space-asymmetric{padding-top: calc(100% * 0.1);} 
    .asymmetric-responsive .asymmetric-wide, .asymmetric-responsive .asymmetric-small{width: 100%;} .asymmetric-responsive .asymmetric-small{padding: 0 calc(17.5vw - 35px);} .asymmetric-responsive .gap-asymmetric, .asymmetric-responsive .space-asymmetric{padding-top: var(--padding-vertical);} .asymmetric-responsive .gap-asymmetric{width: 100%;} .js-media-item .frame-absolute-auto{right: 50%;} .asymmetric-responsive .indent-right-25{padding-right: calc(35vw - 70px);} .asymmetric-responsive .indent-left-25{padding-left: calc(35vw - 70px);} 
    
    .mask-diagonal-light{-webkit-mask-image: linear-gradient(-22.5deg, rgba(0,0,0,0.41) 0%, rgba(0,0,0,1) 29%, rgba(0,0,0,1) 71%, rgba(0,0,0,0.41) 100%); -webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center;} 
    
    .horizontal-slide .slide-wrapper{padding: 0 calc(7.1% - 2px);} .maxwidth-mobile{width: calc(100% - 3 * var(--layer-diff) * 100% + 2 * var(--padding-horizontal) * 100%);} 
    }
@media(min-width: 1040px){
    #html-body{--layer-max: calc(1920px + 19.2vw); --layer-diff: 0.2;} 
    
    .link-navigation{display: none;} .frame-navigation{position: relative; display: inline-block; right: auto; width: auto; height: auto; background-color: transparent;} .frame-navigation .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;*/} .frame-navigation .list-link .list-item{display: inline-block;} 
    
    .grid-80{width: 80%;} .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%;} .grid-20{width: 20%;} .gird-fix{width: calc(6 * var(--padding-horizontal) * 100% + 120px);} .grid-flex{width: calc((1 - 6 * var(--padding-horizontal)) * 100% - 120px);} [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-absolute-topright{right: 0; bottom: 100%; transform: translate(0,100%);} .desktop-absolute-bottomright{right: 0; bottom: 0; transform: translate(0,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;} .padding-right{padding-right: 20%;} .padding-left{padding-left: 20%;} .padding-horizontal{padding: 0 10%;} .padding-bundle .padding-half{padding: calc(0.5 * var(--padding-vertical)) calc(1.0 * var(--padding-horizontal) * 100%);}
    
    .indent-left-25{padding-left: 25%;} .indent-right-25{padding-right: 25%;} .indent-horizontal-25{padding: 0 12.5%;} .indent-left-33{padding-left: 35.33%;} .indent-right-33{padding-right: 35.33%;} .indent-left-38{padding-left: 40.2%;} .indent-right-38{padding-right: 40.2%;} .indent-left-50{padding-left: 50%;} .indent-right-50{padding-right: 50%;} .indent-left-62{padding-left: 63.8%;} .indent-right-62{padding-right: 63.8%;} .squeeze-left-62, .squeeze-right-62{width: 61.8%;} .squeeze-left-50{width: 47.5%;} .squeeze-right-50{width: 52.5%;} .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, input, textarea, .link-text{line-height: calc(18px + 0.45vw); font-size: calc(12px + 0.3vw);} 
	[class*="link-"] p, .written-small, .written-small p, .js-cursor-text{line-height: calc(16.4px + 0.41vw); font-size: calc(10.4px + 0.26vw);} [class*="link-"] p, .js-cursor-text{letter-spacing: calc(0.2px + 0.05vw);} 
    h3, .h3, [class*="link-"] .h3{line-height: calc(18px + 0.9vw); font-size: calc(18px + 0.9vw);} 
    .written-title, [class*="link-"] .written-title{line-height: calc(12px + 1.8vw); font-size: calc(10px + 1.5vw); letter-spacing: calc(0.2px + 0.03vw);} 
    h2, .h2{line-height: calc(36px + 2.4vw); font-size: calc(39px + 2.6vw); letter-spacing: calc(-0.2px - 0.05vw);} 
    h1, .h1{line-height: calc(42px + 4.2vw); font-size: calc(47px + 4.7vw); letter-spacing: calc(-0.8px - 0.08vw);} 
    .h0{line-height: calc(48px + 4.8vw); font-size: calc(54px + 5.4vw); letter-spacing: calc(-1px - 0.1vw);}  
    
    .image-link{width: calc(22px + 0.55vw); height: auto;} .list-symbol{padding-left: calc(18px + 0.45vw + 17px);} .list-symbol [class*="symbol-"]{width: calc(18px + 0.45vw); height: calc(18px + 0.45vw);} [class*="icon-"] .image-icon{top: calc(9px + 0.45vw);} .list-link .link-button, #body-footer [class*="form-"] .link-button{padding: var(--padding-button) var(--padding-button);} .addon-patch{top: calc(42px + 4.2vw - 0.5 * (12px + 1.8vw));} 
    
    .asymmetric-default .asymmetric-wide{width: calc(100% * 1 / 1.85);} .asymmetric-default .asymmetric-small{width: calc(100% * 0.75 / 1.85);} .asymmetric-default .gap-asymmetric{width: calc(100% * 0.1 / 1.85);} .asymmetric-default .space-asymmetric{padding-top: calc(100% * 0.1);} 
    .asymmetric-responsive .asymmetric-wide{width: calc(100% * 1 / 1.85);} .asymmetric-responsive .asymmetric-small{width: calc(100% * 0.75 / 1.85);} .asymmetric-responsive .space-asymmetric{padding-top: calc(100% * 0.1);} .asymmetric-responsive .gap-asymmetric{width: calc(100% * 0.1 / 1.85);} .js-media-item .frame-absolute-auto{right: 52%;} 
    
    .mask-diagonal-light{-webkit-mask-image: linear-gradient(-22.5deg, rgba(0,0,0,0.19) 0%, rgba(0,0,0,1) 29%, rgba(0,0,0,1) 71%, rgba(0,0,0,0.19) 100%); -webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center;} 
    
    .horizontal-slide .slide-wrapper{padding: 0 calc(11.4% - 2px);} .maxwidth-mobile{width: 100%;} 
    }







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



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

@media(pointer: fine){
    .js-cursor-outer, .js-cursor-inner, .js-cursor-text{display: block;} 
    
    .link-modul .frame-absolute-upper .inline-33, .link-modul .frame-absolute-lower .inline-44{display: inline-block;} .link-modul .frame-absolute-upper .inline-67{width: 66.67%;} .link-modul .frame-absolute-lower .inline-55{width: 55.55%;} 
    .link-modul:hover .hover-remove, .hover-add{opacity: 0;} .hover-remove, .link-modul:hover .hover-add{opacity: 1;} 
    
    .link-modul video{display: block;} 
    
    .dropdown-toggle-right:hover .dropdown-item-right{right: 11px; opacity: 1; pointer-events: auto;} .dropdown-toggle-right:hover .link-default .image-link{transform: translate(11px,0);} 
}
@media(pointer: coarse){
    .js-cursor-outer, .js-cursor-inner, .js-cursor-text{display: none;} 
    
    .link-modul .frame-absolute-upper .inline-33, .link-modul .frame-absolute-lower .inline-44{display: none;} .link-modul .frame-absolute-upper .inline-67, .link-modul .frame-absolute-lower .inline-55{width: 100%;} 
    .hover-remove, .link-modul:hover .hover-remove{opacity: 0;} .hover-add, .link-modul:hover .hover-add{opacity: 1;} 
    
    .link-modul video{display: none;} .hover-remove, .link-modul:hover .hover-remove{opacity: 1;} 
    
    .dropdown-toggle-right.hover .dropdown-item-right{right: 11px; opacity: 1; pointer-events: auto;} .dropdown-toggle-right.hover .link-default .image-link{transform: translate(11px,0);} 
}



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

@media screen {
    .js-enable [class*="js-fadein-"]{opacity: 0;} .js-enable .js-fadein-slow-left, .js-enable .js-fadein-fast-left{transform: translate(27px,27px);} .js-enable .js-fadein-slow-right, .js-enable .js-fadein-fast-right{transform: translate(-27px,27px);} .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);} 
    }



/* -------------------------------------------------- matomo ---------- */

html.matomoHeatmap [class*="frame-relative-"], html.matomoHeatmap [class*="frame-fixed-"], html.matomoHeatmap [class*="space-"], html.matomoHeatmap .welcome{max-height: 1000px;}