/* =========================================================================
   AESTX SYSTEMS — Site-weites Dark/Gold-Konzept  ·  assets/css/ax-site.css
   Greift auf ALLEN Seiten (body.ax-dark). Die Produktseite hat ihr eigenes
   ax-product.css; hier werden Produktseiten-Inhalte (.ax-pdp) bewusst gemieden.
   ========================================================================= */

/* ---- Grundfläche & Text ---- */
body.ax-dark {
	background: #0f1316 !important;
	color: #dfe6ee;
}
body.ax-dark .entry-content,
body.ax-dark .ct-container,
body.ax-dark .site-main,
body.ax-dark p,
body.ax-dark li,
body.ax-dark td,
body.ax-dark th,
body.ax-dark dd,
body.ax-dark dt { color: #cdd6df; }

body.ax-dark h1, body.ax-dark h2, body.ax-dark h3,
body.ax-dark h4, body.ax-dark h5, body.ax-dark h6 { color: #f3f6fa; }

body.ax-dark a { color: #d7dee6; }
body.ax-dark a:hover { color: var(--ax-gold, #C9A46E); }

/* Seiten-/Archiv-Titel + Blocksy Hero */
body.ax-dark .page-title,
body.ax-dark .woocommerce-products-header__title,
body.ax-dark .entry-title,
body.ax-dark .ct-hero-title { color: #f3f6fa; }

/* Breadcrumb */
body.ax-dark .woocommerce-breadcrumb,
body.ax-dark .woocommerce-breadcrumb a { color: #8a93a0; }
body.ax-dark .woocommerce-breadcrumb a:hover { color: var(--ax-gold, #C9A46E); }

/* horizontale Linien / Trenner */
body.ax-dark hr { border-color: rgba(255,255,255,.10); }

/* ---- Buttons (global, Gold) – Produktseiten-CTA ausgenommen ---- */
body.ax-dark .button:not(.ax-cart-btn),
body.ax-dark a.button:not(.ax-cart-btn),
body.ax-dark button.button,
body.ax-dark input[type="submit"],
body.ax-dark .wp-element-button,
body.ax-dark .wp-block-button__link {
	background: linear-gradient(135deg, #C9A46E, #b8935d) !important;
	color: #14171a !important;
	border: 0 !important;
	border-radius: 10px !important;
	font-weight: 700 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
body.ax-dark .button:not(.ax-cart-btn):hover,
body.ax-dark button.button:hover,
body.ax-dark input[type="submit"]:hover,
body.ax-dark .wp-element-button:hover { filter: brightness(1.07); }

/* sekundäre/outline Buttons */
body.ax-dark .button.alt.disabled,
body.ax-dark .added_to_cart { color: var(--ax-gold, #C9A46E) !important; }

/* =========================================================================
   ARCHIV / SHOP / KATEGORIE — Produktkacheln im PDP-Stil
   ========================================================================= */
body.ax-dark.woocommerce-shop ul.products li.product,
body.ax-dark.post-type-archive-product ul.products li.product,
body.ax-dark.tax-product_cat ul.products li.product,
body.ax-dark.woocommerce-page ul.products li.product {
	background: rgba(255,255,255,.03);
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 16px;
	padding: 14px 14px 16px;
	transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
body.ax-dark ul.products li.product:hover {
	border-color: rgba(201,164,110,.55);
	transform: translateY(-2px);
	box-shadow: 0 10px 28px rgba(0,0,0,.35);
}
body.ax-dark ul.products li.product a img {
	border-radius: 10px;
	background: #0c0f12;
	margin-bottom: 12px;
}
body.ax-dark ul.products li.product .woocommerce-loop-product__title {
	color: #eef3f9 !important;
	font-weight: 700;
	font-family: var(--ax-font-display, inherit);
	font-size: 1.02rem;
}
/* Kategorie-Zeile (Blocksy term meta) */
body.ax-dark ul.products li.product .ct-meta-categories a,
body.ax-dark ul.products li.product [class*="ct-term-"] {
	color: #8a93a0 !important;
	text-transform: uppercase;
	letter-spacing: .06em;
	font-size: .68rem;
}
/* Preis in Gold */
body.ax-dark ul.products li.product .price,
body.ax-dark ul.products li.product .price .amount,
body.ax-dark ul.products li.product .price bdi {
	color: var(--ax-gold, #C9A46E) !important;
	font-weight: 700;
}
body.ax-dark ul.products li.product .price del,
body.ax-dark ul.products li.product .price del * { color: #7a828c !important; }
body.ax-dark ul.products li.product .price ins { text-decoration: none; }

/* Sale- / Ausverkauft-Badge */
body.ax-dark span.onsale {
	background: #7be0a3 !important;
	color: #08110b !important;
	border: 0 !important;
	font-weight: 800;
	border-radius: 999px;
	box-shadow: none;
}
body.ax-dark .ax-soldout,
body.ax-dark .outofstock .onsale { background: #1b2026 !important; color: #cdd6df !important; }

/* Shop-Ergebnis/Sortierung */
body.ax-dark .woocommerce-result-count,
body.ax-dark .woocommerce-ordering select { color: #cdd6df; }

/* Intro-USP-Boxen (Shop/Footer) */
body.ax-dark .ax-usp,
body.ax-dark .ax-feature,
body.ax-dark .ax-shop-usp {
	background: rgba(255,255,255,.03);
	border-color: rgba(255,255,255,.12);
}

/* =========================================================================
   FORMULARE / EINGABEN — nur Warenkorb, Kasse, Konto, Kontakt
   ========================================================================= */
body.ax-dark.woocommerce-cart input,
body.ax-dark.woocommerce-checkout input,
body.ax-dark.woocommerce-account input,
body.ax-dark.woocommerce-cart textarea,
body.ax-dark.woocommerce-checkout textarea,
body.ax-dark.woocommerce-account textarea,
body.ax-dark.woocommerce-cart select,
body.ax-dark.woocommerce-checkout select,
body.ax-dark.woocommerce-account select,
body.ax-dark .ax-form input,
body.ax-dark .ax-form textarea,
body.ax-dark .frm_form_field input,
body.ax-dark .frm_form_field textarea,
body.ax-dark .frm_form_field select {
	background: rgba(255,255,255,.04) !important;
	border: 1px solid rgba(255,255,255,.16) !important;
	color: #eef3f9 !important;
	border-radius: 10px !important;
}
body.ax-dark .select2-container--default .select2-selection--single,
body.ax-dark .select2-dropdown {
	background: #14191e !important;
	border-color: rgba(255,255,255,.16) !important;
	color: #eef3f9 !important;
}
body.ax-dark .select2-container--default .select2-selection--single .select2-selection__rendered { color: #eef3f9 !important; }
body.ax-dark label { color: #cdd6df; }

/* =========================================================================
   TABELLEN — Warenkorb & Kasse
   ========================================================================= */
body.ax-dark .woocommerce table.shop_table,
body.ax-dark .woocommerce-cart-form table,
body.ax-dark .woocommerce-checkout-review-order-table {
	background: rgba(255,255,255,.03) !important;
	border: 1px solid rgba(255,255,255,.10) !important;
	border-radius: 14px;
	color: #dfe6ee;
	overflow: hidden;
}
body.ax-dark .woocommerce table.shop_table th,
body.ax-dark .woocommerce table.shop_table td,
body.ax-dark .woocommerce table.shop_table tfoot td {
	border-color: rgba(255,255,255,.08) !important;
	color: #dfe6ee;
}
body.ax-dark .woocommerce table.shop_table thead th { color: #f3f6fa; }
body.ax-dark .cart_totals h2,
body.ax-dark .woocommerce-checkout #order_review_heading { color: #f3f6fa; }

/* Panels (Billing / Payment) */
body.ax-dark .woocommerce-billing-fields,
body.ax-dark .woocommerce-additional-fields,
body.ax-dark .woocommerce-checkout #payment,
body.ax-dark .woocommerce .cart-collaterals .cart_totals {
	background: rgba(255,255,255,.02);
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 16px;
	padding: 18px;
}
body.ax-dark .woocommerce-checkout #payment { background: rgba(255,255,255,.03); }
body.ax-dark #payment .payment_box {
	background: rgba(255,255,255,.05) !important;
	color: #cdd6df !important;
	border-radius: 10px;
}
body.ax-dark #payment ul.payment_methods { border-color: rgba(255,255,255,.10); }

/* Hinweise / Meldungen */
body.ax-dark .woocommerce-info,
body.ax-dark .woocommerce-message,
body.ax-dark .woocommerce-noreviews,
body.ax-dark .cart-empty {
	background: rgba(123,224,163,.08) !important;
	border-top: 3px solid #7be0a3 !important;
	color: #cfe9d8 !important;
}
body.ax-dark .woocommerce-error {
	background: rgba(224,123,123,.10) !important;
	border-top: 3px solid #e07b7b !important;
	color: #f0d3d3 !important;
}

/* Konto-Navigation */
body.ax-dark .woocommerce-MyAccount-navigation ul li {
	background: rgba(255,255,255,.03);
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 10px;
	margin-bottom: 6px;
}
body.ax-dark .woocommerce-MyAccount-navigation ul li.is-active { border-color: var(--ax-gold, #C9A46E); }
body.ax-dark .woocommerce-MyAccount-navigation ul li a { color: #dfe6ee; }

/* Coupon / Mengenfelder im Warenkorb */
body.ax-dark .woocommerce .quantity .qty {
	background: rgba(255,255,255,.04) !important;
	border: 1px solid rgba(255,255,255,.16) !important;
	color: #eef3f9 !important;
	border-radius: 8px;
}

/* =========================================================================
   STARTSEITE DARK (Phase C) — front-page.php Sektionen
   ========================================================================= */
body.ax-dark.home{ background:#0f1316 !important; }
body.ax-dark.home .ax-section{ background:#0f1316 !important; }
body.ax-dark.home .ax-quickcats, body.ax-dark.home .ax-bestseller, body.ax-dark.home .ax-tools-teaser, body.ax-dark.home .ax-lab{ background:#0f1316 !important; }
body.ax-dark.home .ax-trustbar{ background:#0f1316 !important; }
body.ax-dark.home .ax-hero{ background:radial-gradient(1100px 480px at 72% -12%, rgba(78,197,224,.10), transparent 60%), #0f1316; }
body.ax-dark.home .ax-hero__badge{ background:rgba(201,164,110,.12); color:#C9A46E; border:1px solid rgba(201,164,110,.35); }
body.ax-dark.home .ax-hero__title{ color:#f3f6fa; }
body.ax-dark.home .ax-hero__sub{ color:#aeb6bf; }
body.ax-dark.home .ax-hero__usps li{ color:#cdd6df; }
body.ax-dark.home .ax-hero__usps li svg{ color:#7be0a3; }
body.ax-dark.home .ax-hero__card{ background:#14191e; border:1px solid rgba(255,255,255,.10); box-shadow:0 20px 60px rgba(0,0,0,.45); }
body.ax-dark.home .ax-hero__card-flag{ background:rgba(201,164,110,.14); color:#C9A46E; border:1px solid rgba(201,164,110,.4); }
body.ax-dark.home .ax-hero__card-title{ color:#f3f6fa; }
body.ax-dark.home .ax-hero__card-price{ color:#aeb6bf; }
body.ax-dark.home .ax-hero__card-price strong{ color:#C9A46E; }
body.ax-dark.home .ax-hero__card-rating span{ color:#aeb6bf; }
body.ax-dark.home .ax-hero__card-secure{ color:#8a93a0; }
body.ax-dark.home .ax-stars svg{ color:#C9A46E; fill:#C9A46E; }
body.ax-dark.home .ax-section__head h2{ color:#f3f6fa; }
body.ax-dark.home .ax-section__head p{ color:#8a93a0; }
body.ax-dark.home .ax-quickcat{ background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.10); color:#eef3f9; }
body.ax-dark.home .ax-quickcat:hover{ border-color:rgba(201,164,110,.5); }
body.ax-dark.home .ax-quickcat__label{ color:#eef3f9; }
body.ax-dark.home .ax-quickcat__icon{ color:#C9A46E; }
body.ax-dark.home .ax-quickcat__arrow{ color:#8a93a0; }
body.ax-dark.home .ax-trust{ background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.10); border-radius:14px; }
body.ax-dark.home .ax-trust strong{ color:#eef3f9; }
body.ax-dark.home .ax-trust span{ color:#8a93a0; }
body.ax-dark.home .ax-trust svg{ color:#C9A46E; }
body.ax-dark.home .ax-pcard{ background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.10); }
body.ax-dark.home .ax-pcard:hover{ border-color:rgba(201,164,110,.5); }
body.ax-dark.home .ax-pcard__name a{ color:#eef3f9; }
body.ax-dark.home .ax-pcard__purity{ color:#7be0a3; }
body.ax-dark.home .ax-pcard__price, body.ax-dark.home .ax-pcard__price *{ color:#C9A46E !important; }
body.ax-dark.home .ax-toolcard{ background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.10); }
body.ax-dark.home .ax-toolcard h3{ color:#eef3f9; }
body.ax-dark.home .ax-toolcard p{ color:#8a93a0; }
body.ax-dark.home .ax-toolcard__icon{ color:#C9A46E; }
body.ax-dark.home .ax-toolcard--feature{ border-color:rgba(201,164,110,.45); background:rgba(201,164,110,.06); }
body.ax-dark.home .ax-lab__inner{ background:linear-gradient(135deg,#14191e,#0f1316); border:1px solid rgba(255,255,255,.10); }
body.ax-dark.home .ax-lab__badge{ background:rgba(201,164,110,.14); color:#C9A46E; }
body.ax-dark.home .ax-lab h2{ color:#f3f6fa; }
body.ax-dark.home .ax-lab__tags{ color:#8a93a0; }
body.ax-dark.home .ax-lab__usps span{ color:#cdd6df; }
body.ax-dark.home .ax-lab__usps svg{ color:#7be0a3; }
body.ax-dark.home .ax-finalcta{ background:linear-gradient(135deg,rgba(78,197,224,.08),rgba(24,95,165,.08)) !important; }
body.ax-dark.home .ax-finalcta h2{ color:#f3f6fa; }
body.ax-dark.home .ax-finalcta p{ color:#aeb6bf; }
body.ax-dark.home .ax-btn--outline{ color:#eef3f9; border-color:rgba(255,255,255,.25); background:transparent; }
body.ax-dark.home .ax-btn--outline:hover{ border-color:#C9A46E; color:#C9A46E; }

/* =========================================================================
   PEPTID-RECHNER DARK/GOLD (Tool-Seiten)  —  scope body.ax-tool-page
   ========================================================================= */
body.ax-tool-page .ax-field label{ color:#aeb6bf !important; font-size:.82rem !important; font-weight:500 !important; letter-spacing:.01em; }
body.ax-tool-page .ax-input, body.ax-tool-page .ax-select{ background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.16) !important; color:#f3f6fa !important; font-weight:500 !important; border-radius:12px !important; }
body.ax-tool-page .ax-input:focus, body.ax-tool-page .ax-select:focus{ border-color:#4EC5E0 !important; outline:none !important; box-shadow:0 0 0 3px rgba(78,197,224,.15) !important; }
body.ax-tool-page .ax-input::placeholder{ color:#6b7480 !important; }
body.ax-tool-page .ax-select{ -webkit-appearance:none; appearance:none; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23C9A46E' stroke-width='2.4'><polyline points='6 9 12 15 18 9'/></svg>") !important; background-repeat:no-repeat !important; background-position:right 14px center !important; padding-right:38px !important; }
body.ax-tool-page .ax-select option{ background:#14191e !important; color:#eef3f9 !important; }
body.ax-tool-page .ax-seg{ background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.10) !important; border-radius:12px !important; padding:4px !important; gap:4px !important; }
body.ax-tool-page .ax-seg button{ background:transparent !important; color:#aeb6bf !important; border:0 !important; border-radius:9px !important; font-weight:600 !important; transition:all .12s ease; }
body.ax-tool-page .ax-seg button:hover{ color:#eef3f9 !important; }
body.ax-tool-page .ax-seg button.is-active{ background:linear-gradient(135deg, rgba(78,197,224,.22), rgba(24,95,165,.22)) !important; color:#dff4fb !important; box-shadow:inset 0 0 0 1px rgba(78,197,224,.55) !important; }
body.ax-tool-page .ax-disc{ color:#6b7480 !important; }

/* Vial-Legende */
body.ax-tool-page .ax-rech__legend{ display:flex; gap:18px; justify-content:center; flex-wrap:wrap; margin-top:10px; }
body.ax-tool-page .ax-rech__lg{ display:flex; align-items:center; gap:8px; font-size:.82rem; color:#aeb6bf; }
body.ax-tool-page .ax-rech__dot{ width:11px; height:11px; border-radius:50%; flex:0 0 auto; }
body.ax-tool-page .ax-rech__lg b{ color:#eef3f9; font-weight:600; }

/* Spritzen-Hilfetext */
body.ax-tool-page .ax-syrhelp{ margin-top:6px; font-size:.8rem; color:#8a93a0; text-align:center; }
body.ax-tool-page .ax-syrhelp b{ color:#4EC5E0; }

/* CTA / Sales auf Tool-Seiten */
body.ax-tool-page .ax-rcta{ margin:26px auto 0; max-width:1180px; background:linear-gradient(135deg, rgba(78,197,224,.06), rgba(24,95,165,.06)); border:1px solid rgba(255,255,255,.10); border-radius:20px; padding:26px 26px 30px; }
body.ax-tool-page .ax-rcta__head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:4px; }
body.ax-tool-page .ax-rcta__head h3{ color:#f3f6fa !important; font-size:1.25rem; margin:0; }
body.ax-tool-page .ax-rcta__head span{ color:#8a93a0; font-size:.9rem; }
body.ax-tool-page .ax-rcta__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:18px; }
body.ax-tool-page .ax-rprod{ background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.10); border-radius:14px; padding:16px; display:flex; flex-direction:column; gap:4px; transition:border-color .15s, transform .15s; text-decoration:none; }
body.ax-tool-page .ax-rprod:hover{ border-color:rgba(201,164,110,.55); transform:translateY(-2px); }
body.ax-tool-page .ax-rprod__tag{ font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; color:#C9A46E; font-weight:700; }
body.ax-tool-page .ax-rprod__name{ color:#eef3f9; font-weight:700; font-size:1.02rem; }
body.ax-tool-page .ax-rprod__sub{ color:#8a93a0; font-size:.82rem; }
body.ax-tool-page .ax-rprod__foot{ margin-top:10px; display:flex; align-items:center; justify-content:space-between; }
body.ax-tool-page .ax-rprod__price{ color:#C9A46E; font-weight:700; }
body.ax-tool-page .ax-rprod__go{ color:#4EC5E0; font-size:.85rem; font-weight:600; }
body.ax-tool-page .ax-rcta__btnrow{ margin-top:20px; text-align:center; }
body.ax-tool-page .ax-rcta__btn{ display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,#4EC5E0,#185FA5); color:#fff; font-weight:700; padding:13px 26px; border-radius:12px; text-decoration:none; }
body.ax-tool-page .ax-rcta__btn:hover{ filter:brightness(1.06); }
@media(max-width:760px){ body.ax-tool-page .ax-rcta__grid{ grid-template-columns:1fr; } }

/* =========================================================================
   TOOL-SEITEN DARK/GOLD — Stack-Builder, Peptid-Finder, Peptid-Lexikon
   scope body.ax-tool-page
   ========================================================================= */
body.ax-tool-page .ax-tool{ background:transparent !important; box-shadow:none !important; border:0 !important; color:#dfe6ee; }
body.ax-tool-page .ax-tool h1, body.ax-tool-page .ax-tool h2, body.ax-tool-page .ax-tool h3{ color:#f3f6fa !important; }
body.ax-tool-page .ax-hint{ color:#8a93a0 !important; }

/* --- Stack-Builder --- */
body.ax-tool-page .ax-stackbanner{ background:linear-gradient(135deg,rgba(78,197,224,.08),rgba(24,95,165,.08)) !important; border:1px solid rgba(255,255,255,.12) !important; color:#cdd6df !important; }
body.ax-tool-page .ax-stackbanner b, body.ax-tool-page .ax-stackbanner strong{ color:#C9A46E !important; }
body.ax-tool-page .ax-stackh{ color:#f3f6fa !important; }
body.ax-tool-page .ax-suggcard{ background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,255,255,.10) !important; }
body.ax-tool-page .ax-suggcard:hover{ border-color:rgba(201,164,110,.5) !important; }
body.ax-tool-page .ax-suggcard b, body.ax-tool-page .ax-suggcard strong{ color:#eef3f9 !important; }
body.ax-tool-page .ax-suggcard__cat, body.ax-tool-page .ax-suggcard small{ color:#8a93a0 !important; }
body.ax-tool-page .ax-suggcard a{ color:#4EC5E0 !important; }
body.ax-tool-page .ax-stackrow, body.ax-tool-page .ax-stackrow2{ border-color:rgba(255,255,255,.10) !important; color:#eef3f9 !important; }
body.ax-tool-page .ax-stackrow__name{ color:#eef3f9 !important; font-weight:600; }
body.ax-tool-page .ax-stackrow__cat{ background:rgba(255,255,255,.06) !important; color:#9aa3ae !important; }
body.ax-tool-page .ax-stacksticky{ background:#14191e !important; border:1px solid rgba(255,255,255,.10) !important; }
body.ax-tool-page .ax-stacktotal{ color:#C9A46E !important; }
body.ax-tool-page .ax-stacktier{ color:#7be0a3 !important; }
body.ax-tool-page .ax-tool input[type=checkbox]{ accent-color:#4EC5E0; }

/* --- Peptid-Finder --- */
body.ax-tool-page .ax-pf-goal{ background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.16) !important; color:#cdd6df !important; }
body.ax-tool-page .ax-pf-goal:hover{ border-color:rgba(201,164,110,.5) !important; color:#eef3f9 !important; }
body.ax-tool-page .ax-pf-goal.is-active{ background:linear-gradient(135deg,#4EC5E0,#185FA5) !important; border-color:transparent !important; color:#fff !important; }
body.ax-tool-page .ax-pf-card{ background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,255,255,.10) !important; }
body.ax-tool-page .ax-pf-card:hover{ border-color:rgba(201,164,110,.5) !important; }
body.ax-tool-page .ax-pf-img{ background:#0c0f12 !important; }
body.ax-tool-page .ax-pf-badge{ background:rgba(123,224,163,.14) !important; color:#7be0a3 !important; border:1px solid rgba(123,224,163,.3) !important; }
body.ax-tool-page .ax-pf-name{ color:#eef3f9 !important; }
body.ax-tool-page .ax-pf-price{ color:#C9A46E !important; }
body.ax-tool-page .ax-pf-var{ background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.16) !important; color:#eef3f9 !important; }

/* --- Peptid-Lexikon --- */
body.ax-tool-page .ax-search{ background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.16) !important; color:#f3f6fa !important; }
body.ax-tool-page .ax-search input{ background:transparent !important; color:#f3f6fa !important; }
body.ax-tool-page .ax-search input::placeholder{ color:#6b7480 !important; }
body.ax-tool-page .ax-chip{ background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.16) !important; color:#cdd6df !important; }
body.ax-tool-page .ax-chip:hover{ border-color:rgba(201,164,110,.5) !important; color:#eef3f9 !important; }
body.ax-tool-page .ax-chip.is-active{ background:linear-gradient(135deg,#4EC5E0,#185FA5) !important; border-color:transparent !important; color:#fff !important; }
body.ax-tool-page .ax-lexstats{ color:#8a93a0 !important; }
body.ax-tool-page .ax-lexstats strong, body.ax-tool-page .ax-lexstats b{ color:#C9A46E !important; }
body.ax-tool-page .ax-az a, body.ax-tool-page .ax-az button, body.ax-tool-page .ax-az span{ color:#8a93a0 !important; }
body.ax-tool-page .ax-az .is-active{ color:#fff !important; background:linear-gradient(135deg,#4EC5E0,#185FA5) !important; }
body.ax-tool-page .ax-lextile{ background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,255,255,.10) !important; }
body.ax-tool-page .ax-lextile:hover{ border-color:rgba(201,164,110,.5) !important; }
body.ax-tool-page .ax-lextile__sum, body.ax-tool-page .ax-lextile__alias{ color:#8a93a0 !important; }
body.ax-tool-page .ax-lextile__body{ color:#cdd6df !important; }
body.ax-tool-page .ax-lextile__more{ color:#4EC5E0 !important; }
body.ax-tool-page .ax-lextile h3, body.ax-tool-page .ax-lextile strong{ color:#eef3f9 !important; }
body.ax-tool-page .ax-pcard2__cat{ background:rgba(255,255,255,.06) !important; color:#9aa3ae !important; }

/* =========================================================================
   GLOBAL DARK SKIN — Header, Mega-Menu, Logo & Hintergrund-Gradient
   site-weit auf body.ax-dark, gespiegelt von der Produktseite (.ax-pdp)
   ========================================================================= */
body.ax-dark{
  background-color:#080b12 !important;
  background-image:
    radial-gradient(900px 500px at 12% -5%, rgba(47,127,196,.20), rgba(0,0,0,0) 60%),
    radial-gradient(700px 480px at 95% 6%, rgba(78,197,224,.08), rgba(0,0,0,0) 55%),
    linear-gradient(#080b12,#0a0e16 40%,#080b12) !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
body.ax-dark .ax-header{ background:rgba(8,11,18,.94) !important; border-bottom:1px solid rgba(255,255,255,.09) !important; position:relative; }
body.ax-dark .ax-header::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:linear-gradient(90deg,#d9b56b,rgba(0,0,0,0) 55%); pointer-events:none; }
body.ax-dark .ax-header img{ filter:brightness(0) invert(1) !important; }
body.ax-dark .ax-mega{ background:#0e1420 !important; border:1px solid rgba(255,255,255,.09) !important; border-radius:18px !important; box-shadow:0 24px 60px rgba(0,0,0,.5) !important; }

/* =========================================================================
   STARTSEITE / GLOBAL TILE OVERRIDES — Home-Kacheln + Body-Gradient
   (html body.ax-dark = höhere Spezifität gegen Inline body{background:#fbfcfd})
   ========================================================================= */
html body.ax-dark.ax-dark{
  background-color:#080b12 !important;
  background-image:
    radial-gradient(900px 500px at 12% -5%, rgba(47,127,196,.20), rgba(0,0,0,0) 60%),
    radial-gradient(700px 480px at 95% 6%, rgba(78,197,224,.08), rgba(0,0,0,0) 55%),
    linear-gradient(#080b12,#0a0e16 40%,#080b12) !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
html body.ax-dark .ax-hero__card{ background:#0e1420 !important; border:1px solid rgba(255,255,255,.10) !important; box-shadow:0 24px 60px rgba(0,0,0,.45) !important; }
html body.ax-dark .ax-hero__card-title{ color:#f3f6fa !important; }
html body.ax-dark .ax-hero__card-rating{ color:#aeb6bf !important; }
html body.ax-dark .ax-hero__card-rating strong{ color:#eef3f9 !important; }
html body.ax-dark .ax-stars{ color:#C9A46E !important; }
html body.ax-dark .ax-hero__card-price{ color:#8a93a0 !important; }
html body.ax-dark .ax-hero__card-price strong{ color:#C9A46E !important; }
html body.ax-dark .ax-hero__card-secure{ color:#aeb6bf !important; }
html body.ax-dark .ax-hero__card-flag{ background:rgba(201,164,110,.12) !important; color:#d9b56b !important; border:1px solid rgba(201,164,110,.35) !important; }
html body.ax-dark .ax-rev{ background:transparent !important; }
html body.ax-dark .ax-pcard__img{ background:#0e1420 !important; }

/* =========================================================================
   FAQ-AKKORDEON (Seite /faqs/, page-id-4057) - Dark/Gold, konversionsfreundlich
   ========================================================================= */
body.page-id-4057 .entry-content h2{color:#f3f6fa;font-family:'Space Grotesk',sans-serif;margin:2.4rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(201,164,110,.25)}
body.page-id-4057 .entry-content details{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.10);border-radius:14px;margin:.7rem 0;overflow:hidden;transition:border-color .2s,background .2s}
body.page-id-4057 .entry-content details:hover{border-color:rgba(201,164,110,.35)}
body.page-id-4057 .entry-content details[open]{border-color:rgba(78,197,224,.45);background:rgba(78,197,224,.05)}
body.page-id-4057 .entry-content summary{list-style:none;cursor:pointer;padding:1.1rem 3.4rem 1.1rem 1.3rem;position:relative;color:#eef3f9;font-weight:600;font-size:1.02rem;font-family:'Space Grotesk',sans-serif}
body.page-id-4057 .entry-content summary::-webkit-details-marker{display:none}
body.page-id-4057 .entry-content summary::after{content:'+';position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);width:28px;height:28px;line-height:26px;text-align:center;border:1px solid rgba(201,164,110,.5);border-radius:50%;color:#C9A46E;font-size:1.25rem;transition:background .2s,color .2s}
body.page-id-4057 .entry-content details[open] summary::after{content:'−';background:rgba(78,197,224,.15);border-color:#4EC5E0;color:#4EC5E0}
body.page-id-4057 .entry-content summary:hover{color:#fff}
body.page-id-4057 .entry-content details p{padding:0 1.3rem 1.2rem;margin:0;color:#c4cedb;line-height:1.65}

/* =========================================================================
   STACK-BUILDER GRID + SHIPBAR - Produktkarten-Grid + Gratisversand-Fortschritt
   ========================================================================= */
.ax-stackgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem;margin:.6rem 0 1.8rem}
.ax-rech .ax-stackrow{display:flex;flex-direction:column;gap:.45rem;background:#0e1420;border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:1rem;margin:0;cursor:pointer;position:relative;transition:border-color .15s,background .15s;min-height:84px}
.ax-rech .ax-stackrow:hover{border-color:rgba(201,164,110,.45)}
.ax-rech .ax-stackrow:has(input:checked){border-color:#4EC5E0;background:rgba(78,197,224,.06)}
.ax-rech .ax-stackrow input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}
.ax-rech .ax-stackrow::after{content:'';position:absolute;top:.85rem;right:.85rem;width:20px;height:20px;border:1px solid rgba(255,255,255,.28);border-radius:6px;box-sizing:border-box}
.ax-rech .ax-stackrow:has(input:checked)::after{content:'✓';background:#4EC5E0;border-color:#4EC5E0;color:#06222c;font-weight:800;font-size:14px;line-height:20px;text-align:center}
.ax-rech .ax-stackrow__name{color:#eef3f9;font-weight:600;font-family:'Space Grotesk',sans-serif;font-size:.98rem;padding-right:1.8rem;line-height:1.3}
.ax-rech .ax-stackrow__cat{color:#C9A46E;font-weight:700;font-size:.95rem;margin-top:auto}
.ax-shipbar{margin:.9rem 0}
.ax-shipbar__t{font-size:.82rem;color:#aeb6bf;margin-bottom:.45rem;display:block}
.ax-shipbar__t b{color:#4EC5E0}
.ax-shipbar__track{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.ax-shipbar__fill{height:100%;width:0;background:linear-gradient(90deg,#4EC5E0,#185FA5);border-radius:99px;transition:width .3s}
.ax-shipbar.is-done .ax-shipbar__t{color:#7be0a3}

/* REZENSIONS-NAMEN lesbar (waren dunkel auf dunkel) */
body.ax-dark .ax-rev__name{color:#f3f6fa !important}

/* =========================================================================
   TOOLS-DROPDOWN KACHELN - Tools-Mega als Kachel-Grid mit farbigen Icon-Badges
   ========================================================================= */
.ax-mega--tools{min-width:520px}
.ax-mega--tools .ax-mega__links{display:grid !important;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:0;padding:0;list-style:none}
.ax-mega--tools .ax-mega__links li{list-style:none;margin:0}
.ax-mega--tools .ax-mega__links a{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;padding:.85rem;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.03);color:#eef3f9 !important;font-weight:600;font-family:'Space Grotesk',sans-serif;transition:border-color .15s,background .15s;height:100%;box-sizing:border-box}
.ax-mega--tools .ax-mega__links a:hover{border-color:rgba(201,164,110,.5);background:rgba(255,255,255,.06)}
.ax-mega--tools .ax-mega__links a svg{width:20px !important;height:20px !important;padding:9px;box-sizing:content-box;border-radius:10px;background:rgba(78,197,224,.12);color:#4EC5E0;flex:none}
.ax-mega--tools .ax-mega__links li:nth-child(2) a svg{background:rgba(201,164,110,.14);color:#C9A46E}
.ax-mega--tools .ax-mega__links li:nth-child(3) a svg{background:rgba(123,224,163,.12);color:#7be0a3}
.ax-mega--tools .ax-mega__links li:nth-child(4) a svg{background:rgba(109,179,232,.16);color:#6db3e8}
.ax-mega--tools .ax-mega__links li:nth-child(5) a svg{background:rgba(180,140,230,.16);color:#b48ce6}
.ax-mega--tools .ax-mega__links li:nth-child(6) a svg{background:rgba(232,160,90,.14);color:#e8a05a}

/* =========================================================================
   MEGA-SPALTEN FARBAKZENTE - Produkte/Kategorien-Dropdowns je Spalte eine Farbe
   ========================================================================= */
.ax-mega__col-title{font-weight:700 !important;position:relative;padding-left:15px !important}
.ax-mega__col-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:currentColor}
.ax-mega__col a{transition:color .15s}
.ax-mega__col:nth-child(6n+1) .ax-mega__col-title{color:#4EC5E0 !important}
.ax-mega__col:nth-child(6n+1) a:hover{color:#4EC5E0 !important}
.ax-mega__col:nth-child(6n+2) .ax-mega__col-title{color:#C9A46E !important}
.ax-mega__col:nth-child(6n+2) a:hover{color:#C9A46E !important}
.ax-mega__col:nth-child(6n+3) .ax-mega__col-title{color:#7be0a3 !important}
.ax-mega__col:nth-child(6n+3) a:hover{color:#7be0a3 !important}
.ax-mega__col:nth-child(6n+4) .ax-mega__col-title{color:#6db3e8 !important}
.ax-mega__col:nth-child(6n+4) a:hover{color:#6db3e8 !important}
.ax-mega__col:nth-child(6n+5) .ax-mega__col-title{color:#b48ce6 !important}
.ax-mega__col:nth-child(6n+5) a:hover{color:#b48ce6 !important}
.ax-mega__col:nth-child(6n+6) .ax-mega__col-title{color:#e8a05a !important}
.ax-mega__col:nth-child(6n+6) a:hover{color:#e8a05a !important}


/* AESTX Fix: Footer-Logo nicht verzerren (Seitenverhältnis beibehalten) */
.ax-footer__brand img{width:auto !important;max-width:220px !important;height:38px !important;object-fit:contain !important;}


/* ===== AESTX Kategorie-Akzentfarben (lebendiges Kacheldesign) ===== */
/* Zentrale Farbvariablen pro Themenbereich */
:root{
  --axc-heilung: 29,158,117;     /* Grün/Teal */
  --axc-aesthetik: 212,83,126;   /* Rosé/Pink */
  --axc-energie: 239,159,39;     /* Bernstein/Gold */
  --axc-fokus: 127,119,221;      /* Violett */
  --axc-wachstum: 55,138,221;    /* Blau */
  --axc-gewicht: 216,90,48;      /* Koralle */
}
/* Generische Kachel-Färbung: getönter Hintergrund + farbiger Rand + Hover-Lift */
body .ax-lextile.ax-cat, body .ax-pcard2.ax-cat, body .ax-cat{
  background: rgba(var(--axc-accent,255,255,255), .07) !important;
  border-left: 3px solid rgb(var(--axc-accent,255,255,255)) !important;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
body .ax-lextile.ax-cat:hover, body .ax-pcard2.ax-cat:hover, body .ax-cat:hover{
  background: rgba(var(--axc-accent,255,255,255), .13) !important;
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(var(--axc-accent,255,255,255), .18);
}
/* Kategorie-Label in Akzentfarbe */
.ax-cat .ax-pcard2__cat,
.ax-cat .ax-lextile__cat,
.ax-cat .ax-cat__label{
  color: rgb(var(--axc-accent,255,255,255)) !important;
  font-weight: 600;
}
/* Die 6 Kategorie-Modifier setzen nur die Akzent-Variable */
.ax-cat--heilung{ --axc-accent: var(--axc-heilung); }
.ax-cat--aesthetik{ --axc-accent: var(--axc-aesthetik); }
.ax-cat--energie{ --axc-accent: var(--axc-energie); }
.ax-cat--fokus{ --axc-accent: var(--axc-fokus); }
.ax-cat--wachstum{ --axc-accent: var(--axc-wachstum); }
.ax-cat--gewicht{ --axc-accent: var(--axc-gewicht); }
/* ===== Ende Kategorie-Akzentfarben ===== */


/* ===== AESTX: Kompakter Kategorie-Header + dunkle Trust-Kacheln ===== */
/* 1) Riesigen leeren Header-Space auf Archiv-Seiten reduzieren */
body.archive .entry-header,body.tax-product_cat .entry-header{min-height:0 !important;padding:26px 0 14px !important;}
body.archive .entry-header .page-title,body.tax-product_cat .entry-header .page-title{margin-bottom:6px !important;}
/* 2) Weisse Trust-Kacheln ins Dark-Design holen */
body .ax-shop-trust__card{background:#11161f !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:14px !important;color:#dfe6ee !important;transition:transform .18s ease,background .18s ease;}
body .ax-shop-trust__card:hover{background:#161d28 !important;transform:translateY(-2px);}
body .ax-shop-trust__card *{color:inherit !important;}
body .ax-shop-trust__card strong,body .ax-shop-trust__card b,body .ax-shop-trust__card .ax-shop-trust__title{color:#fff !important;}
body .ax-shop-trust__card small,body .ax-shop-trust__card span{color:rgba(255,255,255,.55) !important;}
body.archive .ct-container,body.tax-product_cat .ct-container{padding-top:18px !important;}
/* ===== Ende ===== */


/* ===== AESTX Mobile-Fixes (Hero-Vial, DHL-Icon, Burger, Mobile-Menü) ===== */
@media(max-width:1024px){
  .ax-hero .ax-hero__card .ax-hero__card-bg{right:-6% !important;top:auto !important;bottom:-8% !important;transform:none !important;width:46% !important;max-width:240px !important;opacity:.95 !important;animation:axHeroFloatM 4.5s ease-in-out infinite !important;}
}
@media(max-width:768px){
  .ax-hero .ax-hero__card .ax-hero__card-bg{right:2% !important;top:auto !important;bottom:-6% !important;transform:none !important;width:42% !important;max-width:175px !important;}
}
@keyframes axHeroFloatM{0%{transform:scale(0.97);}50%{transform:scale(1.03);}100%{transform:scale(0.97);}}
.ax-hero__card-flag,.ax-hero__card-flag *{color:#C9A46E !important;}
.ax-hero__card-flag svg{fill:#C9A46E !important;stroke:#C9A46E !important;}
.ax-burger,.ax-burger *{color:#dfe6ee !important;}
.ax-burger span,.ax-burger span::before,.ax-burger span::after{background:#dfe6ee !important;}
.ax-burger svg{fill:#dfe6ee !important;stroke:#dfe6ee !important;}
.ax-mobile-nav{background:#0b0f16 !important;color:#dfe6ee !important;border-left:1px solid rgba(255,255,255,.08) !important;}
.ax-mobile-nav a,.ax-mobile-nav .ax-macc__head,.ax-mobile-nav .ax-mnav__cat,.ax-mobile-nav span{color:#dfe6ee !important;}
.ax-mobile-nav__head{background:#0b0f16 !important;border-bottom:1px solid rgba(255,255,255,.08) !important;}
.ax-mobile-nav__body{background:#0b0f16 !important;}
.ax-mobile-nav .ax-macc__item,.ax-mobile-nav details,.ax-mobile-nav summary{border-color:rgba(255,255,255,.08) !important;}
.ax-mobile-nav__close{color:#dfe6ee !important;}
.ax-mobile-nav__close svg{fill:#dfe6ee !important;stroke:#dfe6ee !important;}
.ax-mobile-nav__head img{width:auto !important;max-width:160px !important;height:34px !important;object-fit:contain !important;}
/* ===== Ende Mobile-Fixes ===== */


/* ===== AESTX: Forschungs-Blog-Teaser (Startseite) ===== */
.ax-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;}
.ax-blog-card{display:flex;flex-direction:column;background:#11161f;border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--bc,#4EC5E0);border-radius:14px;padding:24px;text-decoration:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;}
.ax-blog-card:hover{transform:translateY(-4px);background:#161d28;box-shadow:0 14px 34px rgba(0,0,0,.32);}
.ax-blog-card__cat{display:inline-block;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bc,#4EC5E0);background:color-mix(in srgb,var(--bc,#4EC5E0) 12%,transparent);border:1px solid color-mix(in srgb,var(--bc,#4EC5E0) 30%,transparent);padding:4px 10px;border-radius:999px;margin-bottom:14px;}
.ax-blog-card h3{font-family:"Space Grotesk",system-ui,sans-serif;font-size:17px;line-height:1.3;color:#fff;margin:0 0 10px;font-weight:600;}
.ax-blog-card p{font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.56);margin:0 0 16px;flex-grow:1;}
.ax-blog-card__more{font-size:13.5px;font-weight:600;color:var(--bc,#4EC5E0);margin-top:auto;}
.ax-btn--ghost{display:inline-block;padding:12px 26px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .18s ease;}
.ax-btn--ghost:hover{background:rgba(255,255,255,.1);}
.ax-blog-teaser .ax-section__foot{text-align:center;margin-top:26px;}
@media(max-width:900px){.ax-blog-grid{grid-template-columns:1fr;}}
/* ===== Ende Blog-Teaser ===== */


/* ---- Fix: Peptid-Dropdown / Selects – Text wurde durch zu hohes vertikales Padding (12px) bei fixer 40px-Höhe abgeschnitten. Padding auf 0 + line-height normal => Text passt und zentriert wie die Zahlenfelder ---- */
body.ax-tool-page .ax-select {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: normal !important;
}


/* ===== AX NAVY-GOLD ROLLOUT — START (23.07.2026, Referenz: /verifizierte-partner/) ===== */
html body.ax-dark, html body.ax-dark.woocommerce-page{background:#091220 !important;}
html body.ax-dark.ax-dark #ax-main{position:relative;background:
  radial-gradient(1100px 520px at 78% -6%, rgba(78,197,224,.09), transparent 60%),
  radial-gradient(900px 420px at 32% 10%, rgba(201,164,110,.07), transparent 62%),
  radial-gradient(700px 400px at 8% 34%, rgba(24,95,165,.08), transparent 65%),
  linear-gradient(168deg, #091220 0%, #102138 45%, #0C1A2E 80%, #0A1628 100%) !important;background-attachment:fixed !important;}
html body.ax-dark.ax-dark #ax-main::before{content:'';position:absolute;top:90px;right:-60px;width:1300px;height:900px;max-width:100vw;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'1300'%20height%3D'900'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'b'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%237fd4ff'%20stop-opacity%3D'0'%2F%3E%3Cstop%20offset%3D'0.45'%20stop-color%3D'%23cfeeff'%20stop-opacity%3D'0.6'%2F%3E%3Cstop%20offset%3D'0.55'%20stop-color%3D'%239fdcff'%20stop-opacity%3D'0.4'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%237fd4ff'%20stop-opacity%3D'0'%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D'gd'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23C9A46E'%20stop-opacity%3D'0'%2F%3E%3Cstop%20offset%3D'0.5'%20stop-color%3D'%23E3C793'%20stop-opacity%3D'0.5'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23C9A46E'%20stop-opacity%3D'0'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D'f'%20x%3D'-20%25'%20y%3D'-300%25'%20width%3D'140%25'%20height%3D'700%25'%3E%3CfeGaussianBlur%20stdDeviation%3D'1.3'%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D'g'%20x%3D'-20%25'%20y%3D'-600%25'%20width%3D'140%25'%20height%3D'1300%25'%3E%3CfeGaussianBlur%20stdDeviation%3D'6'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D'rotate(-27%20950%20220)'%20opacity%3D'0.6'%3E%3Crect%20x%3D'520'%20y%3D'100'%20width%3D'560'%20height%3D'9'%20fill%3D'url(%23b)'%20filter%3D'url(%23g)'%20opacity%3D'0.35'%2F%3E%3Crect%20x%3D'520'%20y%3D'103'%20width%3D'560'%20height%3D'3'%20fill%3D'url(%23b)'%20filter%3D'url(%23f)'%2F%3E%3Crect%20x%3D'640'%20y%3D'150'%20width%3D'420'%20height%3D'2'%20fill%3D'url(%23gd)'%20filter%3D'url(%23f)'%20opacity%3D'0.5'%2F%3E%3Crect%20x%3D'560'%20y%3D'196'%20width%3D'540'%20height%3D'2'%20fill%3D'url(%23b)'%20filter%3D'url(%23f)'%20opacity%3D'0.6'%2F%3E%3Crect%20x%3D'480'%20y%3D'244'%20width%3D'640'%20height%3D'10'%20fill%3D'url(%23b)'%20filter%3D'url(%23g)'%20opacity%3D'0.3'%2F%3E%3Crect%20x%3D'480'%20y%3D'248'%20width%3D'640'%20height%3D'3'%20fill%3D'url(%23b)'%20filter%3D'url(%23f)'%20opacity%3D'0.85'%2F%3E%3Crect%20x%3D'700'%20y%3D'294'%20width%3D'360'%20height%3D'2'%20fill%3D'url(%23gd)'%20filter%3D'url(%23f)'%20opacity%3D'0.35'%2F%3E%3Crect%20x%3D'620'%20y%3D'342'%20width%3D'460'%20height%3D'2'%20fill%3D'url(%23b)'%20filter%3D'url(%23f)'%20opacity%3D'0.4'%2F%3E%3Crect%20x%3D'760'%20y%3D'392'%20width%3D'300'%20height%3D'2'%20fill%3D'url(%23b)'%20filter%3D'url(%23f)'%20opacity%3D'0.28'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat top right;pointer-events:none;z-index:0;}
html body.ax-dark.ax-dark #ax-main > *{position:relative;z-index:1;}
html body.ax-dark.ax-dark .ax-header{background:#091220 !important;border-bottom:none !important;position:relative;}
html body.ax-dark.ax-dark .ax-header::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg, transparent 0%, #B5872E 18%, #C9A46E 50%, #B5872E 82%, transparent 100%);z-index:5;}
html body.ax-dark.ax-dark .ax-topbar{background:#080F1A !important;border-bottom:1px solid rgba(120,160,220,.14) !important;}
html body.ax-dark.ax-dark .ax-footer{background:#080F1A !important;border-top:1px solid rgba(120,160,220,.18) !important;}

/* Sektionen transparent — der globale Navy-Verlauf + Strahlen scheinen ueberall durch */
html body.ax-dark.ax-dark .ax-hero, html body.ax-dark.ax-dark .ax-section, html body.ax-dark.ax-dark .ax-trustbar{background:transparent !important;}
/* Karten, Kacheln & Menues in der Navy-Familie */
html body.ax-dark.ax-dark .ax-hero__card, html body.ax-dark.ax-dark .ax-pcard__img{background:#10203A !important;}
html body.ax-dark.ax-dark .ax-mega{background:#0D1B30 !important;}
html body.ax-dark.ax-dark .ax-blog-card{background:#122340 !important;}
html body.ax-dark.ax-dark .ax-mobile-nav, html body.ax-dark.ax-dark .ax-mobile-nav__body, html body.ax-dark.ax-dark .ax-mobile-nav__head{background:#0A1628 !important;}
/* Tool-Seiten: Rechner-Buehne & Ergebnis-Karten */
html body.ax-dark.ax-dark .ax-rech__stage, html body.ax-dark.ax-dark .ax-resultcard{background:#122340 !important;border-color:rgba(120,160,220,.18) !important;}
html body.ax-dark.ax-dark .ax-toolhero{background:transparent !important;}

/* Einheitliche Kacheln, Karten & Rahmen (Blau-Familie statt Weiss/Grau) */
html body.ax-dark.ax-dark .ax-quickcat, html body.ax-dark.ax-dark .ax-trust, html body.ax-dark.ax-dark .ax-pcard{background:rgba(120,160,220,.05) !important;border-color:rgba(140,175,230,.14) !important;}
html body.ax-dark.ax-dark .ax-hero__card{background:#10203A !important;border-color:rgba(140,175,230,.16) !important;}
html body.ax-dark.ax-dark .ax-blog-card{border-color:rgba(140,175,230,.14) !important;}
html body.ax-dark.ax-dark .ax-hero__card-rating span, html body.ax-dark.ax-dark .ax-hero__card-price span{color:#9FB2CE !important;}

/* ---- PENS: Nav-Badge, Mega-Feature, Homepage-Sektion (23.07.2026) ---- */
.ax-nav__badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.06em;line-height:1;vertical-align:middle;padding:3px 6px;margin-left:5px;border-radius:100px;color:#0C1728;background:linear-gradient(180deg,#E3C793,#C9A46E);box-shadow:0 2px 6px rgba(201,164,110,.35);}
.ax-mega__feature{display:flex;align-items:center;gap:14px;flex-wrap:wrap;text-decoration:none;margin-bottom:18px;padding:14px 18px;border-radius:14px;background:linear-gradient(120deg, rgba(201,164,110,.10), rgba(78,197,224,.06));border:1px solid rgba(201,164,110,.28);transition:transform .15s ease,border-color .15s ease;}
.ax-mega__feature:hover{transform:translateY(-1px);border-color:rgba(201,164,110,.5);}
.ax-mega__feature-badge{font-size:10px;font-weight:800;letter-spacing:.06em;padding:4px 9px;border-radius:100px;color:#0C1728;background:linear-gradient(180deg,#E3C793,#C9A46E);}
.ax-mega__feature-main{color:#EAF1FB;font-size:14px;}
.ax-mega__feature-main strong{color:#C9A46E;}
.ax-mega__feature-chips{display:flex;gap:7px;flex-wrap:wrap;}
.ax-mega__feature-chips span{font-size:11px;color:#AFC0DA;background:rgba(120,160,220,.08);border:1px solid rgba(140,175,230,.16);padding:4px 9px;border-radius:100px;}
.ax-mega__feature-arrow{margin-left:auto;font-size:13px;font-weight:700;color:#4EC5E0;white-space:nowrap;}
.ax-pens__eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4EC5E0;margin-bottom:10px;}
.ax-pens__eyebrow svg{width:15px;height:15px;}
.ax-product-grid--5{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.ax-pens .ax-pcard__img{position:relative;}
.ax-pcard__penbadge{position:absolute;top:10px;left:10px;font-size:10px;font-weight:800;letter-spacing:.04em;padding:4px 9px;border-radius:100px;color:#0C1728;background:linear-gradient(180deg,#E3C793,#C9A46E);box-shadow:0 3px 8px rgba(0,0,0,.3);}
@media(max-width:1100px){.ax-product-grid--5{grid-template-columns:repeat(3,1fr);}}
@media(max-width:700px){.ax-product-grid--5{grid-template-columns:repeat(2,1fr);}}
/* ===== AX NAVY-GOLD ROLLOUT — ENDE ===== */