/* #gc-abo-ek-css */

.woocommerce-info:has(.gc-abo-ek-msg),.woocommerce-message:has(.gc-abo-ek-msg),.woocommerce-error:has(.gc-abo-ek-msg),.woocommerce-notice:has(.gc-abo-ek-msg),.wc-block-components-notice-banner:has(.gc-abo-ek-msg){background:#c8102e!important;background-image:none!important;color:#fff!important;border:2px solid #7d0a1d!important;border-radius:10px!important;box-shadow:0 2px 12px rgba(200,16,46,.35)!important;font-weight:600!important;opacity:1!important}
.woocommerce-info:has(.gc-abo-ek-msg) *,.woocommerce-message:has(.gc-abo-ek-msg) *,.woocommerce-error:has(.gc-abo-ek-msg) *,.woocommerce-notice:has(.gc-abo-ek-msg) *,.wc-block-components-notice-banner:has(.gc-abo-ek-msg) *{color:#fff!important}
.woocommerce-info:has(.gc-abo-ek-msg)::before,.woocommerce-message:has(.gc-abo-ek-msg)::before,.woocommerce-error:has(.gc-abo-ek-msg)::before,.woocommerce-notice:has(.gc-abo-ek-msg)::before,.wc-block-components-notice-banner:has(.gc-abo-ek-msg)::before{color:#fff!important}
ul.woocommerce-error:has(.gc-abo-ek-msg) li{background:transparent!important;border:0!important;box-shadow:none!important}
.gc-abo-ek-msg{color:#fff!important}
@supports not selector(:has(a)){.gc-abo-ek-msg{display:block;background:#c8102e;color:#fff;padding:12px 16px;border-radius:10px;font-weight:600}}

/* #gc-affiliate-sm-accent-v1 */
.wcfm_menu_items.wcfm_menu_affiliate a{border-left-color:var(--gc-accent,#2dd4bf) !important;}.wcfm_menu_items.wcfm_menu_affiliate.wcfm_menu_active a{border-left-color:var(--gc-accent,#5eead4) !important;}
/* (ohne id) */

    /* GC fix: Netfield "Subscription Period:" panel is rendered on a near-white gradient by the
       gateway's own bundled stylesheet. On the GuyScat dark checkout theme this becomes
       white-on-white. Re-style for legibility. */
    .netfield-subscription-period {
        margin: 0 0 12px;
        padding: 12px 14px;
        border-radius: 12px;
        background: rgba(246, 196, 83, 0.10);
        border: 1px solid rgba(246, 196, 83, 0.32);
        color: #f3f6fb;
    }
    .netfield-subscription-period label {
        display: block;
        margin: 0 0 6px;
        color: #f6c453;
        font-weight: 700;
        font-size: 13px;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }
    .netfield-subscription-period p {
        margin: 0;
        color: #f3f6fb;
        font-weight: 600;
        font-size: 15px;
    }
    .netfield-subscription-period p:empty::after {
        /* Until the JS below populates it, keep the row visually intact instead of collapsing */
        content: '\2014';
        color: rgba(243, 246, 251, 0.45);
    }
    /* Cart period suffix styling — small and muted so it doesn't compete with the title */
    .gc-cart-period-meta {
        display: inline-block;
        margin-left: 6px;
        color: #f6c453;
        font-weight: 600;
        font-size: 0.92em;
        letter-spacing: 0.01em;
        white-space: nowrap;
    }
    @media (max-width: 480px) {
        .gc-cart-period-meta {
            display: block;
            margin: 4px 0 0;
            font-size: 0.88em;
        }
    }
    
/* #gc-clip-card-badge-layout-css */
/* --- shared chip metrics: one size for every badge on a clip card --- */
.gc-clip-card .gc-clip-card__badges > .gc-mbadge,
.gc-clip-card .gc-clip-card__badges > .gc-sub-badge,
.gc-clip-card .gc-clip-card__badges > .gc-sale-badge,
.gc-clip-card .gc-clip-card__badges > .gc-sale-badge--clip-card,
.gc-clip-card .gc-clip-card__badges > .gc-sale-badge--sub-disc,
.gc-clip-card .gc-clip-card__badges > .gc-sale-badge--sub-disc-paid,
.gc-clip-card .gc-clip-card__badges > .gc-sale-badge--sub-disc-teaser,
.gc-clip-card .gc-clip-card__badges > .gc-sale-badge--subscription{
  box-sizing:border-box;
  display:inline-flex;align-items:center;
  min-height:22px;height:auto;
  padding:0 9px;
  font-size:11px;line-height:1.1;font-weight:800;letter-spacing:.02em;
  white-space:nowrap;
  text-shadow:none;
}
.gc-clip-card .gc-clip-card__badges{gap:5px;}

/* --- TOP RIGHT: merchandising badge, flush tab into the corner --- */
.gc-clip-card .gc-clip-card__badges > .gc-mbadge{
  position:absolute;top:0;right:0;left:auto;bottom:auto;
  margin:0;align-self:auto;
  max-width:62%;overflow:hidden;text-overflow:ellipsis;
  border-radius:0 0 0 8px;
  text-transform:uppercase;
  pointer-events:none;                 /* decorative — never eat a click on the card link */
  box-shadow:0 1px 4px rgba(0,0,0,.4);
}
/* A card can carry Free + one status badge; the second stacks under the first. */
.gc-clip-card .gc-clip-card__badges > .gc-mbadge ~ .gc-mbadge{
  top:26px;border-radius:8px 0 0 8px;
}
.gc-clip-card .gc-clip-card__badges > .gc-mbadge ~ .gc-mbadge ~ .gc-mbadge{
  top:52px;
}

/* --- TOP LEFT: access badge. Was unstyled bare 16px text on the poster. --- */
.gc-clip-card .gc-clip-card__badges > .gc-sub-badge{
  position:static;
  align-self:flex-start;
  margin:0;
  max-width:calc(100% - 8px);
  border-radius:0 0 8px 0;
  background:#7c3aed;
  color:#fff;
  -webkit-text-fill-color:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.4);
  pointer-events:none;
}

/* --- flatten the inclusion chip: it was a gradient with near-black text --- */
/* Measured on guyscat /store/franky/ 2026-07-30: color rgb(6,16,24) over
   linear-gradient(135deg,#2dd4bf,#7c3aed) = 10.30:1 at the teal end but 3.37:1 at the
   violet end, i.e. the right-hand half of every "Included in subscription" chip was
   below the 4.5 gate. lewdden + scatportal never showed it because gc-greenfield-
   contrast-2.php already forces a flat #34d399 there — the correction was simply never
   applied to the canonical site. Flatten it here for all three, so the three sites are
   identical and the chip measures 8.67:1 end to end. Scoped to the card badge wrapper:
   the PDP buybox / storefront-section badges keep their gradient. */
.gc-clip-card .gc-clip-card__badges > .gc-sale-badge--subscription{
  background:#34d399;
  background-image:none;
  color:#06231a;
  -webkit-text-fill-color:#06231a;
}

/* --- discount chip: its own flat colour, identical on all three sites --- */
/* Dominik's decision 2026-07-30 (option B). Before: guyscat painted it as a teal->violet
   gradient (worst point 4.67:1 — passing, but a gradient the pixel sampler cannot measure),
   while gc-greenfield-contrast-2.php flattened it to #34d399 on lewdden + scatportal — i.e.
   the three sites disagreed, AND on the greenfields the discount chip was the exact same
   emerald as the "Included in subscription" chip above it: two different statements, one
   appearance. Now: "is included" stays green, "is cheaper" is rose. #fff on #be185d = 6.00:1.
   !important is required here and only here — the greenfield shim declares its emerald with
   !important, so a plain rule would lose on those two sites and the split would persist. */
.gc-clip-card .gc-clip-card__badges > .gc-sale-badge--sub-disc,
.gc-clip-card .gc-clip-card__badges > .gc-sale-badge--sub-disc-paid,
.gc-clip-card .gc-clip-card__badges > .gc-sale-badge--sub-disc-teaser{
  background:#be185d !important;
  background-image:none !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.gc-clip-card .gc-clip-card__badges .gc-sub-disc-badge__pct{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* --- the wishlist heart already lived in the top-right corner --- */
/* Step it down past the badge on cards that have one, so nothing is covered. */
.gc-clip-card .gc-clip-card__media:has(> .gc-clip-card__badges > .gc-mbadge) .gc-wl-heart{
  top:30px;
}
@supports not selector(:has(*)){
  .gc-clip-card .gc-wl-heart{top:30px;}
}

/* --- mobile: smaller, still >= 10.5px so it stays legible --- */
@media (max-width:600px){
  .gc-clip-card .gc-clip-card__badges > .gc-mbadge,
  .gc-clip-card .gc-clip-card__badges > .gc-sub-badge,
  .gc-clip-card .gc-clip-card__badges > .gc-sale-badge,
  .gc-clip-card .gc-clip-card__badges > .gc-sale-badge--clip-card,
  .gc-clip-card .gc-clip-card__badges > .gc-sale-badge--sub-disc,
  .gc-clip-card .gc-clip-card__badges > .gc-sale-badge--sub-disc-paid,
  .gc-clip-card .gc-clip-card__badges > .gc-sale-badge--sub-disc-teaser,
  .gc-clip-card .gc-clip-card__badges > .gc-sale-badge--subscription{
    min-height:21px;padding:0 8px;font-size:10.5px;
  }
  .gc-clip-card .gc-clip-card__badges{gap:4px;}
  .gc-clip-card .gc-clip-card__badges > .gc-mbadge ~ .gc-mbadge{top:25px;}
  .gc-clip-card .gc-clip-card__badges > .gc-mbadge ~ .gc-mbadge ~ .gc-mbadge{top:50px;}
  .gc-clip-card .gc-clip-card__media:has(> .gc-clip-card__badges > .gc-mbadge) .gc-wl-heart{top:29px;}
}

/* The favourites-drawer card reuses this markup. Its own styling is emitted through
   :where(), i.e. specificity 0, so every rule above already reaches it unchanged —
   no drawer-specific override is needed or wanted here. */
/* #gc-clip-form-tapziele */

		/* gc_clip_form_tapziel_v1 — KATP-F1 */
		#gc-add-clip-form label:has(> input[type="radio"]),
		#gc-add-clip-form label:has(> input[type="checkbox"]) {
			display: inline-flex;          /* sonst wirkt min-height am inline-Label nicht */
			align-items: center;
			gap: 6px;
			min-height: 28px;              /* 24 ist die Grenze — 28 gibt Luft, ohne die Zeile zu sprengen */
			padding-block: 3px;
			max-width: 100%;               /* inline-flex + langes Wort = Ueberstand */
			overflow-wrap: anywhere;
			box-sizing: border-box;        /* sonst rechnet die Polsterung nach innen */
		}
		/* Auf dem Telefon bevorzugt das Projekt 44 px. */
		@media (max-width: 768px) {
			#gc-add-clip-form label:has(> input[type="radio"]),
			#gc-add-clip-form label:has(> input[type="checkbox"]) {
				min-height: 44px;
			}
		}
		
/* #gc-cmplz-cls-fix */
html body.gc-store-manager-page #cmplz-cookiebanner-container,html body #cmplz-cookiebanner-container{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;z-index:2147483000!important;}
/* #gc-cmplz-tap-target */

/* gc_cmplz_tap_target_v1 — Tap-Ziel >= 24px (gemessen 19px). Spezifitaet 0,2,1 bzw. 0,1,1,
   damit sie ohne !important gegen Complianz' eigene Regeln gewinnt. */
.cmplz-cookiebanner a.cmplz-link,
.cmplz-links a.cmplz-link,
.cmplz-document a.cmplz-link,
a.cmplz-link {
	display: inline-block;
	/* 32, nicht 24: das Theme setzt box-sizing:border-box, deshalb wird die Polsterung
	   INNERHALB der min-height verrechnet -- mit min-height:24px + 2x4px Polsterung mass
	   der Kasten exakt 24 px und lag damit auf der Grenze statt darueber. Gemessen, nicht
	   gerechnet: erste Fassung 24px, diese Fassung 32px. */
	min-height: 32px;
	line-height: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
	/* Ein Link, der laenger ist als die Spalte, darf nicht aus ihr herauslaufen --
	   inline-block macht aus einem umbrechenden Inline-Element sonst einen Kasten,
	   der so breit ist wie sein laengstes Wort (die Lektion aus gc_creator_app_tap_target_v1). */
	max-width: 100%;
	overflow-wrap: anywhere;
}

/* #gc-cw-styles */

.gc-cw-card{margin:0 0 18px;padding:16px 18px;border:1px solid var(--gc-border,#d8dee6);
 border-left:4px solid #25D366;border-radius:var(--gc-radius-scale,8px);
 background:var(--gc-surface-2,var(--gc-surface,#fff));color:var(--gc-text,#12202e);}
.gc-cw-card__title{font-weight:700;font-size:15px;color:var(--gc-text,#12202e);margin:0 0 6px;}
.gc-cw-card__body{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--gc-text-soft,#3a4757);}
.gc-cw-card__note{margin:10px 0 0;font-size:12.5px;color:var(--gc-text-soft,#55616f);}
.gc-cw-card__num{margin:10px 0 0;font-size:13.5px;color:var(--gc-text,#12202e);}
.gc-cw-card__num b{font-weight:700;-webkit-user-select:all;user-select:all;white-space:nowrap;}
.gc-cw-kb{margin:28px 0 0;padding:14px 16px;border:1px solid var(--gc-border,#d8dee6);
 border-left:4px solid #25D366;border-radius:var(--gc-radius-scale,8px);
 background:var(--gc-surface-2,var(--gc-surface,#f7fbf8));color:var(--gc-text,#2b3846);
 display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.gc-cw-kb__text{font-size:14px;color:var(--gc-text,#2b3846);}
.gc-cw-btn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:11px 18px;
 border-radius:var(--gc-radius-scale,6px);background:var(--gc-accent,#2dd4bf);color:#07111f!important;
 font-weight:700;font-size:14px;line-height:1.2;text-decoration:none;border:0;}
/* gc_cw_wcfm_cascade_v1 — GEMESSEN am 19.08.2026, nicht vermutet.
   Der Store-Manager traegt
     body.gc-store-manager-page #wcfm-main-contentainer a { color: var(--gc-wcfm-link) !important }
   Das ist 1 ID + 2 Klassen + 1 Element und schlaegt ein blankes .gc-cw-btn (1 Klasse),
   OBWOHL beide !important sind — !important entscheidet nur zwischen gleichen
   Gewichtsklassen, danach zaehlt weiter die Spezifitaet. Ergebnis war die
   Knopfbeschriftung in Markenrosa auf dem rosa Knopf: rgb(236,58,134) auf
   rgb(200,30,106) = 1,43:1. Der Knopf sah aus wie eine leere Flaeche.
   Das betraf schon den alten gruenen Knopf (weisse Schrift war dort ebenso
   ueberschrieben) — es ist also kein Rueckschritt dieser Aenderung, sondern ein
   Fehler, den erst die Pixelmessung dieses Walks sichtbar gemacht hat.
   Gegen den Kern schreibt man mit SEINER Spezifitaet, nicht mit noch einem !important. */
body.gc-store-manager-page #wcfm-main-contentainer a.gc-cw-btn,
body.gc-store-manager-page #wcfm-main-contentainer a.gc-cw-btn span,
body.gc-store-manager-page #wcfm-main-contentainer a.gc-cw-btn:hover,
.gc-cw-btn span{color:#07111f!important;}
.gc-cw-btn:hover,.gc-cw-btn:focus{background:var(--gc-accent-strong,var(--gc-accent,#2dd4bf));color:#07111f!important;text-decoration:none;}
.gc-cw-btn:focus-visible{outline:3px solid rgba(var(--gc-accent-rgb,45,212,191),.55);outline-offset:2px;}
.gc-cw-btn .gc-cw-glyph{flex:0 0 auto;display:block;}
@media(max-width:640px){.gc-cw-btn{width:100%;justify-content:center;box-sizing:border-box;}}

/* #gc-discover-analytics-accent-v1 */
.wcfm_menu_items.wcfm_menu_discover-analytics a{border-left-color:#a78bfa !important;}.wcfm_menu_items.wcfm_menu_discover-analytics.wcfm_menu_active a{border-left-color:#c4b5fd !important;}
/* #gc-earnings-dark-contrast */

/* gc_earnings_dark_contrast_v1 */
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-report .gc-earnings-subtitle,
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-range-info,
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-disclaimer,
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-table .col-last{
	color: var(--gc-text-soft, #9dafcf);
}

/* panels: cards, chart/table boxes */
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-card,
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-chartbox,
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-tablebox{
	background: var(--gc-surface-3, rgba(255,255,255,.045));
	border-color: var(--gc-border, rgba(164,182,224,.14));
	box-shadow: none;
}
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-card:hover{
	box-shadow: 0 2px 10px rgba(0,0,0,.28);
}

html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-card-value,
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-section-title,
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-page-title{
	color: var(--gc-text, #edf4ff);
}
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-card-label{
	color: var(--gc-text-soft, #9dafcf);
}

/* the empty state -- this is the white slab Dominik flagged */
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-empty{
	background: rgba(255,255,255,.035);
	border: 1px dashed var(--gc-border, rgba(164,182,224,.14));
	color: var(--gc-text-soft, #9dafcf);
}

/* range + source chips */
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-range,
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-chip{
	background: rgba(255,255,255,.06);
	color: var(--gc-text, #edf4ff);
	border-color: var(--gc-border, rgba(164,182,224,.14));
}
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-range:hover,
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-chip:hover{
	background: rgba(255,255,255,.10);
	color: var(--gc-text, #edf4ff);
}
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-range.is-active{
	background: var(--gc-accent-strong, #c81e6a);
	color: #fff;
}
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-chip.is-active{
	background: rgba(255,255,255,.12);
	color: var(--gc-text, #edf4ff);
}

html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-rangebar{
	border-bottom-color: var(--gc-border, rgba(164,182,224,.14));
}

/* table */
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-table th,
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-table td{
	border-bottom-color: var(--gc-border, rgba(164,182,224,.14));
	color: var(--gc-text, #edf4ff);
}
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-table th{
	background: rgba(255,255,255,.06);
	color: var(--gc-text-soft, #9dafcf);
}
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-table tbody tr:hover{
	background: rgba(255,255,255,.04);
}
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-table .col-bucket .gc-bucket-pill{
	background: rgba(255,255,255,.08);
	color: var(--gc-text, #edf4ff);
}

html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-footer{
	border-top-color: var(--gc-border, rgba(164,182,224,.14));
}
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-csv{
	background: var(--gc-accent-strong, #c81e6a);
	color: #fff;
}
html:not([data-theme="light"]) body.gc-store-manager-page .gc-earnings-csv:hover{
	background: var(--gc-accent, #ec3a86);
	color: #fff;
}

/* #gc-hb-css */
.gc-hb-badge{display:inline-flex;align-items:center;gap:.25em;background:#8a1220;color:#fff;font-size:11px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.35);}.gc-hb-banner{display:flex;align-items:flex-start;gap:10px;background:#3a1013;border:1px solid #e0384f;border-left-width:4px;border-radius:10px;padding:12px 16px;color:#ffe3e6;font-size:14px;line-height:1.45;}.gc-hb-banner[hidden]{display:none;}.gc-hb-banner--category{margin:0 0 18px;width:100%;box-sizing:border-box;}.gc-hb-banner--single{margin:14px 0 0;width:100%;box-sizing:border-box;}.gc-hb-banner__icon{color:#ff8a9a;font-size:18px;line-height:1.3;flex:0 0 auto;}.gc-hb-banner__text strong{color:#fff;}
/* #gc-header-logo-light */
html[data-theme="light"] .custom-logo,html[data-theme="light"] .custom-logo-link img{filter:drop-shadow(0 1px 1px rgba(0,0,0,.55)) drop-shadow(0 0 1px rgba(0,0,0,.5))}
/* #gc-header-tap-targets */
@media (max-width:1024px){
.gc-hns-burger,.gc-hns-searchbtn,.gc-wl-headbtn,.gc-theme-toggle-inline{
width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
margin-left:2px!important;margin-right:2px!important}
.gc-header-cart{min-width:44px!important;min-height:44px!important;
margin-left:2px!important;margin-right:2px!important}
}

/* #gc-lrf-media-fit-overlay */
/* gc_lrf_media_fit_overlay_v1 */
.gc-media-fit-on .gc-feed-landing-card__media.gc-media-fit.is-portrait > .gc-feed-landing-card__vid,
.gc-media-fit-on .gc-feed-landing-card__media.gc-media-fit.is-square > .gc-feed-landing-card__vid {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.gc-feed-landing-card__media .gc-feed-landing-card__play,
.gc-feed-landing-card__media .gc-feed-landing-card__dur,
.gc-feed-landing-card__media .gc-feed-landing-card__count,
.gc-feed-landing-card__media .gc-feed-landing-card__lock {
	z-index: 2;
}

/* #gc-live-lwrm-befunde */

@media (max-width:1023px){body.gc-live-room-page .gc-live-chat-card:has(.gc-live-chat-tip-overlay[aria-hidden="false"]){contain:none !important;transform:none !important;will-change:auto !important;}}
html[data-theme="light"] .gc-sub-modal__panel{--gc-text-soft:#e6ebf3;--gc-text:#f3f5f9;}
html body [data-gc-live-room][data-gc-subroom-active="1"] .gc-live-player__premium-gate--subscribers-only:not([hidden]){display:flex !important;}
html body [data-gc-live-room][data-gc-subroom-active="1"] .gc-live-player__overlay{display:none !important;}
html[data-theme="light"] .gc-live-chat-tip-overlay__tab.gc-live-chat-tip-overlay__tab--active,html[data-theme="light"] .gc-live-chat-tip-overlay__tab:hover{color:var(--gc-text) !important;}
html[data-theme="light"] .gc-live-chat-tip-overlay__amount-btn.gc-live-chat-tip-overlay__amount-btn--active{color:var(--gc-text) !important;}
html[data-theme="light"] .gc-live-chat-tip-overlay__close:hover{color:var(--gc-text) !important;background:rgba(0,0,0,.08) !important;}
a.gc-sub-modal__submit:hover,a.gc-sub-modal__submit:focus,a.gc-sub-modal__submit:focus-visible{color:#1b1004 !important;}
a.gc-sub-modal__cancel:hover,a.gc-sub-modal__cancel:focus{color:#cdd5e3 !important;}
html:has(body.gc-sub-modal-open){scrollbar-gutter:stable;}
.gc-chat-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0 10px;}
.gc-chat-tabs .gc-chat-tab{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;min-height:30px;padding:4px 12px;border:1px solid rgba(var(--gc-accent-rgb),.35);border-radius:999px;background:transparent;color:var(--gc-text);font:inherit;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer;}
.gc-chat-tabs .gc-chat-tab:hover{border-color:var(--gc-accent);}
.gc-chat-tabs .gc-chat-tab.gc-chat-tab-active{background:rgba(var(--gc-accent-rgb),.16);border-color:var(--gc-accent);color:var(--gc-text);}
html body .gc-live-actionbar .gc-live-actionbar__btn.gc-live-actionbar__btn--fav{background-image:linear-gradient(rgba(0,0,0,.14),rgba(0,0,0,.14))!important;}
html body .gc-live-chat-row--system{opacity:1!important;}
@media (max-width:767px){html body .gc-live-player-card.gc-lwrm-tor-aktiv .gc-live-player__media,html body .gc-live-player-card.gc-lwrm-tor-aktiv .gc-live-player__media canvas,html body .gc-live-player-card.gc-lwrm-tor-aktiv .gc-live-player__media video{visibility:hidden!important;}}

/* #gc-live-privatknopf-kontrast */
/* gc_live_privatknopf_kontrast_v1 */
html body .gc-live-actionbar__btn[data-gc-ab-private],html body .gc-private-modal__price-btn--private,html body .gc-live-player__premium-gate-actions .gc-button--primary,html body .gc-live-player__premium-gate-actions button[data-gc-live-premium-start],html body .gc-premium-low-balance__topup,html body .gc-live-player__premium-actions .gc-button--primary,html body .gc-live-player__premium-actions button[data-gc-live-premium-start]{background:linear-gradient(180deg,#d42b40 0%,#a81d31 100%)!important}
html body .gc-live-actionbar__btn[data-gc-ab-private]:hover,html body .gc-private-modal__price-btn--private:hover,html body .gc-live-player__premium-gate-actions .gc-button--primary:hover,html body .gc-live-player__premium-gate-actions button[data-gc-live-premium-start]:hover,html body .gc-premium-low-balance__topup:hover,html body .gc-live-player__premium-actions .gc-button--primary:hover,html body .gc-live-player__premium-actions button[data-gc-live-premium-start]:hover{background:linear-gradient(180deg,#c92539 0%,#9e1a2e 100%)!important}

/* #gc-lovense-sidebar-zfix */
/* gc_lovense_sidebar_zfix_v1 */
#lovense-app-container,#lovense-app,#cam-extension-injected-view,#cam-extension-v3,#cam-extension-v3-stage,#lovense-extension,[id^="lovense-app"],[id^="cam-extension-injected"]{z-index:9999 !important;}

/* #gc-models-login-autofill-fix */
.gc-models-login-form input:-webkit-autofill,.gc-models-login-form input:-webkit-autofill:hover,.gc-models-login-form input:-webkit-autofill:focus,.gc-models-login-form input:-webkit-autofill:active,.gc-models-panel__application input:-webkit-autofill,.gc-models-panel__application input:-webkit-autofill:hover,.gc-models-panel__application input:-webkit-autofill:focus,.gc-models-panel__application input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--gc-surface,#0f1b33) inset !important;box-shadow:0 0 0 1000px var(--gc-surface,#0f1b33) inset !important;-webkit-text-fill-color:var(--gc-text,#edf4ff) !important;caret-color:var(--gc-text,#edf4ff) !important;transition:background-color 5000s ease-in-out 0s !important;}
/* #gc-notice-link-contrast */
/* gc_notice_link_contrast_v1 */html body .woocommerce-error a:not(.button):not(.gc-button):not(.wp-element-button):not([class*="button"]),html body .woocommerce-info a:not(.button):not(.gc-button):not(.wp-element-button):not([class*="button"]),html body .woocommerce-message a:not(.button):not(.gc-button):not(.wp-element-button):not([class*="button"]),html body .woocommerce-notices-wrapper a:not(.button):not(.gc-button):not(.wp-element-button):not([class*="button"]){color:currentColor;-webkit-text-fill-color:currentColor;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}html body .woocommerce-error a:not(.button):not(.gc-button):not(.wp-element-button):not([class*="button"]):hover,html body .woocommerce-info a:not(.button):not(.gc-button):not(.wp-element-button):not([class*="button"]):hover,html body .woocommerce-message a:not(.button):not(.gc-button):not(.wp-element-button):not([class*="button"]):hover,html body .woocommerce-notices-wrapper a:not(.button):not(.gc-button):not(.wp-element-button):not([class*="button"]):hover{text-decoration-thickness:2px}
/* #gc-scroll-flicker-fix */
.gc-wrap,.gc-content,.gc-site-main{overflow-x:clip !important}body::before,body::after{animation:none !important}
/* #gc_sm_kontrast_20260910_v1 */
/* gc_sm_kontrast_20260910_v1 */
body.gc-store-manager-page #wcfm-main-contentainer .gc-chat-decorator__banner strong.gc-chat-decorator__banner-title{color:#1f2937!important;-webkit-text-fill-color:#1f2937!important}
body.gc-store-manager-page #wcfm-main-contentainer .gc-chat-decorator__banner span.gc-chat-decorator__banner-reason{color:#4b5563!important;-webkit-text-fill-color:#4b5563!important}
body.gc-store-manager-page #wcfm-main-contentainer .gc-chat-decorator__banner a.gc-chat-decorator__cta{color:#04202b!important;-webkit-text-fill-color:#04202b!important}

/* #gc-pinned-css */

/* gc_storefront_pinned_v1 -- structural. Accent treatment is measured in P3. */
/* gc_pin_glow_v2 (2026-08-27, Dominik: mehr Leuchten + schwebender Eindruck) --
   Der Schwebe-Eindruck kommt aus ERHEBUNG (weicher, weit gestreuter Schatten plus
   Akzent-Halo), NICHT aus Bewegung. Eine Dauer-Animation waere zwei Probleme auf
   einmal: das Stabilitaets-Tor aus Law 6 misst Positionsdrift und wuerde sie als
   instabiles Layout melden, und ein transform am Abschnitt macht ihn zum Bezugs-
   rahmen fuer position:fixed -- also fuer den Dialog, solange das JS ihn noch nicht
   an den body gehaengt hat. */
/* gc_pin_neon_v3 (2026-08-27, Dominik: mehr Neon + Bewegung im Inneren) --------------
   ZWEI Pseudoelemente, KEIN transform an einem echten Element:
     ::before = umlaufender Neon-Ring (conic-gradient, per @property animierbar)
     ::after  = wandernder Schimmer im Panelinneren, LIEGT HINTER dem Inhalt (z-index 0)
   Warum so und nicht mit transform: das Stabilitaets-Tor aus Law 6 misst Positions- und
   Hoehendrift ueber ein Zeitfenster. Eine Bewegung, die einen echten Kasten verschiebt,
   wuerde als instabiles Layout gemeldet -- zu Recht. Hintergruende zu animieren bewegt
   nichts, die Hoehe bleibt konstant. Zusaetzlich waere ein transform am Abschnitt der
   Bezugsrahmen fuer position:fixed, also fuer den Dialog vor dem Umhaengen an den body.
   Beide Animationen haengen an prefers-reduced-motion.
   Panel bleibt in HELL wie in DUNKEL dunkel (var(--gc-deep)) -- Neon auf hellem Grund
   verpufft; gleiche Entscheidung wie beim Footer-CTA-Card, und pro Marke korrekt, weil
   --gc-deep und --gc-accent-rgb aus gc_palette() kommen. */
@property --gc-pin-ang { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
.gc-storefront-section--pinned{min-width:0;max-width:100%;position:relative;isolation:isolate;
  /* gc_pin_glow_luft_v1 (2026-08-27, Dominik: harte Schnittkante am Rand) --
     Gemessen: .gc-wrap.gc-page-shell UND main.gc-site-main stehen auf overflow-x:clip,
     und die Section lag bundig am Shell (luftLinks 0, luftRechts 0). Der Glow reicht
     bis 76px nach aussen und wurde exakt an der Kante gekappt. Die Section bekommt
     deshalb seitlich Luft, damit das Leuchten INNERHALB der Clip-Grenze ausklingt.
     Der Wrapper bleibt unangetastet -- sein overflow-x:clip haelt die Seite frei von
     waagerechtem Ueberlauf (gc_header_nav_clip_fix_v1). */
  margin:10px 56px 32px;padding:22px 18px 26px;border-radius:18px;border:0;background-color:var(--gc-surface-2,#111e3a);

  background:radial-gradient(140% 120% at 50% -12%,rgba(var(--gc-accent-rgb),.22),transparent 62%),
             color-mix(in srgb,rgb(var(--gc-accent-rgb)) 8%,var(--gc-surface-2,#111e3a));
  box-shadow:0 0 0 1px rgba(var(--gc-accent-rgb),.55),
             0 0 22px -2px rgba(var(--gc-accent-rgb),.42),
             0 0 76px -20px rgba(var(--gc-accent-rgb),.80),
             0 18px 42px -18px rgba(0,0,0,.65);
  overflow:hidden}
.gc-storefront-section--pinned::before{content:"";position:absolute;inset:0;border-radius:inherit;
  padding:1.5px;pointer-events:none;z-index:2;
  background:conic-gradient(from var(--gc-pin-ang),transparent 0turn,
             rgba(var(--gc-accent-rgb),.10) .10turn,var(--gc-accent) .25turn,
             rgba(var(--gc-accent-rgb),.10) .40turn,transparent .55turn,transparent 1turn);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude}
.gc-storefront-section--pinned::after{content:"";position:absolute;inset:0;border-radius:inherit;
  pointer-events:none;z-index:0;background-size:260% 100%;background-position:120% 0;
  background-image:linear-gradient(115deg,transparent 32%,rgba(var(--gc-accent-rgb),.14) 45%,
                   rgba(255,255,255,.06) 50%,rgba(var(--gc-accent-rgb),.14) 55%,transparent 68%)}
.gc-storefront-section--pinned>*{position:relative;z-index:1}
@media (prefers-reduced-motion: no-preference){
  .gc-storefront-section--pinned::before{animation:gcPinRing 7s linear infinite}
  .gc-storefront-section--pinned::after{animation:gcPinSheen 9s ease-in-out infinite}
}
/* gc_pin_schweben_v1 -- die ganze Section hebt und senkt sich um 4px.
   transform aendert das LAYOUT nicht, aber getBoundingClientRect schon: das
   Stabilitaets-Tor aus Law 6 wuerde das als Drift melden. Das ist hier eine
   ERKLAERTE Ausnahme, keine stille -- die Stabilitaetszelle misst mit
   reducedMotion:'reduce', also in einem Zustand, den echte Nutzer auch haben,
   und eine eigene Zelle weist nach, dass die Animation ueberhaupt laeuft.
   ACHTUNG: ein transform macht die Section zum Bezugsrahmen fuer position:fixed.
   Der Dialog wird beim Start an den body gehaengt, ist also nicht betroffen;
   solange das JS nicht lief, ist er ohnehin hidden. */
/* gc_pin_hover_v1 -- NUR mit feinem Zeiger. hover:hover allein reicht nicht:
   das S26 meldet mit Stift hover-faehig, und genau daran ist schon einmal ein
   ganzer Regelblock unsichtbar geworden (RD-1). Der Hover fasst bewusst NICHT
   den transform an -- sonst kaempfen Schwebe-Animation und Hover um dieselbe
   Eigenschaft und es ruckt. Er verstaerkt das Leuchten und beschleunigt den Ring. */
@media (prefers-reduced-motion: no-preference){
  .gc-storefront-section--pinned{animation:gcPinFloat 8s ease-in-out infinite}
}
@keyframes gcPinFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-4px,0)}}
@media (hover:hover) and (pointer:fine){
  .gc-storefront-section--pinned{transition:box-shadow .35s ease,background-color .35s ease}
  /* Schweben anhalten, sobald jemand zeigt oder hineintabbt: ein bewegtes Ziel ist
     unangenehm zu treffen, und Playwright haelt den Abschnitt sonst dauerhaft fuer
     "not stable" -- der Hover-Test lief in den Timeout. */
  .gc-storefront-section--pinned:hover,.gc-storefront-section--pinned:focus-within{animation-play-state:paused}
  .gc-storefront-section--pinned:hover{
    box-shadow:0 0 0 1px rgba(var(--gc-accent-rgb),.75),
               0 0 30px -2px rgba(var(--gc-accent-rgb),.60),
               0 0 92px -22px rgba(var(--gc-accent-rgb),1),
               0 22px 50px -18px rgba(0,0,0,.7)}
  .gc-storefront-section--pinned:hover::before{animation-duration:3s}
  .gc-storefront-section--pinned:hover::after{animation-duration:5s}
}
@keyframes gcPinRing{to{--gc-pin-ang:1turn}}
@keyframes gcPinSheen{0%{background-position:120% 0}100%{background-position:-60% 0}}
.gc-section-header--pinned{display:flex;align-items:center;justify-content:space-between;gap:12px}
.gc-pinned__heading{margin:0;color:var(--gc-text)}
.gc-pinned__nav{display:flex;gap:8px;flex:0 0 auto}
.gc-pinned__arrow{min-width:44px;min-height:44px;line-height:1;font-size:22px;cursor:pointer;
  border-radius:10px;color:var(--gc-text);
  border:1px solid rgba(var(--gc-accent-rgb),.34);
  background:rgba(var(--gc-accent-rgb),.12)}
.gc-pinned__arrow[disabled]{opacity:.4;cursor:default}
/* gc_pin_track_min_width_v1 (2026-08-27, auf dem S26 gemessen) --
   OHNE min-width:0 sind Flex- und Grid-Kinder auf min-width:auto, weigern sich also
   unter ihre Inhaltsbreite zu schrumpfen. Die Spur ist 5x232px = 1246px breit; der
   overflow-x:auto-Kasten hat deshalb NICHT gescrollt, sondern das gesamte
   .gc-storefront-tab-panel von 360px auf 1272px aufgeblasen -- bei einem
   Layout-Blickfeld von 384px. Gemessen mit Pins 1272, ohne Pins 360.
   docScrollW blieb dabei exakt 384: die Seite war NICHT scrollbar, der Inhalt wurde
   nur gemalt und abgeschnitten -- genau die Klasse, die ueberstand_v2 meldet und
   die ein docScrollW-Tor nicht sehen kann. Auf dem Desktop trat es nie auf,
   weil 1246 < 1440. */
/* Der Schnitt muss am GRID-EINTRAG sitzen, nicht an meinem Block: gemessen stand
   section.gc-storefront-tab-panel auf min-width:auto, also auf seiner
   min-content-Breite -- und die kam aus meiner Flex-Spur (1246px). min-width:0 auf
   einem display:block schneidet diese Kette NICHT. Additiv, Spezifitaet 0,2,0,
   kein !important. Gleiches Muster wie gc_header_nav_clip_fix_v1. */
.gc-storefront-tab-panels>.gc-storefront-tab-panel{min-width:0}
/* gc_pin_kantenverlauf_v1 (2026-08-27, Dominik: harte Schnittkante) --
   Die Spur wird an den Raendern ausgeblendet statt hart beschnitten. Die beiden
   Weiten setzt das JS je Scrollstand: links erst wenn schon gescrollt wurde,
   rechts nur solange noch etwas kommt -- sonst wuerde die letzte Karte grundlos
   verblassen. 0px bedeutet: kein Verlauf an dieser Seite. */
.gc-pinned__viewport{--gc-pin-fade-l:0px;--gc-pin-fade-r:0px;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--gc-pin-fade-l),
                     #000 calc(100% - var(--gc-pin-fade-r)),transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 var(--gc-pin-fade-l),
             #000 calc(100% - var(--gc-pin-fade-r)),transparent 100%);
  min-width:0;max-width:100%;margin-top:6px;padding:8px 0;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;
  scrollbar-width:none}
.gc-pinned__viewport::-webkit-scrollbar{display:none}
.gc-pinned__viewport:focus-visible{outline:2px solid var(--gc-accent);outline-offset:2px}
.gc-pinned__track{display:flex;gap:14px;align-items:stretch}
.gc-pinned__track>*{flex:0 0 232px;max-width:232px;scroll-snap-align:start}
/* gc_pin_kartenglow_v1 (2026-08-27, Dominik) -- Leuchten je Karte beim Zeigen.
   NUR mit feinem Zeiger: hover:hover allein waere am S26 mit Stift wahr (RD-1).
   drop-shadow statt box-shadow, weil es der Rundung der Karte folgt statt ein
   Rechteck um die Zelle zu legen. Das Anheben haengt zusaetzlich an
   prefers-reduced-motion -- das Leuchten bleibt, die Bewegung nicht. */
.gc-pinned__cell{display:flex}
@media (hover:hover) and (pointer:fine){
  .gc-pinned__cell{transition:transform .3s ease,filter .3s ease}
  .gc-pinned__cell:hover{position:relative;z-index:3;
    filter:drop-shadow(0 0 14px rgba(var(--gc-accent-rgb),.60))
           drop-shadow(0 10px 22px rgba(0,0,0,.55))}
  @media (prefers-reduced-motion: no-preference){
    .gc-pinned__cell:hover{transform:translateY(-5px)}
  }
}
.gc-pinned__cell>*{width:100%}
@media (max-width:640px){.gc-pinned__track>*{flex-basis:min(62vw,240px);max-width:min(62vw,240px)}
  .gc-storefront-section--pinned{margin-left:16px;margin-right:16px}
  .gc-storefront-section--pinned{padding:14px 12px 16px}}
/* Custom-order card: same footprint as a clip card, no poster of its own. */
.gc-pinned-co-card{display:flex}
.gc-pinned-co-card__link{display:flex;flex-direction:column;justify-content:center;gap:10px;
  width:100%;min-height:190px;padding:18px;text-align:center;text-decoration:none;
  border-radius:12px;color:var(--gc-text);
  border:1px dashed rgba(var(--gc-accent-rgb),.45);
  background:rgba(var(--gc-accent-rgb),.10)}
.gc-pinned-co-card__icon{font-size:26px;line-height:1}
.gc-pinned-co-card__title{font-weight:600}
.gc-pinned-co-card__cta{align-self:center;padding:7px 16px;border-radius:999px;font-size:14px;
  font-weight:600;background:var(--gc-accent);color:#0b0b0b}

/* #gc-storefront-subscribe-slot-z-css */
@media (min-width:721px){.gc-storefront-identity-card__content .gc-storefront-subscribe-slot{z-index:6}.gc-storefront-identity-card__content .gc-storefront-inline-about{max-width:min(100%,calc(100% - clamp(260px,26vw,340px) - clamp(14px,2vw,22px) - 24px))}}
/* #gc-sub-note-block-fix */
.gc-sub-note{display:block !important;width:auto !important;margin-top:8px !important;box-decoration-break:clone;-webkit-box-decoration-break:clone;}.gc-sub-note + .gc-sub-note{margin-top:10px !important;}
/* #gc-subs-stat-lesbar */
.gc-subs-stat span, body.theme-socialworld-panel #sw-content .gc-subs-stat span, body.gc-store-manager-page #wcfm-main-contentainer .gc-subs-stat span{color:#667085}
/* #gc-wtd-protection-accent-v1 */
.wcfm_menu_items.wcfm_menu_dmca-protection a{border-left-color:var(--gc-accent,#2dd4bf) !important;}.wcfm_menu_items.wcfm_menu_dmca-protection.wcfm_menu_active a{border-left-color:var(--gc-accent-2,#5eead4) !important;}
/* #gc-xbrand-kaestchen-v1 */

/* gc_xbrand_kaestchen_sichtbar_v1 — WCFM nimmt jedem Checkbox im Store Manager
   die Zeichnung (`appearance:none`); das Theme belegt danach `background` und
   `border` mit `!important`. Gezeichnet wird deshalb ueber `outline`,
   `box-shadow` und `::after` — die drei Eigenschaften, die frei sind. */
#wcfm-main-contentainer .gcxbc input[type="checkbox"],
#wcfm-main-contentainer .gcxba input[type="checkbox"],
#wcfm-main-contentainer .gcxbb input[type="checkbox"],
.gcxbc input[type="checkbox"],
.gcxba input[type="checkbox"],
.gcxbb input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	width: 24px; height: 24px;
	min-width: 24px; min-height: 24px;
	flex: 0 0 auto;
	margin: 0 8px 0 0;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
	outline: 2px solid color-mix(in srgb, var(--gc-accent, #6b7280) 45%, transparent);
	outline-offset: -2px;
	transition: outline-color .12s ease, box-shadow .12s ease;
}
/* Der Haken: zwei gezeichnete Striche in der MARKENFARBE — kein Icon-Font, und
   keine Tinte, deren Lesbarkeit vom Grund abhaengt, um den wir nicht kaempfen. */
#wcfm-main-contentainer .gcxbc input[type="checkbox"]::after,
#wcfm-main-contentainer .gcxba input[type="checkbox"]::after,
#wcfm-main-contentainer .gcxbb input[type="checkbox"]::after,
.gcxbc input[type="checkbox"]::after,
.gcxba input[type="checkbox"]::after,
.gcxbb input[type="checkbox"]::after {
	content: "";
	position: absolute;
	left: 7px; top: 2px;
	width: 7px; height: 13px;
	/* 🔴 Die Tinte ist FEST dunkel, nicht `--gc-tg-ink` und nicht die Akzentfarbe.
	   Genau daran ist v1.0.0 gescheitert: sie nahm das Seiten-Tinten-Token, und
	   das ist auf einen SEITEN-Grund ausgelegt, nicht auf die Akzentflaeche —
	   Ergebnis war dunkel auf dunkel. Gemessen auf der gefuellten Flaeche:
	   guyscat 10,54:1 · scatportal 6,85:1 · manurefetish 6,56:1 · lewdden 3,60:1.
	   Der schlechteste Wert liegt ueber der Grenze 3,0 fuer grafische Elemente. */
	border: solid #0b0b12;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg) scale(0);
	transition: transform .12s ease;
}
/* Angehakt: kraeftiger Rahmen + dezente Fuellung, beides ueber unbeanspruchte
   Eigenschaften, damit das `!important` des Themes irrelevant bleibt. */
#wcfm-main-contentainer .gcxbc input[type="checkbox"]:checked,
#wcfm-main-contentainer .gcxba input[type="checkbox"]:checked,
#wcfm-main-contentainer .gcxbb input[type="checkbox"]:checked,
.gcxbc input[type="checkbox"]:checked,
.gcxba input[type="checkbox"]:checked,
.gcxbb input[type="checkbox"]:checked {
	outline-color: var(--gc-accent, #6b7280);
	/* 🔴 Zweimal zu schwach gebaut, bevor gemessen wurde: 20 % Fuellung ergaben
	   2,50:1 im Vorher/Nachher-Vergleich derselben Bildpunkte, 38 % ergaben 2,83:1
	   — beide unter der Law-6-Grenze von 3,0 fuer grosse UI-Elemente. Erst die
	   VOLLE Markenfarbe traegt. `box-shadow: inset` fuellt die Flaeche, ohne um
	   `background` zu kaempfen, das dem Theme mit `!important` gehoert. */
	box-shadow: inset 0 0 0 999px var(--gc-accent, #6b7280);
}
#wcfm-main-contentainer .gcxbc input[type="checkbox"]:checked::after,
#wcfm-main-contentainer .gcxba input[type="checkbox"]:checked::after,
#wcfm-main-contentainer .gcxbb input[type="checkbox"]:checked::after,
.gcxbc input[type="checkbox"]:checked::after,
.gcxba input[type="checkbox"]:checked::after,
.gcxbb input[type="checkbox"]:checked::after {
	transform: rotate(45deg) scale(1);
}
/* Tastatur: ohne Fokusring waere die Flaeche nur mit der Maus bedienbar. */
#wcfm-main-contentainer .gcxbc input[type="checkbox"]:focus-visible,
#wcfm-main-contentainer .gcxba input[type="checkbox"]:focus-visible,
#wcfm-main-contentainer .gcxbb input[type="checkbox"]:focus-visible,
.gcxbc input[type="checkbox"]:focus-visible,
.gcxba input[type="checkbox"]:focus-visible,
.gcxbb input[type="checkbox"]:focus-visible {
	outline-width: 3px;
	outline-offset: 2px;
	outline-color: var(--gc-accent, #6b7280);
}
/* Ein gesperrtes Kaestchen (bereits uebertragener Clip) soll AUSSEHEN wie
   gesperrt — sonst haelt der Creator es fuer defekt. */
#wcfm-main-contentainer .gcxbc input[type="checkbox"]:disabled,
.gcxbc input[type="checkbox"]:disabled {
	opacity: .45;
	cursor: not-allowed;
}

/* #gc-xbrand-menue-farbe */

#wcfm_menu .wcfm_menu_items.wcfm_menu_brand-link > a.wcfm_menu_item{border-left-color:#a3e635 !important}
#wcfm_menu .wcfm_menu_items.wcfm_menu_brand-link a.wcfm_menu_item span.wcfmfa{color:#a3e635 !important}