.loewen-redesign .zl-gift{padding-block:var(--zl-section-y);background:var(--zl-paper);}

.zl-gift__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,84px);align-items:stretch;}

.zl-gift--image-left .zl-gift__media{order:1;}
.zl-gift--image-left .zl-gift__text{order:2;}
.zl-gift__text{align-self:center;}
.zl-gift__title{margin-bottom:20px;}
.zl-gift__copy{margin-bottom:30px;}
.zl-gift__media{position:relative;margin:0;display:flex;min-height:clamp(420px,40vw,560px);}
.zl-gift__media::before{content:"";position:absolute;right:-14px;top:-14px;width:42%;height:42%;border-right:2px solid var(--zl-ember-1);border-top:2px solid var(--zl-ember-1);pointer-events:none;z-index:2;}
.zl-gift__media img{width:100%;height:100%;min-height:100%;object-fit:cover;}

.zl-gift__ribbon{position:absolute;right:0;bottom:22px;transform:translateX(20px);display:inline-flex;align-items:center;gap:9px;min-height:44px;box-sizing:border-box;max-width:calc(100% - 20px);background:var(--zl-ember-1,#c96f2d);color:#fff;padding:11px 22px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;box-shadow:var(--zl-shadow-md);text-decoration:none;}
.zl-gift__ribbon::before{content:"✦";}
.zl-gift__ribbon.has-icon::before{content:none;}
.zl-gift__ribbon-icon{display:inline-flex;width:15px;height:15px;flex:none;}
.zl-gift__ribbon-icon svg{width:100%;height:100%;}
.zl-gift__ribbon-icon svg:not(.aml-inline-media-svg){fill:none;stroke:currentColor;stroke-width:1.6;}
.zl-gift__ribbon--green{background:var(--zl-forest-700,#2c3f31);color:#fff;}
.zl-gift__ribbon--outline{background:#fff;color:var(--zl-forest-700,#2c3f31);border:1px solid var(--zl-forest-700,#2c3f31);box-shadow:none;}
a.zl-gift__ribbon{cursor:pointer;transition:transform var(--zl-dur-fast,.2s) var(--zl-ease,ease),box-shadow var(--zl-dur-fast,.2s) var(--zl-ease,ease);}
a.zl-gift__ribbon:hover{transform:translateX(20px) translateY(-2px);box-shadow:var(--zl-shadow-lg,0 12px 30px rgba(20,28,22,.22));}
a.zl-gift__ribbon:focus-visible{outline:2px solid var(--zl-ink,#142331);outline-offset:2px;}
@media (max-width:860px){
  .zl-gift__inner{grid-template-columns:1fr;gap:32px;}

  .zl-gift__text{align-self:auto;}
  .zl-gift__media{min-height:0;display:block;}
  .zl-gift__media img{height:auto;min-height:0;aspect-ratio:16/10;}
  .zl-gift__media::before{right:-6px;top:-6px;width:38%;height:38%;}

  .zl-gift__ribbon{transform:none;right:16px;max-width:calc(100% - 32px);padding:10px 18px;}
  a.zl-gift__ribbon:hover{transform:translateY(-2px);}
}

/* v6.7.36 · Badge (Block 24 & 34, gemeinsame .zl-gift__ribbon) auf MOBIL (<=600px):
   raus aus der grossen Bild-Ueberlagerung – die Ribbon (letztes Kind der figure) kommt in den
   normalen Fluss und dockt mit ~14px an den unteren Bildrand an. Bild bleibt fast vollstaendig
   sichtbar. Rechtsbuendig wie im bestehenden Blockdesign; Farbe/Icon/Typografie/Form unveraendert.
   Hoehere Spezifitaet (.loewen-redesign) + spaetere Position gewinnen gegen die absolute ≤860-Regel.
   Desktop/Tablet unberuehrt. Kein Slider in diesen Bloecken → keine Pfeil-/Pagination-Kollision. */
@media (max-width:600px){
  .loewen-redesign .zl-gift__ribbon{
    position:relative;z-index:3;
    right:auto;left:auto;bottom:auto;top:auto;transform:none;
    display:flex;width:-moz-fit-content;width:fit-content;max-width:100%;
    margin:-14px 0 0 auto;      /* ~14px Ueberlappung am unteren Bildrand, rechtsbuendig */
    padding:11px 20px;
  }
  .loewen-redesign a.zl-gift__ribbon:hover{transform:translateY(-2px);}
}