/* Geschenkkorb Guru: Farbwelt „Guru-Grün, ruhig" (Vorschlag A4.3, 14.09.2026) und Akzente.
   Wird auf allen Seiten nach f3.css bzw. global.css und kopf.css geladen und überschreibt die
   Farbvariablen. Entwurf und Runden: design/farben/. Regeln:
   Grün ist Akzent (Linien, Zahlen, Links), Knöpfe und Fuss schwarz, Dunkelgrün nur für zwei
   Bänder (Logos, Abschluss), Flächen Creme und Salbei. Hero unverändert in Gold.
   Akzente: Feinkost-Linien blass in Ecken, der Guru einmal je Seite am Abschluss,
   ein Stempel nur am Foto „So kommt es an", Marker-Striche wie unter „ankommt.". */

/* Vorschlag A4: wie A3, aber die Logozeile bleibt als einziges dunkles Band vor dem Abschluss. Ein Akzent (Grün) für Linien, Zahlen, Links. Knöpfe bleiben schwarz,
   Tags neutral weiss. Nur zwei Flächentöne: Creme und Salbei, dazu Tannengrün für die dunklen Bänder.
   Hero-Mosaik läuft in den nächsten Abschnitt hinein. Hero unverändert. */
:root{
  --gold:#6FA52C; --gold-2:#A8D46A; --gold-deep:#4C7A1A;
  --cream-2:#E9EFDC;
  --on-black:#EEF5E4; --on-black-2:#B9CBA6; --black-line:rgba(238,245,228,.16);
}
.hero{--gold:#C49B53;--gold-2:#E0C692;--gold-deep:#8A6A2F;padding-bottom:0;position:relative;z-index:2}
.hero .mosaik{margin-bottom:-64px}
.anl-sec{background:var(--cream-2);padding-top:176px}
.anl-karte .tag,.card .tag{background:rgba(255,255,255,.94);color:var(--ink)}
.anl-karte .anl-mehr{color:var(--gold-deep)}
.logos-v3{background:#1E3A1C}
.kommt-an{background:var(--white)}
#portal.tone{background:var(--cream)}
.kal-offen{background:rgba(111,165,44,.14);color:#4C7A1A}
.mini{background:var(--black);color:#fff}
#boxen{background:var(--cream)}
.dunkel{background:var(--white);color:var(--ink)}
.dunkel h2{color:var(--ink)}
.dunkel h2 em{color:#4C7A1A}
.dunkel .eyebrow{color:#4C7A1A}.dunkel .eyebrow::before{background:#6FA52C}
.dunkel p,.schritte p{color:var(--ink-2)}
.schritte b{color:var(--ink)}
.schritte .n{border-color:rgba(111,165,44,.6);color:#4C7A1A}
.stimmen-sec.tone{background:var(--cream-2)}
.final-in{background:#1E3A1C}
.final .btn-gold{background:#fff;color:var(--ink)}
.foot{background:#16291A}
.foot-col h4,.ft h4{color:#A8D46A}
.stars{color:#E0A80E}
@media (max-width:980px){.hero .mosaik{margin-bottom:-36px}.anl-sec{padding-top:104px}}


/* Fuss: schwarz wie die Knöpfe, davor eine helle Leiste mit Zahlarten, Versand, Bewertung */
.foot{background:var(--black);color:var(--on-black-2);--on-black:#F0EBE1;--on-black-2:#ABA395;--black-line:rgba(240,235,225,.14)}
.foot-col h4{color:#A8D46A}
.foot-leiste{background:var(--cream-2);color:var(--ink-2);padding:26px 0}
.foot-leiste .foot-trust{margin:0;padding:0;border:0;align-items:center}
.foot-leiste .ft h4{color:#4C7A1A}
.foot-leiste .ft-marken li,.foot-leiste .ft-feld{border-color:transparent;background:#fff}
.foot-leiste .ft-marken i,.foot-leiste .ft-feld i{background:var(--ink-2)}
.foot-leiste .ft-zeile,.foot-leiste .ft-zeile a{color:var(--ink-2)}
.foot-leiste .ft-zeile b{color:var(--ink)}
.foot-leiste .stars{color:#E0A80E}
@media (max-width:640px){.foot-leiste .foot-trust{display:block}.foot-leiste .ft-rest{margin-top:20px}}

/* Woodmart-Seiten: Primärfarbe des Shops folgt dem Akzent */
.gkg-site{--wd-primary-color:#4C7A1A;--wd-alternative-color:#6FA52C}

/* Systemleisten am Handy (Julian 23.09.): Die Leiste mit der Uhr oben und die Adresszeile unten
   waren weiss, weil der Grundton nur auf dem body lag und das html-Element durchsichtig blieb.
   Safari färbt diese Leisten nach dem html-Hintergrund. Ein meta theme-color wäre der direktere
   Weg, den wirft NitroPack aber beim Optimieren aus der Seite (nachgemessen: ungecacht da,
   gecacht weg). Über CSS bleibt es zuverlässig. */
html{background:#F4EEE4}

/* Cookie-Dialog am Handy (Julian 23.09.): In der Detailansicht hinter „Einstellungen" liess sich
   nichts scrollen, die Knöpfe unten blieben unerreichbar. Der Rahmen des Dialogs ist 100vh hoch.
   Auf dem iPhone ist 100vh grösser als der sichtbare Bereich, weil Safari die Adressleiste
   mitrechnet: Der Rahmen ragt darunter, der Browser hält alles für sichtbar und scrollt nicht.
   Zwei Sicherungen. Erstens 100dvh, das rechnet die Leisten mit. Zweitens der Dialog selbst wird
   scrollbar, damit es auch auf Geräten ohne dvh funktioniert. Die vh-Zeilen stehen zuerst als
   Rückfall, dvh überschreibt sie, wo es unterstützt wird (ab iOS 15.4).
   Betrifft nur die Darstellung, nicht die Einwilligung selbst. */
@media (max-width:640px){
 .brlbs-fixed.brlbs-h-screen{height:100vh!important;height:100dvh!important;overscroll-behavior:contain}
 .brlbs-cmpnt-dialog{max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;overscroll-behavior:contain}
}

/* Schalter im Cookie-Dialog, Reiter „Services" (Julian 23.09.):
   1. Sie waren an wie aus dasselbe Grau, man sah nicht, was zugestimmt ist. Jetzt ist ein
      zugestimmter Schalter grün wie der Rest der Seite, ein abgelehnter bleibt grau. Die
      Stellung des Knopfes bleibt zusätzlich erhalten, damit es auch ohne Farbsehen erkennbar ist.
   2. Sie standen nicht in einer Linie: Der Text daneben heisst mal „An", mal „Aus", und weil
      der Container ein einfacher Block ist, schob der breitere Text den Schalter um sechs Pixel.
      Der Container wird zur Flex-Zeile, damit sitzt der Schalter immer am selben rechten Rand. */
.brlbs-cmpnt-slider{background:#BDC1C8!important;transition:background-color .18s}
.brlbs-cmpnt-btn-switch input:checked+.brlbs-cmpnt-slider{background:#4C7A1A!important}
.brlbs-cmpnt-btn-switch input:focus-visible+.brlbs-cmpnt-slider{outline:2px solid #4C7A1A;outline-offset:2px}
label.brlbs-cmpnt-btn-switch{flex:none;margin:0}
.brlbs-flex.brlbs-items-center:has(>div>label.brlbs-cmpnt-btn-switch){min-width:94px;justify-content:flex-start!important;gap:10px}
.brlbs-flex.brlbs-items-center:has(>div>label.brlbs-cmpnt-btn-switch)>*+*{min-width:28px;display:inline-block;text-align:left}

/* Woodmarts Seitenleisten-Knopf auf Blogseiten (Julian 23.09.): Er klebt fest am linken Rand,
   mitten im Titel, und sieht aus wie ein zweiter Menüknopf. Dahinter liegen nur Blogkategorien,
   neue Beiträge und ein Kommentarzähler. Die Kategorien sind über den Blog selbst erreichbar,
   der Knopf verwirrt mehr, als er nützt. Betrifft nur Blogseiten, im Shop gibt es ihn nicht. */
.wd-sidebar-opener{display:none!important}

/* Akzente */
:root{--tinte:#4C7A1A;--tinte-hell:#6FA52C}
.akz-zier{position:absolute;pointer-events:none;opacity:.2;z-index:0}
.akz-zier svg{width:100%;height:auto;display:block}
.akz-zier path,.akz-zier circle,.akz-zier ellipse{fill:none;stroke:var(--tinte);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.akz-zier.rechts-oben{right:3%;top:34px;width:150px}
.akz-zier.links-unten{left:2%;bottom:16px;width:130px;transform:scaleX(-1)}
.akz-zier.rechts-unten{right:3%;bottom:20px;width:130px}
.sec,.seitenkopf,.stimmen-sec{position:relative}
.sec > .wrap,.seitenkopf > .wrap{position:relative;z-index:1}
@media (max-width:640px){.akz-zier{width:84px}.anl-sec .akz-zier.rechts-oben{display:none}}

.akz-guru{position:absolute;right:7%;top:-34px;width:78px;height:auto;transform:rotate(8deg);pointer-events:none;z-index:2;filter:drop-shadow(0 6px 14px rgba(24,23,18,.18))}
.final .wrap{position:relative}
@media (max-width:640px){.akz-guru{width:54px;top:-24px;right:5%}}

.akz-stempel{position:absolute;right:18px;top:18px;width:104px;height:104px;transform:rotate(10deg);pointer-events:none;z-index:2}
.akz-stempel svg{width:100%;height:100%;overflow:visible}
.akz-stempel circle{fill:var(--cream);stroke:var(--tinte);stroke-width:1.5}
.akz-stempel text{font:500 9.5px/1 var(--sans);letter-spacing:0;text-transform:uppercase;fill:var(--tinte)}
.akz-stempel .mitte path{fill:none;stroke:var(--tinte);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ka-bild{position:relative}
@media (max-width:640px){.akz-stempel{width:80px;height:80px;right:12px;top:12px}}

.akz-kringel{position:relative;display:inline-block}
.akz-kringel{isolation:isolate}
.akz-kringel svg{position:absolute;left:-26%;top:-34%;width:152%;height:168%;overflow:visible;pointer-events:none;z-index:-1}
.akz-kringel path{fill:none;stroke:var(--tinte-hell);stroke-width:2.2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.stimmen-note .akz-kringel{margin:0 22px 0 14px}

/* ------------------------------------------------------------------
   Shop und Woodmart-Seiten (14.09.2026)
   1 Trust-Leiste: Die Grundregeln standen nur in f3.css, Woodmart-Seiten laden global.css.
   2 Woodmart legt eine fast weisse Fläche über den Creme-Grund, die wird durchsichtig.
   3 Akzente wie auf den anderen Seiten: Salbei-Band mit Marker unter „Alle Boxen",
     Feinkost-Linie, Filter mit dunkelgrüner Auswahl, weisse Karten auf Creme.
   ------------------------------------------------------------------ */
.foot-leiste .foot-trust{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px 48px}
.foot-leiste .ft h4{margin:0 0 12px;font-size:11.5px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;font-family:var(--sans);line-height:1.3}
.foot-leiste .ft-marken{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.foot-leiste .ft-marken li,.foot-leiste .ft-feld{flex:none;width:62px;height:40px;border-radius:7px;display:flex;align-items:center;justify-content:center;margin:0}
.foot-leiste .ft-marken i,.foot-leiste .ft-feld i{display:block;width:calc(38px * var(--s,1));height:calc(16px * var(--s,1));-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.foot-leiste .ft-rest{display:flex;flex-wrap:wrap;gap:28px 44px}
.foot-leiste .ft-zeile{display:flex;align-items:center;gap:10px;margin:0;min-height:40px;font-size:14px;line-height:1.45}
@media (max-width:640px){
 .foot-leiste .foot-trust{display:block}
 .foot-leiste .ft-marken{flex-wrap:nowrap;gap:5px}
 .foot-leiste .ft-marken li{width:auto;flex:1 1 0;min-width:0;height:34px}
 .foot-leiste .ft-marken i{width:calc(30px * var(--s,1));height:calc(13px * var(--s,1))}
}

.gkg-site .website-wrapper,.gkg-site .main-page-wrapper,.gkg-site .wd-page-content{background:transparent}

.gkg-site .gkg-titel-shop{position:relative;background:#E9EFDC;border-radius:22px;padding:40px 44px 36px!important;margin:8px 0 34px;overflow:hidden}
.gkg-site .gkg-titel-shop::after{content:"";position:absolute;right:5%;bottom:14px;width:170px;height:112px;opacity:.22;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 80' fill='none' stroke='%234C7A1A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 60c14-18 30-30 52-34 14-3 30 0 48 10'/%3E%3Cpath d='M28 44c-6-10-2-22 6-26M44 34c-4-10 2-20 10-22M62 28c-2-10 6-18 14-18M82 30c2-10 12-16 20-14M96 40c6-8 16-10 22-6'/%3E%3Cellipse cx='26' cy='52' rx='5' ry='7' transform='rotate(-30 26 52)'/%3E%3Cellipse cx='66' cy='34' rx='5' ry='7' transform='rotate(-20 66 34)'/%3E%3Ccircle cx='46' cy='42' r='4'/%3E%3C/svg%3E") no-repeat center/contain}
.gkg-site .gkg-titel-shop h1{display:inline-block;position:relative;padding-bottom:6px;isolation:isolate;text-shadow:3px 0 #E9EFDC,-3px 0 #E9EFDC,0 3px #E9EFDC,0 -3px #E9EFDC,2px 2px #E9EFDC,-2px 2px #E9EFDC,2px -2px #E9EFDC,-2px -2px #E9EFDC}
/* Strich liegt hinter der Schrift, der Rand in Bandfarbe schneidet ihn an g, y, p, j sauber aus */
.gkg-site .gkg-titel-shop h1::after{content:"";position:absolute;z-index:-1;left:-1%;right:-3%;bottom:-6px;height:.3em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 20' preserveAspectRatio='none'%3E%3Cpath d='M4 14 C 70 4, 150 4, 296 11' fill='none' stroke='%236FA52C' stroke-width='5' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.gkg-site .gkg-titel-shop .gkg-untertitel{margin-top:16px;color:var(--ink-2)}
.gkg-filter .gkg-chips a.aktiv{background:#1E3A1C;color:#fff}
.gkg-filter .gkg-chips a:hover{background:#F6F9F0}
.gkg-filter .gkg-chips a.aktiv:hover{background:#1E3A1C}
.gkg-site .gkg-filter-titel{display:flex;align-items:center;gap:10px}
.gkg-site .gkg-filter-titel::before{content:"";width:18px;height:1.5px;background:#6FA52C;flex:none}
/* Am Handy steht die Beschriftung neben den Pillen, dort kostete der Strich mit Abstand
   14 px Breite und schob die Pillen nach rechts (Julian 23.09.). Strich weg, Beschriftung
   bleibt bündig über die feste Spaltenbreite. Auf dem Desktop steht sie darüber, da stört er nicht. */
@media (max-width:900px){.gkg-site .gkg-filter-titel{gap:0}.gkg-site .gkg-filter-titel::before{display:none}}
.gkg-site .wd-product .product-wrapper{box-shadow:0 8px 24px rgba(24,23,18,.04)}
.gkg-site .wd-product .product-wrapper:hover{box-shadow:0 18px 40px rgba(30,58,28,.12)}
.gkg-site .wd-product .star-rating,.gkg-site .star-rating span::before{color:#E0A80E}
.gkg-site .product-labels .product-label.onsale{background:#1E3A1C;color:#fff}
.gkg-site .wd-product del{color:var(--faint)}
@media (max-width:900px){.gkg-site .gkg-titel-shop{padding:26px 22px 24px!important;border-radius:18px;margin-bottom:20px}.gkg-site .gkg-titel-shop::after{width:96px;height:64px;bottom:8px;right:4%}}
body.gkg-site .wd-page-content.main-page-wrapper{background-color:transparent!important;--wd-main-bgcolor:transparent}
.gkg-site .foot-col h4{text-transform:uppercase;letter-spacing:.13em;font-size:11.5px;font-weight:500}
.gkg-site .wd-product .wd-entities-title{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:normal;word-break:normal}
@media (max-width:640px){.gkg-site .wd-product .wd-entities-title{font-size:17px;padding:12px 6px 4px}}

/* ------------------------------------------------------------------
   Leiste über dem Fuss, Fassung L2 (Julian, 14.09.2026): keine eigene Fläche, sie ist die erste
   Zeile des schwarzen Fusses, mit Haarlinie getrennt. Der Guru lugt über die Kante.
   Handy: nur Zahlarten und eine kleine Zeile Versand und Bewertung. Entwurf: design/farben/leiste-vergleich.html
   ------------------------------------------------------------------ */
.foot-leiste{background:#141311;color:#ABA395;padding:34px 0 30px;position:relative}
.foot-leiste::before{content:"";position:absolute;right:9%;top:-40px;width:64px;height:64px;background:url(/wp-content/themes/woodmart-child/gkg/img/guru-icon.png) no-repeat center/contain;background-image:-webkit-image-set(url(/wp-content/themes/woodmart-child/gkg/img/guru-icon-64.webp) 1x,url(/wp-content/themes/woodmart-child/gkg/img/guru-icon-128.webp) 2x,url(/wp-content/themes/woodmart-child/gkg/img/guru-icon-256.webp) 3x);background-image:image-set(url(/wp-content/themes/woodmart-child/gkg/img/guru-icon-64.webp) 1x,url(/wp-content/themes/woodmart-child/gkg/img/guru-icon-128.webp) 2x,url(/wp-content/themes/woodmart-child/gkg/img/guru-icon-256.webp) 3x);transform:rotate(-8deg);filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}
.foot-leiste .wrap{border-bottom:1px solid rgba(240,235,225,.14);padding-bottom:30px}
.foot-leiste .ft h4{color:#A8D46A}
.foot-leiste .ft-marken li,.foot-leiste .ft-feld{background:transparent;border:1px solid rgba(240,235,225,.18)}
/* Farbige SVG-Innenflächen, unveränderte Grössen und dunkle Kacheln. */
.foot-leiste .ft-marken i,.foot-leiste .ft-feld i{background:var(--m) center/contain no-repeat;-webkit-mask:none;mask:none}
.foot-leiste .ft-zeile,.foot-leiste .ft-zeile a{color:#ABA395}
.foot-leiste .ft-zeile b{color:#F0EBE1}
.foot{padding-top:44px}
@media (max-width:640px){.foot-leiste::before{width:46px;height:46px;top:-28px;right:6%}.foot-leiste .wrap{padding-bottom:18px}}
/* Handy für alle Varianten: nur Zahlarten als eine Reihe, darunter eine kleine Zeile DHL und Bewertung */
@media (max-width:640px){
 .foot-leiste{padding:18px 0 16px}
 .foot-leiste .ft h4{display:none}
 .foot-leiste .foot-trust{display:block}
 .foot-leiste .ft-rest{display:flex;flex-wrap:nowrap;gap:18px;margin-top:10px}
 .foot-leiste .ft-rest .ft-feld{display:none}
 .foot-leiste .ft-zeile{min-height:0;font-size:13px}
}
/* Guru nur einmal je Seite: seit L2 an der Fusskante, der am Abschlussblock entfällt */
.final .akz-guru{display:none}

/* ------------------------------------------------------------------
   Produktseite im neuen Stil (14.09.2026): Marker unter dem Namen, Preis mit Salbei-Hinweis,
   Grußkarten-Zusatz als Salbei-Kachel, Vertrauenszeile mit grünen Häkchen, Firmenkasten dunkelgrün,
   Galerie und Beschreibung als weisse Karten, Inhaltsliste mit Häkchen, Feinkost-Linie.
   ------------------------------------------------------------------ */
.single-product .summary-inner .product_title{display:inline;position:relative;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 20' preserveAspectRatio='none'%3E%3Cpath d='M4 14 C 70 4, 150 4, 296 11' fill='none' stroke='%236FA52C' stroke-width='5' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat left bottom/100% .26em;padding-bottom:.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.single-product .summary-inner .gkg-unterzeile{margin-top:14px}
.single-product .summary-inner .price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;margin:12px 0 14px}
.single-product .summary-inner .price .amount{font-family:var(--serif);font-weight:400;font-size:34px;color:var(--ink);letter-spacing:-.01em}

/* Grußkarte als Zusatz: Salbei-Kachel mit Kartensymbol */

/* Menge und Knopf */
.single-product form.cart .quantity{background:#fff;border-radius:999px;padding:3px;box-shadow:inset 0 0 0 1px #E3DED3}
.single-product form.cart .quantity input{background:transparent!important;border:0!important}
.single-product .single_add_to_cart_button{padding:15px 30px!important;font-size:15.5px!important}

.gkg-pdp-vertrauen{list-style:none;margin:14px 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--ink-2)}
.gkg-pdp-vertrauen li{display:inline-flex;align-items:center;gap:8px}
.gkg-pdp-vertrauen li::before{content:"";width:10px;height:5.5px;margin-top:-3px;border-left:1.6px solid #4C7A1A;border-bottom:1.6px solid #4C7A1A;transform:rotate(-45deg)}

/* Firmenkasten dunkelgrün */
.single-product .gkg-firmen{background:#1E3A1C;border:0;border-radius:18px;color:#B9CBA6;position:relative;overflow:hidden}
.single-product .gkg-firmen::after{content:"";position:absolute;right:12px;bottom:6px;width:110px;height:72px;opacity:.28;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 80' fill='none' stroke='%23A8D46A' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M8 60c14-18 30-30 52-34 14-3 30 0 48 10'/%3E%3Cpath d='M28 44c-6-10-2-22 6-26M44 34c-4-10 2-20 10-22M62 28c-2-10 6-18 14-18M82 30c2-10 12-16 20-14M96 40c6-8 16-10 22-6'/%3E%3C/svg%3E") no-repeat center/contain}
.single-product .gkg-firmen .gkg-firmen-k{color:#A8D46A}
.single-product .gkg-firmen p{color:#DCE6CC;position:relative;z-index:1}
.single-product .gkg-firmen .btn{background:#fff;color:#1E3A1C;border-color:#fff;position:relative;z-index:1}
.single-product .gkg-firmen .btn:hover{background:#F3F7EA;color:#1E3A1C}

/* Galerie */
.single-product .woocommerce-product-gallery .wd-carousel-item img,.single-product .woocommerce-product-gallery__image img{border-radius:18px}
.single-product .wd-gallery-thumb .wd-carousel-item.wd-active img,.single-product .wd-gallery-thumb .wd-carousel-item.active-thumb img{box-shadow:0 0 0 2px #1E3A1C}

/* Beschreibung: Karte mit Feinkost-Linie, Inhaltsliste mit Häkchen */
.single-product .woocommerce-tabs .wc-tab-inner{position:relative}
.single-product .woocommerce-tabs .wc-tab-inner::after{content:"";position:absolute;right:26px;top:22px;width:130px;height:86px;opacity:.2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 80' fill='none' stroke='%234C7A1A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 60c14-18 30-30 52-34 14-3 30 0 48 10'/%3E%3Cpath d='M28 44c-6-10-2-22 6-26M44 34c-4-10 2-20 10-22M62 28c-2-10 6-18 14-18M82 30c2-10 12-16 20-14M96 40c6-8 16-10 22-6'/%3E%3Cellipse cx='26' cy='52' rx='5' ry='7' transform='rotate(-30 26 52)'/%3E%3Cellipse cx='66' cy='34' rx='5' ry='7' transform='rotate(-20 66 34)'/%3E%3C/svg%3E") no-repeat center/contain}
.single-product #tab-description h4{position:relative;display:inline-block;padding-bottom:10px;margin-bottom:18px}
.single-product #tab-description h4::after{content:"";position:absolute;left:0;bottom:0;width:46px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 8'%3E%3Cpath d='M2 5.5C12 2 26 2 44 4.5' fill='none' stroke='%236FA52C' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat left center/contain}
.single-product #tab-description ul{list-style:none;padding-left:0}
.single-product #tab-description ul li{position:relative;padding-left:30px;margin-bottom:12px}
.single-product #tab-description ul li::before{content:"";position:absolute;left:4px;top:.55em;width:11px;height:6px;border-left:1.8px solid #4C7A1A;border-bottom:1.8px solid #4C7A1A;transform:rotate(-45deg)}
.single-product #tab-description a{color:var(--ink);text-decoration-color:#A8D46A;text-underline-offset:3px}
.single-product .woocommerce-tabs .wd-nav-tabs li.active a,.single-product .woocommerce-tabs .tabs li.active a{color:var(--ink)}
@media (max-width:640px){
 .single-product .summary-inner .price .amount{font-size:28px}
 .single-product .woocommerce-tabs .wc-tab-inner::after{width:80px;height:54px;right:12px;top:12px}
 .single-product .gkg-firmen::after{width:70px;height:46px}
}
.gkg-pdp-vertrauen{gap:6px 14px;font-size:13px;white-space:nowrap}
@media (max-width:640px){.gkg-pdp-vertrauen{white-space:normal;gap:6px 14px}}
.gkg-pdp-vertrauen{align-items:center}
.gkg-pdp-vertrauen li{margin:0;line-height:1.4}
/* Portalvorschau (Kalenderkarte): reine Illustration, nichts darin ist klickbar */
.kal,.kal *{cursor:default}
.kal .mini{display:inline-flex;align-items:center;pointer-events:none;user-select:none}
/* Das fertige Geschenk mit Unboxing-Video, hochkant (Julian 15.09., Variante 2A) */
.ka.ka-mit-video{overflow:visible;align-items:center;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:clamp(28px,5vw,64px);padding:36px;background:var(--white)}
.ka-mit-video .ka-bild{aspect-ratio:auto;background:none}
.ka-rahmen{position:relative;aspect-ratio:5/8;border-radius:26px;overflow:hidden;background:#1a1916 center/cover;box-shadow:0 30px 60px rgba(24,23,18,.16)}
.ka-rahmen video{display:block;width:100%;height:100%;object-fit:cover}
.ka-mit-video .ka-text{padding:0;max-width:520px}
.ka-haken{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.ka-haken li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:var(--ink)}
.ka-haken li::before{content:"";flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;background:#6FA52C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.6L14 7.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
@media (max-width:860px){.ka.ka-mit-video{grid-template-columns:1fr;padding:22px 18px 28px;gap:26px}.ka-mit-video .ka-bild{aspect-ratio:auto}.ka-rahmen{width:min(300px,78%);margin:0 auto}.ka-mit-video .ka-text{padding:0;max-width:none}}

/* Bedienbarer Unboxing-Clip: Schlussbild bleibt stehen, Wiederholung per Taste. */
.ka-video-toggle{position:absolute;z-index:2;left:16px;bottom:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(255,255,255,.95);color:#1c2419;font:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;box-shadow:0 3px 16px rgba(0,0,0,.1)}
.ka-video-toggle[hidden]{display:none!important}
.ka-video-toggle:hover{background:#fff;color:#1c2419}
.ka-video-toggle:focus-visible{outline:3px solid #6FA52C;outline-offset:4px}
.ka-video-toggle svg{display:block;width:18px;height:18px;flex:none}
.ka-icon-pause,.ka-rahmen[data-state="playing"] .ka-icon-play{display:none}
.ka-rahmen[data-state="playing"] .ka-icon-pause{display:block}
.ka-video-progress{display:none;position:absolute;z-index:1;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.2);pointer-events:none}
.ka-player-ready .ka-video-progress{display:block}
.ka-video-progress span{display:block;width:100%;height:100%;background:#c1a350;transform:scaleX(0);transform-origin:left}
.ka-video-caption{display:flex;justify-content:space-between;gap:12px;margin:14px 0 0;color:var(--ink-2);font-size:12px;line-height:1.5}
.ka-video-caption span:last-child{white-space:nowrap;color:var(--muted,var(--ink-2))}
@media(max-width:860px){.ka-mit-video .ka-rahmen{width:min(300px,100%)}.ka-video-caption{width:min(300px,100%);margin:12px auto 0;font-size:12px}.ka-video-toggle{left:12px;bottom:14px;padding:10px 13px}}
/* Boxenkarten: echtes Foto beim Überfahren, sanft überblendet (Julian 15.09.) */
.card-media .card-hover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:10px;opacity:0;transition:opacity .4s ease;pointer-events:none}
.card-media .tag{z-index:1}
@media (hover:hover){.card:hover .card-hover,.card-media:focus-visible .card-hover{opacity:1}}
@media (prefers-reduced-motion:reduce){.card-media .card-hover{transition:none}}
/* Germanized sichtbar (17.09.): Pflichtangaben ruhig im Stil der Seite */
.gkg-site .summary .legal-price-info{margin:-4px 0 14px}
.gkg-site .summary .legal-price-info .wc-gzd-additional-info,.gkg-site .summary .shipping-costs-info{font:400 13.5px/1.45 var(--sans);color:var(--ink-3);margin:0}
.gkg-site .summary .shipping-costs-info a{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}
.gkg-site .summary .delivery-time-info{display:flex;align-items:center;gap:8px;font:400 14px/1.4 var(--sans);color:var(--ink-2);margin:4px 0 16px}
.gkg-site .summary .delivery-time-info::before{content:"";width:18px;height:18px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234C7A1A' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.6'/%3E%3Ccircle cx='17.5' cy='17.5' r='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
.gkg-site .summary .delivery-time-data{color:var(--ink);font-weight:500}
.gkg-site .wc-gzd-rating-authenticity-status{font-size:13px;color:var(--ink-3)}
.gkg-site #order_payment_heading{font-family:var(--serif)!important;font-weight:400!important;font-size:28px!important;line-height:1.15;text-transform:none!important;letter-spacing:0!important;text-align:left;margin:0 0 14px}
.gkg-site .checkout-order-review .wc-gzd-checkbox-placeholder{margin:0 0 10px}
.gkg-site .checkout-order-review .wc-gzd-checkbox-placeholder:empty{display:none}
.gkg-site .checkout-order-review .wc-gzd-checkbox-placeholder label.checkbox{display:flex!important;align-items:flex-start;gap:10px;font:400 13.5px/1.5 var(--sans);color:var(--ink-2);margin:0;padding:0;cursor:pointer}
.gkg-site .checkout-order-review .wc-gzd-checkbox-placeholder input[type=checkbox]{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:#4C7A1A}
.gkg-site .checkout-order-review .wc-gzd-checkbox-placeholder a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.gkg-site .checkout-order-review .wc-gzd-checkbox-placeholder .required{color:#4C7A1A;text-decoration:none}
.gkg-site .checkout-order-review .wc-gzd-checkbox-placeholder:has(input) + .wc-gzd-checkbox-placeholder:has(input){margin-top:-2px}
.gkg-site .wd-checkout-prod-cont .wc-gzd-cart-info,.gkg-site .woocommerce-checkout-review-order .product-name .wc-gzd-cart-info{display:block;flex-basis:100%;margin:2px 0 0;font:400 12.5px/1.4 var(--sans);color:var(--ink-3)}
.gkg-site .wd-checkout-prod-cont{flex-wrap:wrap}
.gkg-site .checkout-order-review .wc-gzd-checkbox-placeholder label.checkbox{display:block!important;position:relative;padding-left:28px}
.gkg-site .checkout-order-review .wc-gzd-checkbox-placeholder input[type=checkbox]{position:absolute;left:0;top:1px;margin:0}
/* Versandhinweis in Katalog und Kacheln. Julian 23.09.: wirkte wie zu viel Text, weil der Link
   „Versandinfos“ die Grösse nicht erbte (global.css setzt ihn auf 13,5px) und dadurch heraussprang,
   dazu ein Umbruch auf zwei Zeilen. Jetzt eine Zeile, Link gleich gross und nur fein unterstrichen.
   Text selbst bleibt unverändert, er ist Pflichtangabe nach der Preisangabenverordnung. */
.gkg-site .products .wc-gzd-additional-info,.gkg-site .product-grid-item .wc-gzd-additional-info{display:block;text-align:left;font:400 11.5px/1.35 var(--sans);color:var(--ink-3);margin:3px 0 0}
.gkg-site .products .wc-gzd-additional-info a,.gkg-site .product-grid-item .wc-gzd-additional-info a{color:var(--ink-3);font-size:inherit;font-weight:400;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.18)}
.gkg-site .gkg-versand-mehr{margin:0}.gkg-site .gkg-versand-mehr a{color:#4C7A1A;text-decoration:underline;text-underline-offset:2px}

/* Datenschutz-Zeile im Portal-Abschnitt der Startseite (21.09.2026, gkg/abschnitte/portal.php) */
#portal .portal-ds{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--ink-3,#7C7568);margin:26px 0 0;max-width:34em}
#portal .portal-ds svg{display:block;width:16px;height:16px;flex:0 0 16px;margin-top:2px;fill:none;stroke:var(--gold-deep,#4C7A1A);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#portal .portal-ds a{color:inherit}