.loume-dd-inhalte{--inhalte-gap: 20px;--karte-h: clamp(520px, 44vw, 700px);--unten-block: calc(2 * 33.6px + 3 * 28.8px + 16px + 24px);--bild-h: calc(var(--karte-h) - var(--unten-block));background-color:var(--loume-bg);font-family:var(--loume-font-body);padding:144px 0}.loume-dd-inhalte--grau{background-color:var(--loume-surface-buy)}.loume-dd-inhalte--weiss{background-color:var(--loume-surface)}.loume-dd-inhalte__karussell{display:block}.loume-dd-inhalte__streifen{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:clamp(300px,28vw,440px);grid-template-rows:minmax(var(--bild-h),auto) auto auto;column-gap:var(--inhalte-gap);row-gap:0;padding:0 var(--loume-dd-pad-x);overflow-x:auto;overflow-y:hidden;scroll-padding-inline:var(--loume-dd-pad-x);scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.loume-dd-inhalte__streifen::-webkit-scrollbar{display:none}.loume-dd-inhalte__streifen:focus-visible{outline:2px solid var(--loume-ink);outline-offset:4px}.loume-dd-inhalte__slide{display:grid;grid-row:span 3;grid-template-rows:subgrid;min-width:0;scroll-snap-align:start}.loume-dd-inhalte__karte.loume-dd-inhalte__karte--intro{display:flex;flex-direction:column;justify-content:flex-end;padding:40px;background:var(--loume-surface);color:var(--loume-ink)}.loume-dd-inhalte .loume-dd-inhalte__karte--intro .loume-dd-titel{font-size:44px;text-wrap:balance}.loume-dd-inhalte .loume-dd-inhalte__karte--intro .loume-dd-text{margin-top:20px;font-size:16px}.loume-dd-inhalte__intro-pfeil{display:flex;margin-top:32px}.loume-dd-inhalte__intro-pfeil svg{width:32px;height:32px}.loume-dd-inhalte__karte{position:relative;isolation:isolate;display:grid;grid-row:span 3;grid-template-rows:subgrid;width:100%;min-width:0;overflow:hidden;border-radius:var(--loume-radius-l);background-color:#141c2a;color:#fff}.loume-dd-inhalte__bild{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.loume-dd-inhalte__bild:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a0e1673,#0a0e1600 24%),linear-gradient(to top,#0a0e16db,#0a0e169e 34%,#0a0e1600 60%);pointer-events:none}.loume-dd-inhalte__titel{grid-row:2;align-self:end;min-width:0;margin:0;padding:0 24px;text-align:left;font-family:var(--loume-font-body);font-weight:400;font-style:normal;font-size:24px;line-height:140%;letter-spacing:.3px;color:#fff}.loume-dd-inhalte .loume-dd-inhalte__offen{padding:8px 24px 24px}.loume-dd-inhalte .loume-dd-inhalte__offen .loume-dd-inhalte__kurz{display:block;margin:0}.loume-dd-inhalte__hinweis{margin-top:10px;font-size:12px;line-height:160%;color:#ffffff9e}.loume-dd-inhalte__hinweis p{margin:0}.loume-dd-inhalte__aufklapper{display:block;grid-row:3;align-self:start;min-width:0;padding-bottom:24px}.loume-dd-inhalte__summary{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:8px 24px;cursor:pointer;list-style:none}.loume-dd-inhalte__summary::-webkit-details-marker{display:none}.loume-dd-inhalte__summary::marker{content:""}.loume-dd-inhalte__summary:focus-visible{outline:2px solid #ffffff;outline-offset:-2px;border-radius:12px}.loume-dd-inhalte__kurz{display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 auto;min-width:0;font-size:16px;line-height:180%;letter-spacing:.6px;color:#fff}.loume-dd-inhalte__plus{display:flex;flex:0 0 35px;width:35px;height:35px;color:#fff}.loume-dd-inhalte__plus svg{display:block;width:100%;height:100%}.loume-dd-inhalte__details[open] .loume-dd-inhalte__plus-zu,.loume-dd-inhalte__details:not([open]) .loume-dd-inhalte__plus-offen{display:none}.loume-dd-inhalte__panel{overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.loume-dd-inhalte__lang{padding:8px 24px;font-size:16px;line-height:180%;letter-spacing:.6px;color:#ffffffb8}.loume-dd-inhalte__lang p{margin:0}.loume-dd-inhalte__lang p+p{margin-top:8px}.loume-dd-inhalte__lang em{display:block;margin-top:10px;font-style:normal;font-size:12px;line-height:150%;color:#ffffff80}.loume-dd-inhalte__foto{position:absolute;top:0;left:0;display:block;width:100%;height:var(--karte-h);object-fit:cover;-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent);mask-image:linear-gradient(to bottom,#000 82%,transparent)}.loume-dd-inhalte__chips{grid-row:1;align-self:end;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin:0;padding:0 24px 14px;list-style:none}.loume-dd-inhalte__chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background-color:#12182452;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);font-size:14px;line-height:1.2;color:#fff;animation:loume-inhalte-chip calc(var(--n) * 1.8s) ease-in-out calc(var(--i) * 1.8s) infinite}@keyframes loume-inhalte-chip{0%,16%{background-color:#ffffffeb;border-color:#ffffffeb;color:#141c2a}24%,to{background-color:#12182452;border-color:#ffffff4d;color:#fff}}.loume-dd-inhalte__chip-welle{display:inline-flex;align-items:center;gap:2px;height:12px}.loume-dd-inhalte__chip-welle i{display:block;width:2px;height:100%;border-radius:1px;background-color:currentColor;transform:scaleY(.35);animation:loume-inhalte-welle .9s ease-in-out infinite alternate}.loume-dd-inhalte__chip-welle i:nth-child(2){animation-duration:.7s;animation-delay:-.3s}.loume-dd-inhalte__chip-welle i:nth-child(3){animation-duration:1.1s;animation-delay:-.6s}@keyframes loume-inhalte-welle{to{transform:scaleY(1)}}.loume-dd-inhalte__karte--app{background-color:#1b2233}.loume-dd-inhalte__wand{position:absolute;left:50%;top:calc(var(--bild-h) * .5);display:flex;flex-direction:column;gap:14px;width:170%;transform:translate(-50%,-50%) rotate(-9deg)}.loume-dd-inhalte__band{overflow:hidden}.loume-dd-inhalte__band-spur{display:flex;gap:14px;width:max-content;animation:loume-inhalte-band 60s linear infinite}.loume-dd-inhalte__band--2 .loume-dd-inhalte__band-spur{animation-direction:reverse;animation-duration:70s}.loume-dd-inhalte__band--3 .loume-dd-inhalte__band-spur{animation-duration:52s;margin-left:-60px}.loume-dd-inhalte__band-spur img{display:block;width:120px;height:160px;border-radius:14px;object-fit:cover}@keyframes loume-inhalte-band{0%{transform:translate(0)}to{transform:translate(calc(-50% - 7px))}}.loume-dd-inhalte__zahl{position:absolute;left:50%;top:calc(var(--bild-h) * .52);z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;padding:18px 30px 16px;border:1px solid rgba(255,255,255,.35);border-radius:20px;background-color:#12182466;-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 16px 40px #0000004d;transform:translate(-50%,-50%);text-align:center}.loume-dd-inhalte__zahl strong{font-family:var(--loume-font-heading);font-weight:400;font-size:56px;line-height:1;color:#fff}.loume-dd-inhalte__zahl span{font-weight:600;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#ffffffbf}.loume-dd-inhalte__karte--apps{background:radial-gradient(90% 60% at 50% 42%,#5876aa8c,#5876aa00 70%),linear-gradient(to bottom,#182338,#0f1522)}.loume-dd-inhalte__apps{--icon: clamp(56px, 5.3vw, 76px);position:absolute;left:50%;top:calc(var(--bild-h) * .52);display:grid;grid-template-columns:repeat(3,var(--icon));gap:24px 28px;margin:0;padding:0;list-style:none;transform:translate(-50%,-50%)}.loume-dd-inhalte__app{animation:loume-inhalte-schweben 5s ease-in-out calc(var(--i) * -.8s) infinite alternate}.loume-dd-inhalte__app img{display:block;width:var(--icon);height:var(--icon);border-radius:22.5%;box-shadow:0 10px 24px #00000059,0 0 0 1px #ffffff0f}@keyframes loume-inhalte-schweben{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}.loume-dd-inhalte__steuerung{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:0 var(--loume-dd-pad-x)}.loume-dd-inhalte__punkte{display:flex;align-items:center;gap:8px}.loume-dd-inhalte .loume-dd-inhalte__punkt{display:block;width:8px;height:8px;border-radius:999px;background-color:#12121233;transition:width .35s var(--loume-ease-ui),background-color .35s var(--loume-ease-ui)}.loume-dd-inhalte .loume-dd-inhalte__punkt[aria-current=true]{width:28px;background-color:var(--loume-ink)}.loume-dd-inhalte__pfeile{display:none;gap:10px}lo-audio-carousel[data-ready] .loume-dd-inhalte__pfeile{display:flex}.loume-dd-inhalte__pfeil{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid rgba(18,18,18,.12);border-radius:50%;background-color:var(--loume-surface);color:var(--loume-ink);cursor:pointer;transition:background-color .2s var(--loume-ease-ui),color .2s var(--loume-ease-ui),opacity .2s var(--loume-ease-ui)}.loume-dd-inhalte__pfeil:hover{background-color:var(--loume-ink);color:var(--loume-surface)}.loume-dd-inhalte__pfeil[hidden]{display:flex;opacity:.35;pointer-events:none}.loume-dd-inhalte__pfeil svg{width:20px;height:20px}.loume-dd-inhalte__pfeil:focus-visible{outline:2px solid var(--loume-ink);outline-offset:3px}@media(max-width:1024px){.loume-dd-inhalte{--karte-h: 600px;--unten-block: 222.4px ;padding:112px 0}.loume-dd-inhalte__streifen{grid-auto-columns:min(46vw,420px)}.loume-dd-inhalte .loume-dd-inhalte__karte--intro .loume-dd-titel{font-size:36px}}@media(max-width:767px){.loume-dd-inhalte{--inhalte-gap: 12px;--karte-h: max(540px, 100.8vw );--unten-block: 198px ;padding:88px 0}.loume-dd-inhalte__karte.loume-dd-inhalte__karte--intro{padding:28px}.loume-dd-inhalte .loume-dd-inhalte__karte--intro .loume-dd-titel{font-size:34px}lo-audio-carousel[data-ready] .loume-dd-inhalte__pfeile{display:none}.loume-dd-inhalte__streifen{grid-auto-columns:84vw}.loume-dd-inhalte__titel{font-size:20px}.loume-dd-inhalte__chips{gap:8px;padding-bottom:12px}.loume-dd-inhalte__chip{gap:6px;padding:7px 12px 7px 10px;font-size:13px}.loume-dd-inhalte__kurz{font-size:15px;line-height:170%}.loume-dd-inhalte__lang{font-size:14px;line-height:170%}.loume-dd-inhalte__apps{--icon: 64px;gap:20px 24px}.loume-dd-inhalte__zahl strong{font-size:48px}}@media(prefers-reduced-motion:reduce){.loume-dd-inhalte__chip,.loume-dd-inhalte__chip-welle i,.loume-dd-inhalte__band-spur,.loume-dd-inhalte__app{animation:none}.loume-dd-inhalte__panel{transition:none}.loume-dd-inhalte__streifen{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/loume-dd-inhalte.css.map */