/* ==========================================================================
   LOKANES Galerie-Editorial: Texte auf den Bildern der Produktgalerie
   Plugin lokanes-gallery-editorial, Version 2.0

   Eine Datei für Produktseite und Backend-Vorschau. Die Vorschau im Produkteditor
   baut dasselbe Markup (assets/gallery-editorial.js) und lädt genau diese Regeln.

   Alle Größen hängen an der Breite des Bildes (Container-Einheit cqw), nicht am
   Fenster. Unter 460 px Bildbreite (Handy, Tablet) gelten die Regeln für kleine
   Bilder am Ende der Datei.

   Teil 1 ist eine unveränderte Kopie des Abschnitts GALLERY-EDITORIAL aus dem
   CSS-Modul "produkt" (Stand 15.10.2026). Er gilt für die emotionalen Texte aus
   Version 1.0. Solange der Abschnitt auch im Modul steht, wirken beide Kopien
   gleich. Teil 2 enthält alles Neue aus Version 2.0.

   Auf der Produktseite lädt das Plugin diese Datei nur, wenn ein Bild die neuen
   Möglichkeiten nutzt (weitere Blocktypen, weitere Positionen, eigene Position auf
   kleinen Bildern, Herkunftskarte). Produkte mit ausschließlich emotionalen Texten
   bleiben dadurch unverändert.

   Version 2.1 ergänzt die Kurzmerkmale der Produktinformation und die runde
   Herkunftskarte (am Ende von Teil 2), eine ruhigere Variante des Herkunftssymbols
   aus dem Produktgrid (.hybrid-map-badge): cremeweiß, feine Kupferkontur, kein
   Schatten, keine Bewegung. Version 2.2 ergänzt zwei weitere Darstellungen derselben
   Karte (transparente Signatur, Wasserzeichen); die Größen stehen zentral als
   Variablen am Anfang des Kartenabschnitts.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Teil 1: emotionale Texte (Kopie aus dem CSS-Modul "produkt")
   -------------------------------------------------------------------------- */

.woocommerce-product-gallery .lokanes-gallery-editorial-host {
    position: relative;
}

/* Fläche genau über dem Bild. Sie fängt keine Klicks und keine Wischgesten ab.
   container-type macht die Bildfläche zum Maß für Schrift und Textbreite (cqw),
   damit der Text bei jeder Galeriegröße im selben Verhältnis zum Motiv steht. */
.woocommerce-product-gallery .lokanes-gallery-editorial {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: 0;
    padding: 0;
    pointer-events: none;
    container-type: size;
}

.woocommerce-product-gallery .lokanes-gallery-editorial__text {
    position: absolute;
    display: block;
    max-width: 46%;
    max-width: max(44cqw, 150px);
    margin: 0;
    padding: 0;
    font-family: 'Georgia', serif;
    /* Erste Zeile für Browser ohne Container-Einheiten, zweite für alle anderen */
    font-size: clamp(12px, 1.6vw, 24px);
    font-size: clamp(12px, 3.3cqw, 26px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.32;
    letter-spacing: 0.005em;
    text-transform: none;
    /* Zeilenumbrüche aus dem Master (senkrechter Strich) gelten; ohne Vorgabe
       verteilt der Browser den Text gleichmäßig auf die Zeilen */
    white-space: pre-line;
    text-wrap: balance;
    color: #1a1a1a;
    opacity: 0.86;
}

/* Feine Kupferlinie über dem Text, wie die Linien der Produktseite */
.woocommerce-product-gallery .lokanes-gallery-editorial__text::before {
    content: "";
    display: block;
    width: 1.5em;
    height: 1px;
    margin-bottom: 0.7em;
    background: #cc9e7e;
}

/* Positionen im freien Bildraum */
.woocommerce-product-gallery .lokanes-gallery-editorial--top-left .lokanes-gallery-editorial__text {
    top: 9%;
    left: 7%;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--top-right .lokanes-gallery-editorial__text {
    top: 9%;
    right: 7%;
    text-align: right;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--bottom-left .lokanes-gallery-editorial__text {
    bottom: 9%;
    left: 7%;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--bottom-right .lokanes-gallery-editorial__text {
    bottom: 9%;
    right: 7%;
    text-align: right;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--top-right .lokanes-gallery-editorial__text::before,
.woocommerce-product-gallery .lokanes-gallery-editorial--bottom-right .lokanes-gallery-editorial__text::before {
    margin-left: auto;
}

/* --------------------------------------------------------------------------
   Teil 2: Version 2.0
   -------------------------------------------------------------------------- */

/* Gemeinsame Grundlage von Produktinformation und Merkmal. Kein Hintergrund,
   keine Box, kein Schatten: der Text steht im freien Raum des Fotos wie die
   emotionalen Texte. Farben aus der Produktseite: Tinte #1a1a1a, Fließtext
   #4a4a4a, Kupfer #cc9e7e. Die kleinen Zeilen nutzen #6b625b statt des
   Seitengraus #888, weil sie auf dem hellgrauen Fotohintergrund sonst zu
   wenig Kontrast hätten. */
.woocommerce-product-gallery .lokanes-gallery-editorial__block {
    position: absolute;
    display: block;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    text-transform: none;
    white-space: pre-line;
}

.woocommerce-product-gallery .lokanes-gallery-editorial__block > span {
    display: block;
}

/* Kupferlinie über dem Block, wie bei den emotionalen Texten */
.woocommerce-product-gallery .lokanes-gallery-editorial__block::before {
    content: "";
    display: block;
    height: 1px;
    background: #cc9e7e;
}

/* Produktinformation: Herkunft, Titel, Beschreibung */
.woocommerce-product-gallery .lokanes-gallery-editorial__product {
    max-width: 44%;
    max-width: max(42cqw, 170px);
}

.woocommerce-product-gallery .lokanes-gallery-editorial__product::before {
    width: 22px;
    width: max(18px, 3.4cqw);
    margin-bottom: 9px;
    margin-bottom: max(7px, 1.4cqw);
}

.woocommerce-product-gallery .lokanes-gallery-editorial__eyebrow {
    margin: 0 0 0.6em;
    font-family: 'Jost', sans-serif;
    font-size: clamp(9.5px, 1.1vw, 12px);
    font-size: clamp(9.5px, 1.75cqw, 12px);
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #6b625b;
}

.woocommerce-product-gallery .lokanes-gallery-editorial__title {
    margin: 0;
    font-family: 'Georgia', serif;
    font-size: clamp(14px, 1.9vw, 25px);
    font-size: clamp(14px, 3.15cqw, 25px);
    font-weight: 400;
    line-height: 1.22;
    color: #1a1a1a;
    text-wrap: balance;
}

.woocommerce-product-gallery .lokanes-gallery-editorial__description {
    margin: 0.55em 0 0;
    font-family: 'Jost', sans-serif;
    font-size: clamp(11px, 1.3vw, 15px);
    font-size: clamp(11px, 2.1cqw, 15px);
    font-weight: 400;
    line-height: 1.45;
    color: #4a4a4a;
    text-wrap: pretty;
}

.woocommerce-product-gallery .lokanes-gallery-editorial__eyebrow + .lokanes-gallery-editorial__description {
    margin-top: 0;
}

/* Kurzmerkmale: ein bis drei Zeilen unter dem Titel, ruhig wie die Beschreibung */
.woocommerce-product-gallery .lokanes-gallery-editorial__points {
    margin: 0.55em 0 0;
    font-family: 'Jost', sans-serif;
    font-size: clamp(11px, 1.3vw, 15px);
    font-size: clamp(11px, 2.1cqw, 15px);
    font-weight: 400;
    line-height: 1.45;
    color: #4a4a4a;
}

.woocommerce-product-gallery .lokanes-gallery-editorial__point {
    display: block;
}

.woocommerce-product-gallery .lokanes-gallery-editorial__eyebrow + .lokanes-gallery-editorial__points {
    margin-top: 0;
}

.woocommerce-product-gallery .lokanes-gallery-editorial__points + .lokanes-gallery-editorial__description {
    margin-top: 0.4em;
}

/* Merkmal: kleine Kategorie und eine Eigenschaft, sichtbar leichter als die
   Produktinformation */
.woocommerce-product-gallery .lokanes-gallery-editorial__feature {
    max-width: 30%;
    max-width: max(26cqw, 118px);
}

.woocommerce-product-gallery .lokanes-gallery-editorial__feature::before {
    width: 14px;
    width: max(12px, 2.2cqw);
    margin-bottom: 6px;
    margin-bottom: max(5px, 1cqw);
}

.woocommerce-product-gallery .lokanes-gallery-editorial__label {
    margin: 0 0 0.45em;
    font-family: 'Jost', sans-serif;
    font-size: clamp(9px, 1vw, 11px);
    font-size: clamp(9px, 1.55cqw, 11px);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #6b625b;
}

.woocommerce-product-gallery .lokanes-gallery-editorial__feature-text {
    font-family: 'Jost', sans-serif;
    font-size: clamp(11.5px, 1.45vw, 16px);
    font-size: clamp(11.5px, 2.3cqw, 16px);
    font-weight: 400;
    line-height: 1.35;
    color: #1a1a1a;
    text-wrap: balance;
}

/* Raster mit neun Ankerpunkten. Abstand zum Bildrand wie bei den emotionalen
   Texten: 9 % oben und unten, 7 % links und rechts. Die vier Ecken für
   emotionale Texte stehen schon in Teil 1. */
.woocommerce-product-gallery .lokanes-gallery-editorial--top-left > .lokanes-gallery-editorial__block {
    top: 9%;
    left: 7%;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--top-center > .lokanes-gallery-editorial__text,
.woocommerce-product-gallery .lokanes-gallery-editorial--top-center > .lokanes-gallery-editorial__block {
    top: 9%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--top-right > .lokanes-gallery-editorial__block {
    top: 9%;
    right: 7%;
    text-align: right;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--middle-left > .lokanes-gallery-editorial__text,
.woocommerce-product-gallery .lokanes-gallery-editorial--middle-left > .lokanes-gallery-editorial__block {
    top: 50%;
    left: 7%;
    transform: translateY(-50%);
}

.woocommerce-product-gallery .lokanes-gallery-editorial--middle-center > .lokanes-gallery-editorial__text,
.woocommerce-product-gallery .lokanes-gallery-editorial--middle-center > .lokanes-gallery-editorial__block {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--middle-right > .lokanes-gallery-editorial__text,
.woocommerce-product-gallery .lokanes-gallery-editorial--middle-right > .lokanes-gallery-editorial__block {
    top: 50%;
    right: 7%;
    transform: translateY(-50%);
    text-align: right;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--bottom-left > .lokanes-gallery-editorial__block {
    bottom: 9%;
    left: 7%;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--bottom-center > .lokanes-gallery-editorial__text,
.woocommerce-product-gallery .lokanes-gallery-editorial--bottom-center > .lokanes-gallery-editorial__block {
    bottom: 9%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--bottom-right > .lokanes-gallery-editorial__block {
    bottom: 9%;
    right: 7%;
    text-align: right;
}

/* Kupferlinie folgt der Ausrichtung */
.woocommerce-product-gallery .lokanes-gallery-editorial--top-right > .lokanes-gallery-editorial__block::before,
.woocommerce-product-gallery .lokanes-gallery-editorial--middle-right > .lokanes-gallery-editorial__text::before,
.woocommerce-product-gallery .lokanes-gallery-editorial--middle-right > .lokanes-gallery-editorial__block::before,
.woocommerce-product-gallery .lokanes-gallery-editorial--bottom-right > .lokanes-gallery-editorial__block::before {
    margin-left: auto;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--top-center > .lokanes-gallery-editorial__text::before,
.woocommerce-product-gallery .lokanes-gallery-editorial--top-center > .lokanes-gallery-editorial__block::before,
.woocommerce-product-gallery .lokanes-gallery-editorial--middle-center > .lokanes-gallery-editorial__text::before,
.woocommerce-product-gallery .lokanes-gallery-editorial--middle-center > .lokanes-gallery-editorial__block::before,
.woocommerce-product-gallery .lokanes-gallery-editorial--bottom-center > .lokanes-gallery-editorial__text::before,
.woocommerce-product-gallery .lokanes-gallery-editorial--bottom-center > .lokanes-gallery-editorial__block::before {
    margin-right: auto;
    margin-left: auto;
}

/* --------------------------------------------------------------------------
   Kleine Bilder: Bildbreite unter 460 px (Handy und die meisten Tablets, dort
   ist das Galeriebild rund 340 bis 390 px breit). Die Schrift wird nicht weiter
   verkleinert, sondern hält ihre Mindestgröße; die Blöcke dürfen dafür breiter
   werden. Eine eigene Position oder das Ausblenden wählt man im Editor je Block.
   -------------------------------------------------------------------------- */
@container (max-width: 459px) {

    .woocommerce-product-gallery .lokanes-gallery-editorial__product {
        max-width: max(36cqw, 128px);
    }

    .woocommerce-product-gallery .lokanes-gallery-editorial__eyebrow,
    .woocommerce-product-gallery .lokanes-gallery-editorial__label {
        letter-spacing: 0.12em;
    }

    .woocommerce-product-gallery .lokanes-gallery-editorial__feature {
        max-width: max(32cqw, 104px);
    }

    .woocommerce-product-gallery .lokanes-gallery-editorial__description {
        line-height: 1.4;
    }

    /* Eigene Position: zuerst die Position der großen Bilder aufheben */
    .woocommerce-product-gallery .lokanes-gallery-editorial[class*="--m-"] > .lokanes-gallery-editorial__text,
    .woocommerce-product-gallery .lokanes-gallery-editorial[class*="--m-"] > .lokanes-gallery-editorial__block {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        transform: none;
        text-align: left;
    }

    .woocommerce-product-gallery .lokanes-gallery-editorial[class*="--m-"] > .lokanes-gallery-editorial__text::before,
    .woocommerce-product-gallery .lokanes-gallery-editorial[class*="--m-"] > .lokanes-gallery-editorial__block::before {
        margin-right: 0;
        margin-left: 0;
    }

    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-top-left > .lokanes-gallery-editorial__text,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-top-left > .lokanes-gallery-editorial__block {
        top: 9%;
        left: 7%;
    }

    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-top-center > .lokanes-gallery-editorial__text,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-top-center > .lokanes-gallery-editorial__block {
        top: 9%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }

    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-top-right > .lokanes-gallery-editorial__text,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-top-right > .lokanes-gallery-editorial__block {
        top: 9%;
        right: 7%;
        text-align: right;
    }

    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-middle-left > .lokanes-gallery-editorial__text,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-middle-left > .lokanes-gallery-editorial__block {
        top: 50%;
        left: 7%;
        transform: translateY(-50%);
    }

    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-middle-center > .lokanes-gallery-editorial__text,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-middle-center > .lokanes-gallery-editorial__block {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-middle-right > .lokanes-gallery-editorial__text,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-middle-right > .lokanes-gallery-editorial__block {
        top: 50%;
        right: 7%;
        transform: translateY(-50%);
        text-align: right;
    }

    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-bottom-left > .lokanes-gallery-editorial__text,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-bottom-left > .lokanes-gallery-editorial__block {
        bottom: 9%;
        left: 7%;
    }

    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-bottom-center > .lokanes-gallery-editorial__text,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-bottom-center > .lokanes-gallery-editorial__block {
        bottom: 9%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }

    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-bottom-right > .lokanes-gallery-editorial__text,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-bottom-right > .lokanes-gallery-editorial__block {
        bottom: 9%;
        right: 7%;
        text-align: right;
    }

    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-top-right > .lokanes-gallery-editorial__text::before,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-top-right > .lokanes-gallery-editorial__block::before,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-middle-right > .lokanes-gallery-editorial__text::before,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-middle-right > .lokanes-gallery-editorial__block::before,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-bottom-right > .lokanes-gallery-editorial__text::before,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-bottom-right > .lokanes-gallery-editorial__block::before {
        margin-left: auto;
    }

    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-top-center > .lokanes-gallery-editorial__text::before,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-top-center > .lokanes-gallery-editorial__block::before,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-middle-center > .lokanes-gallery-editorial__text::before,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-middle-center > .lokanes-gallery-editorial__block::before,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-bottom-center > .lokanes-gallery-editorial__text::before,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-bottom-center > .lokanes-gallery-editorial__block::before {
        margin-right: auto;
        margin-left: auto;
    }

    /* Kurzfassung der Produktinformation: nur Herkunft und Titel */
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--mobile-short .lokanes-gallery-editorial__description,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--mobile-short .lokanes-gallery-editorial__points {
        display: none;
    }

    /* Ausgeblendet: Der Editor zeigt das in der Handy-Vorschau an. */
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-hidden > .lokanes-gallery-editorial__text,
    .woocommerce-product-gallery .lokanes-gallery-editorial.lokanes-gallery-editorial--m-hidden > .lokanes-gallery-editorial__block {
        display: none;
    }
}

/* --------------------------------------------------------------------------
   Herkunftskarte (seit 2.1, drei Darstellungen seit 2.2)
   Immer dieselbe Karten-Datei aus dem Master (Deutschland in Kupfer, Standort als
   dunkler Punkt), drei Darstellungen:
     --map-marker     A  runder Marker: cremeweißer Kreis, feine Kupferkontur, kein Schatten
     --map-signature  B  transparente Signatur: Karte frei auf dem Bild, Fläche leicht
                         zurückgenommen, Punkt in voller Stärke
     --map-watermark  C  Wasserzeichen: Fläche sehr hell, Punkt deutlich
   Größen: zentral über die drei Variablen, mit der Bildbreite (cqw) und mit Grenzen
   für kleine und große Bilder. Abstand zum Bildrand wie bei den Texten (9 % / 7 %).
   -------------------------------------------------------------------------- */
.woocommerce-product-gallery .lokanes-gallery-editorial--map {
    --lge-map-marker: clamp(56px, 13.4cqw, 82px);     /* Durchmesser: Desktop 80 px, Handy 56 px */
    --lge-map-signature: clamp(58px, 13.6cqw, 84px);  /* Höhe der Karte: Desktop 81 px, Handy 58 px */
    --lge-map-watermark: clamp(64px, 15.6cqw, 96px);  /* Höhe der Karte: Desktop 93 px, Handy 64 px */
    --lge-map-scale: 1; /* Globale Größenwahl in WooCommerce > Galerie-Editorial, Standard 100 % */
}

.woocommerce-product-gallery .lokanes-gallery-editorial__map {
    position: absolute;
    top: 9%;
    right: 7%;
    display: block;
    box-sizing: border-box;
    width: 64px;
    height: 64px;
    margin: 0;
    padding: 0;
    pointer-events: none;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--map.lokanes-gallery-editorial--top-left > .lokanes-gallery-editorial__map {
    right: auto;
    left: 7%;
}

.woocommerce-product-gallery .lokanes-gallery-editorial__map img {
    position: absolute;
    display: block;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    object-fit: contain;
    opacity: 1;
}

/* Zweite Ebene: nur der Standortpunkt (SVG-Filter aus gallery-editorial.js) */
.woocommerce-product-gallery .lokanes-gallery-editorial__map .lokanes-gallery-editorial__map-pin {
    display: none;
    filter: url(#lokanes-gallery-editorial-pin);
}

/* A: runder Marker */
.woocommerce-product-gallery .lokanes-gallery-editorial--map-marker > .lokanes-gallery-editorial__map {
    width: calc(var(--lge-map-marker) * var(--lge-map-scale));
    height: calc(var(--lge-map-marker) * var(--lge-map-scale));
    border: 1px solid rgba(204, 158, 126, 0.4);
    border-radius: 50%;
    background: rgba(250, 248, 245, 0.96);
}

.woocommerce-product-gallery .lokanes-gallery-editorial--map-marker > .lokanes-gallery-editorial__map img {
    top: 14%;
    left: 14%;
    width: 72%;
    height: 72%;
}

/* B: transparente Signatur */
.woocommerce-product-gallery .lokanes-gallery-editorial--map-signature > .lokanes-gallery-editorial__map,
.woocommerce-product-gallery .lokanes-gallery-editorial--map-watermark > .lokanes-gallery-editorial__map {
    border: 0;
    border-radius: 0;
    background: none;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--map-signature > .lokanes-gallery-editorial__map {
    width: calc(var(--lge-map-signature) * 0.78 * var(--lge-map-scale));
    height: calc(var(--lge-map-signature) * var(--lge-map-scale));
}

.woocommerce-product-gallery .lokanes-gallery-editorial--map-signature > .lokanes-gallery-editorial__map img,
.woocommerce-product-gallery .lokanes-gallery-editorial--map-watermark > .lokanes-gallery-editorial__map img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--map-signature .lokanes-gallery-editorial__map.is-pin-ready .lokanes-gallery-editorial__map-image {
    opacity: 0.9;
}

/* C: Wasserzeichen */
.woocommerce-product-gallery .lokanes-gallery-editorial--map-watermark > .lokanes-gallery-editorial__map {
    width: calc(var(--lge-map-watermark) * 0.78 * var(--lge-map-scale));
    height: calc(var(--lge-map-watermark) * var(--lge-map-scale));
}

.woocommerce-product-gallery .lokanes-gallery-editorial--map-watermark .lokanes-gallery-editorial__map-image {
    opacity: 0.6;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--map-watermark .lokanes-gallery-editorial__map.is-pin-ready .lokanes-gallery-editorial__map-image {
    opacity: 0.42;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--map-signature .lokanes-gallery-editorial__map.is-pin-ready .lokanes-gallery-editorial__map-pin,
.woocommerce-product-gallery .lokanes-gallery-editorial--map-watermark .lokanes-gallery-editorial__map.is-pin-ready .lokanes-gallery-editorial__map-pin {
    display: block;
}

.woocommerce-product-gallery .lokanes-gallery-editorial--map-watermark .lokanes-gallery-editorial__map-pin {
    opacity: 0.9;
}