.ui-chat{--ui-stage-pad: 4.8rem;overflow:hidden;padding-bottom:5.6rem}.ui-chat__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:4.8rem;align-items:center}.ui-chat__text{position:relative;z-index:2;display:grid;justify-items:start;gap:1.8rem}.ui-chat__pillen{display:flex;flex-wrap:wrap;gap:.8rem}.ui-chat__titel{font-size:clamp(3.8rem,4.6vw,6.6rem)}.ui-chat__titel span{display:block}.ui-chat__lead{max-width:47rem;opacity:.92}.ui-chat__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.6rem}.ui-chat__btn-rand{--ui-btn-bg: transparent;--ui-btn-ink: currentColor;box-shadow:inset 0 0 0 .15rem #f7f1e8b3}.ui-chat__btn-rand:hover{box-shadow:inset 0 0 0 .15rem #f7f1e8f2,0 1.2rem 2.4rem -1.2rem #0f042180}.ui-chat__buehne{position:relative;height:60rem}.ui-chat__zutat--1{--x: -7%;--y: 11%;--w: clamp(7rem, 6.7vw, 9.6rem);--r: -16deg}.ui-chat__zutat--2{--x: 76%;--y: 3%;--w: clamp(6rem, 6.4vw, 9.2rem);--r: 18deg;--delay: -2s}.ui-chat__zutat--3{--x: 78%;--y: 65%;--w: clamp(6rem, 6.4vw, 9.2rem);--r: 12deg;--delay: -3s}.ui-chat__handy{position:absolute;left:42%;top:-1rem;z-index:1;box-sizing:border-box;width:33rem;height:70rem;padding:1.2rem;border-radius:5.2rem;background:var(--ui-ink, #0f0421);translate:-50% 0;rotate:4deg;transform-origin:50% 0;box-shadow:0 4rem 8rem -3rem #0f0421a6,inset 0 0 0 .2rem #f7f1e824}.ui-chat__screen{position:relative;height:100%;overflow:hidden;border-radius:4rem;background:#efe7dc;color:var(--ui-ink, #0f0421)}.ui-chat__insel{position:absolute;left:50%;top:1rem;width:9.2rem;height:2.6rem;border-radius:2rem;background:var(--ui-ink, #0f0421);translate:-50% 0}.ui-chat__status{display:flex;align-items:center;justify-content:space-between;height:4.6rem;padding:0 2.8rem;font-size:1.3rem;font-weight:600}.ui-chat__akku{width:2rem;height:1rem;border-radius:.3rem;box-shadow:inset 0 0 0 .15rem currentColor}.ui-chat__kontakt{display:flex;align-items:center;gap:1rem;padding:.4rem 1.6rem 1rem;border-bottom:1px solid rgba(15,4,33,.1);background:var(--thaani-linen, #f7f1e8)}.ui-chat__kontakt svg{flex-shrink:0;width:1.8rem;height:1.8rem}.ui-chat__avatar{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:var(--thaani-golden-bronze, #c9a24a);font-family:var(--thaani-font-heading);font-size:1.5rem;font-weight:800}.ui-chat__name{display:grid;line-height:1.25}.ui-chat__name strong{font-size:1.5rem;font-weight:600}.ui-chat__name span{font-size:1.1rem;opacity:.6}.ui-chat__verlauf{display:flex;flex-direction:column;gap:1rem;padding:1.4rem 1.2rem}.ui-chat__blase{align-self:flex-start;max-width:21rem;padding:.8rem 1.2rem .6rem;border-radius:1.8rem 1.8rem 1.8rem .4rem;background:var(--thaani-golden-bronze, #c9a24a);box-shadow:0 .2rem .6rem #0f042114;font-size:1.4rem;line-height:1.4}.ui-chat__blase p{margin:0}.ui-chat__blase--ich{align-self:flex-end;border-radius:1.8rem 1.8rem .4rem;background:var(--ui-card, #fffdf9)}.ui-chat__blase--vorschau{width:23.6rem;max-width:none;padding:.6rem}.ui-chat__blase--vorschau p{margin:.7rem .6rem 0}.ui-chat__vorschau{display:block;overflow:hidden;border-radius:1.3rem;background:var(--thaani-linen, #f7f1e8)}.ui-chat__vorschau img{display:block;width:100%;height:10.4rem;object-fit:cover;object-position:50% 62%}.ui-chat__vorschau-text{display:grid;padding:.7rem 1rem .8rem;line-height:1.3}.ui-chat__vorschau-text span{font-size:1.1rem;opacity:.6}.ui-chat__vorschau-text strong{font-size:1.3rem;font-weight:600}.ui-chat__zeit{display:block;margin-top:.2rem;text-align:right;font-size:1rem;opacity:.55}.ui-chat__blase--vorschau .ui-chat__zeit{margin:.2rem .6rem 0}.ui-chat__meldung{position:absolute;left:calc(42% - 44.5rem);top:45.4rem;z-index:3;display:flex;gap:1.6rem;box-sizing:border-box;width:45rem;padding:2rem 2.6rem 2.2rem 2rem;border-radius:2.2rem;background:var(--ui-card, #fffdf9);color:var(--ui-ink, #0f0421);box-shadow:0 3rem 6rem -2.4rem #0f042199}.ui-chat__meldung-icon{display:grid;place-items:center;flex-shrink:0;width:5.4rem;height:5.4rem;border-radius:50%;background:var(--ui-bg);color:var(--thaani-linen, #f7f1e8)}.ui-chat__meldung-icon .thaani-icon{width:2.6rem;height:2.6rem}.ui-chat__meldung-text{display:grid;align-content:start;gap:.4rem}.ui-chat__meldung-eyebrow{font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.ui-chat__meldung-titel{font-size:1.8rem;font-weight:600}.ui-chat__meldung-body{font-size:1.55rem;line-height:1.45;opacity:.8}.ui-chat__meldung--puls{animation:ui-chat-nach-vorne 2.4s ease-in-out infinite}@keyframes ui-chat-nach-vorne{0%,to{scale:1;box-shadow:0 3rem 6rem -2.4rem #0f042199}50%{scale:1.05;box-shadow:0 4.4rem 8rem -2.4rem #0f0421b8}}@media(prefers-reduced-motion:reduce){.ui-chat__meldung--puls{animation:none}}.ui-chat__slot{position:relative;align-self:flex-start}.ui-chat__tippt{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.4rem;height:3.4rem;padding:0 1.3rem;border-radius:1.8rem 1.8rem 1.8rem .4rem;background:var(--thaani-golden-bronze, #c9a24a);opacity:0;transform-origin:0 100%}.ui-chat__tippt span{width:.6rem;height:.6rem;border-radius:50%;background:var(--ui-ink, #0f0421);animation:ui-chat-punkt 1s ease-in-out infinite}.ui-chat__tippt span:nth-child(2){animation-delay:.15s}.ui-chat__tippt span:nth-child(3){animation-delay:.3s}.ui-chat__blase--ich{transform-origin:100% 100%}.ui-chat__blase--du{transform-origin:0 100%}.ui-chat--animiert .ui-chat__schritt--1{animation:ui-chat-schritt-1 20s ease-out infinite}.ui-chat--animiert .ui-chat__tippt{animation:ui-chat-tippt 20s ease-out infinite}.ui-chat--animiert .ui-chat__schritt--2{animation:ui-chat-schritt-2 20s ease-out infinite}.ui-chat--animiert .ui-chat__schritt--3{animation:ui-chat-schritt-3 20s ease-out infinite}.ui-chat--animiert .ui-chat__meldung{animation:ui-chat-meldung 20s ease-out infinite}.ui-chat--animiert .ui-chat__meldung--puls{animation:ui-chat-meldung 20s ease-out infinite,ui-chat-nach-vorne 2.4s ease-in-out infinite}@keyframes ui-chat-punkt{0%,60%,to{translate:0 0;opacity:.35}30%{translate:0 -.3rem;opacity:.85}}@keyframes ui-chat-schritt-1{0%,3.2%{opacity:0;translate:0 1rem;scale:.92}5.6%,92%{opacity:1;translate:0 0;scale:1}96%,to{opacity:0;translate:0 0;scale:1}}@keyframes ui-chat-tippt{0%,12%{opacity:0;scale:.8}13.6%,20%{opacity:1;scale:1}21.6%,to{opacity:0;scale:.8}}@keyframes ui-chat-schritt-2{0%,20.8%{opacity:0;translate:0 1rem;scale:.92}23.2%,92%{opacity:1;translate:0 0;scale:1}96%,to{opacity:0;translate:0 0;scale:1}}@keyframes ui-chat-schritt-3{0%,28.8%{opacity:0;translate:0 1rem;scale:.92}31.2%,92%{opacity:1;translate:0 0;scale:1}96%,to{opacity:0;translate:0 0;scale:1}}@keyframes ui-chat-meldung{0%,36%{opacity:0;translate:0 2rem}39.2%,92%{opacity:1;translate:0 0}96%,to{opacity:0;translate:0 0}}@media(prefers-reduced-motion:reduce){.ui-chat--animiert .ui-chat__schritt--1,.ui-chat--animiert .ui-chat__schritt--2,.ui-chat--animiert .ui-chat__schritt--3,.ui-chat--animiert .ui-chat__meldung,.ui-chat--animiert .ui-chat__meldung--puls{animation:none}.ui-chat__tippt{display:none}}.ui-chat .ui-curve{z-index:4}.ui-chat__anker{position:absolute;bottom:0;scroll-margin-top:var(--ui-hd-h, 11.6rem)}@media screen and (max-width:1199px){.ui-chat__buehne{height:54rem}.ui-chat__handy{scale:.88}.ui-chat__meldung{left:calc(42% - 34.5rem);top:43rem;width:38rem}}@media screen and (max-width:989px){.ui-chat{--ui-stage-pad: 2.4rem;padding-bottom:0}.ui-chat__grid{grid-template-columns:minmax(0,1fr);gap:3.2rem}.ui-chat__buehne{height:48rem}.ui-chat__handy{left:50%;top:0;scale:.74}.ui-chat__zutat--1{--x: 2%;--y: 8%;--w: 7rem}.ui-chat__zutat--2{--x: 78%;--y: 2%;--w: 6.4rem}.ui-chat__zutat--3{--x: 80%;--y: 46%;--w: 6.4rem}.ui-chat__meldung{left:0;top:auto;bottom:3.2rem;gap:1.2rem;width:min(38rem,100%);padding:1.6rem 2rem 1.8rem 1.6rem}.ui-chat__meldung-icon{width:4.6rem;height:4.6rem}.ui-chat__meldung-titel{font-size:1.6rem}.ui-chat__meldung-body{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/thaani-ui-werben.css.map */