.ui-kopf{--ui-stage-pad: 4.8rem;overflow-x:clip;padding-bottom:clamp(9.6rem,10vw,14rem);text-align:center}.ui-kopf__inner{position:relative;display:grid;justify-items:center;align-content:center;gap:2rem;min-height:26rem}.ui-kopf--hoch{display:flex;flex-direction:column;min-height:calc(var(--ui-kopf-hoehe) * 1vh);min-height:calc(var(--ui-kopf-hoehe) * 1svh)}.ui-kopf--hoch .ui-kopf__inner{flex:1 1 auto}.ui-kopf__inner>:not(.ui-float){position:relative;z-index:2}.ui-kopf__inner .ui-eyebrow{--ui-eyebrow-bg: var(--ui-card);margin:0}.ui-kopf__titel{max-width:18ch}.ui-kopf__text{max-width:62rem;opacity:.9}.ui-kopf__meta{margin:0;font-size:1.4rem;font-weight:600;opacity:.8}.ui-kopf__video{top:0;right:0;bottom:0;left:0}.ui-kopf__video .ui-splash__video{object-fit:cover;filter:grayscale(1) contrast(1.1)}.ui-splash.ui-kopf__video--schleier{opacity:1;mix-blend-mode:normal}.ui-kopf__video--schleier .ui-splash__video{filter:none;-webkit-mask-image:none;mask-image:none}.ui-kopf__bild{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ui-kopf__video--wechsel .ui-kopf__bild{opacity:0;transition:opacity 1.4s ease}.ui-kopf__video--wechsel .ui-kopf__bild.is-aktiv{opacity:1}@media(prefers-reduced-motion:reduce){.ui-kopf__video--wechsel .ui-kopf__bild{transition:none}}.ui-kopf__video--schleier:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ui-bg);opacity:var(--ui-schleier, .8)}body.ui main#MainContent>.ui-kopf-section:first-child .ui-stage{margin-top:calc(-1 * var(--ui-hd-h));padding-top:calc(var(--ui-hd-h) + var(--ui-stage-pad, 4rem))}body.ui{--buttons-radius: 99rem;--buttons-radius-outset: 99rem;--inputs-radius: 99rem;--inputs-radius-outset: 99rem;--text-boxes-radius: 2.8rem;--product-card-corner-radius: 2.8rem;--collection-card-corner-radius: 2.8rem;--blog-card-corner-radius: 2.8rem;--popup-corner-radius: 2.8rem;--drawer-border-width: 0}body.ui main .thaani-section__title,body.ui main h1.thaani-display,body.ui main h2.thaani-display,body.ui main .thaani-raster__title,body.ui main .thaani-standorte__title,body.ui main .rich-text__heading,body.ui main .main-page-title,body.ui main .contact .title,body.ui main .title--primary,body.ui main h2.thaani-artikel__weiter-head{font-family:var(--thaani-font-heading);font-weight:800;text-transform:uppercase;letter-spacing:-.015em;line-height:.95;font-size:var(--ui-h-2);overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual}body.ui main :is(.color-scheme-1,.color-scheme-2,.ui-surface--linen,.ui-surface--bone,.ui-surface--white) :is(.thaani-section__title,h1.thaani-display,h2.thaani-display,.thaani-raster__title,.thaani-standorte__title,.rich-text__heading,.main-page-title,.title--primary,h1,h2,h3):not(.ui-h):not(.ui-hd__mega-title){color:var(--ui-ink)}body.ui main .thaani-eyebrow,body.ui main .thaani-section__eyebrow,body.ui main .thaani-raster__eyebrow,body.ui main .thaani-standorte__eyebrow,body.ui main .thaani-anfrage__eyebrow,body.ui main .thaani-blog__eyebrow,body.ui main .thaani-doku__eyebrow{display:inline-block;width:auto;padding:.5rem 1.3rem;border-radius:99rem;background:var(--thaani-golden-bronze);color:var(--ui-ink);font-family:var(--thaani-font-body);font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:1}body.ui main .button:not(.quantity__button):not(.shopify-payment-button__button),body.ui main .shopify-challenge__button{min-height:5.2rem;padding:0 3rem;border-radius:99rem;font-family:var(--thaani-font-body);font-size:1.55rem;font-weight:600;letter-spacing:.01em;transition:transform .25s var(--ui-ease),box-shadow .25s ease}body.ui main .button:after,body.ui main .button:before{border-radius:99rem;box-shadow:none!important}body.ui main .button:not([disabled]):hover{transform:translateY(-.2rem);box-shadow:0 1.2rem 2.4rem -1.2rem #0f042173}body.ui main .thaani-raster__card,body.ui main .thaani-g-werte__karte,body.ui main .thaani-g-zahlen__karte,body.ui main .thaani-standorte__card,body.ui main .thaani-artikel__weiter-karte,body.ui main .thaani-documents__list>li,body.ui main .card-wrapper .card{border:0!important;border-radius:var(--ui-radius-lg)!important;background:var(--ui-card);box-shadow:0 1.6rem 4rem -2.4rem #0f042159;overflow:hidden}body.ui main :is(.color-scheme-3,.color-scheme-4,.color-scheme-5) :is(.thaani-raster__card,.thaani-g-werte__karte,.thaani-g-zahlen__karte,.thaani-standorte__card,.thaani-artikel__weiter-karte,.thaani-documents__list>li,.card-wrapper .card){--color-foreground: 24, 7, 51;color:rgba(var(--color-foreground),.75)}body.ui main :is(.color-scheme-3,.color-scheme-4,.color-scheme-5) :is(.thaani-raster__card,.thaani-g-werte__karte,.thaani-g-zahlen__karte,.thaani-standorte__card,.thaani-artikel__weiter-karte,.thaani-documents__list>li,.card-wrapper .card) :is(h2,h3,h4,.thaani-raster__card-title){color:var(--ui-ink)}body.ui main .field__input,body.ui main .field__label,body.ui main .select__select,body.ui main .text-area{font-family:var(--thaani-font-body)}body.ui main .field:after,body.ui main .field:before,body.ui main .select:after,body.ui main .select:before{border-radius:99rem}body.ui main .text-area,body.ui main .field--text-area .field__input,body.ui main .field:has(textarea):after,body.ui main .field:has(textarea):before{border-radius:2rem}body.ui main .thaani-rechtstext__doc,body.ui main .main-page-content,body.ui main .thaani-artikel__text{max-width:82rem;margin-left:auto;margin-right:auto}body.ui main .thaani-rechtstext__doc{padding:clamp(2.4rem,4vw,5.6rem);border-radius:var(--ui-radius-lg);background:var(--ui-card);box-shadow:0 1.6rem 4rem -2.4rem #0f042140}body.ui main .cart-items td,body.ui main .cart-items th{border-color:var(--ui-line)}body.ui main .cart__footer .totals__total-value{font-family:var(--thaani-font-heading);font-weight:800}body.ui main .article-card__image-wrapper,body.ui main .card__media{border-radius:var(--ui-radius-lg);overflow:hidden}body.ui main:has(.ui-kopf) .main-page-title,body.ui main:has(.ui-kopf) .thaani-blog__titel,body.ui main:has(.ui-kopf) .thaani-artikel__titel,body.ui main:has(.ui-kopf) .thaani-rechtstext__kopf,body.ui main:has(.ui-kopf) .thaani-documents>h1,body.ui main:has(.ui-kopf) .cart__warnings+.title-wrapper-with-link,body.ui main:has(.ui-kopf) .title-wrapper-with-link .title--primary,body.ui main:has(.ui-kopf) .template-404>.title,body.ui main:has(.ui-kopf) .template-search__header>h1{display:none}@media screen and (max-width:749px){.ui-kopf{--ui-stage-pad: 2.4rem}.ui-kopf__inner{min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/thaani-ui-seiten.css.map */