<!DOCTYPE html>
<html lang="de" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style id="woodcargo-design-system">

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

/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root {

  /* Warme Naturpalette */
  --wc-cream:       #FAF8F3;   /* Hellstes Warmweiß – Haupthintergrund */
  --wc-parchment:   #F2EDE2;   /* Pergament – Section-Wechsel */
  --wc-linen:       #E8DFD0;   /* Leinen – Karten, Borders */
  --wc-sand:        #D4C5AE;   /* Sand – dezente Trennlinien */
  --wc-bark:        #A8906F;   /* Rinde – Akzentdetails */
  --wc-earth:       #6B5240;   /* Erde – warmer Dunkelton */
  --wc-soil:        #3D2B1F;   /* Humus – Tiefdunkel für Text */

  /* Grüntöne aus dem Logo */
  --wc-forest:      #1A4D2E;   /* Waldgrün dunkel – Hauptakzent */
  --wc-moss:        #2D6A47;   /* Moos – Hover-Zustand */
  --wc-fern:        #4A8C62;   /* Farn – heller Grünton */
  --wc-sage:        #8AAF90;   /* Salbei – ganz leise */
  --wc-meadow:      #D4E8DA;   /* Wiese – Hintergrund-Tint */

  /* Textfarben */
  --wc-text-dark:   #2A1F14;   /* Haupttext auf hellem BG */
  --wc-text-mid:    #5C4A38;   /* Sekundärtext */
  --wc-text-soft:   #8A7560;   /* Tertiärtext, Bildunterschriften */
  --wc-text-ghost:  #B5A594;   /* Placeholder, sehr leise */

  /* Schriften */
  --wc-serif:       'Playfair Display', Georgia, serif;
  --wc-sans:        'DM Sans', system-ui, sans-serif;

  /* Schriftgrößen – fluid */
  --wc-text-xs:     0.75rem;
  --wc-text-sm:     0.875rem;
  --wc-text-base:   1rem;
  --wc-text-lg:     1.125rem;
  --wc-text-xl:     1.25rem;
  --wc-text-2xl:    1.5rem;
  --wc-text-3xl:    1.875rem;
  --wc-text-4xl:    2.25rem;
  --wc-text-5xl:    3rem;
  --wc-text-6xl:    3.75rem;
  --wc-text-7xl:    4.5rem;

  /* Abstände */
  --wc-space-xs:    0.5rem;
  --wc-space-sm:    1rem;
  --wc-space-md:    1.5rem;
  --wc-space-lg:    2.5rem;
  --wc-space-xl:    4rem;
  --wc-space-2xl:   6rem;
  --wc-space-3xl:   8rem;

  /* Layout */
  --wc-max:         1240px;
  --wc-max-narrow:  820px;
  --wc-gutter:      clamp(1.25rem, 5vw, 3rem);
  --wc-section:     clamp(5rem, 10vw, 9rem);

  /* Radien */
  --wc-r-sm:        4px;
  --wc-r-md:        8px;
  --wc-r-lg:        16px;
  --wc-r-xl:        24px;
  --wc-r-pill:      999px;

  /* Borders */
  --wc-border:       1px solid var(--wc-linen);
  --wc-border-sand:  1px solid var(--wc-sand);
  --wc-border-green: 1px solid var(--wc-fern);

  /* Schatten – sehr weich und warm */
  --wc-shadow-sm:  0 1px 4px rgba(61, 43, 31, 0.06);
  --wc-shadow-md:  0 4px 20px rgba(61, 43, 31, 0.09);
  --wc-shadow-lg:  0 16px 48px rgba(61, 43, 31, 0.12);
  --wc-shadow-xl:  0 32px 80px rgba(61, 43, 31, 0.14);

  /* Übergänge */
  --wc-ease:        cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --wc-ease-out:    cubic-bezier(0.0, 0.0, 0.2, 1.0);
  --wc-t-fast:      180ms;
  --wc-t-base:      300ms;
  --wc-t-slow:      500ms;
}

/* ============================================================
   BASIS
   ============================================================ */
.wc-section,
.wc-component {
  font-family: var(--wc-sans);
  color: var(--wc-text-dark);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

.wc-section *, .wc-component * { box-sizing: border-box; }
.wc-section a, .wc-component a { text-decoration: none; }

/* ============================================================
   TYPOGRAFIE
   ============================================================ */

/* Overline / Eyebrow */
.wc-eyebrow {
  font-family: var(--wc-sans);
  font-size: var(--wc-text-xs);
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--wc-forest);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.wc-eyebrow::before {
  content: '';
  width: 28px;
  height: 1px;
  background: var(--wc-forest);
  display: inline-block;
  flex-shrink: 0;
}

/* Headlines – Serif für emotionale Wirkung */
.wc-h1 {
  font-family: var(--wc-serif);
  font-size: clamp(2.5rem, 6vw, var(--wc-text-7xl));
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -0.01em;
  color: var(--wc-text-dark);
  margin: 0 0 var(--wc-space-md);
}

.wc-h2 {
  font-family: var(--wc-serif);
  font-size: clamp(1.875rem, 4vw, var(--wc-text-5xl));
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--wc-text-dark);
  margin: 0 0 var(--wc-space-md);
}

.wc-h3 {
  font-family: var(--wc-serif);
  font-size: clamp(1.25rem, 2.5vw, var(--wc-text-3xl));
  font-weight: 500;
  line-height: 1.2;
  color: var(--wc-text-dark);
  margin: 0 0 var(--wc-space-sm);
}

.wc-h4 {
  font-family: var(--wc-serif);
  font-size: var(--wc-text-xl);
  font-weight: 500;
  line-height: 1.3;
  color: var(--wc-text-dark);
  margin: 0 0 var(--wc-space-xs);
}

/* Kursiv-Akzent für Highlights im Titel */
.wc-h1 em, .wc-h2 em {
  font-style: italic;
  color: var(--wc-forest);
}

.wc-lead {
  font-family: var(--wc-sans);
  font-size: clamp(var(--wc-text-base), 1.4vw, var(--wc-text-xl));
  font-weight: 300;
  line-height: 1.75;
  color: var(--wc-text-mid);
  margin: 0 0 var(--wc-space-lg);
}

.wc-body {
  font-family: var(--wc-sans);
  font-size: var(--wc-text-base);
  font-weight: 400;
  line-height: 1.7;
  color: var(--wc-text-soft);
}

.wc-caption {
  font-family: var(--wc-sans);
  font-size: var(--wc-text-xs);
  font-weight: 400;
  letter-spacing: 0.05em;
  color: var(--wc-text-ghost);
}

/* ============================================================
   LAYOUT
   ============================================================ */
.wc-container {
  max-width: var(--wc-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--wc-gutter);
  padding-right: var(--wc-gutter);
  width: 100%;
}

.wc-container--narrow { max-width: var(--wc-max-narrow); }

.wc-section-pad {
  padding-top: var(--wc-section);
  padding-bottom: var(--wc-section);
}

.wc-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--wc-space-lg); }
.wc-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--wc-space-lg); }
.wc-grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--wc-space-md); }
.wc-text-center { text-align: center; }

/* ============================================================
   BUTTONS
   ============================================================ */
.wc-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  font-family: var(--wc-sans);
  font-size: var(--wc-text-sm);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: all var(--wc-t-base) var(--wc-ease);
  white-space: nowrap;
  border-radius: var(--wc-r-sm);
}

.wc-btn:active { transform: scale(0.98); }

/* Primär: Waldgrün gefüllt */
.wc-btn--primary {
  background: var(--wc-forest);
  color: var(--wc-cream);
  padding: 0.9rem 2rem;
}
.wc-btn--primary:hover {
  background: var(--wc-moss);
  color: var(--wc-cream);
  box-shadow: 0 6px 24px rgba(26, 77, 46, 0.25);
}

/* Sekundär: Umriss */
.wc-btn--secondary {
  background: transparent;
  color: var(--wc-forest);
  padding: 0.875rem 1.875rem;
  border: 1px solid var(--wc-forest);
}
.wc-btn--secondary:hover {
  background: var(--wc-meadow);
  color: var(--wc-forest);
}

/* Ghost: nur Text mit Pfeil */
.wc-btn--ghost {
  background: transparent;
  color: var(--wc-forest);
  padding: 0;
  border-radius: 0;
  font-size: var(--wc-text-sm);
  letter-spacing: 0.04em;
  border-bottom: 1px solid var(--wc-fern);
  padding-bottom: 2px;
}
.wc-btn--ghost:hover { color: var(--wc-moss); border-color: var(--wc-moss); }
.wc-btn--ghost .wc-arrow { transition: transform var(--wc-t-base) var(--wc-ease); }
.wc-btn--ghost:hover .wc-arrow { transform: translateX(5px); }

/* Pfeil SVG inline */
.wc-arrow {
  display: inline-block;
  width: 16px;
  height: 16px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

/* ============================================================
   KARTEN
   ============================================================ */
.wc-card {
  background: var(--wc-cream);
  border: var(--wc-border);
  border-radius: var(--wc-r-lg);
  padding: var(--wc-space-lg);
  transition: box-shadow var(--wc-t-slow) var(--wc-ease), transform var(--wc-t-slow) var(--wc-ease);
}
.wc-card:hover {
  box-shadow: var(--wc-shadow-lg);
  transform: translateY(-3px);
}

.wc-card--parchment { background: var(--wc-parchment); }
.wc-card--lined { border-left: 3px solid var(--wc-forest); border-radius: 0 var(--wc-r-lg) var(--wc-r-lg) 0; }

/* ============================================================
   BADGES / TAGS
   ============================================================ */
.wc-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-family: var(--wc-sans);
  font-size: var(--wc-text-xs);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.3rem 0.875rem;
  border-radius: var(--wc-r-pill);
}
.wc-badge--forest { background: var(--wc-meadow); color: var(--wc-forest); border: 1px solid var(--wc-sage); }
.wc-badge--sand   { background: var(--wc-parchment); color: var(--wc-earth); border: 1px solid var(--wc-linen); }

/* ============================================================
   ICON-BOX
   ============================================================ */
.wc-icon-box {
  width: 52px;
  height: 52px;
  border-radius: var(--wc-r-md);
  background: var(--wc-meadow);
  border: 1px solid var(--wc-sage);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-bottom: var(--wc-space-sm);
}
.wc-icon-box svg {
  width: 26px;
  height: 26px;
  stroke: var(--wc-forest);
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ============================================================
   SECTION-HINTERGRÜNDE
   ============================================================ */
.wc-bg-cream     { background-color: var(--wc-cream); }
.wc-bg-parchment { background-color: var(--wc-parchment); }
.wc-bg-forest    { background-color: var(--wc-forest); }
.wc-bg-soil      { background-color: var(--wc-soil); }

/* Chevron-Hintergrundmotiv (aus dem Logo, subtil) */
.wc-chevron-bg {
  position: relative;
  overflow: hidden;
}
.wc-chevron-bg::after {
  content: '';
  position: absolute;
  right: -5%;
  top: 50%;
  transform: translateY(-50%);
  width: min(55%, 520px);
  height: 120%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 600' fill='none'%3E%3Cpath d='M20 40 L220 300 L20 560' stroke='%231A4D2E' stroke-width='90' stroke-linejoin='miter'/%3E%3Cpath d='M150 40 L350 300 L150 560' stroke='%231A4D2E' stroke-width='90' stroke-linejoin='miter'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  opacity: 0.04;
  pointer-events: none;
}

/* Dunkle Section – Waldgrün */
.wc-bg-forest .wc-eyebrow      { color: var(--wc-sage); }
.wc-bg-forest .wc-eyebrow::before { background: var(--wc-sage); }
.wc-bg-forest .wc-h1,
.wc-bg-forest .wc-h2,
.wc-bg-forest .wc-h3,
.wc-bg-forest .wc-h4           { color: var(--wc-cream); }
.wc-bg-forest .wc-lead         { color: rgba(250,248,243,0.7); }
.wc-bg-forest .wc-body         { color: rgba(250,248,243,0.6); }

/* ============================================================
   BILDRAHMEN
   ============================================================ */
.wc-img-frame {
  border-radius: var(--wc-r-lg);
  overflow: hidden;
  position: relative;
}
.wc-img-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--wc-t-slow) var(--wc-ease);
}
.wc-img-frame:hover img { transform: scale(1.03); }

/* Bild mit Beschriftung unten */
.wc-img-caption {
  font-family: var(--wc-sans);
  font-size: var(--wc-text-xs);
  color: var(--wc-text-ghost);
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.wc-img-caption::before {
  content: '';
  width: 16px;
  height: 1px;
  background: var(--wc-sand);
  flex-shrink: 0;
}

/* ============================================================
   TRENNLINIEN
   ============================================================ */
.wc-rule {
  border: none;
  height: 1px;
  background: var(--wc-linen);
  margin: var(--wc-space-xl) 0;
}
.wc-rule--forest {
  background: linear-gradient(90deg, transparent, var(--wc-forest), transparent);
  opacity: 0.25;
}

/* ============================================================
   FORMULAR
   ============================================================ */
.wc-input {
  width: 100%;
  background: var(--wc-cream);
  border: 1px solid var(--wc-linen);
  border-radius: var(--wc-r-md);
  color: var(--wc-text-dark);
  font-family: var(--wc-sans);
  font-size: var(--wc-text-base);
  font-weight: 300;
  padding: 0.875rem 1.125rem;
  transition: border-color var(--wc-t-base), box-shadow var(--wc-t-base);
  outline: none;
}
.wc-input::placeholder { color: var(--wc-text-ghost); }
.wc-input:focus {
  border-color: var(--wc-forest);
  box-shadow: 0 0 0 3px rgba(26, 77, 46, 0.08);
}

.wc-label {
  display: block;
  font-family: var(--wc-sans);
  font-size: var(--wc-text-xs);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wc-text-soft);
  margin-bottom: 0.5rem;
}

/* ============================================================
   ANIMATIONEN (Scroll-basiert via IntersectionObserver)
   ============================================================ */
@keyframes wc-rise {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes wc-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.wc-animate { opacity: 0; }
.wc-animate.wc-visible {
  animation: wc-rise 0.7s var(--wc-ease) forwards;
}
.wc-animate.wc-visible.wc-anim-fade {
  animation: wc-fade 0.8s var(--wc-ease) forwards;
}
.wc-animate[data-delay="1"] { animation-delay: 80ms; }
.wc-animate[data-delay="2"] { animation-delay: 160ms; }
.wc-animate[data-delay="3"] { animation-delay: 240ms; }
.wc-animate[data-delay="4"] { animation-delay: 320ms; }
.wc-animate[data-delay="5"] { animation-delay: 400ms; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 768px) {
  .wc-hide-mobile { display: none !important; }
  .wc-grid-2, .wc-grid-3 { grid-template-columns: 1fr; gap: var(--wc-space-md); }
}
@media (min-width: 769px) { .wc-hide-desktop { display: none !important; } }

/* ============================================================
   ELEMENTOR-KOMPATIBILITÄT
   ============================================================ */
.elementor-widget-container .wc-section,
.elementor-widget-container .wc-component { margin: 0; padding: 0; }

/* Scrollverhalten & Scrollbar */
html { scroll-behavior: smooth; }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--wc-cream); }
::-webkit-scrollbar-thumb { background: var(--wc-sand); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--wc-bark); }

</style>

<!-- Suchmaschinen-Optimierung durch Rank Math PRO - https://rankmath.com/ -->
<title>Kaminholz kaufen bei Wood Cargo – Trockenes Buchenholz bequem nach Hause liefern lassen &#8211; Wood Cargo</title>
<meta name="description" content="Kaminholz kaufen bei Wood Cargo: Trockenes Buchenholz in 25 oder 33 cm, lose oder auf Palette. Jetzt Lieferkosten prüfen und bequem bestellen!"/>
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
<link rel="canonical" href="https://woodcargo.de/kaminholz-kaufen-bei-wood-cargo/" />
<meta property="og:locale" content="de_DE" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Kaminholz kaufen &amp; liefern lassen - Transparente Preise" />
<meta property="og:description" content="Kaminholz kaufen bei Wood Cargo: Trockenes Buchenholz in 25 oder 33 cm, lose oder auf Palette. Jetzt Lieferkosten prüfen und bequem bestellen!" />
<meta property="og:url" content="https://woodcargo.de/kaminholz-kaufen-bei-wood-cargo/" />
<meta property="og:site_name" content="Wood Cargo" />
<meta property="article:tag" content="Brennholz Lieferung" />
<meta property="article:tag" content="Brennholz nach Hause liefern" />
<meta property="article:tag" content="Brennholz Sammelbestellung" />
<meta property="article:tag" content="Buchenbrennholz kaufen" />
<meta property="article:tag" content="Buchenholz kaufen" />
<meta property="article:tag" content="Kaminholz 25 cm" />
<meta property="article:tag" content="Kaminholz 33 cm" />
<meta property="article:tag" content="Kaminholz auf Palette" />
<meta property="article:tag" content="Kaminholz bestellen" />
<meta property="article:tag" content="Kaminholz direkt bestellen" />
<meta property="article:tag" content="Kaminholz kaufen" />
<meta property="article:tag" content="Kaminholz liefern lassen" />
<meta property="article:tag" content="Kaminholz lose" />
<meta property="article:tag" content="Kaminholz online kaufen" />
<meta property="article:tag" content="trockenes Kaminholz" />
<meta property="article:section" content="Heizen mit Brennholz" />
<meta property="og:updated_time" content="2026-11-04T22:41:40+01:00" />
<meta property="og:image" content="https://woodcargo.de/wp-content/uploads/2026/11/Kaminholz-kaufen-Transparente-Preise-mit-Wood-Cargo.png" />
<meta property="og:image:secure_url" content="https://woodcargo.de/wp-content/uploads/2026/11/Kaminholz-kaufen-Transparente-Preise-mit-Wood-Cargo.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Kaminholz kaufen - Transparente Preise mit Wood Cargo" />
<meta property="og:image:type" content="image/png" />
<meta property="article:published_time" content="2026-11-04T22:41:07+01:00" />
<meta property="article:modified_time" content="2026-11-04T22:41:40+01:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Kaminholz kaufen &amp; liefern lassen - Transparente Preise" />
<meta name="twitter:description" content="Kaminholz kaufen bei Wood Cargo: Trockenes Buchenholz in 25 oder 33 cm, lose oder auf Palette. Jetzt Lieferkosten prüfen und bequem bestellen!" />
<meta name="twitter:image" content="https://woodcargo.de/wp-content/uploads/2026/11/Kaminholz-kaufen-Transparente-Preise-mit-Wood-Cargo.png" />
<meta name="twitter:label1" content="Verfasst von" />
<meta name="twitter:data1" content="R. Bausch" />
<meta name="twitter:label2" content="Lesedauer" />
<meta name="twitter:data2" content="7 Minuten" />
<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Place","@id":"https://woodcargo.de/#place","address":{"@type":"PostalAddress","streetAddress":"Fr\u00fchlingstra\u00dfe 21","addressLocality":"Blumberg","postalCode":"78176","addressCountry":"Deutschland","addressRegion":"Schwarzwald"}},{"@type":"Organization","@id":"https://woodcargo.de/#organization","name":"Wood Cargo","url":"https://woodcargo.de","email":"bausch@woodcargo.de","address":{"@type":"PostalAddress","streetAddress":"Fr\u00fchlingstra\u00dfe 21","addressLocality":"Blumberg","postalCode":"78176","addressCountry":"Deutschland","addressRegion":"Schwarzwald"},"logo":{"@type":"ImageObject","@id":"https://woodcargo.de/#logo","url":"https://woodcargo.de/wp-content/uploads/2026/05/Wood-Cargo-Logo.png","contentUrl":"https://woodcargo.de/wp-content/uploads/2026/05/Wood-Cargo-Logo.png","caption":"Wood Cargo","inLanguage":"de","width":"500","height":"500"},"contactPoint":[{"@type":"ContactPoint","telephone":"+491701061760","contactType":"customer support"}],"description":"Wood Cargo steht f\u00fcr zuverl\u00e4ssige Brennholzlogistik und hochwertige Holzprodukte aus nachhaltiger Forstwirtschaft. Wir beliefern Privatkunden, Gewerbebetriebe und Ofenbauer mit sorgf\u00e4ltig aufbereitetem Brennholz und legen dabei besonderen Wert auf Qualit\u00e4t, faire Preise und termingerechte Lieferungen.\n\nDurch effiziente Transportl\u00f6sungen und kurze Lieferwege sorgen wir daf\u00fcr, dass unser Holz sicher und bequem beim Kunden ankommt. Unser Ziel ist es, traditionelle Werte wie Verl\u00e4sslichkeit und Handschlagqualit\u00e4t mit modernen digitalen Bestellprozessen zu verbinden.","legalName":"woodbuilder","location":{"@id":"https://woodcargo.de/#place"}},{"@type":"WebSite","@id":"https://woodcargo.de/#website","url":"https://woodcargo.de","name":"Wood Cargo","alternateName":"Brennholzhandel &amp; Holzlogistik","publisher":{"@id":"https://woodcargo.de/#organization"},"inLanguage":"de"},{"@type":"ImageObject","@id":"https://woodcargo.de/wp-content/uploads/2026/11/Kaminholz-kaufen-Transparente-Preise-mit-Wood-Cargo.png","url":"https://woodcargo.de/wp-content/uploads/2026/11/Kaminholz-kaufen-Transparente-Preise-mit-Wood-Cargo.png","width":"1200","height":"630","caption":"Kaminholz kaufen - Transparente Preise mit Wood Cargo","inLanguage":"de"},{"@type":"WebPage","@id":"https://woodcargo.de/kaminholz-kaufen-bei-wood-cargo/#webpage","url":"https://woodcargo.de/kaminholz-kaufen-bei-wood-cargo/","name":"Kaminholz kaufen &amp; liefern lassen - Transparente Preise","datePublished":"2026-11-04T22:41:07+01:00","dateModified":"2026-11-04T22:41:40+01:00","isPartOf":{"@id":"https://woodcargo.de/#website"},"primaryImageOfPage":{"@id":"https://woodcargo.de/wp-content/uploads/2026/11/Kaminholz-kaufen-Transparente-Preise-mit-Wood-Cargo.png"},"inLanguage":"de"},{"@type":"Person","@id":"https://woodcargo.de/author/admin/","name":"R. Bausch","url":"https://woodcargo.de/author/admin/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/dbd5561c83d569236a8abf6b3c07e7523954e16d45cb4cd5caead5152731c8bc?s=96&amp;d=mm&amp;r=g","url":"https://secure.gravatar.com/avatar/dbd5561c83d569236a8abf6b3c07e7523954e16d45cb4cd5caead5152731c8bc?s=96&amp;d=mm&amp;r=g","caption":"R. Bausch","inLanguage":"de"},"sameAs":["http://woodcargo.de"],"worksFor":{"@id":"https://woodcargo.de/#organization"}},{"@type":"BlogPosting","headline":"Kaminholz kaufen &amp; liefern lassen - Transparente Preise","keywords":"Kaminholz kaufen","datePublished":"2026-11-04T22:41:07+01:00","dateModified":"2026-11-04T22:41:40+01:00","articleSection":"Heizen mit Brennholz","author":{"@id":"https://woodcargo.de/author/admin/","name":"R. Bausch"},"publisher":{"@id":"https://woodcargo.de/#organization"},"description":"Kaminholz kaufen bei Wood Cargo: Trockenes Buchenholz in 25 oder 33 cm, lose oder auf Palette. Jetzt Lieferkosten pr\u00fcfen und bequem bestellen!","name":"Kaminholz kaufen &amp; liefern lassen - Transparente Preise","@id":"https://woodcargo.de/kaminholz-kaufen-bei-wood-cargo/#richSnippet","isPartOf":{"@id":"https://woodcargo.de/kaminholz-kaufen-bei-wood-cargo/#webpage"},"image":{"@id":"https://woodcargo.de/wp-content/uploads/2026/11/Kaminholz-kaufen-Transparente-Preise-mit-Wood-Cargo.png"},"inLanguage":"de","mainEntityOfPage":{"@id":"https://woodcargo.de/kaminholz-kaufen-bei-wood-cargo/#webpage"}}]}</script>
<!-- /Rank Math WordPress SEO Plugin -->

<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel="alternate" type="application/rss+xml" title="Wood Cargo &raquo; Feed" href="https://woodcargo.de/feed/" />
<link rel="alternate" type="application/rss+xml" title="Wood Cargo &raquo; Kommentar-Feed" href="https://woodcargo.de/comments/feed/" />
<style id="woodcargo-html-fix">
/* WordPress setzt manchmal margin-top auf html/body
   auch ohne Adminbar — hier komplett entfernen */
html,
body,
html body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Sicherstellen dass der Header wirklich bei 0 startet */
#wc-header {
  top: 0 !important;
}
</style>
<style id="woodcargo-body-bg">
/* Seiten-Hintergrund cremeweiß — gleiche Farbe wie Hero.
   Dadurch ist der Streifen unter dem transparenten Header
   unsichtbar — er hat dieselbe Farbe wie der Inhalt dahinter. */
html,
body,
html body,
#page,
.site,
.elementor-page {
  background-color: #FAF8F3 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#wc-header { top: 0 !important; }
</style>
<link rel="alternate" type="application/rss+xml" title="Wood Cargo &raquo; Kommentar-Feed zu Kaminholz kaufen bei Wood Cargo – Trockenes Buchenholz bequem nach Hause liefern lassen" href="https://woodcargo.de/kaminholz-kaufen-bei-wood-cargo/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://woodcargo.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwoodcargo.de%2Fkaminholz-kaufen-bei-wood-cargo%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://woodcargo.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwoodcargo.de%2Fkaminholz-kaufen-bei-wood-cargo%2F&#038;format=xml" />
<style id="woodcargo-elementor-reset">
/* ============================================================
   ELEMENTOR ABSTÄNDE RESET — verhindert weiße Balken
   zwischen Shortcode-Sections mit .wc-breakout
   ============================================================ */

/* :has() für moderne Browser */
.elementor-section:has(.wc-breakout),
.e-con:has(.wc-breakout),
.elementor-top-section:has(.wc-breakout) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.elementor-section:has(.wc-breakout) .elementor-container,
.elementor-section:has(.wc-breakout) .elementor-column,
.elementor-section:has(.wc-breakout) .elementor-column-wrap,
.elementor-section:has(.wc-breakout) .elementor-widget-wrap,
.elementor-section:has(.wc-breakout) .elementor-widget,
.elementor-section:has(.wc-breakout) .elementor-widget-container,
.e-con:has(.wc-breakout) .elementor-widget-container,
.e-con:has(.wc-breakout) .e-con-inner {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* Fallback-Klasse: In Elementor bei der Section
   unter "Erweitert → CSS-Klassen" eintragen: wc-no-pad */
.wc-no-pad,
.wc-no-pad > .elementor-container,
.wc-no-pad > .elementor-container > .elementor-row,
.wc-no-pad .elementor-column,
.wc-no-pad .elementor-column-wrap,
.wc-no-pad .elementor-widget-wrap,
.wc-no-pad .elementor-widget,
.wc-no-pad .elementor-widget-container,
.wc-no-pad .e-con-inner {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Kein Margin am breakout selbst */
.wc-breakout {
  display: block;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
</style>
<style id="woodcargo-mobile">
/* ============================================================
   WOOD CARGO — GLOBALES MOBILE RESPONSIVE SYSTEM
   Überschreibt inline Styles via !important auf kleinen Screens
   Breakpoints: 900px (Tablet), 640px (Handy)
   ============================================================ */

/* ---- SNIPPET 00: HEADER ---- */
@media (max-width:780px) {
  #wc-header nav { display:none !important; }
  #wc-burger     { display:flex !important; }
}

/* ---- SNIPPET 02: HERO ---- */
@media (max-width:860px) {
  /* Headline + Lead: untereinander */
  .wc-breakout [style*="grid-template-columns:1fr 1fr"][style*="align-items:end"] {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
  /* Bildgrid: 2 Spalten statt 3 */
  .wc-breakout [style*="grid-template-columns:1.7fr"] {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    height: auto !important;
  }
  .wc-breakout [style*="grid-template-columns:1.7fr"] > div:first-child {
    grid-row: auto !important;
    height: 260px !important;
  }
  /* Trust-Leiste: 2 Spalten */
  .wc-breakout [style*="grid-template-columns:repeat(auto-fit,minmax(180px"] {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media (max-width:540px) {
  /* Bildgrid: 1 Spalte */
  .wc-breakout [style*="grid-template-columns:1.7fr"] {
    grid-template-columns: 1fr !important;
  }
  /* Trust-Leiste: 1 Spalte */
  .wc-breakout [style*="grid-template-columns:repeat(auto-fit,minmax(180px"] {
    grid-template-columns: 1fr !important;
  }
}

/* ---- SNIPPET 03: LEISTUNGEN ---- */
@media (max-width:860px) {
  /* Leistungskarten: 1 Spalte */
  .wc-breakout [style*="grid-template-columns:repeat(auto-fit,minmax(300px"] {
    grid-template-columns: 1fr !important;
  }
  /* Formular: PLZ + Leistung untereinander */
  #wc-anfrage-form [style*="grid-template-columns:1fr 1.8fr"],
  #wc-anfrage-form [style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  /* Submit + DSGVO untereinander */
  #wc-anfrage-form [style*="justify-content:space-between"] {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  #wc-submit-btn { width:100% !important; }
}

/* ---- SNIPPET 04: ÜBER UNS ---- */
@media (max-width:860px) {
  /* Zwei Personen-Grid: untereinander */
  #ueber-uns [style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  /* Liefergebiete + Werte: untereinander */
  #ueber-uns [style*="grid-template-columns:1fr 2fr"] {
    grid-template-columns: 1fr !important;
  }
  /* Werte: 2 Spalten */
  #ueber-uns [style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: 1fr 1fr !important;
  }
  /* Kein Offset beim zweiten Bildblock */
  #ueber-uns [style*="padding-top:clamp(2rem,4vw,4rem)"] {
    padding-top: 0 !important;
  }
  /* Überlappende Stat-Karte: Position anpassen */
  #ueber-uns [style*="position:absolute;bottom:-1.5rem;right:-1.5rem"] {
    position: static !important;
    margin-top: 1rem !important;
    display: inline-block !important;
  }
}
@media (max-width:540px) {
  #ueber-uns [style*="grid-template-columns:repeat(3,1fr)"],
  #ueber-uns [style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
}

/* ---- SNIPPET 05: STATS / YOUTUBE / BLOG ---- */
@media (max-width:860px) {
  /* Stats: 3 Spalten statt 5 */
  .wc-breakout [style*="grid-template-columns:repeat(auto-fit,minmax(160px"] {
    grid-template-columns: repeat(3,1fr) !important;
  }
  /* Trennlinien entfernen auf Mobile */
  .wc-breakout [style*="grid-template-columns:repeat(auto-fit,minmax(160px"] > div {
    border-right: none !important;
    border-bottom: 1px solid rgba(250,248,243,0.08) !important;
  }
  /* YouTube: untereinander */
  .wc-breakout [style*="grid-template-columns:1.6fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  /* Blog: 1 Spalte */
  .wc-breakout [style*="grid-template-columns:repeat(auto-fit,minmax(280px"] {
    grid-template-columns: 1fr !important;
  }
  /* Section-Header: untereinander */
  .wc-breakout [style*="grid-template-columns:1fr auto"] {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width:540px) {
  .wc-breakout [style*="grid-template-columns:repeat(auto-fit,minmax(160px"] {
    grid-template-columns: repeat(2,1fr) !important;
  }
}

/* ---- SNIPPET 06: HOLZBERATER ---- */
@media (max-width:860px) {
  /* Auswahlliste + Detail: untereinander */
  [id^="wchb"][id$="_panel_holz"] > div {
    grid-template-columns: 1fr !important;
  }
  [id^="wchb"][id$="_panel_holz"] > div > div:first-child {
    position: static !important;
  }
  /* Scheitlängen: 1 Spalte */
  [id^="wchb"][id$="_panel_scheit"] > div:first-child {
    grid-template-columns: 1fr !important;
  }
  /* Detail-Content: untereinander */
  [id^="wchb"] [style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
}

/* ---- SNIPPET 07: ABLAUF ---- */
@media (max-width:860px) {
  /* Schritt-Detail: untereinander */
  [id^="wcabl"] [style*="grid-template-columns:1fr 2fr"] {
    grid-template-columns: 1fr !important;
  }
  /* Schritt-Navigationsleiste: Icons kleiner, Text ausblenden */
  [id^="wcabl"] [id*="_step_"] {
    padding: 0.625rem 0.25rem !important;
    font-size: 0.65rem !important;
  }
  /* Produkt-Tabs: umbrechen */
  [id^="wcabl"] [style*="display:flex;justify-content:center;flex-wrap:wrap"] {
    gap: 0.375rem !important;
  }
  [id^="wcabl"] [id*="_tab_"] {
    font-size: 0.75rem !important;
    padding: 0.5rem 0.875rem !important;
  }
}
@media (max-width:480px) {
  /* Schritt-Nummern-Leiste: noch kompakter */
  [id^="wcabl"] [id*="_step_"] span:first-of-type {
    font-size: 0.9rem !important;
  }
}

/* ---- SNIPPET 08: FOOTER ---- */
@media (max-width:900px) {
  /* 4 Spalten → 2 Spalten */
  .wc-breakout [style*="grid-template-columns:1.6fr 1fr 1fr 1fr"] {
    grid-template-columns: 1fr 1fr !important;
  }
  /* CTA-Banner: untereinander */
  .wc-breakout [style*="grid-template-columns:1fr auto"] {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width:540px) {
  /* Footer: 1 Spalte */
  .wc-breakout [style*="grid-template-columns:1.6fr 1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  /* Copyright: untereinander */
  .wc-breakout [style*="justify-content:space-between"][style*="align-items:center"] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.875rem !important;
  }
}

/* ---- GLOBALE MOBILE HELPERS ---- */
@media (max-width:860px) {
  /* Alle Section-Header-Grids (Eyebrow + Nebentext) */
  .wc-breakout [style*="grid-template-columns:1fr auto"][style*="align-items:end"] {
    grid-template-columns: 1fr !important;
  }
  /* Pill-Tag im Hero: kleiner */
  .wc-breakout [style*="border-radius:999px"][style*="Aus der Region"] {
    font-size: 0.65rem !important;
  }
  /* Headline-Größen: fluid */
  .wc-breakout h1, .wc-breakout h2 {
    word-break: break-word;
    hyphens: auto;
  }
  /* Buttons: volle Breite auf sehr kleinen Screens */
}
@media (max-width:480px) {
  .wc-breakout [style*="display:flex;flex-wrap:wrap;gap:1rem;align-items:center"] {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .wc-btn, .wc-breakout a[style*="padding:0.9rem"] {
    width: 100% !important;
    justify-content: center !important;
  }
}
</style>
<style id="woodcargo-page-reset">
/* ============================================================
   WOOD CARGO — SEITEN-RESET
   Entfernt Elementor-Abstände auf Unterseiten (Impressum etc.)
   damit Hintergrundfarbe nahtlos von Header bis Footer geht.
   ============================================================ */

/* Alle Elementor-Wrapper die ein wc-breakout enthalten */
.elementor-section:has(.wc-breakout),
.e-con:has(.wc-breakout) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.elementor-section:has(.wc-breakout) .elementor-container,
.elementor-section:has(.wc-breakout) .elementor-column,
.elementor-section:has(.wc-breakout) .elementor-column-wrap,
.elementor-section:has(.wc-breakout) .elementor-widget-wrap,
.elementor-section:has(.wc-breakout) .elementor-widget,
.elementor-section:has(.wc-breakout) .elementor-widget-container,
.e-con:has(.wc-breakout) .elementor-widget-container,
.e-con:has(.wc-breakout) .e-con-inner {
  padding: 0 !important;
  margin: 0 !important;
}

/* Seiten-Body: kein eigener Padding/Margin */
.elementor-page .elementor {
  padding: 0 !important;
}

/* Fallback-Klasse für ältere Browser — an jede Elementor-Section
   unter "Erweitert → CSS-Klassen" eintragen: wc-flush */
.wc-flush,
.wc-flush .elementor-container,
.wc-flush .elementor-column,
.wc-flush .elementor-column-wrap,
.wc-flush .elementor-widget-wrap,
.wc-flush .elementor-widget,
.wc-flush .elementor-widget-container,
.wc-flush .e-con-inner {
  padding: 0 !important;
  margin: 0 !important;
}

/* Kein Gap zwischen aufeinanderfolgenden wc-breakout Elementen */
.wc-breakout + .wc-breakout {
  margin-top: 0 !important;
}
</style>
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel='stylesheet' id='post-views-counter-frontend-css' href='https://woodcargo.de/wp-content/plugins/post-views-counter/css/frontend.css?ver=1.8.2' media='all' />
<link rel='stylesheet' id='wp-block-library-css' href='https://woodcargo.de/wp-includes/css/dist/block-library/style.min.css?ver=7.1.3' media='all' />
<link rel='stylesheet' id='cb-carousel-style-css' href='https://woodcargo.de/wp-content/plugins/carousel-block/blocks/../build/carousel-legacy/style-index.css?ver=2.1.6' media='all' />
<style id="cb-carousel-v2-style-inline-css">
.wp-block-cb-carousel-v2{position:relative}.wp-block-cb-carousel-v2[data-cb-pagination=true] .swiper-horizontal{margin-bottom:calc(var(--wp--custom--carousel-block--pagination-bullet-size, 16px)*4)}.wp-block-cb-carousel-v2 .cb-button-next,.wp-block-cb-carousel-v2 .cb-button-prev{color:var(--wp--custom--carousel-block--navigation-color,#000);height:var(--wp--custom--carousel-block--navigation-size,22px);margin-top:calc(0px - var(--wp--custom--carousel-block--navigation-size, 22px)/2);width:calc(var(--wp--custom--carousel-block--navigation-size, 22px)/44*27)}.wp-block-cb-carousel-v2 .cb-button-next:after,.wp-block-cb-carousel-v2 .cb-button-prev:after{font-size:var(--wp--custom--carousel-block--navigation-size,22px)}.wp-block-cb-carousel-v2 .cb-button-next:hover,.wp-block-cb-carousel-v2 .cb-button-prev:hover{color:var(--wp--custom--carousel-block--navigation-hover-color,var(--wp--custom--carousel-block--navigation-color,#000))}.wp-block-cb-carousel-v2 .cb-button-prev,.wp-block-cb-carousel-v2.cb-rtl .cb-button-next{left:calc(var(--wp--custom--carousel-block--navigation-size, 22px)*-1/44*27 - var(--wp--custom--carousel-block--navigation-sides-offset, 10px));right:auto}.wp-block-cb-carousel-v2 .cb-button-next,.wp-block-cb-carousel-v2.cb-rtl .cb-button-prev{left:auto;right:calc(var(--wp--custom--carousel-block--navigation-size, 22px)*-1/44*27 - var(--wp--custom--carousel-block--navigation-sides-offset, 10px))}.wp-block-cb-carousel-v2.cb-rtl .cb-button-next,.wp-block-cb-carousel-v2.cb-rtl .cb-button-prev{transform:scaleX(-1)}.wp-block-cb-carousel-v2 .cb-pagination.swiper-pagination-horizontal{bottom:var(--wp--custom--carousel-block--pagination-bottom,-35px);display:flex;justify-content:center;top:var(--wp--custom--carousel-block--pagination-top,auto)}.wp-block-cb-carousel-v2 .cb-pagination.swiper-pagination-horizontal.swiper-pagination-bullets .cb-pagination-bullet{margin:0 var(--wp--custom--carousel-block--pagination-bullet-horizontal-gap,4px)}.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet{background:var(--wp--custom--carousel-block--pagination-bullet-color,var(--wp--custom--carousel-block--pagination-bullet-inactive-color,#000));height:var(--wp--custom--carousel-block--pagination-bullet-size,8px);opacity:var(--wp--custom--carousel-block--pagination-bullet-inactive-opacity,var(--wp--custom--carousel-block--pagination-bullet-opacity,.2));width:var(--wp--custom--carousel-block--pagination-bullet-size,8px)}.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet.swiper-pagination-bullet-active{background:var(--wp--custom--carousel-block--pagination-bullet-active-color,#000);opacity:var(--wp--custom--carousel-block--pagination-bullet-active-opacity,1)}.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet:not(.swiper-pagination-bullet-active):hover{background:var(--wp--custom--carousel-block--pagination-bullet-hover-color,var(--wp--custom--carousel-block--pagination-bullet-inactive-hover-color,var(--wp--custom--carousel-block--pagination-bullet-active-color,#000)));opacity:var(--wp--custom--carousel-block--pagination-bullet-inactive-hover-opacity,var(--wp--custom--carousel-block--pagination-bullet-inactive-opacity,.2))}.wp-block-cb-carousel-v2.alignfull .cb-button-next,.wp-block-cb-carousel-v2.alignfull .cb-button-prev{color:var(--wp--custom--carousel-block--navigation-alignfull-color,#000)}.wp-block-cb-carousel-v2.alignfull .cb-button-prev,.wp-block-cb-carousel-v2.alignfull.cb-rtl .cb-button-next{left:var(--wp--custom--carousel-block--navigation-sides-offset,10px);right:auto}.wp-block-cb-carousel-v2.alignfull .cb-button-next,.wp-block-cb-carousel-v2.alignfull.cb-rtl .cb-button-prev{left:auto;right:var(--wp--custom--carousel-block--navigation-sides-offset,10px)}.wp-block-cb-carousel-v2.alignfull.cb-hero-slider{--wp--custom--carousel-block--navigation-alignfull-color:#fff;--wp--custom--carousel-block--pagination-bottom:24px;--wp--custom--carousel-block--pagination-bullet-active-color:#fff;--wp--custom--carousel-block--pagination-bullet-inactive-color:#fff;--wp--custom--carousel-block--pagination-bullet-inactive-hover-color:#fff}.wp-block-cb-carousel-v2 .wp-block-image{margin-bottom:var(--wp--custom--carousel-block--image-margin-bottom,0);margin-top:var(--wp--custom--carousel-block--image-margin-top,0)}.wp-block-cb-carousel-v2 .wp-block-cover{margin-bottom:var(--wp--custom--carousel-block--cover-margin-bottom,0);margin-top:var(--wp--custom--carousel-block--cover-margin-top,0)}.wp-block-cb-carousel-v2 .wp-block-cover.aligncenter,.wp-block-cb-carousel-v2 .wp-block-image.aligncenter{margin-left:auto!important;margin-right:auto!important}

/*# sourceURL=https://woodcargo.de/wp-content/plugins/carousel-block/build/carousel/style-index.css */
</style>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='hello-elementor-css' href='https://woodcargo.de/wp-content/themes/hello-elementor/assets/css/reset.css?ver=3.5.2' media='all' />
<link rel='stylesheet' id='hello-elementor-theme-style-css' href='https://woodcargo.de/wp-content/themes/hello-elementor/assets/css/theme.css?ver=3.5.2' media='all' />
<link rel='stylesheet' id='hello-elementor-header-footer-css' href='https://woodcargo.de/wp-content/themes/hello-elementor/assets/css/header-footer.css?ver=3.5.2' media='all' />
<style id="woodcargo-gap-fix">
/* Leerraum zwischen Sektionen komplett entfernen */
.elementor-section,
.elementor-top-section,
.e-con {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* Speziell: letzte Section vor dem Footer */
.elementor-section:last-of-type,
.e-con:last-of-type {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
/* Body/Page kein Padding */
.elementor-page,
#page,
.site-content,
.wp-site-blocks {
  padding: 0 !important;
  margin: 0 !important;
}
</style>
<style id="woodcargo-adminbar-fix">
/* WordPress Adminbar Offset-Fix
   Die Adminbar (32px Desktop / 46px Mobil) schiebt den fixed
   Header nach unten und erzeugt einen weißen Streifen.
   Wir kompensieren das am Header direkt. */

/* Adminbar vorhanden: Header nach unten versetzt */
.admin-bar #wc-header {
  top: 32px !important;
}
.admin-bar .wc-breakout {
  padding-top: calc(72px + 32px) !important;
}

@media (max-width: 782px) {
  .admin-bar #wc-header {
    top: 46px !important;
  }
  .admin-bar .wc-breakout {
    padding-top: calc(72px + 46px) !important;
  }
}

/* Adminbar komplett ausgeblendet auf Frontend
   (nur für nicht-Admins — Admins sehen sie weiterhin) */
body:not(.logged-in) #wpadminbar { display: none !important; }
body:not(.logged-in) html { margin-top: 0 !important; }

/* Für eingeloggte Admins: html margin-top der Adminbar
   nicht mit dem fixed Header kollidieren lassen */
html.admin-bar-showing {
  scroll-padding-top: calc(80px + 32px) !important;
}
</style>
<link rel="https://api.w.org/" href="https://woodcargo.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://woodcargo.de/wp-json/wp/v2/posts/395" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://woodcargo.de/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.1.3" />
<link rel='shortlink' href='https://woodcargo.de/?p=395' />
<meta name="generator" content="Site Kit by Google 1.191.0" />		<script type="text/javascript">
			(function(c, l, a, r, i, t, y) {
				c[a] = c[a] || function() {
					(c[a].q = c[a].q || []).push(arguments)
				};
				t = l.createElement(r);
				t.async = 1;
				t.src = "https://www.clarity.ms/tag/" + i + "?ref=wordpress";
				y = l.getElementsByTagName(r)[0];
				y.parentNode.insertBefore(t, y);
			})(window, document, "clarity", "script", "x82ifbm8mv");
		</script>
	<script type="text/javascript">
(function(c,l,a,r,i,t,y){
    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "x82ifbm8mv");
</script>
<meta name="generator" content="Elementor 4.4.0; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-internal, google_font-enabled, font_display-swap">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<link rel="icon" href="https://woodcargo.de/wp-content/uploads/2026/05/Wood-Cargo-Icon-150x150.png" sizes="32x32" />
<link rel="icon" href="https://woodcargo.de/wp-content/uploads/2026/05/Wood-Cargo-Icon-300x300.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://woodcargo.de/wp-content/uploads/2026/05/Wood-Cargo-Icon-300x300.png" />
<meta name="msapplication-TileImage" content="https://woodcargo.de/wp-content/uploads/2026/05/Wood-Cargo-Icon-300x300.png" />
<style>
  html, body { margin:0 !important; padding:0 !important; background:#FAF8F3 !important; }
  .site-header, .site-footer, #site-header, #site-footer,
  .wp-site-blocks > header, .wp-site-blocks > footer,
  .entry-header, .entry-footer { display:none !important; }
</style>
</head>
<body class="wp-singular post-template-default single single-post postid-395 single-format-standard wp-custom-logo wp-embed-responsive wp-theme-hello-elementor woodcargo-single hello-elementor-default">

<header id="wc-header" style="
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;

  background: rgba(250, 248, 243, 0.96);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  box-shadow:
    0 1px 0 rgba(61,43,31,0.07),
    0 4px 20px rgba(61,43,31,0.05);

  font-family: 'DM Sans', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
">

  <div style="
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 clamp(1.25rem, 5vw, 3rem);
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
  ">

    <!-- =====================================================
         LOGO
         ===================================================== -->
    <a
      href="/"
      style="
        flex-shrink:0;
        display:flex;
        align-items:center;
        text-decoration:none;
      "
      aria-label="Wood Cargo – Startseite"
    >

      <img
        src="https://woodcargo.de/wp-content/uploads/2026/05/Wood-Cargo-Transparent.png"
        alt="Wood Cargo Holzlogistik"
        style="
          height:38px;
          width:auto;
          display:block;
        "
        loading="eager"
        fetchpriority="high"
      />

    </a>


    <!-- =====================================================
         NAVIGATION DESKTOP
         ===================================================== -->
    <nav
      role="navigation"
      aria-label="Hauptnavigation"
      style="
        display:flex;
        align-items:center;
        gap:clamp(1.25rem,2.5vw,2.25rem);
      "
    >

      
        <a
          href="#leistungen"
                    style="
            font-size:0.875rem;
            font-weight:400;
            color:#5C4A38;
            text-decoration:none;
            letter-spacing:0.02em;
            white-space:nowrap;
            transition:color 0.2s;
          "
          onmouseover="this.style.color='#1A4D2E'"
          onmouseout="this.style.color='#5C4A38'"
        >
          Leistungen        </a>

      
        <a
          href="#ueber-uns"
                    style="
            font-size:0.875rem;
            font-weight:400;
            color:#5C4A38;
            text-decoration:none;
            letter-spacing:0.02em;
            white-space:nowrap;
            transition:color 0.2s;
          "
          onmouseover="this.style.color='#1A4D2E'"
          onmouseout="this.style.color='#5C4A38'"
        >
          Über uns        </a>

      
        <a
          href="https://woodcargo.de/brennholz-bestellen/"
                    style="
            font-size:0.875rem;
            font-weight:400;
            color:#5C4A38;
            text-decoration:none;
            letter-spacing:0.02em;
            white-space:nowrap;
            transition:color 0.2s;
          "
          onmouseover="this.style.color='#1A4D2E'"
          onmouseout="this.style.color='#5C4A38'"
        >
          Brennholz        </a>

      
        <a
          href="https://woodcargo.de/kontakt"
                    style="
            font-size:0.875rem;
            font-weight:400;
            color:#5C4A38;
            text-decoration:none;
            letter-spacing:0.02em;
            white-space:nowrap;
            transition:color 0.2s;
          "
          onmouseover="this.style.color='#1A4D2E'"
          onmouseout="this.style.color='#5C4A38'"
        >
          Kontakt        </a>

      

      <!-- CTA -->
      <a
        href="https://woodcargo.de/brennholz-bestellen/"
        style="
          font-size:0.8rem;
          font-weight:500;
          letter-spacing:0.06em;
          color:#FAF8F3;
          background:#1A4D2E;
          padding:0.65rem 1.375rem;
          border-radius:4px;
          text-decoration:none;
          white-space:nowrap;
          display:inline-flex;
          align-items:center;
          gap:0.4rem;
          transition:background 0.25s;
        "
        onmouseover="this.style.background='#2D6A47'"
        onmouseout="this.style.background='#1A4D2E'"
      >

        Holz bestellen

        <svg
          width="13"
          height="13"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="1.5"
          stroke-linecap="round"
          stroke-linejoin="round"
        >
          <path d="M5 12h14M13 6l6 6-6 6"/>
        </svg>

      </a>

    </nav>


    <!-- =====================================================
         HAMBURGER MOBILE
         ===================================================== -->
    <button
      id="wc-burger"
      aria-label="Menü öffnen"
      aria-expanded="false"
      onclick="
        var menu = document.getElementById('wc-mobile-menu');
        menu.classList.toggle('wc-open');
        this.setAttribute(
          'aria-expanded',
          menu.classList.contains('wc-open') ? 'true' : 'false'
        );
      "
      style="
        display:none;
        background:none;
        border:none;
        cursor:pointer;
        padding:4px;
        flex-direction:column;
        gap:5px;
        align-items:flex-end;
      "
    >

      <span style="
        display:block;
        width:22px;
        height:1.5px;
        background:#5C4A38;
        border-radius:1px;
      "></span>

      <span style="
        display:block;
        width:16px;
        height:1.5px;
        background:#5C4A38;
        border-radius:1px;
      "></span>

      <span style="
        display:block;
        width:22px;
        height:1.5px;
        background:#5C4A38;
        border-radius:1px;
      "></span>

    </button>

  </div>


  <!-- =======================================================
       MOBILE MENÜ
       ======================================================= -->
  <div
    id="wc-mobile-menu"
    style="
      display:none;
      background:#FAF8F3;
      border-top:1px solid #E8DFD0;
      padding:1rem clamp(1.25rem,5vw,3rem) 1.75rem;
      flex-direction:column;
      gap:0;
    "
  >

    
      <a
        href="#leistungen"
                style="
          font-size:1rem;
          font-weight:400;
          color:#2A1F14;
          text-decoration:none;
          padding:0.875rem 0;
          border-bottom:1px solid #E8DFD0;
          display:block;
        "
      >
        Leistungen      </a>

    
      <a
        href="#ueber-uns"
                style="
          font-size:1rem;
          font-weight:400;
          color:#2A1F14;
          text-decoration:none;
          padding:0.875rem 0;
          border-bottom:1px solid #E8DFD0;
          display:block;
        "
      >
        Über uns      </a>

    
      <a
        href="https://woodcargo.de/brennholz-bestellen/"
                style="
          font-size:1rem;
          font-weight:400;
          color:#2A1F14;
          text-decoration:none;
          padding:0.875rem 0;
          border-bottom:1px solid #E8DFD0;
          display:block;
        "
      >
        Brennholz      </a>

    
      <a
        href="https://woodcargo.de/kontakt"
                style="
          font-size:1rem;
          font-weight:400;
          color:#2A1F14;
          text-decoration:none;
          padding:0.875rem 0;
          border-bottom:1px solid #E8DFD0;
          display:block;
        "
      >
        Kontakt      </a>

    

    <a
      href="https://woodcargo.de/brennholz-bestellen/"
      style="
        margin-top:1.25rem;
        background:#1A4D2E;
        color:#FAF8F3;
        font-size:0.9rem;
        font-weight:500;
        padding:0.875rem;
        border-radius:4px;
        text-decoration:none;
        text-align:center;
        display:block;
      "
    >
      Holz jetzt bestellen →
    </a>

  </div>

</header>


<style>

/* ============================================================
   HEADER
   ============================================================ */

body {
  padding-top:0 !important;
}


/* Dezente untere Linie ist jetzt IMMER sichtbar */
#wc-header::after {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:1px;
  background:
    linear-gradient(
      90deg,
      transparent,
      #D4E8DA,
      transparent
    );
  pointer-events:none;
}


/* ============================================================
   SEITENABSTAND
   ============================================================ */

/*
 * Kein zusätzlicher Platzhalter unter dem Header.
 * Die Wood-Cargo-Sektionen erhalten den notwendigen Abstand.
 */

.wc-breakout {
  padding-top:72px;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width:780px) {

  #wc-header nav {
    display:none !important;
  }

  #wc-burger {
    display:flex !important;
  }

  #wc-mobile-menu.wc-open {
    display:flex !important;
  }

  .wc-breakout {
    padding-top:72px;
  }

}


/* ============================================================
   ANKER-NAVIGATION
   ============================================================ */

html {
  scroll-padding-top:80px;
  scroll-behavior:smooth;
}

</style>



<div class="wc-breakout" style="
  background:#FAF8F3;
  font-family:'DM Sans',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  padding-top:72px;
  min-height:100vh;
">

  <!-- ============================================================
       HERO BILD
       ============================================================ -->

  <div style="
    height:clamp(280px,40vw,480px);
    position:relative;
    overflow:hidden;
  ">

    <img
      src="https://woodcargo.de/wp-content/uploads/2026/11/Kaminholz-kaufen-Transparente-Preise-mit-Wood-Cargo.png"
      alt="Kaminholz kaufen bei Wood Cargo – Trockenes Buchenholz bequem nach Hause liefern lassen"
      loading="eager"
      fetchpriority="high"
      style="
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        display:block;
      "
    />

    <div style="
      position:absolute;
      inset:0;
      background:linear-gradient(
        transparent 40%,
        rgba(15,26,18,0.65)
      );
    "></div>


    <!-- Breadcrumb + Kategorie -->

    <div style="
      position:absolute;
      bottom:0;
      left:0;
      right:0;
      padding:2rem clamp(1.5rem,5vw,3.5rem);
    ">

      <div style="max-width:1240px;margin:0 auto;">

        <div style="
          display:flex;
          align-items:center;
          gap:0.5rem;
          margin-bottom:0.75rem;
          flex-wrap:wrap;
        ">

          <a
            href="https://woodcargo.de/"
            style="
              font-size:0.75rem;
              color:rgba(250,248,243,0.6);
              text-decoration:none;
              transition:color 0.2s;
            "
            onmouseover="this.style.color='#FAF8F3'"
            onmouseout="this.style.color='rgba(250,248,243,0.6)'"
          >
            Startseite
          </a>

          <span style="
            font-size:0.75rem;
            color:rgba(250,248,243,0.4);
          ">
            ›
          </span>

          <a
            href="https://woodcargo.de"
            style="
              font-size:0.75rem;
              color:rgba(250,248,243,0.6);
              text-decoration:none;
              transition:color 0.2s;
            "
            onmouseover="this.style.color='#FAF8F3'"
            onmouseout="this.style.color='rgba(250,248,243,0.6)'"
          >
            Blog
          </a>

          <span style="
            font-size:0.75rem;
            color:rgba(250,248,243,0.4);
          ">
            ›
          </span>

          <span style="
            font-size:0.75rem;
            color:rgba(250,248,243,0.8);
          ">
            Heizen mit Brennholz          </span>

        </div>


        <span style="
          display:inline-block;
          font-size:0.65rem;
          font-weight:600;
          letter-spacing:0.1em;
          text-transform:uppercase;
          color:#D4E8DA;
          background:rgba(26,77,46,0.7);
          border:1px solid rgba(212,232,218,0.3);
          padding:0.25rem 0.75rem;
          border-radius:999px;
          backdrop-filter:blur(4px);
        ">
          Heizen mit Brennholz        </span>

      </div>

    </div>

  </div>


  <!-- ============================================================
       HAUPTBEREICH
       ============================================================ -->

  <div class="wc-artikel-container" style="
    max-width:1240px;
    margin:0 auto;
    padding:0 clamp(1.5rem,5vw,3.5rem);
  ">

    <div class="wc-artikel-grid" style="
      display:grid;
      grid-template-columns:1fr 320px;
      gap:clamp(2rem,4vw,3.5rem);
      align-items:start;
      padding:clamp(2.5rem,5vw,4rem) 0 clamp(4rem,8vw,7rem);
    ">


      <!-- ========================================================
           LINKE SPALTE
           ======================================================== -->

      <article class="wc-artikel-main">


        <!-- Artikel Header -->

        <header style="
          margin-bottom:2rem;
          padding-bottom:1.75rem;
          border-bottom:1px solid #E8DFD0;
        ">

          <h1 style="
            font-family:'Playfair Display',Georgia,serif;
            font-size:clamp(1.75rem,4vw,2.75rem);
            font-weight:400;
            line-height:1.12;
            color:#2A1F14;
            margin:0 0 1.25rem;
          ">
            Kaminholz kaufen bei Wood Cargo – Trockenes Buchenholz bequem nach Hause liefern lassen          </h1>


          <div style="
            display:flex;
            flex-wrap:wrap;
            align-items:center;
            gap:1.25rem;
          ">


            <!-- Autor -->

            <div style="
              display:flex;
              align-items:center;
              gap:0.625rem;
            ">

              <div style="
                width:32px;
                height:32px;
                border-radius:50%;
                background:#D4E8DA;
                border:1px solid #8AAF90;
                display:flex;
                align-items:center;
                justify-content:center;
                font-size:0.75rem;
                font-weight:600;
                color:#1A4D2E;
                flex-shrink:0;
              ">
                R              </div>

              <span style="
                font-size:0.82rem;
                font-weight:400;
                color:#5C4A38;
              ">
                R. Bausch              </span>

            </div>


            <span style="
              width:4px;
              height:4px;
              border-radius:50%;
              background:#D4C5AE;
            "></span>


            <span style="
              font-size:0.82rem;
              font-weight:300;
              color:#8A7560;
            ">
              04. November 2026            </span>


            <span style="
              width:4px;
              height:4px;
              border-radius:50%;
              background:#D4C5AE;
            "></span>


            <span style="
              font-size:0.82rem;
              font-weight:300;
              color:#8A7560;
            ">
              9 Min. Lesezeit
            </span>

          </div>

        </header>


        <!-- ARTIKEL-INHALT -->

        <div class="wc-artikel-inhalt" style="
          font-size:clamp(0.95rem,1.2vw,1.05rem);
          font-weight:300;
          line-height:1.85;
          color:#3D2B1F;
        ">

          <p>Wer einen Kaminofen besitzt, weiß, wie angenehm die Wärme eines echten Holzfeuers sein kann. Damit der Kamin zuverlässig heizt und das Brennholz effizient verbrennt, kommt es jedoch auf die richtige Auswahl an. Nicht nur die Holzart ist entscheidend, sondern auch die Feuchtigkeit, die Scheitlänge, die bestellte Menge und eine unkomplizierte Anlieferung.<!--more--></p>
<p>Bei Wood Cargo möchten wir den Kauf von Kaminholz so einfach und transparent wie möglich gestalten. Deshalb bieten wir trockenes Buchenbrennholz in unterschiedlichen Lieferformen an. Unsere Kunden können zwischen lose geliefertem Kaminholz und bereits gestapeltem Brennholz auf Paletten wählen. Dabei denken wir nicht nur an das Holz selbst. Auch die Organisation der Lieferung gehört für uns zu einem guten Brennholzangebot. Denn was nützt ein günstiger Holzpreis, wenn anschließend hohe Transportkosten entstehen oder das Abladen am eigenen Grundstück zum Problem wird?</p>
<p>Mit unserer Holzlogistik verbinden wir die Bestellung von hochwertigem Buchenholz mit einer durchdachten Transportplanung. Wir beliefern private Haushalte und organisieren neben individuellen Lieferungen auch Sammelbestellungen, bei denen mehrere Kunden aus einer Region gemeinsam von günstigeren Transportmöglichkeiten profitieren können.</p>
<blockquote><p><em>Alle Informationen zur Bestellung finden Sie unter <a href="https://woodcargo.de/brennholz-bestellen/?utm_source=chatgpt.com">woodcargo.de/brennholz-bestellen/</a>.</em></p>
<p><em>Alternativ erreichen Sie uns telefonisch oder per WhatsApp unter +49 170 1061760 sowie per E-Mail an <a href="mailto:bausch@woodcargo.de">bausch@woodcargo.de</a>.</em></p></blockquote>
<h2>Welches Kaminholz kann ich bei Wood Cargo kaufen?</h2>
<p>Unser Schwerpunkt liegt auf Buchenbrennholz. Buche gehört zu den beliebtesten Holzarten für Kaminöfen, weil sie eine hohe Dichte besitzt, gleichmäßig abbrennt und eine lang anhaltende Glut entwickelt. Dadurch eignet sie sich besonders gut für Haushalte, die ihren Kamin regelmäßig nutzen und Wert auf eine konstante Wärmeabgabe legen.</p>
<p>Wir bieten unser Buchenholz in den gängigen Scheitlängen von 25 und 33 Zentimetern an. Welche Länge besser geeignet ist, hängt vom jeweiligen Kaminofen ab. Während 25 Zentimeter lange Scheite besonders flexibel eingesetzt werden können, sind 33 Zentimeter bei vielen größeren Brennräumen eine praktische Wahl. Bei der Bestellung empfehlen wir, die vom Ofenhersteller angegebene maximale Scheitlänge zu berücksichtigen. So lässt sich vermeiden, dass das Holz später nicht richtig in den Brennraum passt.</p>
<p>Ein weiterer wichtiger Punkt ist die Restfeuchtigkeit. Unser Kaminholz wird trocken angeboten und soll bei der Auslieferung eine Holzfeuchte von unter 20 Prozent aufweisen. Das ist entscheidend, weil feuchtes Brennholz schlechter verbrennt und mehr Rauch sowie Ablagerungen verursachen kann. Beim Kauf können unsere Kunden außerdem entscheiden, in welcher Form sie ihr Brennholz erhalten möchten.</p>
<h2><strong>Kaminholz als Schüttraum geliefert &#8211; Vorteile von Schüttraum</strong></h2>
<p>Bei einer losen Lieferung wird das Brennholz als Schüttgut transportiert. Diese Variante eignet sich besonders für Kunden, die bereits einen Holzunterstand besitzen und das Kaminholz selbst aufstapeln möchten. Die Lieferung von losem Brennholz organisieren wir mit einem Kippfahrzeug. Voraussetzung ist, dass am gewünschten Abladeort ausreichend Platz vorhanden ist und das Fahrzeug das Holz sicher abkippen kann.</p>
<p><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-396" src="https://woodcargo.de/wp-content/uploads/2026/11/Kaminholz-kaufen-und-liefern-lassen-Wood-Cargo.png" alt="Kaminholz kaufen und liefern lassen - Wood Cargo" width="1080" height="1080" title="Kaminholz kaufen bei Wood Cargo – Trockenes Buchenholz bequem nach Hause liefern lassen 1" srcset="https://woodcargo.de/wp-content/uploads/2026/11/Kaminholz-kaufen-und-liefern-lassen-Wood-Cargo.png 1080w, https://woodcargo.de/wp-content/uploads/2026/11/Kaminholz-kaufen-und-liefern-lassen-Wood-Cargo-300x300.png 300w, https://woodcargo.de/wp-content/uploads/2026/11/Kaminholz-kaufen-und-liefern-lassen-Wood-Cargo-1024x1024.png 1024w, https://woodcargo.de/wp-content/uploads/2026/11/Kaminholz-kaufen-und-liefern-lassen-Wood-Cargo-150x150.png 150w, https://woodcargo.de/wp-content/uploads/2026/11/Kaminholz-kaufen-und-liefern-lassen-Wood-Cargo-768x768.png 768w" sizes="(max-width: 1080px) 100vw, 1080px" /></p>
<h2>Kaminholz auf Palette – die saubere Wahl für Zuhause</h2>
<p>Eine besonders praktische Alternative ist unser fertig gestapeltes Buchenholz auf Palette. Hier erhalten unsere Kunden einen Ster Kaminholz, der bereits ordentlich auf einer Palette aufgeschichtet ist. Das bietet mehrere Vorteile: Die Holzmenge ist übersichtlich, die Scheite sind bereits gestapelt und die Palette kann bei geeigneten Bedingungen direkt an einem vorbereiteten Lagerplatz abgestellt werden.</p>
<p>Gerade für Haushalte, die keine Zeit haben, größere Mengen loses Brennholz selbst zu stapeln, kann diese Lieferform eine erhebliche Arbeitserleichterung darstellen. Unsere Brennholzpaletten werden mit einem Lkw mit Ladebordwand ausgeliefert. Dadurch können wir die Paletten am vereinbarten Entladeort absetzen, sofern die Zufahrt, der Untergrund und die örtlichen Gegebenheiten dafür geeignet sind. Wer sich noch nicht sicher ist, welche Lieferform besser passt, kann uns direkt kontaktieren. Wir helfen dabei, eine passende Lösung für die benötigte Holzmenge und den vorgesehenen Lagerplatz zu finden.</p>
<h2>Wie viel Kaminholz sollte ich bestellen und welche Kosten entstehen?</h2>
<p>Eine der häufigsten Fragen beim Kaminholzkauf betrifft die benötigte Menge. Eine pauschale Antwort gibt es darauf nicht, denn der Verbrauch hängt stark davon ab, wie oft der Kaminofen genutzt wird. Wer seinen Kamin nur gelegentlich am Wochenende oder an besonders kalten Abenden anzündet, benötigt deutlich weniger Brennholz als ein Haushalt, der den Ofen täglich mehrere Stunden betreibt.</p>
<p>Als grobe Orientierung kann ein gelegentlich genutzter Kaminofen mit etwa ein bis zwei Raummetern pro Heizperiode auskommen. Bei regelmäßiger Nutzung können mehrere Raummeter erforderlich sein. Entscheidend sind dabei die Heizleistung, die Gebäudedämmung, die Außentemperaturen und das persönliche Heizverhalten. Wir empfehlen unseren Kunden, den bisherigen Brennholzverbrauch als Grundlage für die nächste Bestellung zu verwenden. Wer erstmals mit Holz heizt, kann zunächst eine kleinere Menge bestellen und den tatsächlichen Bedarf über die Heizperiode beobachten.</p>
<p>Wichtig ist außerdem, die unterschiedlichen Mengeneinheiten zu verstehen.</p>
<p>Ein Ster entspricht einem Raummeter und bezeichnet einen Kubikmeter ordentlich gestapeltes Brennholz einschließlich der Zwischenräume. Beim Schüttraummeter wird das Holz dagegen lose geschüttet. Aufgrund der größeren Zwischenräume enthält ein Schüttraummeter weniger Holz als ein gestapelter Raummeter. Bei Wood Cargo legen wir Wert darauf, dass unsere Kunden wissen, welche Menge sie bestellen. Unsere gestapelten Brennholzpaletten enthalten jeweils einen Ster Buchenholz. Bei losen Lieferungen wird die vereinbarte Mengeneinheit ausdrücklich angegeben.</p>
<p>Neben dem Holzpreis sind die Transportkosten ein wesentlicher Bestandteil des Gesamtpreises. Deshalb betrachten wir die Lieferung nicht als nebensächlichen Zusatz, sondern als wichtigen Teil unseres Angebots. Besonders bei größeren Entfernungen können einzelne Lieferfahrten vergleichsweise teuer werden. Unser Ziel ist es daher, die vorhandenen Transportkapazitäten möglichst effizient einzusetzen.</p>
<p>Eine Möglichkeit sind unsere Sammelbestellungen. Dabei bündeln wir mehrere Bestellungen aus einer Stadt oder Region und organisieren eine gemeinsame Liefertour. Statt für jeden Kunden eine separate Fahrt einzuplanen, können mehrere Haushalte innerhalb einer Tour beliefert werden.</p>
<p>Wie groß der Vorteil sein kann, zeigt unser Beispiel für Tuttlingen: Bei einer einzelnen Lieferung können Transportkosten von 192 Euro entstehen. Im Rahmen einer passenden Sammelbestellung kann die Lieferung einer Palette dagegen bereits 20 Euro kosten. Das entspricht einer möglichen Ersparnis von 172 Euro bei den Lieferkosten. Diese Werte beziehen sich auf das konkrete Lieferbeispiel; die tatsächlichen Konditionen hängen von der jeweiligen Tourenplanung und der Bestellmenge ab.</p>
<p>Für uns ist dieses Modell besonders interessant, weil es wirtschaftliche Vorteile mit einer effizienteren Logistik verbindet. Werden mehrere Bestellungen zusammengefasst, können unnötige Fahrstrecken reduziert und vorhandene Fahrzeugkapazitäten besser genutzt werden. Auch unsere Kunden profitieren davon, wenn sie ihre Kaminholzbestellung rechtzeitig planen und bei der Lieferterminwahl etwas flexibel sind.</p>
<p>Wer gemeinsam mit Nachbarn, Freunden oder Familienmitgliedern Kaminholz bestellen möchte, kann uns ebenfalls ansprechen. Wir prüfen dann, ob sich die gewünschten Mengen zu einer gemeinsamen Lieferung zusammenfassen lassen.</p>
<h2>Kaminholz bestellen und liefern lassen – so einfach funktioniert es bei uns</h2>
<p>Wir möchten, dass unsere Kunden nicht lange nach einem geeigneten Brennholzangebot suchen müssen. Deshalb bieten wir mehrere Möglichkeiten, Kaminholz bei uns anzufragen und zu bestellen. Über unsere Webseite können Interessenten Informationen zu unserem Buchenbrennholz und den verfügbaren Lieferformen abrufen. Darüber hinaus sind wir telefonisch, per WhatsApp und per E-Mail erreichbar.</p>
<p>Bei einer Anfrage sind insbesondere die gewünschte Holzmenge, die Scheitlänge, die Lieferadresse und die bevorzugte Lieferform hilfreich. Mit diesen Angaben können wir prüfen, welche Transportmöglichkeiten bestehen und welche Lieferkosten voraussichtlich entstehen. Wer beispielsweise zwei Ster Buchenholz auf Paletten bestellen möchte, kann uns die gewünschte Menge und seine Postleitzahl mitteilen. Anschließend prüfen wir, ob eine individuelle Lieferung sinnvoll ist oder ob bereits eine passende Sammelbestellung für die Region geplant werden kann.</p>
<p>Vor der Anlieferung sollte der vorgesehene Stellplatz vorbereitet werden. Unsere Brennholzpaletten besitzen ein erhebliches Gewicht und benötigen deshalb einen festen, möglichst ebenen Untergrund. Gepflasterte Hofflächen, geeignete Garagenzufahrten oder befestigte Lagerbereiche sind grundsätzlich besser geeignet als weiche Rasenflächen oder unbefestigte Wege. Ob eine Palette tatsächlich bis zum gewünschten Platz bewegt werden kann, hängt jedoch immer von den örtlichen Bedingungen ab.</p>
<p>Auch die Breite der Zufahrt und mögliche Hindernisse sollten berücksichtigt werden. Bei Unsicherheiten empfehlen wir, die Situation bereits vor der Bestellung mit uns zu besprechen. Nach der Lieferung kommt es auf die richtige Lagerung an. Obwohl unser Buchenholz bereits trocken geliefert wird, sollte es dauerhaft vor Regen und Bodenfeuchtigkeit geschützt werden.</p>
<p>Ein überdachter Holzunterstand mit guter Luftzirkulation ist dafür besonders geeignet. Die Scheite sollten nicht direkt auf feuchtem Boden liegen. Gleichzeitig ist darauf zu achten, dass die Luft auch seitlich an das Holz gelangen kann. Wer seine Brennholzpalette in einer Garage lagern möchte, sollte auf einen trockenen Raum und die geltenden Brandschutzanforderungen achten. Besonders wichtig ist, dass das Kaminholz nicht unmittelbar neben Feuerstätten oder anderen Wärmequellen aufbewahrt wird.</p>
<p>Für einen sauberen und effizienten Abbrand empfehlen wir außerdem, ausschließlich naturbelassenes, ausreichend trockenes Holz zu verwenden. Lackiertes, behandeltes oder anderweitig belastetes Holz gehört nicht in den Kaminofen. Mit einer geeigneten Lagerung und der richtigen Bedienung des Ofens lässt sich die Qualität des Brennholzes bis zur Verwendung erhalten.</p>
<p>Unser Anspruch bei Wood Cargo ist es, den Kaminholzkauf nicht unnötig kompliziert zu machen. Wir möchten unseren Kunden eine nachvollziehbare Holzmenge, trockenes Buchenbrennholz und eine passende Lieferlösung anbieten. Dabei spielt es für uns keine Rolle, ob jemand erstmals einen Kaminofen betreibt oder bereits seit vielen Jahren mit Holz heizt. Wir unterstützen bei der Auswahl der Scheitlänge, der Bestellmenge und der geeigneten Lieferform.</p>
<h2><strong>Jetzt Kaminholz bei Wood Cargo kaufen und transparente Preise innerhalb von Minuten bekommen</strong></h2>
<p>Wer trockenes Buchenholz für die nächste Heizperiode benötigt, kann direkt bei uns anfragen. Wir bieten Kaminholz lose oder fertig gestapelt auf Palette an und prüfen passende Liefermöglichkeiten für den jeweiligen Standort.</p>
<p>Wir freuen uns darauf, auch Ihr Zuhause mit hochwertigem Buchenbrennholz zu versorgen.</p>

        </div>


        <!-- Zurück -->

        <div style="margin-top:2rem;">

          <a
            href="https://woodcargo.de"
            style="
              font-family:'DM Sans',sans-serif;
              font-size:0.84rem;
              font-weight:500;
              color:#1A4D2E;
              text-decoration:none;
              display:inline-flex;
              align-items:center;
              gap:0.5rem;
              border-bottom:1px solid #D4E8DA;
              padding-bottom:2px;
              transition:color 0.2s;
            "
            onmouseover="this.style.color='#2D6A47'"
            onmouseout="this.style.color='#1A4D2E'"
          >

            <svg
              width="14"
              height="14"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="1.5"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <path d="M19 12H5M12 6l-6 6 6 6"/>
            </svg>

            Zurück zum Blog

          </a>

        </div>


        <!-- ======================================================
             VERWANDTE ARTIKEL
             ====================================================== -->

        
        <div style="
          margin-top:clamp(3rem,6vw,5rem);
          padding-top:2rem;
          border-top:2px solid #E8DFD0;
        ">

          <div style="
            font-size:0.7rem;
            font-weight:500;
            letter-spacing:0.18em;
            text-transform:uppercase;
            color:#1A4D2E;
            display:flex;
            align-items:center;
            gap:0.75rem;
            margin-bottom:1.5rem;
          ">

            <span style="
              width:26px;
              height:1px;
              background:#1A4D2E;
              display:inline-block;
            "></span>

            Weitere Artikel

          </div>


          <div style="
            display:grid;
            grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
            gap:1.25rem;
          ">

            
            <a
              href="https://woodcargo.de/wie-trocken-muss-brennholz-wirklich-sein-holzfeuchte-richtig-verstehen/"
              style="
                display:flex;
                flex-direction:column;
                background:#F2EDE2;
                border:1px solid #E8DFD0;
                border-radius:12px;
                overflow:hidden;
                text-decoration:none;
                transition:box-shadow 0.3s,transform 0.3s;
              "
              onmouseover="this.style.boxShadow='0 8px 24px rgba(61,43,31,0.1)';this.style.transform='translateY(-3px)'"
              onmouseout="this.style.boxShadow='none';this.style.transform='translateY(0)'"
            >

              <div style="
                height:130px;
                overflow:hidden;
              ">

                <img
                  src="https://woodcargo.de/wp-content/uploads/2026/09/Wie-trocken-muss-Brennholz-wirklich-sein-Wood-Cargo-300x158.png"
                  alt="Wie trocken muss Brennholz wirklich sein? – Holzfeuchte richtig verstehen"
                  loading="lazy"
                  style="
                    width:100%;
                    height:100%;
                    object-fit:cover;
                    display:block;
                    transition:transform 0.6s;
                  "
                  onmouseover="this.style.transform='scale(1.05)'"
                  onmouseout="this.style.transform='scale(1)'"
                />

              </div>


              <div style="padding:1rem;">

                <div style="
                  font-size:0.7rem;
                  color:#B5A594;
                  margin-bottom:0.375rem;
                ">
                  24. Sep. 2026                </div>

                <div style="
                  font-family:'Playfair Display',Georgia,serif;
                  font-size:0.9rem;
                  font-weight:500;
                  color:#2A1F14;
                  line-height:1.35;
                ">
                  Wie trocken muss Brennholz wirklich sein? – Holzfeuchte richtig verstehen                </div>

              </div>

            </a>

            
            <a
              href="https://woodcargo.de/1-ster-buche-entspricht-rund-190-litern-heizoel-der-grosse-vergleich/"
              style="
                display:flex;
                flex-direction:column;
                background:#F2EDE2;
                border:1px solid #E8DFD0;
                border-radius:12px;
                overflow:hidden;
                text-decoration:none;
                transition:box-shadow 0.3s,transform 0.3s;
              "
              onmouseover="this.style.boxShadow='0 8px 24px rgba(61,43,31,0.1)';this.style.transform='translateY(-3px)'"
              onmouseout="this.style.boxShadow='none';this.style.transform='translateY(0)'"
            >

              <div style="
                height:130px;
                overflow:hidden;
              ">

                <img
                  src="https://woodcargo.de/wp-content/uploads/2026/09/Heizoel-und-Brennholz-Wood-Cargo-300x158.png"
                  alt="1 Ster Buche entspricht rund 190 Litern Heizöl – der große Vergleich"
                  loading="lazy"
                  style="
                    width:100%;
                    height:100%;
                    object-fit:cover;
                    display:block;
                    transition:transform 0.6s;
                  "
                  onmouseover="this.style.transform='scale(1.05)'"
                  onmouseout="this.style.transform='scale(1)'"
                />

              </div>


              <div style="padding:1rem;">

                <div style="
                  font-size:0.7rem;
                  color:#B5A594;
                  margin-bottom:0.375rem;
                ">
                  15. Sep. 2026                </div>

                <div style="
                  font-family:'Playfair Display',Georgia,serif;
                  font-size:0.9rem;
                  font-weight:500;
                  color:#2A1F14;
                  line-height:1.35;
                ">
                  1 Ster Buche entspricht rund 190 Litern Heizöl – der große Vergleich                </div>

              </div>

            </a>

            
          </div>

        </div>

        

      </article>


      <!-- ========================================================
           SIDEBAR
           ======================================================== -->

      <aside class="wc-artikel-sidebar" style="
        position:sticky;
        top:90px;
        display:flex;
        flex-direction:column;
        gap:1.25rem;
      ">


        <!-- LEISTUNGEN -->

        <div style="
          background:#1E3D2A;
          border-radius:16px;
          overflow:hidden;
        ">

          <div style="
            padding:1.25rem 1.375rem;
            border-bottom:1px solid rgba(255,255,255,0.08);
          ">

            <div style="
              font-size:0.62rem;
              font-weight:600;
              letter-spacing:0.14em;
              text-transform:uppercase;
              color:#8AAF90;
              margin-bottom:0.3rem;
            ">
              Wood Cargo
            </div>

            <div style="
              font-family:'Playfair Display',Georgia,serif;
              font-size:1rem;
              font-weight:400;
              color:#FAF8F3;
              line-height:1.2;
            ">
              Unsere
              <em style="font-style:italic;color:#D4E8DA;">
                Leistungen
              </em>
            </div>

          </div>


          <div style="
            padding:0.75rem;
            display:flex;
            flex-direction:column;
            gap:0.5rem;
          ">

            
            <a
              href="https://woodcargo.de/#leistungen"
              style="
                display:flex;
                align-items:center;
                gap:0.875rem;
                background:rgba(250,248,243,0.06);
                border:1px solid rgba(250,248,243,0.08);
                border-radius:10px;
                padding:0.875rem 1rem;
                text-decoration:none;
                transition:background 0.2s,border-color 0.2s;
              "
              onmouseover="this.style.background='rgba(250,248,243,0.12)';this.style.borderColor='rgba(212,232,218,0.25)'"
              onmouseout="this.style.background='rgba(250,248,243,0.06)';this.style.borderColor='rgba(250,248,243,0.08)'"
            >

              <div style="
                width:34px;
                height:34px;
                border-radius:7px;
                background:rgba(212,232,218,0.12);
                border:1px solid rgba(212,232,218,0.2);
                display:flex;
                align-items:center;
                justify-content:center;
                flex-shrink:0;
              ">

                <svg
                  width="15"
                  height="15"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="#8AAF90"
                  stroke-width="1.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                >
                  <rect x="1" y="3" width="15" height="13"/><path d="M16 8h4l3 5v3h-7V8z"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/>                </svg>

              </div>


              <div style="flex:1;min-width:0;">

                <div style="
                  font-size:0.82rem;
                  font-weight:500;
                  color:#FAF8F3;
                  line-height:1.2;
                  white-space:nowrap;
                  overflow:hidden;
                  text-overflow:ellipsis;
                ">
                  Brennholz lose                </div>

                <div style="
                  font-size:0.72rem;
                  font-weight:300;
                  color:rgba(250,248,243,0.5);
                  margin-top:1px;
                ">
                  SRM per Abrollcontainer                </div>

              </div>


              <svg
                width="12"
                height="12"
                viewBox="0 0 24 24"
                fill="none"
                stroke="rgba(250,248,243,0.3)"
                stroke-width="1.5"
                stroke-linecap="round"
                stroke-linejoin="round"
                style="flex-shrink:0;"
              >
                <path d="M9 18l6-6-6-6"/>
              </svg>

            </a>

            
            <a
              href="https://woodcargo.de/#leistungen"
              style="
                display:flex;
                align-items:center;
                gap:0.875rem;
                background:rgba(250,248,243,0.06);
                border:1px solid rgba(250,248,243,0.08);
                border-radius:10px;
                padding:0.875rem 1rem;
                text-decoration:none;
                transition:background 0.2s,border-color 0.2s;
              "
              onmouseover="this.style.background='rgba(250,248,243,0.12)';this.style.borderColor='rgba(212,232,218,0.25)'"
              onmouseout="this.style.background='rgba(250,248,243,0.06)';this.style.borderColor='rgba(250,248,243,0.08)'"
            >

              <div style="
                width:34px;
                height:34px;
                border-radius:7px;
                background:rgba(212,232,218,0.12);
                border:1px solid rgba(212,232,218,0.2);
                display:flex;
                align-items:center;
                justify-content:center;
                flex-shrink:0;
              ">

                <svg
                  width="15"
                  height="15"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="#8AAF90"
                  stroke-width="1.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                >
                  <rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16"/>                </svg>

              </div>


              <div style="flex:1;min-width:0;">

                <div style="
                  font-size:0.82rem;
                  font-weight:500;
                  color:#FAF8F3;
                  line-height:1.2;
                  white-space:nowrap;
                  overflow:hidden;
                  text-overflow:ellipsis;
                ">
                  Brennholz Palette                </div>

                <div style="
                  font-size:0.72rem;
                  font-weight:300;
                  color:rgba(250,248,243,0.5);
                  margin-top:1px;
                ">
                  1 Ster pro EURO-Palette                </div>

              </div>


              <svg
                width="12"
                height="12"
                viewBox="0 0 24 24"
                fill="none"
                stroke="rgba(250,248,243,0.3)"
                stroke-width="1.5"
                stroke-linecap="round"
                stroke-linejoin="round"
                style="flex-shrink:0;"
              >
                <path d="M9 18l6-6-6-6"/>
              </svg>

            </a>

            
            <a
              href="https://woodcargo.de/#leistungen"
              style="
                display:flex;
                align-items:center;
                gap:0.875rem;
                background:rgba(250,248,243,0.06);
                border:1px solid rgba(250,248,243,0.08);
                border-radius:10px;
                padding:0.875rem 1rem;
                text-decoration:none;
                transition:background 0.2s,border-color 0.2s;
              "
              onmouseover="this.style.background='rgba(250,248,243,0.12)';this.style.borderColor='rgba(212,232,218,0.25)'"
              onmouseout="this.style.background='rgba(250,248,243,0.06)';this.style.borderColor='rgba(250,248,243,0.08)'"
            >

              <div style="
                width:34px;
                height:34px;
                border-radius:7px;
                background:rgba(212,232,218,0.12);
                border:1px solid rgba(212,232,218,0.2);
                display:flex;
                align-items:center;
                justify-content:center;
                flex-shrink:0;
              ">

                <svg
                  width="15"
                  height="15"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="#8AAF90"
                  stroke-width="1.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                >
                  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>                </svg>

              </div>


              <div style="flex:1;min-width:0;">

                <div style="
                  font-size:0.82rem;
                  font-weight:500;
                  color:#FAF8F3;
                  line-height:1.2;
                  white-space:nowrap;
                  overflow:hidden;
                  text-overflow:ellipsis;
                ">
                  Hackschnitzel                </div>

                <div style="
                  font-size:0.72rem;
                  font-weight:300;
                  color:rgba(250,248,243,0.5);
                  margin-top:1px;
                ">
                  G30 &amp; G50 lose                </div>

              </div>


              <svg
                width="12"
                height="12"
                viewBox="0 0 24 24"
                fill="none"
                stroke="rgba(250,248,243,0.3)"
                stroke-width="1.5"
                stroke-linecap="round"
                stroke-linejoin="round"
                style="flex-shrink:0;"
              >
                <path d="M9 18l6-6-6-6"/>
              </svg>

            </a>

            
            <a
              href="https://woodcargo.de/#leistungen"
              style="
                display:flex;
                align-items:center;
                gap:0.875rem;
                background:rgba(250,248,243,0.06);
                border:1px solid rgba(250,248,243,0.08);
                border-radius:10px;
                padding:0.875rem 1rem;
                text-decoration:none;
                transition:background 0.2s,border-color 0.2s;
              "
              onmouseover="this.style.background='rgba(250,248,243,0.12)';this.style.borderColor='rgba(212,232,218,0.25)'"
              onmouseout="this.style.background='rgba(250,248,243,0.06)';this.style.borderColor='rgba(250,248,243,0.08)'"
            >

              <div style="
                width:34px;
                height:34px;
                border-radius:7px;
                background:rgba(212,232,218,0.12);
                border:1px solid rgba(212,232,218,0.2);
                display:flex;
                align-items:center;
                justify-content:center;
                flex-shrink:0;
              ">

                <svg
                  width="15"
                  height="15"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="#8AAF90"
                  stroke-width="1.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                >
                  <line x1="12" y1="2" x2="12" y2="22"/><path d="M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6"/>                </svg>

              </div>


              <div style="flex:1;min-width:0;">

                <div style="
                  font-size:0.82rem;
                  font-weight:500;
                  color:#FAF8F3;
                  line-height:1.2;
                  white-space:nowrap;
                  overflow:hidden;
                  text-overflow:ellipsis;
                ">
                  Stammholz                </div>

                <div style="
                  font-size:0.72rem;
                  font-weight:300;
                  color:rgba(250,248,243,0.5);
                  margin-top:1px;
                ">
                  Per LKW geliefert                </div>

              </div>


              <svg
                width="12"
                height="12"
                viewBox="0 0 24 24"
                fill="none"
                stroke="rgba(250,248,243,0.3)"
                stroke-width="1.5"
                stroke-linecap="round"
                stroke-linejoin="round"
                style="flex-shrink:0;"
              >
                <path d="M9 18l6-6-6-6"/>
              </svg>

            </a>

            
            <a
              href="https://woodcargo.de/#leistungen"
              style="
                display:flex;
                align-items:center;
                gap:0.875rem;
                background:rgba(250,248,243,0.06);
                border:1px solid rgba(250,248,243,0.08);
                border-radius:10px;
                padding:0.875rem 1rem;
                text-decoration:none;
                transition:background 0.2s,border-color 0.2s;
              "
              onmouseover="this.style.background='rgba(250,248,243,0.12)';this.style.borderColor='rgba(212,232,218,0.25)'"
              onmouseout="this.style.background='rgba(250,248,243,0.06)';this.style.borderColor='rgba(250,248,243,0.08)'"
            >

              <div style="
                width:34px;
                height:34px;
                border-radius:7px;
                background:rgba(212,232,218,0.12);
                border:1px solid rgba(212,232,218,0.2);
                display:flex;
                align-items:center;
                justify-content:center;
                flex-shrink:0;
              ">

                <svg
                  width="15"
                  height="15"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="#8AAF90"
                  stroke-width="1.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                >
                  <path d="M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z"/>                </svg>

              </div>


              <div style="flex:1;min-width:0;">

                <div style="
                  font-size:0.82rem;
                  font-weight:500;
                  color:#FAF8F3;
                  line-height:1.2;
                  white-space:nowrap;
                  overflow:hidden;
                  text-overflow:ellipsis;
                ">
                  Lohnspalten                </div>

                <div style="
                  font-size:0.72rem;
                  font-weight:300;
                  color:rgba(250,248,243,0.5);
                  margin-top:1px;
                ">
                  Spaltautomat vor Ort                </div>

              </div>


              <svg
                width="12"
                height="12"
                viewBox="0 0 24 24"
                fill="none"
                stroke="rgba(250,248,243,0.3)"
                stroke-width="1.5"
                stroke-linecap="round"
                stroke-linejoin="round"
                style="flex-shrink:0;"
              >
                <path d="M9 18l6-6-6-6"/>
              </svg>

            </a>

            
          </div>


          <!-- CTA -->

          <div style="
            padding:0.75rem;
            padding-top:0.25rem;
          ">

            <a
              href="https://woodcargo.de/#wc-anfrage-bereich"
              style="
                display:flex;
                align-items:center;
                justify-content:center;
                gap:0.5rem;
                background:#D4E8DA;
                color:#1A4D2E;
                font-family:'DM Sans',sans-serif;
                font-size:0.8rem;
                font-weight:500;
                letter-spacing:0.04em;
                padding:0.875rem;
                border-radius:8px;
                text-decoration:none;
                transition:background 0.2s;
              "
              onmouseover="this.style.background='#BFD9C6'"
              onmouseout="this.style.background='#D4E8DA'"
            >

              <svg
                width="14"
                height="14"
                viewBox="0 0 24 24"
                fill="none"
                stroke="currentColor"
                stroke-width="1.5"
                stroke-linecap="round"
                stroke-linejoin="round"
              >
                <path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/>
              </svg>

              Jetzt Anfrage stellen

            </a>

          </div>

        </div>


        <!-- SHOP-KARTE -->

        <a
          href="https://woodcargo.de/brennholz-bestellen/"
          target="_blank"
          rel="noopener noreferrer"
          style="
            display:block;
            background:#F2EDE2;
            border:1px solid #E8DFD0;
            border-radius:14px;
            padding:1.25rem;
            text-decoration:none;
            transition:box-shadow 0.3s,transform 0.3s;
          "
          onmouseover="this.style.boxShadow='0 8px 24px rgba(61,43,31,0.1)';this.style.transform='translateY(-2px)'"
          onmouseout="this.style.boxShadow='none';this.style.transform='translateY(0)'"
        >

          <div style="
            font-size:0.62rem;
            font-weight:600;
            letter-spacing:0.12em;
            text-transform:uppercase;
            color:#8A7560;
            margin-bottom:0.5rem;
          ">
            Wood Cargo Sammelbestellung
          </div>

          <div style="
            font-family:'Playfair Display',Georgia,serif;
            font-size:0.95rem;
            font-weight:500;
            color:#2A1F14;
            margin-bottom:0.375rem;
          ">
            Brennholz direkt bestellen
          </div>

          <div style="
            font-size:0.78rem;
            font-weight:300;
            color:#8A7560;
            line-height:1.6;
            margin-bottom:0.875rem;
          ">
            Trocken, regional und sofort lieferbar — im Wood Cargo Shop.
          </div>

          <div style="
            display:flex;
            align-items:center;
            gap:0.375rem;
            font-size:0.78rem;
            font-weight:500;
            color:#1A4D2E;
          ">

            Zum Shop

            <svg
              width="13"
              height="13"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="1.5"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <path d="M5 12h14M13 6l6 6-6 6"/>
            </svg>

          </div>

        </a>


        <!-- REGIONALITÄT -->

        <div style="
          background:#FAF8F3;
          border:1px solid #E8DFD0;
          border-radius:14px;
          padding:1.25rem;
        ">

          <div style="
            display:flex;
            align-items:center;
            gap:0.625rem;
            margin-bottom:0.875rem;
          ">

            <div style="
              width:30px;
              height:30px;
              border-radius:7px;
              background:#D4E8DA;
              border:1px solid #8AAF90;
              display:flex;
              align-items:center;
              justify-content:center;
              flex-shrink:0;
            ">

              <svg
                width="14"
                height="14"
                viewBox="0 0 24 24"
                fill="none"
                stroke="#1A4D2E"
                stroke-width="1.5"
                stroke-linecap="round"
                stroke-linejoin="round"
              >
                <path d="M17 8C8 10 5.9 16.17 3.82 19.07a10.87 10.87 0 01-.07-7.07C4.44 8.15 8.15 4.44 12 4c3 0 5 1 6 2.5-.5.5-1 1-1 1.5z"/>
                <path d="M3.82 19.07C6 16 9.5 13.5 12 13"/>
              </svg>

            </div>

            <div style="
              font-family:'Playfair Display',Georgia,serif;
              font-size:0.9rem;
              font-weight:500;
              color:#2A1F14;
            ">
              Aus der Region
            </div>

          </div>


          <div style="
            display:flex;
            flex-direction:column;
            gap:0.4rem;
          ">

            
              <div style="
                display:flex;
                align-items:center;
                gap:0.5rem;
                font-size:0.78rem;
                font-weight:300;
                color:#5C4A38;
              ">
                🌲 Schwarzwald              </div>

            
              <div style="
                display:flex;
                align-items:center;
                gap:0.5rem;
                font-size:0.78rem;
                font-weight:300;
                color:#5C4A38;
              ">
                🏔️ Allgäu              </div>

            
              <div style="
                display:flex;
                align-items:center;
                gap:0.5rem;
                font-size:0.78rem;
                font-weight:300;
                color:#5C4A38;
              ">
                📍 Baden-Württemberg              </div>

            
          </div>

        </div>


      </aside>

    </div>

  </div>

</div>


<!-- ============================================================
     ARTIKEL-STYLING
     ============================================================ -->

<style>

.wc-breakout,
.wc-breakout * {
  box-sizing: border-box;
}

.wc-artikel-main {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}


/* ============================================================
   TYPOGRAFIE
   ============================================================ */

.wc-artikel-inhalt {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}

.wc-artikel-inhalt > * {
  max-width: 100%;
}

.wc-artikel-inhalt h2 {
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(1.25rem,2.5vw,1.625rem);
  font-weight:500;
  color:#2A1F14;
  margin:2.5rem 0 1rem;
  line-height:1.2;
}

.wc-artikel-inhalt h3 {
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(1.05rem,2vw,1.25rem);
  font-weight:500;
  color:#2A1F14;
  margin:2rem 0 0.875rem;
}

.wc-artikel-inhalt h4 {
  font-family:'DM Sans',sans-serif;
  font-size:1rem;
  font-weight:600;
  color:#2A1F14;
  margin:1.5rem 0 0.625rem;
}

.wc-artikel-inhalt p {
  margin:0 0 1.25rem;
  color:#3D2B1F;
}

.wc-artikel-inhalt a {
  color:#1A4D2E;
  text-decoration:underline;
  text-underline-offset:3px;
}

.wc-artikel-inhalt a:hover {
  color:#2D6A47;
}

.wc-artikel-inhalt ul,
.wc-artikel-inhalt ol {
  margin:0 0 1.25rem 1.5rem;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:0.4rem;
}

.wc-artikel-inhalt li {
  color:#3D2B1F;
  line-height:1.75;
}

.wc-artikel-inhalt blockquote {
  border-left:3px solid #1A4D2E;
  margin:2rem 0;
  padding:1rem 1.5rem;
  background:#F2EDE2;
  border-radius:0 10px 10px 0;
  font-family:'Playfair Display',Georgia,serif;
  font-style:italic;
  font-size:1.05rem;
  color:#2A1F14;
}

.wc-artikel-inhalt blockquote p {
  margin:0;
  color:#2A1F14;
}


/* ============================================================
   BILDER
   ============================================================ */

.wc-artikel-inhalt img {
  max-width:100%;
  height:auto;
  border-radius:10px;
  margin:1.5rem 0;
  display:block;
}


/* ============================================================
   YOUTUBE / VIDEO / EMBEDS
   ============================================================ */

/*
 * Wichtig:
 * WordPress erzeugt für YouTube normalerweise:
 *
 * figure.wp-block-embed
 *   .wp-block-embed__wrapper
 *     iframe
 *
 * Alle Ebenen werden deshalb auf die Breite des Artikels begrenzt.
 */

.wc-artikel-inhalt .wp-block-embed,
.wc-artikel-inhalt figure.wp-block-embed,
.wc-artikel-inhalt .wp-block-video {
  display:block;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:1.75rem 0 !important;
  padding:0 !important;
  overflow:hidden;
}

.wc-artikel-inhalt .wp-block-embed__wrapper {
  position:relative;
  display:block;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  aspect-ratio:16 / 9;
  overflow:hidden;
  border-radius:12px;
  background:#000;
}

.wc-artikel-inhalt .wp-block-embed__wrapper iframe {
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}


/* Direkt eingebettete iframes ohne Gutenberg Wrapper */

.wc-artikel-inhalt > iframe,
.wc-artikel-inhalt p > iframe {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9;
  border:0 !important;
  border-radius:12px;
  margin:1.75rem 0 !important;
}


/* Alte WordPress / Plugin Video Wrapper */

.wc-artikel-inhalt .wp-video,
.wc-artikel-inhalt .video-container,
.wc-artikel-inhalt .embed-youtube,
.wc-artikel-inhalt .fluid-width-video-wrapper {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}


/* YouTube oEmbed */

.wc-artikel-inhalt iframe[src*="youtube.com"],
.wc-artikel-inhalt iframe[src*="youtube-nocookie.com"],
.wc-artikel-inhalt iframe[src*="youtu.be"] {
  max-width:100% !important;
}


/* ============================================================
   SONSTIGE ARTIKEL-ELEMENTE
   ============================================================ */

.wc-artikel-inhalt strong {
  font-weight:600;
  color:#2A1F14;
}

.wc-artikel-inhalt hr {
  border:none;
  height:1px;
  background:#E8DFD0;
  margin:2.5rem 0;
}


/* Tabellen */

.wc-artikel-inhalt table {
  width:100%;
  max-width:100%;
  border-collapse:collapse;
  margin:1.5rem 0;
  font-size:0.9rem;
}

.wc-artikel-inhalt th {
  background:#D4E8DA;
  color:#1A4D2E;
  font-weight:600;
  padding:0.75rem 1rem;
  text-align:left;
  border-bottom:1px solid #8AAF90;
}

.wc-artikel-inhalt td {
  padding:0.625rem 1rem;
  border-bottom:1px solid #F2EDE2;
  color:#3D2B1F;
}

.wc-artikel-inhalt tr:last-child td {
  border-bottom:none;
}

.wc-artikel-inhalt code {
  background:#F2EDE2;
  color:#1A4D2E;
  font-size:0.85em;
  padding:0.15em 0.4em;
  border-radius:4px;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width:900px) {

  .wc-artikel-grid {
    grid-template-columns:1fr !important;
  }

  .wc-artikel-main {
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
  }

  .wc-artikel-inhalt {
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
  }

  .wc-artikel-sidebar {
    position:static !important;

    /*
     * Bestehendes Verhalten aus deinem bisherigen Snippet:
     * Sidebar erscheint auf Mobile vor dem Artikel.
     */
    order:-1;
  }

  .wc-artikel-inhalt .wp-block-embed,
  .wc-artikel-inhalt figure.wp-block-embed,
  .wc-artikel-inhalt .wp-block-embed__wrapper,
  .wc-artikel-inhalt iframe {
    max-width:100% !important;
  }

}


@media (max-width:600px) {

  .wc-artikel-container {
    padding-left:1.25rem !important;
    padding-right:1.25rem !important;
  }

  .wc-artikel-inhalt .wp-block-embed,
  .wc-artikel-inhalt figure.wp-block-embed,
  .wc-artikel-inhalt .wp-block-video {
    margin:1.5rem 0 !important;
  }

  .wc-artikel-inhalt .wp-block-embed__wrapper,
  .wc-artikel-inhalt > iframe,
  .wc-artikel-inhalt p > iframe {
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:16 / 9;
    border-radius:10px;
  }

}

</style>


<div class="wc-breakout" style="
  background: #0F1A12;
  font-family: 'DM Sans', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  border-top: 1px solid rgba(255,255,255,0.06);
  position: relative;
  overflow: hidden;
">

  <!-- Sehr subtiler Chevron -->
  <svg style="position:absolute;right:-5%;bottom:-10%;width:min(40%,400px);height:auto;opacity:0.04;pointer-events:none;" viewBox="0 0 400 600" fill="none" aria-hidden="true">
    <path d="M20 40 L220 300 L20 560" stroke="#FAF8F3" stroke-width="90" stroke-linejoin="miter"/>
    <path d="M150 40 L350 300 L150 560" stroke="#FAF8F3" stroke-width="90" stroke-linejoin="miter"/>
  </svg>

  <!-- ============================================================
       OBERER BEREICH: CTA-Banner vor dem eigentlichen Footer
       ============================================================ -->
  <div style="
    border-bottom: 1px solid rgba(255,255,255,0.06);
    padding: clamp(2.5rem,5vw,4rem) clamp(1.5rem,5vw,3.5rem);
  ">
    <div style="
      max-width:1240px;margin:0 auto;
      display:grid;grid-template-columns:1fr auto;
      gap:2rem;align-items:center;flex-wrap:wrap;
    ">
      <div>
        <h2 style="
          font-family:'Playfair Display',Georgia,serif;
          font-size:clamp(1.5rem,3vw,2.25rem);
          font-weight:400;line-height:1.15;
          color:#FAF8F3;margin:0 0 0.5rem;
        ">
          Bereit für Ihr <em style="font-style:italic;color:#8AAF90;">Brennholz?</em>
        </h2>
        <p style="font-size:0.9rem;font-weight:300;color:rgba(250,248,243,0.5);margin:0;">
          Jetzt unverbindlich anfragen — wir melden uns schnellstmöglich bei Ihnen.
        </p>
      </div>
      <div style="display:flex;gap:0.875rem;flex-wrap:wrap;align-items:center;">
        <a href="#wc-anfrage-bereich"
           style="
             font-family:'DM Sans',sans-serif;font-size:0.83rem;font-weight:500;
             letter-spacing:0.05em;color:#0F1A12;background:#D4E8DA;
             padding:0.875rem 1.75rem;border-radius:5px;text-decoration:none;
             white-space:nowrap;display:inline-flex;align-items:center;gap:0.4rem;
             transition:background 0.25s;
           "
           onmouseover="this.style.background='#BFD9C6'" onmouseout="this.style.background='#D4E8DA'">
          Anfrage stellen
          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
        </a>
        <a href="https://woodcargo.de/brennholz-bestellen/"
           style="
             font-family:'DM Sans',sans-serif;font-size:0.83rem;font-weight:500;
             letter-spacing:0.05em;color:rgba(250,248,243,0.75);
             background:rgba(255,255,255,0.06);
             border:1px solid rgba(255,255,255,0.12);
             padding:0.875rem 1.75rem;border-radius:5px;text-decoration:none;
             white-space:nowrap;display:inline-flex;align-items:center;gap:0.4rem;
             transition:background 0.25s,color 0.25s;
           "
           onmouseover="this.style.background='rgba(255,255,255,0.12)';this.style.color='#FAF8F3'"
           onmouseout="this.style.background='rgba(255,255,255,0.06)';this.style.color='rgba(250,248,243,0.75)'">
          Brennholz bestellen ↗
        </a>
      </div>
    </div>
  </div>

  <!-- ============================================================
       HAUPT-FOOTER: 4 Spalten
       ============================================================ -->
  <div style="max-width:1240px;margin:0 auto;padding:clamp(3rem,6vw,5rem) clamp(1.5rem,5vw,3.5rem) clamp(2rem,4vw,3rem);">

    <div style="
      display:grid;
      grid-template-columns:1.6fr 1fr 1fr 1fr;
      gap:clamp(2rem,4vw,3.5rem);
      margin-bottom:clamp(2.5rem,5vw,4rem);
    ">

      <!-- SPALTE 1: Logo + Über uns -->
      <div style="display:flex;flex-direction:column;gap:1.375rem;">

        <!-- Logo -->
        <a href="/" style="display:inline-block;text-decoration:none;">
          <img
            src="https://woodcargo.de/wp-content/uploads/2026/05/Wood-Cargo-Transparent.png"
            alt="Wood Cargo Holzlogistik"
            style="height:36px;width:auto;display:block;filter:brightness(0) invert(1);opacity:0.9;"
            loading="lazy"
          />
        </a>

        <p style="font-size:0.87rem;font-weight:300;line-height:1.78;color:rgba(250,248,243,0.5);margin:0;max-width:280px;">
          Wood Cargo Holzlogistik UG — Ihr verlässlicher Partner bei der Holzbeschaffung. Regional aus dem Schwarzwald und Allgäu, direkt zu Ihnen geliefert.
        </p>

        <!-- Liefergebiete -->
        <div>
          <div style="font-size:0.62rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:rgba(250,248,243,0.3);margin-bottom:0.75rem;">Liefergebiete</div>
          <div style="display:flex;flex-wrap:wrap;gap:0.4rem;">
                        <span style="
              font-size:0.7rem;font-weight:400;
              padding:0.25rem 0.625rem;border-radius:999px;
              background:rgba(255,255,255,0.05);
              border:1px solid rgba(255,255,255,0.08);
              color:rgba(250,248,243,0.55);
            ">🌲 Schwarzwald</span>
                        <span style="
              font-size:0.7rem;font-weight:400;
              padding:0.25rem 0.625rem;border-radius:999px;
              background:rgba(255,255,255,0.05);
              border:1px solid rgba(255,255,255,0.08);
              color:rgba(250,248,243,0.55);
            ">🏔️ Allgäu</span>
                        <span style="
              font-size:0.7rem;font-weight:400;
              padding:0.25rem 0.625rem;border-radius:999px;
              background:rgba(255,255,255,0.05);
              border:1px solid rgba(255,255,255,0.08);
              color:rgba(250,248,243,0.55);
            ">📍 Baden-Württemberg</span>
                        <span style="
              font-size:0.7rem;font-weight:400;
              padding:0.25rem 0.625rem;border-radius:999px;
              background:rgba(255,255,255,0.05);
              border:1px solid rgba(255,255,255,0.08);
              color:rgba(250,248,243,0.55);
            ">🚀 Weitere in Planung</span>
                      </div>
        </div>

        <!-- YouTube Link -->
        <a href="https://www.youtube.com/@ARBIORWOOD"
           target="_blank" rel="noopener noreferrer"
           style="
             display:inline-flex;align-items:center;gap:0.5rem;
             font-size:0.78rem;font-weight:400;
             color:rgba(250,248,243,0.45);text-decoration:none;
             transition:color 0.2s;
           "
           onmouseover="this.style.color='#8AAF90'" onmouseout="this.style.color='rgba(250,248,243,0.45)'">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="rgba(250,248,243,0.45)">
            <path d="M22.54 6.42a2.78 2.78 0 00-1.95-1.97C18.88 4 12 4 12 4s-6.88 0-8.59.45A2.78 2.78 0 001.46 6.42 29 29 0 001 12a29 29 0 00.46 5.58A2.78 2.78 0 003.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.4a2.78 2.78 0 001.95-1.97A29 29 0 0023 12a29 29 0 00-.46-5.58z"/>
            <polygon points="9.75 15.02 15.5 12 9.75 8.98 9.75 15.02" fill="#0F1A12"/>
          </svg>
          ARBIOR Wood auf YouTube
        </a>

      </div>

      <!-- SPALTE 2: Navigation -->
      <div>
        <div style="font-size:0.62rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:rgba(250,248,243,0.3);margin-bottom:1.25rem;">Navigation</div>
        <div style="display:flex;flex-direction:column;gap:0.75rem;">
                    <a href="https://woodcargo.de/#leistungen"
             style="font-size:0.87rem;font-weight:300;color:rgba(250,248,243,0.55);text-decoration:none;transition:color 0.2s;display:flex;align-items:center;gap:0.375rem;"
             onmouseover="this.style.color='#FAF8F3'" onmouseout="this.style.color='rgba(250,248,243,0.55)'">
            Leistungen          </a>
                    <a href="https://woodcargo.de/#ueber-uns"
             style="font-size:0.87rem;font-weight:300;color:rgba(250,248,243,0.55);text-decoration:none;transition:color 0.2s;display:flex;align-items:center;gap:0.375rem;"
             onmouseover="this.style.color='#FAF8F3'" onmouseout="this.style.color='rgba(250,248,243,0.55)'">
            Über uns          </a>
                    <a href="/blog"
             style="font-size:0.87rem;font-weight:300;color:rgba(250,248,243,0.55);text-decoration:none;transition:color 0.2s;display:flex;align-items:center;gap:0.375rem;"
             onmouseover="this.style.color='#FAF8F3'" onmouseout="this.style.color='rgba(250,248,243,0.55)'">
            Blog          </a>
                    <a href="/kontakt"
             style="font-size:0.87rem;font-weight:300;color:rgba(250,248,243,0.55);text-decoration:none;transition:color 0.2s;display:flex;align-items:center;gap:0.375rem;"
             onmouseover="this.style.color='#FAF8F3'" onmouseout="this.style.color='rgba(250,248,243,0.55)'">
            Kontakt          </a>
                  </div>
      </div>

      <!-- SPALTE 3: Leistungen -->
      <div>
        <div style="font-size:0.62rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:rgba(250,248,243,0.3);margin-bottom:1.25rem;">Leistungen</div>
        <div style="display:flex;flex-direction:column;gap:0.75rem;">
                    <a href="#leistungen"
             style="font-size:0.87rem;font-weight:300;color:rgba(250,248,243,0.55);text-decoration:none;transition:color 0.2s;"
             onmouseover="this.style.color='#FAF8F3'" onmouseout="this.style.color='rgba(250,248,243,0.55)'">
            Brennholz (SRM) lose          </a>
                    <a href="#leistungen"
             style="font-size:0.87rem;font-weight:300;color:rgba(250,248,243,0.55);text-decoration:none;transition:color 0.2s;"
             onmouseover="this.style.color='#FAF8F3'" onmouseout="this.style.color='rgba(250,248,243,0.55)'">
            Brennholz auf Palette          </a>
                    <a href="#leistungen"
             style="font-size:0.87rem;font-weight:300;color:rgba(250,248,243,0.55);text-decoration:none;transition:color 0.2s;"
             onmouseover="this.style.color='#FAF8F3'" onmouseout="this.style.color='rgba(250,248,243,0.55)'">
            Hackschnitzel G30          </a>
                    <a href="#leistungen"
             style="font-size:0.87rem;font-weight:300;color:rgba(250,248,243,0.55);text-decoration:none;transition:color 0.2s;"
             onmouseover="this.style.color='#FAF8F3'" onmouseout="this.style.color='rgba(250,248,243,0.55)'">
            Hackschnitzel G50          </a>
                    <a href="#leistungen"
             style="font-size:0.87rem;font-weight:300;color:rgba(250,248,243,0.55);text-decoration:none;transition:color 0.2s;"
             onmouseover="this.style.color='#FAF8F3'" onmouseout="this.style.color='rgba(250,248,243,0.55)'">
            Stammholz          </a>
                    <a href="#leistungen"
             style="font-size:0.87rem;font-weight:300;color:rgba(250,248,243,0.55);text-decoration:none;transition:color 0.2s;"
             onmouseover="this.style.color='#FAF8F3'" onmouseout="this.style.color='rgba(250,248,243,0.55)'">
            Lohnspalten          </a>
                  </div>
      </div>

      <!-- SPALTE 4: Kontakt + Rechtliches -->
      <div style="display:flex;flex-direction:column;gap:1.75rem;">

        <!-- Kontakt -->
        <div>
          <div style="font-size:0.62rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:rgba(250,248,243,0.3);margin-bottom:1.25rem;">Kontakt</div>
          <div style="display:flex;flex-direction:column;gap:0.875rem;">

            <div>
              <div style="font-size:0.68rem;color:rgba(250,248,243,0.3);letter-spacing:0.06em;margin-bottom:0.2rem;">Geschäftsführer</div>
              <div style="font-size:0.87rem;font-weight:400;color:rgba(250,248,243,0.75);">Roland Bausch</div>
            </div>

            <div>
              <div style="font-size:0.68rem;color:rgba(250,248,243,0.3);letter-spacing:0.06em;margin-bottom:0.2rem;">E-Mail</div>
              <a href="mailto:bausch@woodcargo.de"
                 style="font-size:0.87rem;font-weight:400;color:#8AAF90;text-decoration:none;transition:color 0.2s;"
                 onmouseover="this.style.color='#D4E8DA'" onmouseout="this.style.color='#8AAF90'">
                bausch@woodcargo.de
              </a>
            </div>

            <div>
              <div style="font-size:0.68rem;color:rgba(250,248,243,0.3);letter-spacing:0.06em;margin-bottom:0.2rem;">Adresse</div>
              <div style="font-size:0.87rem;font-weight:300;color:rgba(250,248,243,0.55);line-height:1.6;">
                Frühlingstraße 21<br>78176 Blumberg
              </div>
            </div>

          </div>
        </div>

        <!-- Rechtliches -->
        <div>
          <div style="font-size:0.62rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:rgba(250,248,243,0.3);margin-bottom:1.25rem;">Rechtliches</div>
          <div style="display:flex;flex-direction:column;gap:0.625rem;">
                        <a href="/impressum"
               style="font-size:0.82rem;font-weight:300;color:rgba(250,248,243,0.4);text-decoration:none;transition:color 0.2s;"
               onmouseover="this.style.color='rgba(250,248,243,0.75)'" onmouseout="this.style.color='rgba(250,248,243,0.4)'">
              Impressum            </a>
                        <a href="/datenschutz"
               style="font-size:0.82rem;font-weight:300;color:rgba(250,248,243,0.4);text-decoration:none;transition:color 0.2s;"
               onmouseover="this.style.color='rgba(250,248,243,0.75)'" onmouseout="this.style.color='rgba(250,248,243,0.4)'">
              Datenschutz            </a>
                        <a href="/agb"
               style="font-size:0.82rem;font-weight:300;color:rgba(250,248,243,0.4);text-decoration:none;transition:color 0.2s;"
               onmouseover="this.style.color='rgba(250,248,243,0.75)'" onmouseout="this.style.color='rgba(250,248,243,0.4)'">
              AGB            </a>
                        <a href="/widerrufsbelehrung"
               style="font-size:0.82rem;font-weight:300;color:rgba(250,248,243,0.4);text-decoration:none;transition:color 0.2s;"
               onmouseover="this.style.color='rgba(250,248,243,0.75)'" onmouseout="this.style.color='rgba(250,248,243,0.4)'">
              Widerrufsrecht            </a>
                      </div>
        </div>

      </div>
    </div>

    <!-- ============================================================
         TRENNLINIE
         ============================================================ -->
    <div style="height:1px;background:rgba(255,255,255,0.06);margin-bottom:clamp(1.25rem,3vw,2rem);"></div>

    <!-- ============================================================
         UNTERER STREIFEN: Copyright + Unternehmensinfos
         ============================================================ -->
    <div style="
      display:flex;flex-wrap:wrap;
      justify-content:space-between;align-items:center;
      gap:1rem;
    ">

      <div style="display:flex;flex-wrap:wrap;gap:0.5rem 1.5rem;align-items:center;">
        <span style="font-size:0.75rem;font-weight:300;color:rgba(250,248,243,0.3);">
          © 2026 Wood Cargo Holzlogistik UG (haftungsbeschränkt)
        </span>
        <span style="font-size:0.75rem;color:rgba(255,255,255,0.1);">·</span>
        <span style="font-size:0.75rem;font-weight:300;color:rgba(250,248,243,0.25);">HRB 735392</span>
        <span style="font-size:0.75rem;color:rgba(255,255,255,0.1);">·</span>
        <span style="font-size:0.75rem;font-weight:300;color:rgba(250,248,243,0.25);">USt-IdNr.: DE461850522</span>
      </div>

      <div style="display:flex;align-items:center;gap:0.5rem;">
        <span style="font-size:0.72rem;font-weight:300;color:rgba(250,248,243,0.25);">Partner von</span>
        <a href="https://arbiorwood.com/" target="_blank" rel="noopener noreferrer"
           style="
             font-family:'Playfair Display',Georgia,serif;
             font-size:0.82rem;font-weight:400;font-style:italic;
             color:#8AAF90;text-decoration:none;
             transition:color 0.2s;
           "
           onmouseover="this.style.color='#D4E8DA'" onmouseout="this.style.color='#8AAF90'">
          ARBIOR Wood ↗
        </a>
      </div>

    </div>

  </div>
</div>

<style>
  @media (max-width:900px) {
    .wc-footer-grid { grid-template-columns: 1fr 1fr !important; }
  }
  @media (max-width:580px) {
    .wc-footer-grid { grid-template-columns: 1fr !important; }
    .wc-footer-cta  { grid-template-columns: 1fr !important; }
  }
</style>

  <script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
(function() {
  var els = document.querySelectorAll('.wc-animate');
  if (!els.length || !('IntersectionObserver' in window)) {
    els.forEach(function(el) { el.classList.add('wc-visible'); });
    return;
  }
  var obs = new IntersectionObserver(function(entries) {
    entries.forEach(function(e) {
      if (e.isIntersecting) {
        e.target.classList.add('wc-visible');
        obs.unobserve(e.target);
      }
    });
  }, { threshold: 0.12 });
  els.forEach(function(el) { obs.observe(el); });
})();
</script>
			<script>
				( () => {
					const lazyloadRunObserver = () => {
						const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
						const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
							entries.forEach( ( entry ) => {
								if ( entry.isIntersecting ) {
									let lazyloadBackground = entry.target;
									if( lazyloadBackground ) {
										lazyloadBackground.classList.add( 'e-lazyloaded' );
									}
									lazyloadBackgroundObserver.unobserve( entry.target );
								}
							});
						}, { rootMargin: '200px 0px 200px 0px' } );
						lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
							lazyloadBackgroundObserver.observe( lazyloadBackground );
						} );
					};
					const events = [
						'DOMContentLoaded',
						'elementor/lazyload/observe',
					];
					events.forEach( ( event ) => {
						document.addEventListener( event, lazyloadRunObserver );
					} );
				} )();
			</script>
			<script id="hello-theme-frontend-js" src="https://woodcargo.de/wp-content/themes/hello-elementor/assets/js/hello-frontend.js?ver=3.5.2"></script>
    <script>
    (function() {

        'use strict';

        var WCB30 = {
            ajax: "https:\/\/woodcargo.de\/wp-admin\/admin-ajax.php",
            nonce: "80aacb760e",
            sent: {}
        };


        /**
         * Browser-ID erzeugen.
         *
         * Wird nur lokal im Browser gespeichert.
         * Keine IP-Adresse, kein Name, keine E-Mail.
         */
        function wcb30GetBrowserId() {

            var key = 'wcb30_browser_id';
            var id  = '';

            try {
                id = localStorage.getItem(key) || '';
            } catch(e) {}

            if (!id) {

                if (
                    window.crypto &&
                    typeof window.crypto.randomUUID === 'function'
                ) {
                    id = window.crypto.randomUUID();
                } else {
                    id =
                        Date.now().toString(36) +
                        Math.random().toString(36).substring(2) +
                        Math.random().toString(36).substring(2);
                }

                try {
                    localStorage.setItem(key, id);
                } catch(e) {}
            }

            return id;
        }


        /**
         * PLZ validieren
         */
        function wcb30ValidPlz(plz) {
            return /^[0-9]{5}$/.test(plz);
        }


        /**
         * Nachfrage an WordPress senden
         */
        function wcb30Track(plz, typ) {

            plz = String(plz || '').trim();

            if (!wcb30ValidPlz(plz)) {
                return;
            }

            if (typ !== 'lose' && typ !== 'palette') {
                return;
            }

            /*
             * Schutz gegen Doppelklicks innerhalb derselben
             * Seitenansicht.
             */
            var localKey = typ + '_' + plz;

            if (WCB30.sent[localKey]) {
                return;
            }

            WCB30.sent[localKey] = true;

            var formData = new FormData();

            formData.append('action', 'wcb30_track_plz');
            formData.append('nonce', WCB30.nonce);
            formData.append('plz', plz);
            formData.append('typ', typ);
            formData.append('browser_id', wcb30GetBrowserId());

            fetch(WCB30.ajax, {
                method: 'POST',
                credentials: 'same-origin',
                body: formData
            })
            .then(function(response) {
                return response.json();
            })
            .then(function(data) {

                /*
                 * Keine sichtbare Ausgabe.
                 * Tracking darf den Bestellprozess niemals stören.
                 */

            })
            .catch(function(error) {

                /*
                 * Tracking-Fehler werden absichtlich ignoriert.
                 * Bestellung / Preisberechnung läuft normal weiter.
                 */

            });
        }


        /**
         * Event Delegation.
         *
         * Dadurch funktioniert das Tracking auch dann,
         * wenn Elemente später dynamisch erzeugt werden.
         */
        document.addEventListener('click', function(event) {

            var button = event.target.closest('button');

            if (!button) {
                return;
            }

            var onclick = button.getAttribute('onclick') || '';


            /* ==========================
             * LOSE
             * ========================== */

            if (onclick.indexOf('wcb2LosePlzSuchen') !== -1) {

                var inputLose = document.getElementById('wcb2-lose-plz');

                if (inputLose) {
                    wcb30Track(inputLose.value, 'lose');
                }

                return;
            }


            /* ==========================
             * PALETTE
             * ========================== */

            if (onclick.indexOf('wcb2PalPlzSuchen') !== -1) {

                var inputPal = document.getElementById('wcb2-pal-plz');

                if (inputPal) {
                    wcb30Track(inputPal.value, 'palette');
                }

                return;
            }

        }, true);


        /**
         * ENTER-Taste ebenfalls erfassen.
         *
         * In Snippet 24 kann die Berechnung auch per Enter
         * gestartet werden.
         */
        document.addEventListener('keydown', function(event) {

            if (event.key !== 'Enter') {
                return;
            }

            var target = event.target;

            if (!target) {
                return;
            }


            if (target.id === 'wcb2-lose-plz') {
                wcb30Track(target.value, 'lose');
            }


            if (target.id === 'wcb2-pal-plz') {
                wcb30Track(target.value, 'palette');
            }

        }, true);

    })();
    </script>
    </body>
</html>
