/*
Theme Name: Burri Farms Child
Template: blocksy
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Source+Sans+3:wght@300;400;600&display=swap');

/* ── TOKENS ── */
:root {
  --bf-gruen:        #7c9880;
  --bf-gruen-dark:   #4f6b52;
  --bf-gruen-deeper: #344736;
  --bf-gruen-pale:   #e8f0e9;
  --bf-gruen-bg:     #f2f7f2;
  --bf-earth-dark:   #2C2416;
  --bf-earth-mid:    #5C4A2A;
  --bf-gold:         #C8922A;
  --bf-gold-pale:    #f5ead8;
  --bf-cream:        #F5F0E8;
  --bf-rust:         #A84F2E;
  --bf-warm-white:   #fdfcf8;
  --bf-charcoal:     #2a2e29;
  --bf-mid:          #4a5248;
  --bf-serif: 'Playfair Display', Georgia, serif;
  --bf-sans:  'Source Sans 3', system-ui, sans-serif;
  --bf-max-w: 1200px;
  --bf-pad:   40px;
}

/* ── SEITENTITEL & HERO-BLOCK KOMPLETT ENTFERNEN ── */
/* Blocksy rendert einen Hero/Header-Block über dem Elementor-Content.
   Alles davon wird auf display:none und height:0 gesetzt. */
.entry-header,
.page-header,
.ct-page-header,
.ct-post-title,
.ct-post-header,
.ct-hero,
.ct-hero-container,
.page-hero,
.hero-section,
.entry-title,
.page-title,
.ct-header-content,
.page .entry-header,
.single .entry-header,
[class*="ct-hero"],
[class*="page-hero"],
[class*="entry-hero"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* ── BASE ── */
body {
  font-family: var(--bf-sans) !important;
  background-color: var(--bf-warm-white) !important;
  color: var(--bf-charcoal) !important;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6 { font-family: var(--bf-serif) !important; }
.elementor-widget-heading .elementor-heading-title { font-family: var(--bf-serif) !important; }
.elementor-widget-text-editor p { font-family: var(--bf-sans) !important; }
.elementor-button { font-family: var(--bf-sans) !important; border-radius: 4px !important; }

/* ═══════════════════════════════════════════════════
   LAYOUT & SEITENBREITE
   Prinzip:
   - Sektions-Hintergrund läuft volle Breite
   - Inhalt wird auf --bf-max-w begrenzt
   ═══════════════════════════════════════════════════ */

/* Blocksy's eigene Container-Variable überschreiben */
:root {
  --theme-content-width: 1200px !important;
  --container-width: 1200px !important;
}

/* 1. Blocksy Seitencontainer */
.ct-container,
.site-main .ct-container,
.entry-content .ct-container {
  max-width: var(--bf-max-w) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--bf-pad) !important;
  padding-right: var(--bf-pad) !important;
  width: 100% !important;
}

/* 2. Elementor: Boxed-Sektionen */
.elementor-section.elementor-section-boxed > .elementor-container,
.e-con-boxed > .e-con-inner,
.e-con.e-con--boxed {
  max-width: var(--bf-max-w) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--bf-pad) !important;
  padding-right: var(--bf-pad) !important;
  width: 100% !important;
}

/* 3. Elementor: Full-Width Sektionen
   Hintergrund 100% breit, Container begrenzt */
.elementor-section.elementor-section-full_width > .elementor-container {
  max-width: var(--bf-max-w) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--bf-pad) !important;
  padding-right: var(--bf-pad) !important;
}

/* 4. Elementor Flex-Container (neue API)
   Äusserer .e-con = Hintergrund (volle Breite)
   .e-con-inner    = Inhalt (begrenzt) */
.e-con > .e-con-inner {
  max-width: var(--bf-max-w) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--bf-pad) !important;
  padding-right: var(--bf-pad) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 5. Verschachtelte Container: kein doppeltes Padding */
.e-con-inner > .e-con > .e-con-inner,
.e-con-inner > .e-con-inner {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 6. Elementor Seiten-Wrapper direkt begrenzen */
.elementor-page .elementor,
.elementor-page .elementor-inner {
  max-width: 100% !important;
}

/* 7. Responsives Padding */
@media (max-width: 1280px) {
  :root { --bf-pad: 32px; }
}
@media (max-width: 768px) {
  :root { --bf-pad: 20px; }
}

/* ── BLOCKSY HEADER ── */
.site-header, #site-header {
  background-color: var(--bf-warm-white) !important;
  border-bottom: 1px solid rgba(124,152,128,0.15) !important;
  box-shadow: none !important;
}
.site-branding .site-title a {
  font-family: var(--bf-serif) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--bf-gruen-deeper) !important;
  letter-spacing: 0.2px;
}

/* ── NAVIGATION – ALLE LINKS ── */
.ct-main-nav ul li,
.primary-nav ul li {
  display: flex !important;
  align-items: center !important;
}
.ct-main-nav ul li a,
.primary-nav ul li a {
  font-family: var(--bf-sans) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #6b6f6b !important;
  border-radius: 4px !important;
  padding: 6px 12px !important;
  line-height: 1.4 !important;
  height: auto !important;
  align-self: center !important;
  transition: color 0.2s, background 0.2s !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Aktiver Menüpunkt (aktuelle Seite) – Blocksy-Blau überschreiben */
.ct-main-nav ul li.current-menu-item > a,
.ct-main-nav ul li.current_page_item > a,
.ct-main-nav ul li.current-menu-ancestor > a,
.primary-nav ul li.current-menu-item > a,
.primary-nav ul li.current_page_item > a,
.primary-nav ul li.current-menu-ancestor > a,
#header .ct-main-nav ul li.current-menu-item > a,
.site-header ul li.current-menu-item > a {
  color: var(--bf-gruen-deeper) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  background: var(--bf-gruen-pale) !important;
}

/* Aktiver Zustand via menu-item-farm Klasse */
.ct-main-nav ul li.menu-item-farm.current-menu-item > a,
.primary-nav ul li.menu-item-farm.current-menu-item > a {
  color: var(--bf-gruen-deeper) !important;
  font-weight: 600 !important;
  background: var(--bf-gruen-pale) !important;
}

/* Hover – Farm-Seiten (Standard grün) */
.ct-main-nav ul li:not(.menu-item-grien-beef):not(.menu-item-cta) a:hover,
.primary-nav ul li:not(.menu-item-grien-beef):not(.menu-item-cta) a:hover {
  color: var(--bf-gruen-deeper) !important;
  background: var(--bf-gruen-pale) !important;
  font-weight: 400 !important;
}


/* ── UNSERE FARM – explizite Menü-Klasse ── */
.menu-item-farm,
.ct-main-nav ul li.menu-item-farm,
.primary-nav ul li.menu-item-farm {
  display: flex !important;
  align-items: center !important;
}
.menu-item-farm > a,
.ct-main-nav ul li.menu-item-farm > a,
.primary-nav ul li.menu-item-farm > a {
  color: #6b6f6b !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  padding: 6px 12px !important;
  border-radius: 4px !important;
  height: auto !important;
  line-height: 1.4 !important;
  align-self: center !important;
  background: transparent !important;
  border: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.menu-item-farm > a:hover,
.ct-main-nav ul li.menu-item-farm > a:hover,
.primary-nav ul li.menu-item-farm > a:hover {
  color: var(--bf-gruen-deeper) !important;
  font-weight: 400 !important;
  background: var(--bf-gruen-pale) !important;
}
.ct-main-nav ul li.menu-item-farm.current-menu-item > a,
.primary-nav ul li.menu-item-farm.current-menu-item > a {
  color: var(--bf-gruen-deeper) !important;
  font-weight: 600 !important;
  background: var(--bf-gruen-pale) !important;
}
/* ── GRIEN BEEF – gleiche Farbe wie andere Links, Hover: bold + gold Hintergrund ── */
.menu-item-grien-beef,
.ct-main-nav ul li.menu-item-grien-beef,
.primary-nav ul li.menu-item-grien-beef {
  display: flex !important;
  align-items: center !important;
}
.menu-item-grien-beef > a,
.ct-main-nav ul li.menu-item-grien-beef > a,
.primary-nav ul li.menu-item-grien-beef > a {
  color: #6b6f6b !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  background: transparent !important;
  border: none !important;
  padding: 6px 12px !important;
  height: auto !important;
  line-height: 1.4 !important;
  align-self: center !important;
}
.menu-item-grien-beef > a:hover,
.ct-main-nav ul li.menu-item-grien-beef > a:hover,
.primary-nav ul li.menu-item-grien-beef > a:hover {
  color: #6b6f6b !important;
  font-weight: 400 !important;
  background: rgba(200,146,42,0.10) !important;
}
.ct-main-nav ul li.menu-item-grien-beef.current-menu-item > a,
.primary-nav ul li.menu-item-grien-beef.current-menu-item > a {
  color: var(--bf-gruen-deeper) !important;
  font-weight: 600 !important;
}

/* ── KONTAKT – Grüner CTA-Button ── */
.menu-item-cta,
.ct-main-nav ul li.menu-item-cta,
.primary-nav ul li.menu-item-cta {
  display: flex !important;
  align-items: center !important;
}
.menu-item-cta > a,
.ct-main-nav ul li.menu-item-cta > a,
.primary-nav ul li.menu-item-cta > a {
  font-family: var(--bf-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: white !important;
  background-color: var(--bf-gruen) !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 8px 18px !important;
  line-height: 1.4 !important;
  height: auto !important;
  align-self: center !important;
  transition: background 0.2s !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.menu-item-cta > a:hover,
.ct-main-nav ul li.menu-item-cta > a:hover,
.primary-nav ul li.menu-item-cta > a:hover {
  background-color: var(--bf-gruen-dark) !important;
  color: white !important;
}

/* ── BLOCKSY FOOTER ── */
.site-footer { background-color: #1a1f1a !important; }
.site-footer p, .site-footer a, .footer-copyright { color: rgba(255,255,255,0.35) !important; font-size: 12px !important; }
.site-footer a:hover { color: var(--bf-gruen) !important; }

/* ── UTILITY: BACKGROUNDS ── */
.bf-bg-gruen-bg   { background-color: var(--bf-gruen-bg) !important; }
.bf-bg-gruen-pale { background-color: var(--bf-gruen-pale) !important; }
.bf-bg-white      { background-color: #ffffff !important; }
.bf-bg-warm-white { background-color: var(--bf-warm-white) !important; }
.bf-bg-gruen-deep { background-color: var(--bf-gruen-deeper) !important; }
.bf-bg-earth-dark { background-color: var(--bf-earth-dark) !important; }
.bf-bg-earth-mid  { background-color: var(--bf-earth-mid) !important; }
.bf-bg-cream      { background-color: var(--bf-cream) !important; }
.bf-bg-gold       { background-color: var(--bf-gold) !important; }
.bf-bg-gold-pale  { background-color: var(--bf-gold-pale) !important; }

/* ── UTILITY: TEXT ── */
.bf-text-gruen-deep { color: var(--bf-gruen-deeper) !important; }
.bf-text-gruen      { color: var(--bf-gruen) !important; }
.bf-text-gold       { color: var(--bf-gold) !important; }
.bf-text-cream      { color: var(--bf-cream) !important; }
.bf-text-mid        { color: var(--bf-mid) !important; }
.bf-text-muted-dark { color: rgba(245,240,232,0.65) !important; }
.bf-text-white      { color: #ffffff !important; }
.bf-font-serif      { font-family: var(--bf-serif) !important; }

/* ── SECTION LABELS ── */
.bf-label, .bf-label-farm {
  display: block;
  font-family: var(--bf-sans) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--bf-gruen) !important;
  margin-bottom: 8px;
}
.bf-label-beef {
  display: block;
  font-family: var(--bf-sans) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--bf-gold) !important;
  margin-bottom: 8px;
}

/* ── DIVIDERS ── */
.bf-divider {
  display: block;
  width: 36px;
  height: 2px;
  border-radius: 2px;
  margin: 10px 0 18px;
}
.bf-divider-farm   { background-color: var(--bf-gruen); }
.bf-divider-beef   { background-color: var(--bf-gold); }
.bf-divider-center { margin-left: auto; margin-right: auto; }

/* ── BUTTONS ── */
.bf-btn-farm, .elementor-button.bf-btn-farm {
  background-color: var(--bf-gruen) !important;
  color: white !important;
  font-family: var(--bf-sans) !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  border: none !important;
}
.bf-btn-farm-out, .elementor-button.bf-btn-farm-out {
  background-color: white !important;
  color: var(--bf-gruen-dark) !important;
  border: 1.5px solid rgba(124,152,128,0.4) !important;
  border-radius: 4px !important;
}
.bf-btn-beef, .elementor-button.bf-btn-beef {
  background-color: var(--bf-gold) !important;
  color: var(--bf-earth-dark) !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  border: none !important;
}
.bf-btn-beef-ghost, .elementor-button.bf-btn-beef-ghost {
  background-color: transparent !important;
  color: var(--bf-cream) !important;
  border: 1px solid rgba(245,240,232,0.28) !important;
  border-radius: 4px !important;
}
.bf-btn-white, .elementor-button.bf-btn-white {
  background-color: white !important;
  color: var(--bf-earth-dark) !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
}

/* ── ORIGIN PILL (Farm Hero) ── */
.bf-origin-pill {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  background: white;
  border: 1px solid rgba(124,152,128,0.3);
  border-radius: 20px;
  padding: 4px 13px;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--bf-gruen-dark) !important;
  width: fit-content;
  margin-bottom: 0 !important;
}
.bf-origin-pill::before {
  content: '';
  width: 6px; height: 6px;
  background: var(--bf-gruen);
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}

/* ── BEEF BADGE (Grien Beef Hero) ── */
.bf-beef-badge {
  display: inline-flex !important;
  align-items: center;
  background: rgba(200,146,42,0.14);
  border: 1px solid rgba(200,146,42,0.38);
  color: var(--bf-gold) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 13px;
  border-radius: 2px;
  width: fit-content;
  margin-bottom: 0 !important;
}

/* ── TRUST STRIP ── */
.bf-trust-strip {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  padding-top: 20px;
  border-top: 1px solid rgba(124,152,128,0.2);
  margin-top: 4px;
}
.bf-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: var(--bf-mid);
  font-weight: 500;
  font-family: var(--bf-sans);
}
.bf-trust-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px; height: 14px;
  background: var(--bf-gruen-pale);
  border-radius: 50%;
  font-size: 8px;
  color: var(--bf-gruen-dark);
  font-weight: 700;
  flex-shrink: 0;
}

/* ── CERT BAR ── */
.bf-cert-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  color: var(--bf-mid);
  font-family: var(--bf-sans);
}
.bf-cert-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px; height: 24px;
  background: var(--bf-gruen-pale);
  border-radius: 50%;
  font-size: 11px;
  flex-shrink: 0;
}

/* ── GOLD VALUES BAR ── */
.bf-val-bar-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: var(--bf-max-w);
  margin: 0 auto;
  padding: 0 var(--bf-pad);
}
.bf-val-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 28px;
  color: var(--bf-earth-dark);
  font-size: 13px;
  font-weight: 600;
  font-family: var(--bf-sans);
  letter-spacing: 0.2px;
  border-right: 1px solid rgba(44,36,22,0.18);
  white-space: nowrap;
}
.bf-val-item:last-child { border-right: none; }
.bf-val-item .bf-val-icon {
  font-size: 16px;
  line-height: 1;
  flex-shrink: 0;
}

/* ── TAGS ── */
.bf-tag-green {
  display: inline-block;
  font-size: 11px; font-weight: 600;
  padding: 3px 10px; border-radius: 2px;
  background: var(--bf-gruen-pale);
  border: 1px solid rgba(124,152,128,0.3);
  color: var(--bf-gruen-dark);
  font-family: var(--bf-sans);
}
.bf-tag-neutral {
  display: inline-block;
  font-size: 11px; font-weight: 600;
  padding: 3px 10px; border-radius: 2px;
  background: #f5f3ef;
  border: 1px solid #ddd8cf;
  color: var(--bf-mid);
  font-family: var(--bf-sans);
}

/* ── BADGES ── */
.bf-badge-rust { display:inline-block; font-size:10px; font-weight:600; letter-spacing:.5px; text-transform:uppercase; padding:3px 9px; border-radius:2px; background:rgba(168,79,46,0.10); color:var(--bf-rust); }
.bf-badge-gold { display:inline-block; font-size:10px; font-weight:600; letter-spacing:.5px; text-transform:uppercase; padding:3px 9px; border-radius:2px; background:rgba(200,146,42,0.12); color:#7a5520; }
.bf-badge-sage { display:inline-block; font-size:10px; font-weight:600; letter-spacing:.5px; text-transform:uppercase; padding:3px 9px; border-radius:2px; background:rgba(79,107,82,0.12); color:var(--bf-gruen-dark); }

/* ── PRODUCT CARDS ── */
.bf-prod-card__title {
  font-family: var(--bf-serif) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: var(--bf-earth-dark) !important;
  margin-bottom: 8px !important;
}
.bf-prod-card__desc {
  font-size: 13px;
  color: var(--bf-earth-mid);
  line-height: 1.7;
  margin-bottom: 12px;
  font-family: var(--bf-sans);
}

/* ── PROCESS GRID ── */
.bf-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid rgba(92,74,42,0.10);
  border-radius: 6px;
  overflow: hidden;
}
.bf-process-item {
  padding: 30px 22px;
  border-right: 1px solid rgba(92,74,42,0.10);
  background: white;
}
.bf-process-item:last-child { border-right: none; }
.bf-process-num {
  font-family: var(--bf-serif);
  font-size: 32px; font-weight: 700;
  color: rgba(200,146,42,0.22);
  margin-bottom: 8px; line-height: 1;
}
.bf-process-title {
  font-family: var(--bf-serif) !important;
  font-size: 15px !important; font-weight: 700 !important;
  color: var(--bf-earth-dark) !important;
  margin-bottom: 8px !important;
}
.bf-process-text { font-size: 13px; color: var(--bf-earth-mid); line-height: 1.75; font-family: var(--bf-sans); }

/* ── PRINCIPLES GRID ── */
.bf-principles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(124,152,128,0.13);
  border-radius: 6px;
  overflow: hidden;
}
.bf-principle-item {
  padding: 30px 26px;
  border-right: 1px solid rgba(124,152,128,0.12);
  border-bottom: 1px solid rgba(124,152,128,0.12);
  background: white;
}
.bf-principle-item:nth-child(3n)        { border-right: none; }
.bf-principle-item:nth-last-child(-n+3) { border-bottom: none; }
.bf-principle-icon  { font-size: 22px; margin-bottom: 12px; display: block; }
.bf-principle-title { font-family: var(--bf-serif) !important; font-size: 16px !important; font-weight: 700 !important; color: var(--bf-gruen-deeper) !important; margin-bottom: 7px !important; }
.bf-principle-text  { font-size: 13px; color: var(--bf-mid); line-height: 1.75; font-family: var(--bf-sans); }

/* ── TEAM CARDS ── */

/* Team-Karten: gleich breite nebeneinander stehende Karten.
   Der Elementor-Container der die zwei Text-Widgets mit .bf-team-card enthält
   wird via .bf-team-grid Klasse gesteuert – diese Klasse wird im Elementor
   Container unter "Erweitert → CSS-Klassen" eingetragen. */
.bf-team-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 700px !important;
  margin: 0 auto !important;
}
.bf-team-grid > * {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.bf-team-card {
  background: white;
  border: 1px solid rgba(124,152,128,0.18);
  border-radius: 6px;
  padding: 28px;
  width: 100% !important;
  height: 100%;
  box-sizing: border-box;
}
.bf-team-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px; height: 48px;
  border-radius: 50%;
  background: var(--bf-gruen);
  font-family: var(--bf-serif);
  font-size: 19px; font-weight: 700;
  color: white;
  margin-bottom: 14px;
}
.bf-team-name { font-family: var(--bf-serif) !important; font-size: 18px !important; font-weight: 700 !important; color: var(--bf-gruen-deeper) !important; margin-bottom: 2px !important; }
.bf-team-role { font-size: 10px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; color: var(--bf-gruen); margin-bottom: 10px; display: block; font-family: var(--bf-sans); }
.bf-team-bio  { font-size: 13px; color: var(--bf-mid); line-height: 1.75; font-family: var(--bf-sans); }

@media (max-width: 640px) {
  .bf-team-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ── LAYOUT-SHIFT BEI HOVER VERHINDERN ── */
/* Reserviert die Breite des fetten Textes via ::after Pseudo-Element,
   damit das Menu beim Hover nicht springt. */
.ct-main-nav ul li a,
.primary-nav ul li a {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.ct-main-nav ul li a::after,
.primary-nav ul li a::after {
  content: attr(data-text);
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0;
}

/* ── NAV: EINHEITLICHE ECKEN ── */
.ct-main-nav ul li a,
.primary-nav ul li a,
.ct-main-nav ul li a:hover,
.primary-nav ul li a:hover,
.ct-main-nav ul li.current-menu-item > a,
.primary-nav ul li.current-menu-item > a,
.menu-item-cta > a,
.menu-item-cta > a:hover,
.menu-item-grien-beef > a,
.menu-item-grien-beef > a:hover,
.menu-item-farm > a,
.menu-item-farm > a:hover {
  border-radius: 4px !important;
}
/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .bf-process-grid    { grid-template-columns: 1fr 1fr; }
  .bf-principles-grid { grid-template-columns: 1fr 1fr; }
  .bf-val-item        { border-right: none; padding: 5px 16px; }
  .bf-trust-strip     { gap: 12px; }
}
@media (max-width: 600px) {
  .bf-process-grid    { grid-template-columns: 1fr; }
  .bf-process-item    { border-right: none; border-bottom: 1px solid rgba(92,74,42,0.10); }
  .bf-principles-grid { grid-template-columns: 1fr; }
  .bf-principle-item  { border-right: none !important; }
}

/* ── SUCHE IM HEADER AUSBLENDEN ── */
.header-search,
.ct-header-search,
.ct-search-trigger,
[class*="header-search"],
[class*="search-trigger"],
.site-header .search-form,
.site-header form[role="search"] {
  display: none !important;
}