/**
 * ==============================================================================
 * NOBLECLEAN DIE GEBÄUDEREINIGER MEISTERBETRIEB WIEN (2026)
 * MASTER RATGEBER & EDITORIAL DESIGN SYSTEM STYLESHEET
 * ==============================================================================
 * File:          nc-ratgeber-unified-2026.css
 * Architecture:  Unified B2B Editorial, E-E-A-T Verification & Conversion Engine
 * Standard:      ÖNORM D 2050 · WCAG 2.2 Level AAA (Contrast > 10:1) · AEO/GEO Ready
 * Scope:         Single Posts, Ratgeber Articles, District Guides, Editorial Hubs
 *
 * TABLE OF CONTENTS:
 * ------------------------------------------------------------------------------
 *  0. CSS CUSTOM PROPERTIES & DESIGN TOKENS
 *  1. SPECIFICITY SHIELD & GLOBAL EDITORIAL RESET
 *  2. HERO & EDITORIAL META SYSTEM
 *     2.1 Eyebrow Category Badges ('RATGEBER · [KATEGORIE]')
 *     2.2 H1 Title Typography (Space Grotesk / Fluid Clamping)
 *     2.3 Editorial Meta Bar (Avatars MD/DS, 2026 Update, ÖNORM D 2050 Badge)
 *     2.4 Featured Hero Media Wrapper
 *  3. AEO / GEO "WICHTIGSTE IN KÜRZE" (KEY TAKEAWAYS BOX)
 *     3.1 Light Mint Soft Container & Border System
 *     3.2 Dark Executive Truth Box Variant
 *     3.3 Custom Vector SVG Checkmarks & Typography
 *  4. INHALTSVERZEICHNIS (TOC NAVIGATION SUITE)
 *     4.1 Executive Card Layout & Anchor Flow
 *     4.2 Numerical Indicators & Hover Transitions
 *     4.3 Scroll-Margin Anchor Anchor-Offset Protection
 *  5. TYPOGRAFIE & INHALTS-ELEMENTE
 *     5.1 Body Measure, Leading & Color Balance
 *     5.2 H2 & H3 Hierarchy with Decorative Accents
 *     5.3 Bespoke Vector Bullet- & Checklists
 *     5.4 Tabellen im ÖNORM D 2050 Look & Responsive Wrapper
 *     5.5 Callout-Boxen: Pro-Tipp (Emerald) & Achtung/Warnung (Amber)
 *  6. NOBLECLEAN MASTER B2B CTA BOX
 *     6.1 Veredelter Dark Navy Block (#081422 & Subtle Glow)
 *     6.2 4-Pillar Trust-Garantien (100% Festpersonal, ÖNORM D 2050, 5 Mio. €)
 *     6.3 Primary Signal Gold Button (#F5B301 / #1A1300 – WCAG AAA 10.9:1)
 *     6.4 Secondary Phone Pill (#0F2238 & Direct Meister Contact)
 *  7. E-E-A-T MEISTER- & AUTOREN-BOX
 *     7.1 Daniel Serafinović & Maja Dimitrijević Profile Card
 *     7.2 Meisterbrief & WKO Zertifizierungs-Badges
 *     7.3 Verified Trust Seals & Direct Contact Triggers
 *  8. DUPLIKAT-BILD-FILTER (INTELLIGENT IMAGE DEDUPLICATION)
 *  9. RESPONSIVE BREAKPOINTS (MOBILE / TABLET OPTIMIZATIONS)
 * 10. PRINT MEDIA STYLESHEET (A4 CLEAN PRINT ENGINE)
 * ==============================================================================
 */

/* ==============================================================================
   0. CSS CUSTOM PROPERTIES & DESIGN TOKENS
   ============================================================================== */
:root {
  /* Brand Navy Spectrum */
  --nc-rg-navy-deep:     #081422; /* Primary Dark Background for Master CTAs */
  --nc-rg-navy-card:     #0B192C; /* Elevated Dark Surface */
  --nc-rg-navy-surface:  #0E1D33; /* Dark Card Borders & Soft Navy Accents */
  --nc-rg-navy-text:     #071320; /* Deep Obsidian for Light Background Text */
  
  /* Signal Gold System (WCAG AAA Contrast > 10:1 against Dark / Pure Black) */
  --nc-rg-gold:          #F5B301; /* Official Master Brand Gold */
  --nc-rg-gold-hover:    #FFBE1A; /* Hover State */
  --nc-rg-gold-active:   #E5A600; /* Active Tactile State */
  --nc-rg-gold-text:     #1A1300; /* Ultra-Dark Text for Gold: 10.92:1 AAA */
  --nc-rg-gold-glow:     rgba(245, 179, 1, 0.38);
  
  /* Phone Pill & Secondary Action Navy */
  --nc-rg-phone-pill:    #0F2238; /* Distinct Dark Blue Pill */
  --nc-rg-phone-border:  rgba(255, 255, 255, 0.18);
  --nc-rg-phone-hover:   #162E4C;
  
  /* Mint & Emerald Conversion Spectrum */
  --nc-rg-mint:          #00D285; /* Signal Conversion Mint */
  --nc-rg-mint-soft:     #ECFDF5; /* Soft Takeaway Background */
  --nc-rg-mint-light:    #F0FDF4; /* Ultra-Light Tint */
  --nc-rg-mint-border:   #A7F3D0; /* Crisp Mint Border */
  --nc-rg-mint-dark:     #065F46; /* High-contrast Forest Emerald Text */
  --nc-rg-teal-accent:   #0EA99B; /* Secondary Teal Brand Accent */
  
  /* Callout & Alert Spectrum */
  --nc-rg-amber:         #D97706; /* Warning Amber */
  --nc-rg-amber-soft:    #FFFBEB; /* Amber Background */
  --nc-rg-amber-border:  #FDE68A; /* Amber Border */
  --nc-rg-amber-text:    #92400E; /* Amber Deep Text */
  --nc-rg-red-alert:     #DC2626; /* Warning Red */
  
  /* Neutral Typography & Light Surfaces */
  --nc-rg-bg-soft:       #F8FAFC; /* Slate-50 Background */
  --nc-rg-bg-alt:        #F1F5F9; /* Slate-100 Background */
  --nc-rg-line:          #E2E8F0; /* Slate-200 Separator Line */
  --nc-rg-border-card:   #CBD5E1; /* Slate-300 Card Border */
  --nc-rg-text-body:     #334155; /* Slate-700 Reading Ink */
  --nc-rg-text-muted:    #64748B; /* Slate-500 Secondary Metadata */
  --nc-rg-text-heading:  #071320; /* Slate-900 / Obsidian Navy Title */
  
  /* Typography Families */
  --nc-rg-font-heading:  'Space Grotesk', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --nc-rg-font-body:     'Plus Jakarta Sans', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Reading Layout Defaults */
  --nc-rg-max-width:     780px;
  --nc-rg-radius-sm:     8px;
  --nc-rg-radius-md:     14px;
  --nc-rg-radius-lg:     18px;
  --nc-rg-radius-full:   9999px;
  
  /* Elevation Shadows */
  --nc-rg-shadow-sm:     0 2px 8px rgba(15, 23, 42, 0.04);
  --nc-rg-shadow-md:     0 8px 24px rgba(15, 23, 42, 0.06);
  --nc-rg-shadow-lg:     0 16px 40px rgba(8, 20, 34, 0.12);
  --nc-rg-shadow-dark:   0 20px 48px rgba(0, 0, 0, 0.35);
}

/* ==============================================================================
   1. SPECIFICITY SHIELD & GLOBAL EDITORIAL RESET
   ==============================================================================
   Ensures that Kadence parent theme, classic Gutenberg wrappers, and third-party
   plugins cannot disrupt the typography, spacing, or color contrast hierarchy.
   ============================================================================== */

:root body.single-post,
:root body.single,
:root body.type-post,
:root body.nc-post-legacy,
:root body:has(.nc-blog-article),
:root body:has(.nc-ratgeber) {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Centered Article Column Constraint & Fluid Spacing */
:root body.single-post .entry-content-wrap,
:root body.single-post #inner-wrap .content-container.site-container,
:root body.single-post .entry.single-entry {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

:root body.single-post .entry-content,
:root body.single-post .entry-content.single-content,
:root body .nc-blog-article,
:root body .nc-ratgeber,
:root body .nc-rg {
  font-family: var(--nc-rg-font-body) !important;
  color: var(--nc-rg-text-body) !important;
  font-size: 1.0625rem !important; /* 17px base */
  line-height: 1.72 !important;
  word-wrap: break-word !important;
}

/* Constrain Pure Text Flow while allowing Hero & Full Banners to Expand */
:root body.single-post .entry-content > :is(p, ul, ol, blockquote, .wp-block-paragraph, .wp-block-list):not(.nc-full-bleed) {
  max-width: var(--nc-rg-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Clean Empty Autop Artifacts from WordPress Core */
:root body .entry-content > p:empty,
:root body .entry-content > p > br:only-child {
  display: none !important;
}

/* ==============================================================================
   2. HERO & EDITORIAL META SYSTEM
   ============================================================================== */

/* ------------------------------------------------------------------------------
   2.1 Eyebrow Category Badges ('RATGEBER · [KATEGORIE]')
   ------------------------------------------------------------------------------ */
:root body :is(.nc-post-eyebrow, .nc-category-badge, .nc-category-pill, .nc-rg-badge),
:root body .entry-content div[style*="Ratgeber ·"],
:root body .entry-content div[style*="RATGEBER ·"],
:root body .kt-inside-inner-col > div:first-child:has(> span[style*="background:#00D285"]) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--nc-rg-mint-light) !important;
  background-color: #ECFDF5 !important;
  color: var(--nc-rg-mint-dark) !important;
  border: 1px solid var(--nc-rg-mint-border) !important;
  border-radius: var(--nc-rg-radius-full) !important;
  padding: 6px 16px !important;
  font-family: var(--nc-rg-font-heading) !important;
  font-size: 0.8125rem !important; /* 13px */
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  margin-bottom: 18px !important;
  box-shadow: 0 2px 6px rgba(0, 210, 133, 0.12) !important;
  width: fit-content !important;
}

/* Pulsing Status Dot within Eyebrow Badge */
:root body :is(.nc-post-eyebrow, .nc-category-badge, .nc-category-pill, .nc-rg-badge) .nc-badge-dot,
:root body .entry-content div[style*="Ratgeber ·"] > span:first-child,
:root body .entry-content div[style*="RATGEBER ·"] > span:first-child {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  background: var(--nc-rg-mint) !important;
  border-radius: 50% !important;
  display: inline-block !important;
  box-shadow: 0 0 0 2px rgba(0, 210, 133, 0.25) !important;
  animation: ncPulseDot 2.4s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}

@keyframes ncPulseDot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.15); }
}

/* ------------------------------------------------------------------------------
   2.2 H1 Title Typography (Space Grotesk / Fluid Clamping)
   ------------------------------------------------------------------------------ */
:root body :is(.nc-post-h1, h1.entry-title, .entry-content h1:not(.nc-hero2 *)):not(.nc-hero2 *):not(.nc-hero-aeo *) {
  font-family: var(--nc-rg-font-heading) !important;
  font-size: clamp(2.05rem, 1.35rem + 2.5vw, 3.25rem) !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.035em !important;
  color: var(--nc-rg-text-heading) !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  max-width: 880px !important;
}

/* ==============================================================================
   2.2.B NC-HERO2 & NC-HERO-AEO DARK HERO WCAG AAA CONTRAST ENGINE (PERMANENT)
   ============================================================================== */
:root body .nc-hero2,
:root body .entry-content .nc-hero2,
:root body section.nc-hero2 {
  background-color: #071320 !important;
  color: #FFFFFF !important;
}

:root body :is(.nc-hero2, .entry-content .nc-hero2, .nc-hero-aeo) :is(h1, .nc-hero2__title, .nc-hero-h1) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.45) !important;
}

:root body :is(.nc-hero2, .entry-content .nc-hero2, .nc-hero-aeo) :is(.nc-hero2__accent, .nc-hero-h1 span) {
  color: #00D285 !important;
  -webkit-text-fill-color: #00D285 !important;
}

:root body :is(.nc-hero2, .entry-content .nc-hero2, .nc-hero-aeo) :is(p.nc-hero2__lead, .nc-hero2__lead, .nc-hero-lead) {
  color: #E2E8F0 !important;
  -webkit-text-fill-color: #E2E8F0 !important;
  opacity: 1 !important;
}

:root body :is(.nc-hero2, .entry-content .nc-hero2, .nc-hero-aeo) :is(p.nc-hero2__eyebrow, .nc-hero2__eyebrow, .nc-hero-eyebrow) {
  color: #94A3B8 !important;
  -webkit-text-fill-color: #94A3B8 !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

:root body :is(.nc-hero2, .entry-content .nc-hero2, .nc-hero-aeo) :is(.nc-hero2__dot, .nc-hero-dot) {
  background: #00D285 !important;
  box-shadow: 0 0 10px rgba(0, 210, 133, 0.6) !important;
}

:root body :is(.nc-hero2, .entry-content .nc-hero2) :is(.nc-hero2__chip, .nc-hero2__chips span, .nc-hero2__badges span) {
  color: #F8FAFC !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

:root body :is(.nc-hero2, .entry-content .nc-hero2) a.nc-hero2__btn--primary {
  background: #00D285 !important;
  color: #071320 !important;
  font-weight: 700 !important;
}

:root body :is(.nc-hero2, .entry-content .nc-hero2) a.nc-hero2__btn--ghost {
  color: #FFFFFF !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

:root body :is(.nc-hero2, .entry-content .nc-hero2) a.nc-hero2__btn--ghost:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #FFFFFF !important;
  border-color: rgba(0, 210, 133, 0.6) !important;
}

:root body :is(.nc-hero2, .entry-content .nc-hero2) .nc-hero2__fact-num {
  color: #FFFFFF !important;
}

:root body :is(.nc-hero2, .entry-content .nc-hero2) :is(.nc-hero2__fact-label, .nc-hero2__note) {
  color: #94A3B8 !important;
}

:root body :is(.nc-hero2, .entry-content .nc-hero2) .nc-hero2__tag {
  color: #FFFFFF !important;
}

:root body :is(.nc-hero2, .entry-content .nc-hero2) .nc-hero2__rating-score {
  color: #FFFFFF !important;
}

:root body :is(.nc-hero2, .entry-content .nc-hero2) .nc-hero2__rating-count {
  color: #CBD5E1 !important;
}


/* ------------------------------------------------------------------------------
   2.3 Editorial Meta Bar (Avatars MD/DS, 2026 Update, ÖNORM D 2050 Badge)
   ------------------------------------------------------------------------------ */
:root body :is(.nc-editorial-meta, .nc-meta-bar, .nc-rg-meta),
:root body .entry-content > div:has(> div > a[href*="ueber-uns"]),
:root body .kt-inside-inner-col > div:has(> div > a[href*="ueber-uns"]) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 14px 22px !important;
  font-size: 0.875rem !important; /* 14px */
  color: var(--nc-rg-text-muted) !important;
  padding: 14px 0 20px 0 !important;
  border-bottom: 1px solid var(--nc-rg-line) !important;
  margin: 0 0 32px 0 !important;
  max-width: 880px !important;
}

/* Author Tag & Monogram Badge */
:root body :is(.nc-editorial-meta, .nc-meta-bar) .nc-author-tag,
:root body .entry-content div[style*="border-bottom:1px solid #F1F5F9"] > div:first-child {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-weight: 700 !important;
  color: var(--nc-rg-navy-text) !important;
}

/* MD / DS Round Monogram Avatar */
:root body .nc-avatar-initials,
:root body div[style*="width:30px;height:30px;border-radius:50%"],
:root body div[style*="width:32px;height:32px;border-radius:50%"] {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 50% !important;
  background: var(--nc-rg-navy-deep) !important;
  color: #00F5A0 !important; /* Vivid mint-teal */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--nc-rg-font-heading) !important;
  font-weight: 800 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.02em !important;
  border: 1.5px solid rgba(0, 210, 133, 0.35) !important;
  box-shadow: 0 2px 8px rgba(7, 19, 32, 0.2) !important;
}

:root body :is(.nc-editorial-meta, .nc-meta-bar) a {
  color: var(--nc-rg-navy-text) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

:root body :is(.nc-editorial-meta, .nc-meta-bar) a:hover {
  color: var(--nc-rg-teal-accent) !important;
  text-decoration: underline !important;
}

/* 2026 Update & Reading Time Chips */
:root body :is(.nc-editorial-meta, .nc-meta-bar) span:has(svg),
:root body :is(.nc-editorial-meta, .nc-meta-bar) .nc-meta-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--nc-rg-text-muted) !important;
  font-weight: 550 !important;
}

:root body :is(.nc-editorial-meta, .nc-meta-bar) svg {
  color: var(--nc-rg-teal-accent) !important;
  stroke: var(--nc-rg-teal-accent) !important;
  flex-shrink: 0 !important;
}

/* 'Geprüft nach ÖNORM D 2050' Trust Badge */
:root body .nc-meta-norm-badge,
:root body :is(.nc-editorial-meta, .nc-meta-bar) span:has(path[d*="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"]) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(0, 210, 133, 0.08) !important;
  border: 1px solid rgba(0, 210, 133, 0.28) !important;
  color: var(--nc-rg-mint-dark) !important;
  padding: 3px 10px !important;
  border-radius: var(--nc-rg-radius-sm) !important;
  font-weight: 700 !important;
  font-size: 0.8125rem !important;
}

/* ------------------------------------------------------------------------------
   2.4 Featured Hero Media Wrapper
   ------------------------------------------------------------------------------ */
:root body .nc-hero-media-wrapper,
:root body .entry-content > div:has(> img[class*="skip-lazy"]),
:root body .kt-inside-inner-col > div:has(> img) {
  border-radius: var(--nc-rg-radius-md) !important;
  overflow: hidden !important;
  border: 1px solid var(--nc-rg-line) !important;
  box-shadow: var(--nc-rg-shadow-md) !important;
  margin: 0 0 36px 0 !important;
  max-width: 880px !important;
}

:root body .nc-hero-media-wrapper img,
:root body .kt-inside-inner-col > div > img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

/* ==============================================================================
   3. AEO / GEO "WICHTIGSTE IN KÜRZE" (KEY TAKEAWAYS BOX)
   ============================================================================== */

/* ------------------------------------------------------------------------------
   3.1 Light Mint Soft Container & Border System
   ------------------------------------------------------------------------------ */
:root body :is(.nc-key-takeaways, .nc-takeaways-box, .nc-wichtigste-in-kuerze, .nc-rg-summary, .nc-summary-box) {
  background: var(--nc-rg-mint-soft) !important;
  background-color: #ECFDF5 !important;
  border: 1.5px solid var(--nc-rg-mint-border) !important;
  border-left: 5px solid var(--nc-rg-mint) !important;
  border-radius: var(--nc-rg-radius-md) !important;
  padding: 28px 30px !important;
  margin: 36px auto 44px auto !important;
  max-width: var(--nc-rg-max-width) !important;
  box-shadow: var(--nc-rg-shadow-sm) !important;
  position: relative !important;
}

/* Eyebrow Label inside Key Takeaways */
:root body :is(.nc-key-takeaways, .nc-takeaways-box, .nc-wichtigste-in-kuerze, .nc-rg-summary) :is(.nc-takeaways-header, .nc-rg-summary__label, h3, h4) {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--nc-rg-font-heading) !important;
  font-size: 0.8125rem !important; /* 13px */
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--nc-rg-mint-dark) !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Vector Sparkle/Shield Icon for Takeaways */
:root body :is(.nc-key-takeaways, .nc-takeaways-box, .nc-wichtigste-in-kuerze, .nc-rg-summary) :is(.nc-takeaways-header, .nc-rg-summary__label)::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  background-color: var(--nc-rg-mint) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpolyline points='9 12 11 14 15 10'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpolyline points='9 12 11 14 15 10'/%3E%3C/svg%3E") no-repeat center / contain !important;
  flex-shrink: 0 !important;
}

/* ------------------------------------------------------------------------------
   3.2 Dark Executive Truth Box Variant
   ------------------------------------------------------------------------------ */
:root body :is(.nc-truth-box, .nc-kv-highlight-box) {
  background: var(--nc-rg-navy-deep) !important;
  background-color: #081422 !important;
  border: 1px solid var(--nc-rg-navy-surface) !important;
  border-left: 5px solid var(--nc-rg-teal-accent) !important;
  border-radius: var(--nc-rg-radius-md) !important;
  padding: 28px 30px !important;
  margin: 36px auto 44px auto !important;
  max-width: var(--nc-rg-max-width) !important;
  color: #FFFFFF !important;
  box-shadow: var(--nc-rg-shadow-lg) !important;
}

:root body :is(.nc-truth-box, .nc-kv-highlight-box) span[style*="letter-spacing:0.08em"] {
  font-family: var(--nc-rg-font-heading) !important;
  font-size: 0.8125rem !important;
  font-weight: 800 !important;
  color: var(--nc-rg-mint) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* ------------------------------------------------------------------------------
   3.3 Custom Vector SVG Checkmarks & Typography
   ------------------------------------------------------------------------------ */
:root body :is(.nc-key-takeaways, .nc-takeaways-box, .nc-wichtigste-in-kuerze, .nc-rg-summary) ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

:root body :is(.nc-key-takeaways, .nc-takeaways-box, .nc-wichtigste-in-kuerze, .nc-rg-summary) li {
  position: relative !important;
  padding-left: 32px !important;
  font-size: 0.985rem !important;
  line-height: 1.6 !important;
  color: #1E293B !important;
  margin: 0 !important;
}

/* Crisp Vector Checkmark Circle */
:root body :is(.nc-key-takeaways, .nc-takeaways-box, .nc-wichtigste-in-kuerze, .nc-rg-summary) li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 3px !important;
  width: 20px !important;
  height: 20px !important;
  background-color: var(--nc-rg-mint) !important;
  border-radius: 50% !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='currentColor'/%3E%3C/svg%3E") center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='currentColor'/%3E%3C/svg%3E") center / contain !important;
}

:root body :is(.nc-key-takeaways, .nc-takeaways-box, .nc-wichtigste-in-kuerze, .nc-rg-summary) li::after {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: 8px !important;
  width: 8px !important;
  height: 5px !important;
  border-left: 2px solid #FFFFFF !important;
  border-bottom: 2px solid #FFFFFF !important;
  transform: rotate(-45deg) !important;
}

:root body :is(.nc-key-takeaways, .nc-takeaways-box, .nc-wichtigste-in-kuerze, .nc-rg-summary) li strong {
  color: var(--nc-rg-navy-text) !important;
  font-weight: 750 !important;
}

/* ==============================================================================
   4. INHALTSVERZEICHNIS (TOC NAVIGATION SUITE)
   ============================================================================== */

/* ------------------------------------------------------------------------------
   4.1 Executive Card Layout & Anchor Flow
   ------------------------------------------------------------------------------ */
:root body :is(nav.nc-toc-card, nav.nc-toc-box, .nc-rg-toc, #toc, nav.toc) {
  background: var(--nc-rg-bg-soft) !important;
  background-color: #F8FAFC !important;
  border: 1px solid var(--nc-rg-line) !important;
  border-radius: var(--nc-rg-radius-md) !important;
  padding: 26px 30px !important;
  margin: 36px auto 44px auto !important;
  max-width: var(--nc-rg-max-width) !important;
  box-shadow: var(--nc-rg-shadow-sm) !important;
}

/* Dark Theme Variant of TOC */
:root body nav.nc-toc-card[style*="background:#163C59"],
:root body nav.nc-toc-card[style*="background:#0B1B2B"],
:root body .nc-toc-card--dark {
  background: var(--nc-rg-navy-deep) !important;
  background-color: #081422 !important;
  border-color: var(--nc-rg-navy-surface) !important;
  box-shadow: var(--nc-rg-shadow-lg) !important;
}

/* TOC Header Title */
:root body :is(nav.nc-toc-card, nav.nc-toc-box, .nc-rg-toc) :is(.nc-toc-title, .nc-rg-toc__label, div[style*="font-weight:800"]) {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: var(--nc-rg-font-heading) !important;
  font-size: 1rem !important; /* 16px */
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: var(--nc-rg-navy-text) !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

:root body nav.nc-toc-card[style*="background:#163C59"] div[style*="font-weight:800"],
:root body .nc-toc-card--dark .nc-toc-title {
  color: #FFFFFF !important;
}

/* TOC Vector List Icon */
:root body :is(nav.nc-toc-card, nav.nc-toc-box, .nc-rg-toc) :is(.nc-toc-title, .nc-rg-toc__label)::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  background-color: var(--nc-rg-teal-accent) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'/%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'/%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'/%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'/%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* ------------------------------------------------------------------------------
   4.2 Numerical Indicators & Hover Transitions
   ------------------------------------------------------------------------------ */
:root body :is(nav.nc-toc-card, nav.nc-toc-box, .nc-rg-toc) a {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  color: var(--nc-rg-navy-text) !important;
  text-decoration: none !important;
  font-size: 0.9375rem !important; /* 15px */
  font-weight: 600 !important;
  line-height: 1.5 !important;
  padding: 6px 10px !important;
  border-radius: var(--nc-rg-radius-sm) !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

:root body nav.nc-toc-card[style*="background:#163C59"] a,
:root body .nc-toc-card--dark a {
  color: #E2E8F0 !important;
}

:root body :is(nav.nc-toc-card, nav.nc-toc-box, .nc-rg-toc) a:hover {
  background: rgba(0, 210, 133, 0.08) !important;
  color: var(--nc-rg-mint-dark) !important;
  transform: translateX(4px) !important;
}

:root body nav.nc-toc-card[style*="background:#163C59"] a:hover,
:root body .nc-toc-card--dark a:hover {
  background: rgba(0, 210, 133, 0.14) !important;
  color: var(--nc-rg-mint) !important;
}

/* Numerical badge prefix (e.g. 1., 2., 3.) */
:root body :is(nav.nc-toc-card, nav.nc-toc-box, .nc-rg-toc) a > span:first-child {
  color: var(--nc-rg-teal-accent) !important;
  font-weight: 800 !important;
  font-family: var(--nc-rg-font-heading) !important;
  font-variant-numeric: tabular-nums !important;
  flex-shrink: 0 !important;
}

/* ------------------------------------------------------------------------------
   4.3 Scroll-Margin Anchor-Offset Protection (Sticky Header Shield)
   ------------------------------------------------------------------------------ */
:root body :is(h2[id], h3[id], h4[id], section[id], div[id].nc-rg-section) {
  scroll-margin-top: 135px !important;
}

/* ==============================================================================
   5. TYPOGRAFIE & INHALTS-ELEMENTE
   ============================================================================== */

/* ------------------------------------------------------------------------------
   5.1 Body Measure, Leading & Color Balance
   ------------------------------------------------------------------------------ */
:root body :is(.entry-content, .nc-blog-article, .nc-rg):not(.nc-page-wrap):not(.nc-page-wrap *) p:not(.nc-hero2 *):not(.nc-hero-aeo *):not(.nc-b2b-cta-box *):not([id="cta-box"] *):not(.nc-master-cta *):not([class*="cta-"] *):not(.nc-blog-expert-badge *):not(.nc-dark-sec *):not([class*="dark-sec"] *):not(.nc-page-wrap *) {
  color: var(--nc-rg-text-body) !important;
  font-size: 1.0625rem !important; /* 17px */
  line-height: 1.72 !important;
  margin: 0 0 1.35em 0 !important;
}

:root body :is(.entry-content, .nc-blog-article, .nc-rg):not(.nc-page-wrap):not(.nc-page-wrap *) p:not(.nc-hero2 *):not(.nc-hero-aeo *):not(.nc-b2b-cta-box *):not([id="cta-box"] *):not(.nc-master-cta *):not([class*="cta-"] *):not(.nc-blog-expert-badge *):not(.nc-dark-sec *):not([class*="dark-sec"] *):not(.nc-page-wrap *) strong {
  color: var(--nc-rg-navy-text) !important;
  font-weight: 750 !important;
}

/* Inline In-Content Links */
:root body :is(.entry-content, .nc-blog-article, .nc-rg) p a:not([class*="btn"]):not([class*="badge"]) {
  color: var(--nc-rg-mint-dark) !important;
  font-weight: 650 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1.5px !important;
  transition: color 0.15s ease, text-decoration-color 0.15s ease !important;
}

:root body :is(.entry-content, .nc-blog-article, .nc-rg) p a:not([class*="btn"]):not([class*="badge"]):hover {
  color: var(--nc-rg-navy-text) !important;
  text-decoration-color: var(--nc-rg-mint) !important;
}

/* ------------------------------------------------------------------------------
   5.2 H2 & H3 Hierarchy with Decorative Accents
   ------------------------------------------------------------------------------ */
:root body :is(.entry-content, .nc-blog-article, .nc-rg):not(.nc-page-wrap):not(.nc-page-wrap *) h2:not([class*="cta"]):not(.nc-dark-sec *):not([class*="dark-sec"] *):not(.nc-page-wrap *) {
  font-family: var(--nc-rg-font-heading) !important;
  font-size: clamp(1.55rem, 1.25rem + 1.25vw, 2.25rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.025em !important;
  color: var(--nc-rg-navy-text) !important;
  margin: 52px auto 20px auto !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid var(--nc-rg-line) !important;
  position: relative !important;
  max-width: var(--nc-rg-max-width) !important;
}

/* Decorative Teal Underline Accent Bar on H2 */
:root body :is(.entry-content, .nc-blog-article, .nc-rg):not(.nc-page-wrap):not(.nc-page-wrap *) h2:not([class*="cta"]):not(.nc-dark-sec *):not([class*="dark-sec"] *):not(.nc-page-wrap *)::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -2px !important;
  width: 48px !important;
  height: 2.5px !important;
  background: var(--nc-rg-mint) !important;
  border-radius: 2px !important;
}

:root body :is(.entry-content, .nc-blog-article, .nc-rg):not(.nc-page-wrap):not(.nc-page-wrap *) h3:not([class*="cta"]):not(.nc-dark-sec *):not([class*="dark-sec"] *):not(.nc-page-wrap *) {
  font-family: var(--nc-rg-font-heading) !important;
  font-size: clamp(1.22rem, 1.1rem + 0.6vw, 1.55rem) !important;
  font-weight: 750 !important;
  line-height: 1.32 !important;
  letter-spacing: -0.015em !important;
  color: var(--nc-rg-navy-text) !important;
  margin: 36px auto 14px auto !important;
  max-width: var(--nc-rg-max-width) !important;
}

/* ------------------------------------------------------------------------------
   5.3 Bespoke Vector Bullet- & Checklists
   ------------------------------------------------------------------------------ */
:root body :is(.entry-content, .nc-blog-article, .nc-rg) ul:not([class*="chips"]):not([class*="menu"]):not([class*="actions"]) {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 auto 1.4em auto !important;
  max-width: var(--nc-rg-max-width) !important;
}

:root body :is(.entry-content, .nc-blog-article, .nc-rg) ul:not([class*="chips"]):not([class*="menu"]):not([class*="actions"]) > li {
  position: relative !important;
  padding-left: 30px !important;
  margin-bottom: 10px !important;
  line-height: 1.65 !important;
  color: var(--nc-rg-text-body) !important;
}

/* Custom Vector Bullet / Diamond Accent */
:root body :is(.entry-content, .nc-blog-article, .nc-rg) ul:not([class*="chips"]):not([class*="menu"]):not([class*="actions"]) > li::before {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: 9px !important;
  width: 8px !important;
  height: 8px !important;
  background: var(--nc-rg-mint) !important;
  border-radius: 2px !important;
  transform: rotate(45deg) !important;
}

/* Dedicated Checklists (.nc-check-list, .nc-rg-check) */
:root body :is(.nc-check-list, .nc-rg-check) li::before {
  left: 0 !important;
  top: 3px !important;
  width: 20px !important;
  height: 20px !important;
  background-color: var(--nc-rg-mint) !important;
  border-radius: 50% !important;
  transform: none !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='currentColor'/%3E%3C/svg%3E") center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='currentColor'/%3E%3C/svg%3E") center / contain !important;
}

:root body :is(.nc-check-list, .nc-rg-check) li::after {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: 8px !important;
  width: 8px !important;
  height: 5px !important;
  border-left: 2px solid #FFFFFF !important;
  border-bottom: 2px solid #FFFFFF !important;
  transform: rotate(-45deg) !important;
}

/* ------------------------------------------------------------------------------
   5.4 Tabellen im ÖNORM D 2050 Look & Responsive Wrapper
   ------------------------------------------------------------------------------ */
:root body :is(.nc-table-responsive, .nc-rg-table, .wp-block-table) {
  display: block !important;
  width: 100% !important;
  max-width: var(--nc-rg-max-width) !important;
  margin: 32px auto 40px auto !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  border-radius: var(--nc-rg-radius-md) !important;
  border: 1px solid var(--nc-rg-line) !important;
  box-shadow: var(--nc-rg-shadow-sm) !important;
  background: #FFFFFF !important;
}

:root body :is(.nc-comparison-table, .nc-data-table, .nc-rg-table table, .wp-block-table table) {
  width: 100% !important;
  min-width: 580px !important;
  border-collapse: collapse !important;
  font-family: var(--nc-rg-font-body) !important;
  font-size: 0.9375rem !important; /* 15px */
  line-height: 1.5 !important;
  text-align: left !important;
  border: none !important;
}

/* Table Header (ÖNORM D 2050 Master Navy) */
:root body :is(.nc-comparison-table, .nc-data-table, .nc-rg-table table, .wp-block-table table) thead th {
  background: var(--nc-rg-navy-deep) !important;
  background-color: #081422 !important;
  color: #FFFFFF !important;
  font-family: var(--nc-rg-font-heading) !important;
  font-weight: 750 !important;
  font-size: 0.8125rem !important; /* 13px */
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 14px 18px !important;
  border: none !important;
  border-bottom: 2px solid var(--nc-rg-teal-accent) !important;
}

/* Table Body Cells & Zebra Rows */
:root body :is(.nc-comparison-table, .nc-data-table, .nc-rg-table table, .wp-block-table table) tbody td {
  padding: 13px 18px !important;
  border-top: 1px solid var(--nc-rg-line) !important;
  border-bottom: none !important;
  color: var(--nc-rg-text-body) !important;
  vertical-align: top !important;
}

:root body :is(.nc-comparison-table, .nc-data-table, .nc-rg-table table, .wp-block-table table) tbody tr:nth-child(even) td {
  background: var(--nc-rg-bg-soft) !important;
}

/* ÖNORM D 2050 Highlight Cells */
:root body :is(.nc-comparison-table, .nc-data-table, .nc-rg-table table) td:has(strong),
:root body :is(.nc-comparison-table, .nc-data-table, .nc-rg-table table) td[style*="#2FB8A6"],
:root body :is(.nc-comparison-table, .nc-data-table, .nc-rg-table table) td[style*="#00D285"] {
  font-weight: 750 !important;
  color: var(--nc-rg-mint-dark) !important;
}

/* ------------------------------------------------------------------------------
   5.5 Callout-Boxen: Pro-Tipp (Emerald) & Achtung/Warnung (Amber)
   ------------------------------------------------------------------------------ */

/* Pro-Tipp Box (Master Emerald) */
:root body :is(.nc-callout-pro, .nc-protip-box, .nc-tip-box, .nc-rg-note:not(.nc-rg-note--warn)) {
  background: var(--nc-rg-mint-light) !important;
  background-color: #F0FDF4 !important;
  border: 1px solid var(--nc-rg-mint-border) !important;
  border-left: 5px solid var(--nc-rg-mint) !important;
  border-radius: var(--nc-rg-radius-md) !important;
  padding: 22px 26px !important;
  margin: 32px auto !important;
  max-width: var(--nc-rg-max-width) !important;
  box-shadow: var(--nc-rg-shadow-sm) !important;
}

:root body :is(.nc-callout-pro, .nc-protip-box, .nc-tip-box, .nc-rg-note:not(.nc-rg-note--warn))::before {
  content: "💡 PRO-TIPP VOM MEISTERBETRIEB" !important;
  display: block !important;
  font-family: var(--nc-rg-font-heading) !important;
  font-size: 0.75rem !important; /* 12px */
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--nc-rg-mint-dark) !important;
  margin-bottom: 8px !important;
}

/* Achtung / Haftungs-Box (LSD-BG / Subunternehmer-Risiko) */
:root body :is(.nc-callout-warning, .nc-callout-alert, .nc-alert-box, .nc-kv-alert-box, .nc-rg-note--warn) {
  background: var(--nc-rg-amber-soft) !important;
  background-color: #FFFBEB !important;
  border: 1px solid var(--nc-rg-amber-border) !important;
  border-left: 5px solid var(--nc-rg-amber) !important;
  border-radius: var(--nc-rg-radius-md) !important;
  padding: 22px 26px !important;
  margin: 32px auto !important;
  max-width: var(--nc-rg-max-width) !important;
  box-shadow: var(--nc-rg-shadow-sm) !important;
}

:root body :is(.nc-callout-warning, .nc-callout-alert, .nc-alert-box, .nc-kv-alert-box, .nc-rg-note--warn)::before {
  content: "⚠️ ACHTUNG: AUFTRAGGEBER-HAFTUNG (LSD-BG)" !important;
  display: block !important;
  font-family: var(--nc-rg-font-heading) !important;
  font-size: 0.75rem !important; /* 12px */
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--nc-rg-amber-text) !important;
  margin-bottom: 8px !important;
}

:root body :is(.nc-callout-warning, .nc-callout-alert, .nc-alert-box, .nc-kv-alert-box, .nc-rg-note--warn) strong {
  color: #78350F !important;
}

/* ==============================================================================
   6. NOBLECLEAN MASTER B2B CTA BOX
   ============================================================================== */

/* ------------------------------------------------------------------------------
   6.1 Veredelter Dark Navy Block (#081422 & Subtle Glow)
   ------------------------------------------------------------------------------ */
:root body :is(.nc-master-cta, .nc-post-cta-card, .nc-cta-box-master-dark, .nc-blog-cta-box, .nc-incontent-leadbox, .nc-rg-cta) {
  background: var(--nc-rg-navy-deep) radial-gradient(ellipse at 85% 15%, rgba(0, 210, 133, 0.12) 0%, transparent 60%) !important;
  background-color: #081422 !important;
  border: 1.5px solid rgba(0, 210, 133, 0.32) !important;
  border-radius: var(--nc-rg-radius-lg) !important;
  padding: 38px 36px !important;
  margin: 48px auto !important;
  max-width: var(--nc-rg-max-width) !important;
  color: #FFFFFF !important;
  box-shadow: var(--nc-rg-shadow-dark), 0 0 32px rgba(0, 210, 133, 0.08) !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Master CTA Eyebrow Badge */
:root body :is(.nc-master-cta, .nc-post-cta-card, .nc-cta-box-master-dark, .nc-blog-cta-box, .nc-incontent-leadbox) .nc-cta-eyebrow,
:root body :is(.nc-master-cta, .nc-post-cta-card, .nc-incontent-leadbox) div[style*="text-transform: uppercase"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(0, 210, 133, 0.14) !important;
  border: 1px solid rgba(0, 210, 133, 0.4) !important;
  color: var(--nc-rg-mint) !important;
  font-family: var(--nc-rg-font-heading) !important;
  font-size: 0.75rem !important; /* 12px */
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 4px 12px !important;
  border-radius: var(--nc-rg-radius-full) !important;
  margin-bottom: 14px !important;
}

/* Master CTA Headings */
:root body :is(.nc-master-cta, .nc-post-cta-card, .nc-cta-box-master-dark, .nc-blog-cta-box, .nc-incontent-leadbox) :is(h2, h3, .nc-rg-cta__title) {
  font-family: var(--nc-rg-font-heading) !important;
  font-size: clamp(1.4rem, 1.2rem + 0.8vw, 1.85rem) !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  color: #FFFFFF !important;
  margin: 0 0 12px 0 !important;
  border: none !important;
  padding: 0 !important;
}

:root body :is(.nc-master-cta, .nc-post-cta-card, .nc-cta-box-master-dark, .nc-blog-cta-box, .nc-incontent-leadbox) p {
  color: #CBD5E1 !important;
  font-size: 0.985rem !important;
  line-height: 1.6 !important;
  margin: 0 0 24px 0 !important;
}

/* ------------------------------------------------------------------------------
   6.2 4-Pillar Trust-Garantien (100% Festpersonal, ÖNORM D 2050, 5 Mio. €)
   ------------------------------------------------------------------------------ */
:root body :is(.nc-master-cta, .nc-post-cta-card, .nc-cta-box-master-dark, .nc-blog-cta-box) .nc-trust-grid,
:root body .nc-trust-pillars {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 14px !important;
  margin: 0 0 28px 0 !important;
}

:root body .nc-trust-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: var(--nc-rg-radius-full) !important;
  padding: 6px 14px !important;
  font-size: 0.8125rem !important; /* 13px */
  font-weight: 650 !important;
  color: #F1F5F9 !important;
  line-height: 1.2 !important;
}

:root body .nc-trust-pill svg,
:root body .nc-trust-pill span.nc-icon {
  color: var(--nc-rg-mint) !important;
  stroke: var(--nc-rg-mint) !important;
}

/* ------------------------------------------------------------------------------
   6.3 Primary Signal Gold Button (#F5B301 / #1A1300 – WCAG AAA 10.9:1)
   ------------------------------------------------------------------------------ */
:root body :is(.nc-master-cta, .nc-post-cta-card, .nc-incontent-leadbox, .nc-rg-cta) :is(.nc-btn-header-cta, .nc-btn-primary-gold, .nc-btn-gold, a[href*="/angebot/"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: var(--nc-rg-gold) !important;
  background-color: #F5B301 !important;
  border: 2px solid var(--nc-rg-gold) !important;
  color: var(--nc-rg-gold-text) !important; /* #1A1300: 10.92:1 AAA Contrast */
  -webkit-text-fill-color: var(--nc-rg-gold-text) !important;
  font-family: var(--nc-rg-font-heading) !important;
  font-weight: 850 !important;
  font-size: 0.95rem !important; /* 15px */
  line-height: 1.25 !important;
  padding: 13px 26px !important;
  border-radius: var(--nc-rg-radius-full) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 18px var(--nc-rg-gold-glow) !important;
  transition: transform 0.18s cubic-bezier(0.2, 0, 0, 1),
              background-color 0.18s ease,
              box-shadow 0.18s ease !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
}

:root body :is(.nc-master-cta, .nc-post-cta-card, .nc-incontent-leadbox, .nc-rg-cta) :is(.nc-btn-header-cta, .nc-btn-primary-gold, .nc-btn-gold, a[href*="/angebot/"]) * {
  color: var(--nc-rg-gold-text) !important;
  -webkit-text-fill-color: var(--nc-rg-gold-text) !important;
  font-weight: 850 !important;
}

/* Hover & Active States */
@media (hover: hover) and (pointer: fine) {
  :root body :is(.nc-master-cta, .nc-post-cta-card, .nc-incontent-leadbox, .nc-rg-cta) :is(.nc-btn-header-cta, .nc-btn-primary-gold, .nc-btn-gold, a[href*="/angebot/"]):hover {
    background: var(--nc-rg-gold-hover) !important;
    background-color: #FFBE1A !important;
    border-color: #FFBE1A !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 28px rgba(245, 179, 1, 0.55) !important;
  }
}

:root body :is(.nc-master-cta, .nc-post-cta-card, .nc-incontent-leadbox, .nc-rg-cta) :is(.nc-btn-header-cta, .nc-btn-primary-gold, .nc-btn-gold, a[href*="/angebot/"]):active {
  transform: translateY(0) scale(0.97) !important;
  background: var(--nc-rg-gold-active) !important;
  box-shadow: 0 2px 8px rgba(245, 179, 1, 0.35) !important;
}

/* ------------------------------------------------------------------------------
   6.4 Secondary Phone Pill (#0F2238 & Direct Meister Contact)
   ------------------------------------------------------------------------------ */
:root body :is(.nc-master-cta, .nc-post-cta-card, .nc-cta-box-master-dark, .nc-incontent-leadbox, .nc-rg-cta) :is(.nc-btn-phone-pill, a[href^="tel:"], .nc-rg-cta__tel) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: var(--nc-rg-phone-pill) !important;
  background-color: #0F2238 !important;
  border: 1.5px solid var(--nc-rg-phone-border) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-family: var(--nc-rg-font-heading) !important;
  font-weight: 750 !important;
  font-size: 0.9375rem !important; /* 15px */
  line-height: 1.25 !important;
  padding: 13px 24px !important;
  border-radius: var(--nc-rg-radius-full) !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  transition: transform 0.18s cubic-bezier(0.2, 0, 0, 1),
              background-color 0.18s ease,
              border-color 0.18s ease !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
}

@media (hover: hover) and (pointer: fine) {
  :root body :is(.nc-master-cta, .nc-post-cta-card, .nc-cta-box-master-dark, .nc-incontent-leadbox, .nc-rg-cta) :is(.nc-btn-phone-pill, a[href^="tel:"], .nc-rg-cta__tel):hover {
    background: var(--nc-rg-phone-hover) !important;
    border-color: var(--nc-rg-mint) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 210, 133, 0.2) !important;
  }
}

/* CTA Action Bar Flex Alignment */
:root body :is(.nc-master-cta, .nc-post-cta-card, .nc-cta-box-master-dark, .nc-rg-cta) .nc-cta-actions,
:root body :is(.nc-master-cta, .nc-post-cta-card) div:has(> a[href*="/angebot/"]) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  align-items: center !important;
  margin-top: 24px !important;
}

/* ==============================================================================
   7. E-E-A-T MEISTER- & AUTOREN-BOX
   ============================================================================== */

/* ------------------------------------------------------------------------------
   7.1 Daniel Serafinović & Maja Dimitrijević Profile Card
   ------------------------------------------------------------------------------ */
:root body :is(.nc-author-eeat-box, .nc-author-card, .nc-author-box, .nc-meister-box, .nc-rg-author, article.nc-blog-article > .nc-author-content) {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1.5px solid var(--nc-rg-line) !important;
  border-radius: var(--nc-rg-radius-lg) !important;
  padding: 34px 32px !important;
  margin: 52px auto 32px auto !important;
  max-width: var(--nc-rg-max-width) !important;
  box-shadow: var(--nc-rg-shadow-md) !important;
  box-sizing: border-box !important;
}

/* Author Header Row */
:root body :is(.nc-author-eeat-box, .nc-author-card, .nc-author-box, .nc-meister-box) .nc-author-header,
:root body .nc-author-eeat-box > div:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  border-bottom: 1px solid var(--nc-rg-line) !important;
  padding-bottom: 22px !important;
  margin-bottom: 22px !important;
}

/* Big Dual Monogram Avatar */
:root body .nc-author-eeat-box div[style*="width:72px;height:72px"],
:root body .nc-author-avatar-large {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--nc-rg-navy-deep), var(--nc-rg-teal-accent)) !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--nc-rg-font-heading) !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  border: 3px solid var(--nc-rg-line) !important;
  box-shadow: 0 4px 16px rgba(8, 20, 34, 0.15) !important;
  flex-shrink: 0 !important;
}

/* Author Name & Qualifications */
:root body :is(.nc-author-name, .nc-author-eeat-box h4, .nc-rg-author__name) {
  font-family: var(--nc-rg-font-heading) !important;
  font-size: 1.35rem !important; /* 21px */
  font-weight: 850 !important;
  color: var(--nc-rg-navy-text) !important;
  margin: 6px 0 2px 0 !important;
  line-height: 1.25 !important;
}

:root body :is(.nc-author-role, .nc-author-eeat-box p[style*="font-weight:600"], .nc-rg-author__role) {
  font-size: 0.875rem !important; /* 14px */
  color: var(--nc-rg-text-muted) !important;
  font-weight: 650 !important;
  margin: 0 !important;
}

/* Author Bio Copy */
:root body :is(.nc-author-bio, .nc-author-eeat-box > p) {
  font-size: 0.95rem !important;
  color: var(--nc-rg-text-body) !important;
  line-height: 1.68 !important;
  margin: 0 0 22px 0 !important;
}

/* ------------------------------------------------------------------------------
   7.2 Meisterbrief & WKO Zertifizierungs-Badges
   ------------------------------------------------------------------------------ */
:root body .nc-author-trust-badges,
:root body .nc-author-eeat-box div:has(> span[style*="WKO Meisterbetrieb"]) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
}

:root body .nc-badge-wko,
:root body .nc-author-eeat-box span[style*="WKO Meisterbetrieb"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.8125rem !important;
  font-weight: 750 !important;
  color: var(--nc-rg-mint-dark) !important;
  background: var(--nc-rg-mint-light) !important;
  border: 1px solid #BBF7D0 !important;
  padding: 4px 12px !important;
  border-radius: var(--nc-rg-radius-sm) !important;
}

:root body .nc-badge-oenorm,
:root body .nc-author-eeat-box span[style*="ÖNORM D 2050"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.8125rem !important;
  font-weight: 750 !important;
  color: #0369A1 !important;
  background: #F0F9FF !important;
  border: 1px solid #BAE6FD !important;
  padding: 4px 12px !important;
  border-radius: var(--nc-rg-radius-sm) !important;
}

:root body .nc-badge-insurance,
:root body .nc-author-eeat-box span[style*="5 Mio"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.8125rem !important;
  font-weight: 750 !important;
  color: var(--nc-rg-navy-text) !important;
  background: var(--nc-rg-bg-alt) !important;
  border: 1px solid var(--nc-rg-line) !important;
  padding: 4px 12px !important;
  border-radius: var(--nc-rg-radius-sm) !important;
}

/* ------------------------------------------------------------------------------
   7.3 Verified Trust Seals & Direct Contact Triggers
   ------------------------------------------------------------------------------ */
:root body :is(.nc-author-links, .nc-author-eeat-box div:has(> a[href*="/kontakt/"])) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 16px !important;
  font-size: 0.875rem !important;
  font-weight: 750 !important;
}

:root body :is(.nc-author-links, .nc-author-eeat-box) a {
  color: var(--nc-rg-teal-accent) !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

:root body :is(.nc-author-links, .nc-author-eeat-box) a:hover {
  color: var(--nc-rg-navy-text) !important;
  text-decoration: underline !important;
}

/* ==============================================================================
   8. DUPLIKAT-BILD-FILTER (INTELLIGENT IMAGE DEDUPLICATION)
   ==============================================================================
   Suppresses duplicate featured images rendered by themes or legacy templates:
   - When Kadence/WordPress renders post-thumbnail in entry header, hide redundant
     top figure inside entry-content.
   - When a custom hero banner row already contains an image, suppress immediate
     subsequent duplicate figures.
   ============================================================================== */

/* 8.1 Hide theme-level post thumbnail if content already possesses a hero banner */
body.single-post:has(.entry-content .wp-block-kadence-rowlayout:first-child img) .post-thumbnail,
body.single-post:has(.entry-content .nc-hero-media-wrapper) .post-thumbnail,
body.single-post:has(.entry-content .nc-hero2) .post-thumbnail {
  display: none !important;
}

/* 8.2 Hide duplicate in-content featured image if placed right at the top of content */
.single-post .entry-content > figure.wp-block-image:first-child:has(img),
.single-post .single-content > figure.wp-block-image:first-child:has(img),
.single-post .entry-content > .wp-block-kadence-rowlayout:first-child + figure.wp-block-image:has(img),
.single-post .entry-content > .wp-block-kadence-rowlayout:first-child + p:empty + figure.wp-block-image:has(img) {
  display: none !important;
}

/* 8.3 Deduplicate exact redundant banner figures across legacy posts */
.single-post .entry-content figure.wp-block-image:has(img[src*="1200x675"]) + figure.wp-block-image:has(img[src*="1200x675"]),
.single-post .entry-content > figure.wp-block-image:first-of-type:has(img[src*="kanzleireinigung"]):has(~ .wp-block-kadence-rowlayout img[src*="kanzleireinigung"]) {
  display: none !important;
}

/* ==============================================================================
   9. RESPONSIVE BREAKPOINTS (MOBILE / TABLET OPTIMIZATIONS)
   ============================================================================== */

@media (max-width: 768px) {
  :root body :is(.nc-post-h1, h1.entry-title, .entry-content h1) {
    font-size: 1.85rem !important;
    line-height: 1.18 !important;
  }
  
  :root body :is(.nc-editorial-meta, .nc-meta-bar) {
    gap: 10px 14px !important;
  }
  
  :root body :is(.nc-key-takeaways, .nc-takeaways-box, .nc-wichtigste-in-kuerze, .nc-rg-summary, nav.nc-toc-card, nav.nc-toc-box) {
    padding: 20px 20px !important;
  }
  
  :root body :is(.nc-master-cta, .nc-post-cta-card, .nc-cta-box-master-dark, .nc-blog-cta-box, .nc-incontent-leadbox) {
    padding: 28px 22px !important;
  }
  
  :root body :is(.nc-master-cta, .nc-post-cta-card) .nc-cta-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  
  :root body :is(.nc-master-cta, .nc-post-cta-card) :is(.nc-btn-header-cta, .nc-btn-primary-gold, .nc-btn-gold, .nc-btn-phone-pill, a[href^="tel:"]) {
    width: 100% !important;
    text-align: center !important;
  }
  
  :root body :is(.nc-author-eeat-box, .nc-author-card, .nc-author-box) {
    padding: 24px 20px !important;
  }
  
  :root body .nc-author-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }
}

@media (max-width: 480px) {
  :root body :is(.nc-post-h1, h1.entry-title, .entry-content h1) {
    font-size: 1.62rem !important;
  }
  
  :root body :is(.entry-content, .nc-blog-article, .nc-rg) p {
    font-size: 1rem !important;
    line-height: 1.65 !important;
  }
  
  :root body .nc-trust-pill {
    width: 100% !important;
  }
}

/* ==============================================================================
   10. PRINT MEDIA STYLESHEET (A4 CLEAN PRINT ENGINE)
   ============================================================================== */
@media print {
  /* Suppress Conversion Prompts, Sticky Bars & Interactive Widgets */
  :root body :is(
    .nc-master-cta,
    .nc-post-cta-card,
    .nc-incontent-leadbox,
    .nc-blog-cta-box,
    nav.nc-toc-card,
    nav.nc-toc-box,
    .site-header,
    .site-footer,
    .nc-mobile-sticky-bar,
    .nc-skip-link
  ) {
    display: none !important;
  }

  /* Optimized Typography for Crisp Paper Output */
  :root body {
    color: #000000 !important;
    background: #FFFFFF !important;
    font-size: 11pt !important;
    line-height: 1.5 !important;
  }

  :root body :is(.entry-content, .nc-blog-article, .nc-rg) h2 {
    page-break-after: avoid;
    border-bottom: 1pt solid #000000 !important;
  }

  :root body :is(.nc-comparison-table, .nc-data-table) {
    page-break-inside: avoid;
    border: 1pt solid #000000 !important;
  }

  :root body :is(.nc-comparison-table, .nc-data-table) thead th {
    background: #EEEEEE !important;
    color: #000000 !important;
  }

  /* Print Header Verification */
  :root body .nc-author-eeat-box {
    border: 1pt solid #999999 !important;
    box-shadow: none !important;
    page-break-inside: avoid;
  }
}


/* ==============================================================================
   8. DEDICATED NOBLECLEAN B2B CTA BOX & EEAT MEISTER-AUTORENBOX STYLING
   ============================================================================== */

/* --- 8.0 Expert Badge Styling --- */
:root body :is(.nc-blog-expert-badge, .nc-expert-badge) {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  border-left: 4px solid #00D285 !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  margin: 28px 0 !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03) !important;
}

:root body .nc-expert-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(0, 210, 133, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
:root body .nc-expert-icon::before {
  content: "★";
  font-size: 18px;
  color: #00D285;
}

:root body .nc-expert-title {
  font-family: 'Space Grotesk', -apple-system, sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  color: #071320 !important;
  margin: 0 0 4px 0 !important;
}

:root body .nc-blog-expert-badge p {
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  color: #64748B !important;
  margin: 0 !important;
}

/* --- 8.1 Master Dark Navy B2B CTA Box --- */
:root body :is(.nc-b2b-cta-box, [id="cta-box"]) {
  display: block !important;
  background: #081422 radial-gradient(ellipse at 85% 15%, rgba(0, 210, 133, 0.14) 0%, transparent 65%) !important;
  background-color: #081422 !important;
  border: 1.5px solid rgba(0, 210, 133, 0.35) !important;
  border-radius: 16px !important;
  padding: 36px 32px !important;
  margin: 48px auto !important;
  max-width: 860px !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 0 32px rgba(0, 210, 133, 0.08) !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  clear: both !important;
}

:root body :is(.nc-b2b-cta-box, [id="cta-box"]) .nc-cta-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

:root body :is(.nc-b2b-cta-box, [id="cta-box"]) .nc-cta-pill {
  align-self: flex-start !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(0, 210, 133, 0.15) !important;
  border: 1px solid rgba(0, 210, 133, 0.45) !important;
  color: #00D285 !important;
  font-family: 'Space Grotesk', -apple-system, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 5px 14px !important;
  border-radius: 9999px !important;
  line-height: 1.2 !important;
}

:root body :is(.nc-b2b-cta-box, [id="cta-box"]) .nc-cta-title,
:root body :is(.nc-b2b-cta-box, [id="cta-box"]) h3 {
  font-family: 'Space Grotesk', -apple-system, sans-serif !important;
  font-size: clamp(1.35rem, 1.15rem + 0.8vw, 1.8rem) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

:root body :is(.nc-b2b-cta-box, [id="cta-box"]) .nc-cta-sub,
:root body :is(.nc-b2b-cta-box, [id="cta-box"]) p.nc-cta-sub {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  color: #E2E8F0 !important;
  -webkit-text-fill-color: #E2E8F0 !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 4-Card Service & Pricing Grid */
html body .nc-b2b-cta-box .nc-cta-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 12px !important;
  margin: 8px 0 !important;
}

html body .nc-b2b-cta-box .nc-cta-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  padding: 14px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}

html body .nc-b2b-cta-box .nc-cta-card:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(0, 210, 133, 0.4) !important;
}

html body .nc-b2b-cta-box .nc-cta-card-service {
  font-family: 'Space Grotesk', -apple-system, sans-serif !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  color: #94A3B8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

html body .nc-b2b-cta-box .nc-cta-card-price {
  font-family: 'Space Grotesk', -apple-system, sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 850 !important;
  color: #F5B301 !important;
  line-height: 1.2 !important;
}

html body .nc-b2b-cta-box .nc-cta-unit {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: #CBD5E1 !important;
}

html body .nc-b2b-cta-box .nc-cta-card-desc {
  font-size: 0.75rem !important;
  color: #64748B !important;
  line-height: 1.35 !important;
  margin-top: 2px !important;
}

/* 4 Trust Features List */
html body .nc-b2b-cta-box .nc-cta-features {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 8px 16px !important;
  padding: 12px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html body .nc-b2b-cta-box .nc-cta-feat {
  font-size: 0.8125rem !important;
  color: #E2E8F0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

html body .nc-b2b-cta-box .nc-cta-check {
  color: #00D285 !important;
  font-weight: 800 !important;
}

html body .nc-b2b-cta-box .nc-cta-feat strong {
  color: #FFFFFF !important;
}

/* CTA Action Buttons with Strict High Contrast */
html body .nc-b2b-cta-box .nc-cta-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  align-items: center !important;
  margin-top: 4px !important;
}

html body :is(.nc-b2b-cta-box, [id="cta-box"]) a.nc-cta-btn-primary,
html body div.nc-b2b-cta-box a.nc-cta-btn-primary,
html body a.nc-cta-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #F5B301 !important;
  background-color: #F5B301 !important;
  border: 2px solid #F5B301 !important;
  color: #1A1300 !important;
  -webkit-text-fill-color: #1A1300 !important;
  font-family: 'Space Grotesk', -apple-system, sans-serif !important;
  font-weight: 850 !important;
  font-size: 0.95rem !important;
  line-height: 1.25 !important;
  padding: 13px 26px !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 18px rgba(245, 179, 1, 0.35) !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  transition: transform 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease !important;
}

html body :is(.nc-b2b-cta-box, [id="cta-box"]) a.nc-cta-btn-primary:hover,
html body div.nc-b2b-cta-box a.nc-cta-btn-primary:hover,
html body a.nc-cta-btn-primary:hover {
  background: #FFBE1A !important;
  background-color: #FFBE1A !important;
  border-color: #FFBE1A !important;
  color: #1A1300 !important;
  -webkit-text-fill-color: #1A1300 !important;
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 6px 24px rgba(245, 179, 1, 0.5) !important;
}

html body :is(.nc-b2b-cta-box, [id="cta-box"]) a.nc-cta-btn-phone,
html body div.nc-b2b-cta-box a.nc-cta-btn-phone {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #0F2238 !important;
  background-color: #0F2238 !important;
  border: 1.5px solid rgba(255, 255, 255, 0.16) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-family: 'Space Grotesk', -apple-system, sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9375rem !important;
  padding: 13px 22px !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  transition: border-color 0.18s ease, transform 0.18s ease !important;
}

html body :is(.nc-b2b-cta-box, [id="cta-box"]) a.nc-cta-btn-phone:hover {
  border-color: #00D285 !important;
  transform: translateY(-2px) !important;
}

html body :is(.nc-b2b-cta-box, [id="cta-box"]) a.nc-cta-btn-phone strong {
  color: #FFFFFF !important;
  font-weight: 850 !important;
}


/* --- 8.2 Master E-E-A-T Meister- & Autoren-Box --- */
html body :is(.nc-author-eeat-box, #author-box) {
  display: block !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 16px !important;
  padding: 32px 30px !important;
  margin: 40px auto 32px auto !important;
  max-width: 860px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  box-sizing: border-box !important;
  clear: both !important;
}

html body .nc-author-eeat-box .nc-eeat-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html body .nc-author-eeat-box .nc-eeat-badge {
  align-self: flex-start !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #F0FDF4 !important;
  border: 1px solid #BBF7D0 !important;
  color: #166534 !important;
  font-family: 'Space Grotesk', -apple-system, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 4px 12px !important;
  border-radius: 9999px !important;
}

html body .nc-author-eeat-box .nc-eeat-badge-dot {
  width: 7px !important;
  height: 7px !important;
  background: #00D285 !important;
  border-radius: 50% !important;
  display: inline-block !important;
}

html body .nc-author-eeat-box .nc-eeat-header {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

html body .nc-author-eeat-box .nc-eeat-avatars {
  display: flex !important;
  align-items: center !important;
}

html body .nc-author-eeat-box .nc-eeat-avatar {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  color: #FFFFFF !important;
  border: 2px solid #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

html body .nc-author-eeat-box .nc-eeat-avatar--daniel {
  background: linear-gradient(135deg, #0A1E33 0%, #15385C 100%) !important;
  z-index: 2 !important;
}

html body .nc-author-eeat-box .nc-eeat-avatar--maja {
  background: linear-gradient(135deg, #007A78 0%, #00B4A0 100%) !important;
  margin-left: -14px !important;
  z-index: 1 !important;
}

html body .nc-author-eeat-box .nc-eeat-names {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

html body .nc-author-eeat-box h4.nc-eeat-name {
  font-family: 'Space Grotesk', -apple-system, sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #0A1E33 !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}

html body .nc-author-eeat-box .nc-eeat-role {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  color: #007A78 !important;
}

html body .nc-author-eeat-box .nc-eeat-bio p {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.9375rem !important;
  line-height: 1.6 !important;
  color: #334155 !important;
  margin: 0 !important;
}

html body .nc-author-eeat-box .nc-eeat-badges-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

html body .nc-author-eeat-box .nc-eeat-pill {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 0.75rem !important;
  font-weight: 750 !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
}

html body .nc-author-eeat-box .nc-eeat-pill--green {
  background: #F0FDF4 !important;
  color: #15803D !important;
  border: 1px solid #DCFCE7 !important;
}

html body .nc-author-eeat-box .nc-eeat-pill--blue {
  background: #EFF6FF !important;
  color: #1D4ED8 !important;
  border: 1px solid #DBEAFE !important;
}

html body .nc-author-eeat-box .nc-eeat-pill--navy {
  background: #F8FAFC !important;
  color: #0F172A !important;
  border: 1px solid #E2E8F0 !important;
}

html body .nc-author-eeat-box .nc-eeat-pill--gold {
  background: #FEFCE8 !important;
  color: #A16207 !important;
  border: 1px solid #FEF08A !important;
}

html body .nc-author-eeat-box .nc-eeat-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  padding-top: 14px !important;
  border-top: 1px solid #F1F5F9 !important;
  font-size: 0.875rem !important;
}

html body .nc-author-eeat-box a.nc-eeat-link--primary {
  font-weight: 750 !important;
  color: #007A78 !important;
  text-decoration: none !important;
}

html body .nc-author-eeat-box a.nc-eeat-link--primary:hover {
  text-decoration: underline !important;
}

html body .nc-author-eeat-box .nc-eeat-direct-contact {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #64748B !important;
}

html body .nc-author-eeat-box a.nc-eeat-phone,
html body .nc-author-eeat-box a.nc-eeat-email {
  color: #0F172A !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

html body .nc-author-eeat-box a.nc-eeat-phone:hover,
html body .nc-author-eeat-box a.nc-eeat-email:hover {
  color: #007A78 !important;
}

/* ==============================================================================
 * 9. COLUMN NESTED BREAKOUT RESET (PREVENTS ALIGNFULL DISTORTION IN INNER COLS)
 * ============================================================================== */
html body .nc-editorial-main .alignfull,
html body .nc-editorial-main .alignwide,
html body .kt-inside-inner-col .alignfull,
html body .kt-inside-inner-col .alignwide,
html body .nc-blog-article .alignfull,
html body .nc-blog-article .alignwide,
html body .entry-content .kt-inside-inner-col .alignfull,
html body .entry-content .kt-inside-inner-col .alignwide {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}