/** Shopify CDN: Minification failed

Line 40:2 Expected percentage but found "@keyframes"
Line 446:0 Expected "}" to go with "{"

**/
  .ls .ls-benefits { display:grid; grid-template-columns:repeat(4,1fr); margin-top:36px; border:1px solid var(--ls-line); background:#0e0e0e; }
  .ls .ls-benefits > div { min-height:126px; padding:20px; border-right:1px solid var(--ls-line); display:grid; grid-template-columns:auto 1fr; column-gap:12px; align-content:center; }
  .ls .ls-benefits > div:last-child { border-right:0; }
  .ls .ls-benefits b { grid-row:1/3; color:var(--ls-accent); font-size:27px; line-height:1; }
  .ls .ls-benefits strong { text-transform:uppercase; font-size:17px; }
  .ls .ls-benefits span { color:var(--ls-muted); font-size:12px; line-height:1.4; }
  .ls .ls-community { display:grid; grid-template-columns:.8fr 1.2fr; gap:12px; margin-top:12px; }
  .ls .ls-community__copy { padding:clamp(28px,4vw,58px); border:1px solid var(--ls-line); background:linear-gradient(145deg,#191512,#0b0b0b 66%); }
  .ls .ls-community h2 { margin:8px 0 17px; font-size:clamp(38px,5vw,72px); line-height:.9; text-transform:uppercase; letter-spacing:-.035em; }
  .ls .ls-community p { max-width:620px; margin:0 0 24px; color:var(--ls-muted); line-height:1.65; }
  .ls .ls-community__mosaic { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--ls-line); }
  .ls .ls-community__mosaic a { min-height:240px; background:radial-gradient(circle,#28231f,#101010); overflow:hidden; }
  .ls .ls-community__mosaic a:hover img { transform:scale(1.05); }
  .ls .ls-final { margin-top:12px; padding:clamp(38px,6vw,85px) 24px; text-align:center; border:1px solid var(--ls-line); background:linear-gradient(135deg,#0b0b0b,#23160f); }
  .ls .ls-final span { color:var(--ls-muted); font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
  .ls .ls-final h2 { margin:8px 0 23px; font-size:clamp(52px,8vw,112px); line-height:.85; text-transform:uppercase; }

  /* SoB Orange aus dem aktuellen Shopdesign. Die Kompatibilitätsregeln greifen nur,
     solange noch die früheren Standardfarben im Theme-Editor gespeichert sind. */
  .ls[style*="--ls-accent:#b85a23"] { --ls-accent:#e8360a !important; }
  .ls[style*="--ls-accent-dark:#743516"] { --ls-accent-dark:#c92e08 !important; }
  .ls .ls-btn--solid:hover { background:var(--ls-accent-dark); border-color:var(--ls-accent-dark); }

  /* Bewegung, Mikrointeraktionen und leichte Gamification */
@keyframes ls-reveal {
  from {
    opacity: 0;
    transform: translate3d(0,24px,0);
  }
  to {
    opacity: 1;
    transform: none;
  }
  @keyframes ls-kicker-in {
    from { opacity:0; transform:translateX(-18px); }
    to { opacity:1; transform:none; }
  }
  @keyframes ls-float {
    0%,100% { transform:translate3d(0,0,0) rotate(-.35deg); }
    50% { transform:translate3d(0,-9px,0) rotate(.35deg); }
  }
  @keyframes ls-reveal {
    from { opacity:0; transform:translate3d(0,34px,0) scale(.97); filter:blur(5px); }
    to { opacity:1; transform:none; filter:none; }
  }
  @keyframes ls-charge {
    from { transform:scaleX(0); }
    to { transform:scaleX(1); }
  }
  @keyframes ls-level-text {
    0%,24% { content:"AKKU-LEVEL 0"; }
    25%,49% { content:"AKKU-LEVEL 25 · WARMGEFAHREN"; }
    50%,74% { content:"AKKU-LEVEL 50 · HALBE LADUNG"; }
    75%,94% { content:"AKKU-LEVEL 75 · FAST VOLL"; }
    95%,100% { content:"AKKU-LEVEL 100 · VOLLGELADEN"; }
  }
  @keyframes ls-pulse {
    0%,100% { box-shadow:0 0 0 0 color-mix(in srgb,var(--ls-accent) 0%,transparent); }
    50% { box-shadow:0 0 0 7px color-mix(in srgb,var(--ls-accent) 13%,transparent); }
  }

  .ls .ls-hero__copy .ls-kicker { animation:ls-kicker-in .55s ease both; }
  .ls .ls-hero h1 { animation:ls-title-in .75s cubic-bezier(.2,.7,.1,1) .08s both; }
  .ls .ls-hero__claim { animation:ls-title-in .65s cubic-bezier(.2,.7,.1,1) .18s both; }
  .ls .ls-hero__text,
  .ls .ls-actions,
  .ls .ls-hero__count { animation:ls-title-in .65s cubic-bezier(.2,.7,.1,1) .28s both; }

  .ls .ls-btn {
    position:relative;
    overflow:hidden;
    isolation:isolate;
    transform:translateZ(0);
  }
  .ls .ls-btn:after {
    content:"";
    position:absolute;
    inset:-70% auto -70% -45%;
    width:34%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
    transform:skewX(-18deg);
    transition:left .55s ease;
    pointer-events:none;
    z-index:-1;
  }
  .ls .ls-btn:hover:after,
  .ls .ls-btn:focus-visible:after { left:120%; }
  .ls .ls-btn:focus-visible,
  .ls .ls-type:focus-visible,
  .ls .ls-drop:focus-visible,
  .ls .ls-product a:focus-visible,
  .ls .ls-topcard:focus-visible,
  .ls .ls-hero-product:focus-visible {
    outline:2px solid var(--ls-accent);
    outline-offset:3px;
  }

  .ls .ls-hero-product:nth-child(1) img { animation:ls-float 5.2s ease-in-out infinite; }
  .ls .ls-hero-product:nth-child(2) img { animation:ls-float 5.8s ease-in-out -.9s infinite; }
  .ls .ls-hero-product:nth-child(3) img { animation:ls-float 6.1s ease-in-out -1.7s infinite; }
  .ls .ls-hero-product:nth-child(4) img { animation:ls-float 5.5s ease-in-out -2.4s infinite; }

  .ls .ls-topcard,
  .ls .ls-type,
  .ls .ls-drop,
  .ls .ls-product,
  .ls .ls-benefits > div,
  .ls .ls-community__copy,
  .ls .ls-community__mosaic a,
  .ls .ls-final {
    transform-origin:center bottom;
  }

  @supports (animation-timeline:view()) {
    .ls .ls-topcard,
    .ls .ls-type,
    .ls .ls-drop,
    .ls .ls-product,
    .ls .ls-benefits > div,
    .ls .ls-community__copy,
    .ls .ls-community__mosaic a,
    .ls .ls-final {
      animation:ls-reveal linear both;
      animation-timeline:view();
      animation-range:entry 2% cover 28%;
    }
  }

  @supports (animation-timeline:scroll()) {
    .ls:before {
      content:"";
      position:fixed;
      z-index:9997;
      top:0;
      left:0;
      width:100%;
      height:5px;
      pointer-events:none;
      transform:scaleX(0);
      transform-origin:left center;
      background:
        repeating-linear-gradient(
          90deg,
          var(--ls-accent) 0 28px,
          color-mix(in srgb,var(--ls-accent) 42%,#111) 28px 32px
        );
      box-shadow:0 0 16px color-mix(in srgb,var(--ls-accent) 60%,transparent);
      animation:ls-charge linear both;
      animation-timeline:scroll(root block);
    }
    .ls:after {
      content:"AKKU-LEVEL 0";
      position:fixed;
      z-index:9996;
      right:12px;
      top:88px;
      padding:8px 11px 7px;
      border:1px solid color-mix(in srgb,var(--ls-accent) 72%,transparent);
      border-radius:999px;
      background:rgba(7,7,7,.88);
      color:var(--ls-accent);
      box-shadow:0 10px 34px rgba(0,0,0,.34);
      backdrop-filter:blur(12px);
      font-size:9px;
      font-weight:950;
      line-height:1;
      letter-spacing:.1em;
      text-transform:uppercase;
      pointer-events:none;
      animation:ls-level-text linear both;
      animation-timeline:scroll(root block);
    }
  }

  .ls .ls-topcard,
  .ls .ls-type,
  .ls .ls-drop,
  .ls .ls-product,
  .ls .ls-community__mosaic a {
    transition:
      transform .28s cubic-bezier(.2,.7,.1,1),
      border-color .28s ease,
      box-shadow .28s ease;
  }
  .ls .ls-topcard:hover,
  .ls .ls-type:hover,
  .ls .ls-drop:hover,
  .ls .ls-product:hover,
  .ls .ls-community__mosaic a:hover {
    border-color:color-mix(in srgb,var(--ls-accent) 72%,transparent);
    box-shadow:0 18px 42px rgba(0,0,0,.32);
    transform:translateY(-5px);
  }
  .ls .ls-topcard:active,
  .ls .ls-type:active,
  .ls .ls-drop:active,
  .ls .ls-product:active { transform:scale(.98); }

  @media (max-width: 1180px) {
    .ls .ls-types { grid-template-columns:repeat(4,1fr); }
    .ls .ls-drops, .ls .ls-products { grid-template-columns:repeat(3,1fr); }
  }

  @media (max-width: 800px) {
    .ls {
      padding:8px 0 max(64px,env(safe-area-inset-bottom));
      background:
        radial-gradient(circle at 85% 2%,color-mix(in srgb,var(--ls-accent) 18%,transparent),transparent 23rem),
        linear-gradient(180deg,#0d0b0a 0%,var(--ls-bg) 18%,#050505 100%);
    }
    .ls .ls__shell { width:min(calc(100% - 16px),1480px); }
    .ls .ls-hero {
      display:block;
      min-height:0;
      overflow:hidden;
      border-radius:14px;
    }
    .ls .ls-hero__copy { padding:30px 18px 20px; }
    .ls .ls-hero__copy:after { display:none; }
    .ls .ls-hero h1 {
      max-width:100%;
      margin-top:10px;
      font-size:clamp(56px,18vw,88px);
      line-height:.8;
      text-wrap:balance;
    }
    .ls .ls-hero__claim {
      max-width:100%;
      font-size:12px;
      line-height:1.2;
    }
    .ls .ls-hero__text {
      font-size:15px;
      line-height:1.52;
    }
    .ls .ls-actions {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:8px;
      margin-top:20px;
      padding:8px;
      border:1px solid var(--ls-line);
      border-radius:9px;
      background:rgba(8,8,8,.76);
      backdrop-filter:blur(12px);
    }
    .ls .ls-btn {
      min-height:50px;
      padding:0 12px;
      font-size:10px;
      touch-action:manipulation;
    }
    .ls .ls-btn--solid { animation:ls-pulse 2.7s ease-in-out infinite; }
    .ls .ls-hero__count { margin-top:15px; }
    .ls .ls-hero__products {
      display:flex;
      min-height:0;
      gap:8px;
      padding:8px;
      overflow-x:auto;
      overscroll-behavior-inline:contain;
      scroll-snap-type:x mandatory;
      scroll-padding-inline:8px;
      background:#090909;
      scrollbar-width:none;
    }
    .ls .ls-hero__products::-webkit-scrollbar,
    .ls .ls-toplinks::-webkit-scrollbar,
    .ls .ls-types::-webkit-scrollbar,
    .ls .ls-drops::-webkit-scrollbar,
    .ls .ls-products::-webkit-scrollbar { display:none; }
    .ls .ls-hero-product {
      flex:0 0 min(72vw,330px);
      min-height:300px;
      padding:10px;
      scroll-snap-align:center;
      border:1px solid var(--ls-line);
      border-radius:10px;
    }
    .ls .ls-hero-product span {
      display:block;
      bottom:10px;
      font-size:9px;
    }

    .ls .ls-toplinks,
    .ls .ls-types,
    .ls .ls-drops,
    .ls .ls-products {
      display:flex;
      gap:9px;
      overflow-x:auto;
      overscroll-behavior-inline:contain;
      scroll-snap-type:x mandatory;
      scroll-padding-inline:2px;
      padding:0 1px 10px;
      scrollbar-width:none;
    }
    .ls .ls-toplinks { margin-top:10px; }
    .ls .ls-topcard {
      flex:0 0 min(84vw,440px);
      min-height:220px;
      scroll-snap-align:start;
      border-radius:11px;
    }
    .ls .ls-card-content { padding:20px; }
    .ls .ls-card-content strong { max-width:88%; font-size:clamp(31px,10vw,48px); }

    .ls .ls-section { padding-top:38px; }
    .ls .ls-heading {
      position:relative;
      padding-right:76px;
      margin-bottom:13px;
    }
    .ls .ls-heading:after {
      content:"Wischen →";
      position:absolute;
      right:0;
      bottom:4px;
      color:var(--ls-muted);
      font-size:8px;
      font-weight:900;
      letter-spacing:.09em;
      text-transform:uppercase;
    }
    .ls .ls-heading h2 {
      font-size:clamp(34px,11vw,52px);
      line-height:.9;
      text-wrap:balance;
    }
    .ls .ls-heading--row { align-items:end; }
    .ls .ls-heading--row > a { display:none; }
    .ls .ls-type {
      flex:0 0 min(46vw,210px);
      height:220px;
      scroll-snap-align:start;
      border-radius:9px;
    }
    .ls .ls-type span { font-size:18px; }
    .ls .ls-drop {
      flex:0 0 min(72vw,330px);
      height:310px;
      scroll-snap-align:start;
      border-radius:10px;
    }
    .ls .ls-product {
      flex:0 0 min(76vw,350px);
      scroll-snap-align:start;
      border-radius:10px;
    }
    .ls .ls-product__body { padding:15px; }
    .ls .ls-product__title { min-height:0; font-size:14px; }
    .ls .ls-product__meta strong { font-size:20px; }
    .ls .ls-product__meta a { width:38px; height:38px; border-radius:50%; }

    .ls .ls-benefits {
      grid-template-columns:repeat(2,1fr);
      gap:1px;
      margin-top:28px;
      border-radius:11px;
      overflow:hidden;
      background:var(--ls-line);
    }
    .ls .ls-benefits > div {
      min-height:142px;
      padding:17px;
      border:0;
      background:#0e0e0e;
    }
    .ls .ls-benefits b { font-size:24px; }
    .ls .ls-benefits strong { font-size:15px; }
    .ls .ls-benefits span { font-size:11px; }

    .ls .ls-community {
      grid-template-columns:1fr;
      gap:8px;
      margin-top:8px;
    }
    .ls .ls-community__copy {
      padding:34px 20px;
      border-radius:12px;
    }
    .ls .ls-community h2 {
      font-size:clamp(40px,13vw,64px);
      text-wrap:balance;
    }
    .ls .ls-community__mosaic {
      grid-template-columns:repeat(2,1fr);
      gap:2px;
      border-radius:12px;
      overflow:hidden;
    }
    .ls .ls-community__mosaic a {
      min-height:0;
      aspect-ratio:1/1.05;
    }
    .ls .ls-final {
      padding:48px 18px 56px;
      border-radius:13px;
      background:
        radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--ls-accent) 17%,transparent),transparent 45%),
        linear-gradient(135deg,#0b0b0b,#23160f);
    }
    .ls .ls-final h2 {
      font-size:clamp(54px,18vw,92px);
      text-wrap:balance;
    }

    @supports (animation-timeline:scroll()) {
      .ls:after {
        top:74px;
        right:8px;
        max-width:calc(100vw - 16px);
        padding:7px 9px 6px;
        font-size:8px;
      }
    }
  }

  @media (max-width: 390px) {
    .ls .ls-actions { grid-template-columns:1fr; }
    .ls .ls-hero h1 { font-size:54px; }
    .ls .ls-hero-product { flex-basis:80vw; min-height:280px; }
    .ls .ls-benefits { grid-template-columns:1fr; }
    .ls .ls-benefits > div { min-height:118px; }
  }

  @media (prefers-reduced-motion:reduce) {
    .ls *,
    .ls *:before,
    .ls *:after {
      scroll-behavior:auto !important;
      animation-duration:.001ms !important;
      animation-iteration-count:1 !important;
      transition-duration:.001ms !important;
    }
    .ls:before,
    .ls:after { display:none !important; }
  }