/*
Theme Name: Holzdingsbums 2026
Description: Eigenständiges, updatefestes Theme für holzdingsbums.de
Version: 1.0.1
Text Domain: holzdingsbums-2026
WPVibe: yes
*/

:root {
	--hd-ink: #24231f;
	--hd-text: #3d3932;
	--hd-muted: #756f64;
	--hd-paper: #f7f3ea;
	--hd-paper-deep: #e9e0d1;
	--hd-surface: #fcfaf5;
	--hd-accent: #9d4f2d;
	--hd-accent-dark: #71371f;
	--hd-line: rgba(36, 35, 31, .16);
	--hd-line-strong: rgba(36, 35, 31, .30);
	--hd-max: 1180px;
	--hd-content: 1080px;
	--hd-narrow: 820px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--hd-surface);
	color: var(--hd-ink);
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 17px;
	line-height: 1.68;
	-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; }
a { color: var(--hd-accent-dark); text-underline-offset: .16em; }
a:hover { color: var(--hd-accent); }
a:focus-visible,
button:focus-visible,
input:focus-visible {
	outline: 3px solid var(--hd-accent);
	outline-offset: 3px;
}
::selection { background: var(--hd-paper-deep); color: var(--hd-ink); }

.hd-wrap { width: min(calc(100% - 48px), var(--hd-max)); margin-inline: auto; }
.hd-narrow { width: min(calc(100% - 48px), var(--hd-narrow)); margin-inline: auto; }

/* Header */
.hd-header {
	position: relative;
	z-index: 20;
	background: rgba(252, 250, 245, .96);
	border-bottom: 1px solid var(--hd-line);
}
.hd-headerin {
	min-height: 88px;
	display: flex;
	align-items: center;
	gap: 32px;
}
.hd-brand {
	font-family: 'Trebuchet MS', 'Helvetica Neue', sans-serif;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: .075em;
	color: var(--hd-ink);
	text-decoration: none;
	white-space: nowrap;
}
.hd-brand span { color: var(--hd-accent); }
.hd-nav { display: flex; gap: 27px; margin-left: auto; align-items: center; }
.hd-nav a,
.hd-market,
.hd-footer a {
	font-family: 'Trebuchet MS', 'Helvetica Neue', sans-serif;
	font-size: 14px;
	color: var(--hd-ink);
	text-decoration: none;
}
.hd-nav a { position: relative; }
.hd-nav a::after {
	content: '';
	position: absolute;
	left: 0;
	right: 100%;
	bottom: -7px;
	height: 1px;
	background: var(--hd-accent);
	transition: right .18s ease;
}
.hd-nav a:hover::after,
.hd-nav a:focus-visible::after { right: 0; }
.hd-market {
	border: 1px solid var(--hd-ink);
	padding: 10px 15px;
	transition: background .18s ease, color .18s ease;
}
.hd-market:hover { background: var(--hd-ink); color: var(--hd-surface); }

/* Main content */
.hd-page-main { overflow: hidden; }
.hd-content {
	width: min(calc(100% - 48px), 1120px);
	margin: 44px auto 64px;
}
.entry-content > *:first-child { margin-top: 0; }
.entry-content > *:last-child { margin-bottom: 0; }
.entry-content h1,
.entry-content h2,
.entry-content h3,
.hd-listing h1,
.hd-post h1,
.hd-error h1 {
	font-weight: 500;
	color: var(--hd-ink);
}
.entry-content h1,
.hd-listing h1,
.hd-post h1,
.hd-error h1 {
	font-size: clamp(32px, 3vw, 42px);
	line-height: 1.08;
	letter-spacing: -.022em;
	margin: 0 0 .38em;
}
.hd-home-content .entry-content > h1:first-child { max-width: 760px; }
.entry-content h2 {
	font-size: clamp(24px, 2.2vw, 30px);
	line-height: 1.16;
	letter-spacing: -.016em;
	margin: 0 0 .42em;
}
.entry-content h3 {
	font-size: clamp(20px, 2vw, 25px);
	line-height: 1.22;
	margin: 1.3em 0 .45em;
}
.entry-content p,
.entry-content li,
.hd-excerpt,
.hd-listing-intro,
.hd-error > p:not(.hd-kicker) {
	font-size: 16.5px;
	line-height: 1.58;
	color: var(--hd-text);
}
.entry-content p { margin: 0 0 1em; }
.entry-content ul,
.entry-content ol { padding-left: 1.2em; }
.entry-content li + li { margin-top: .3em; }
.entry-content a { font-weight: 600; text-decoration-thickness: 1px; }
.entry-content strong { color: var(--hd-ink); }
.entry-content hr {
	border: 0;
	border-top: 1px solid var(--hd-line);
	margin: 40px 0;
}
.entry-content blockquote {
	margin: 1.6em 0;
	padding: .15em 0 .15em 1.1em;
	border-left: 2px solid var(--hd-accent);
	color: var(--hd-text);
}

.wp-block-media-text { gap: clamp(26px, 3.5vw, 44px); align-items: center; }
.wp-block-media-text__content { padding: 0 !important; }
.wp-block-media-text__media img,
.wp-block-image img,
.hd-featured img { display: block; width: 100%; height: auto; }
.wp-block-image { margin-block: 1.35rem; }
.hd-home-content .wp-block-image:first-of-type { margin-top: 1.5rem; }

/* Page-specific callout */
.hd-final { background: var(--hd-paper-deep); padding: 38px 0; border-top: 1px solid var(--hd-line); }
.hd-finalin { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.hd-final h2 { font-size: clamp(26px, 2.8vw, 34px); line-height: 1.12; font-weight: 500; margin: 0 0 7px; }
.hd-final p { margin: 0; max-width: 690px; font-size: 16px; line-height: 1.55; color: var(--hd-text); }
.hd-final a { font-family: 'Trebuchet MS', 'Helvetica Neue', sans-serif; font-size: 13px; white-space: nowrap; color: var(--hd-ink); font-weight: 700; }

/* Legal pages */
.hd-legal-hero { padding: 68px 0 34px; background: var(--hd-paper); border-bottom: 1px solid var(--hd-line); }
.hd-kicker,
.hd-meta {
	font-family: 'Trebuchet MS', 'Helvetica Neue', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--hd-accent-dark);
}
.hd-legal-hero h1 { font-size: clamp(42px, 6vw, 70px); line-height: 1.04; margin: .15em 0; font-weight: 500; }
.hd-legal-content { margin-top: 40px; max-width: 850px; }
.hd-legal-content .entry-content > h1:first-child { display: none; }

/* Posts, archives and search */
.hd-post { padding-block: 74px 90px; }
.hd-post-header { border-bottom: 1px solid var(--hd-line); padding-bottom: 34px; margin-bottom: 42px; }
.hd-post-header .hd-kicker { margin: 0 0 14px; }
.hd-post-header h1 { margin-bottom: .35em; }
.hd-meta { margin: 0; color: var(--hd-muted); }
.hd-featured { margin: 0 0 42px; }
.hd-post-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	padding: 0 0 80px;
	border-top: 1px solid var(--hd-line);
	padding-top: 30px;
	font-family: 'Trebuchet MS', 'Helvetica Neue', sans-serif;
	font-size: 14px;
}
.hd-post-nav > div:last-child { text-align: right; }

.hd-listing { padding-block: 72px 92px; }
.hd-listing-header { max-width: 900px; padding-bottom: 42px; border-bottom: 1px solid var(--hd-line-strong); }
.hd-listing-header .hd-kicker { margin: 0 0 14px; }
.hd-listing-header h1 { margin-bottom: .3em; }
.hd-listing-intro { max-width: 740px; }
.hd-list { max-width: 900px; }
.hd-list-item { padding: 38px 0 42px; border-bottom: 1px solid var(--hd-line); }
.hd-list-item h2 { font-size: clamp(27px, 3vw, 39px); line-height: 1.14; font-weight: 500; margin: .2em 0 .35em; }
.hd-list-item h2 a { color: var(--hd-ink); text-decoration: none; }
.hd-list-item h2 a:hover { color: var(--hd-accent); }
.hd-excerpt p { margin: 0; }
.hd-pagination,
.navigation.pagination {
	max-width: 900px;
	margin-top: 36px;
	font-family: 'Trebuchet MS', 'Helvetica Neue', sans-serif;
	font-size: 14px;
}
.hd-pagination { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.hd-pagination > div:last-child { text-align: right; }
.nav-links { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.page-numbers { padding: 6px 9px; }
.page-numbers.current { background: var(--hd-paper-deep); color: var(--hd-ink); }
.hd-empty { margin: 38px 0 0; color: var(--hd-muted); }

/* Search */
.hd-search-form { max-width: 590px; margin-top: 30px; }
.search-form { display: flex; gap: 10px; align-items: stretch; }
.search-form label { flex: 1; }
.search-field {
	width: 100%;
	min-height: 46px;
	border: 1px solid var(--hd-line-strong);
	background: #fff;
	color: var(--hd-ink);
	padding: 10px 12px;
	font: inherit;
}
.search-submit {
	min-height: 46px;
	border: 1px solid var(--hd-ink);
	background: var(--hd-ink);
	color: var(--hd-surface);
	padding: 10px 16px;
	font-family: 'Trebuchet MS', 'Helvetica Neue', sans-serif;
	font-weight: 700;
	cursor: pointer;
}
.search-submit:hover { background: var(--hd-accent-dark); border-color: var(--hd-accent-dark); }

/* 404 */
.hd-error { padding-block: 100px 120px; }
.hd-error .hd-kicker { margin: 0 0 16px; }
.hd-error h1 { max-width: 760px; }
.hd-error > p:not(.hd-kicker) { max-width: 680px; }
.hd-back { margin-top: 34px !important; font-family: 'Trebuchet MS', 'Helvetica Neue', sans-serif; }

/* Footer */
.hd-footer { background: var(--hd-ink); color: var(--hd-paper); padding: 60px 0; }
.hd-footerin { display: flex; justify-content: space-between; gap: 50px; }
.hd-brand-footer { color: var(--hd-paper); }
.hd-brand-footer span { color: #d99169; }
.hd-footer p { max-width: 430px; color: #cfc6b8; margin: 12px 0 0; }
.hd-footer nav { display: grid; grid-template-columns: repeat(2, minmax(110px, 1fr)); gap: 10px 30px; align-content: start; }
.hd-footer a { color: var(--hd-paper); }
.hd-footer a:hover { color: #fff; text-decoration: underline; text-underline-offset: .2em; }

@media (max-width: 820px) {
	.hd-wrap,
	.hd-content,
	.hd-narrow { width: min(calc(100% - 32px), var(--hd-max)); }
	.hd-headerin { min-height: 72px; flex-wrap: wrap; gap: 14px 20px; padding: 14px 0; }
	.hd-nav { order: 3; width: 100%; overflow-x: auto; gap: 20px; padding: 2px 0 5px; scrollbar-width: thin; }
	.hd-market { margin-left: auto; }
	.hd-content { margin-top: 34px; margin-bottom: 52px; }
	.entry-content h1,
	.hd-listing h1,
	.hd-post h1,
	.hd-error h1 { font-size: clamp(30px, 8vw, 38px); }
	.entry-content hr { margin: 32px 0; }
	.wp-block-media-text { display: block; }
	.wp-block-media-text__media { margin-bottom: 20px !important; }
	.hd-finalin,
	.hd-footerin { display: block; }
	.hd-final a { display: inline-block; margin-top: 24px; }
	.hd-footer nav { margin-top: 34px; }
	.hd-post,
	.hd-listing { padding-block: 52px 70px; }
}

@media (max-width: 520px) {
	body { font-size: 16px; }
	.hd-brand { font-size: 18px; }
	.hd-market { padding: 8px 10px; font-size: 12px; }
	.hd-nav a { font-size: 13px; }
	.entry-content p,
	.entry-content li,
	.hd-excerpt,
	.hd-listing-intro,
	.hd-error > p:not(.hd-kicker) { font-size: 16px; }
	.search-form { display: block; }
	.search-submit { width: 100%; margin-top: 9px; }
	.hd-post-nav,
	.hd-pagination { grid-template-columns: 1fr; }
	.hd-post-nav > div:last-child,
	.hd-pagination > div:last-child { text-align: left; }
	.hd-footer nav { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition: none !important; }
}

/* --------------------------------------------------------------------------
   Holzdingsbums 2026 · consolidated homepage system
   -------------------------------------------------------------------------- */
.hd-header {
	background:#17392f;
	border-bottom:1px solid rgba(255,255,255,.12);
}
.hd-headerin {
	min-height:64px;
	gap:28px;
}
.hd-brand-lockup {
	display:inline-flex;
	align-items:center;
	min-width:210px;
	color:#fff;
	text-decoration:none;
}
.hd-brand-copy {
	display:grid;
	line-height:1.02;
}
.hd-brand-copy strong {
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	letter-spacing:.115em;
	color:#fff;
}
.hd-brand-copy small {
	margin-top:4px;
	font-family:Georgia,'Times New Roman',serif;
	font-size:10px;
	color:#d7d2c8;
}
.hd-nav {
	gap:21px;
}
.hd-nav a {
	font-size:11px;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:#f8f5ee;
}
.hd-nav a::after {
	background:#d7b789;
	bottom:-6px;
}
.hd-nav a:hover,
.hd-nav a:focus-visible {
	color:#fff;
}

.hdb-home {
	--hdb-green:#17392f;
	--hdb-green-soft:#24473c;
	--hdb-ivory:#f3eee4;
	--hdb-paper:#fbf9f4;
	--hdb-white:#fff;
	--hdb-ink:#20211d;
	--hdb-muted:#5b5a54;
	--hdb-line:#d9d0c2;
	color:var(--hdb-ink);
	background:var(--hdb-paper);
	font-family:'Avenir Next','Segoe UI',Helvetica,Arial,sans-serif;
	overflow:hidden;
}
.hdb-home *,
.hdb-home *::before,
.hdb-home *::after { box-sizing:border-box; }
.hdb-home h1,
.hdb-home h2,
.hdb-home h3 {
	margin:0;
	font-family:'Iowan Old Style','Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;
	font-weight:400;
	color:inherit;
}
.hdb-home h1 {
	font-size:clamp(2.5rem,3.4vw,2.875rem);
	line-height:1.04;
	letter-spacing:-.018em;
}
.hdb-home h2 {
	font-size:clamp(1.75rem,2.35vw,2rem);
	line-height:1.1;
	letter-spacing:-.012em;
}
.hdb-home h3 {
	font-size:1.32rem;
	line-height:1.18;
}
.hdb-home p {
	margin:0;
	font-size:1rem;
	line-height:1.62;
}
.hdb-home figure { margin:0; }
.hdb-home picture { display:block; width:100%; height:100%; }
.hdb-wrap {
	width:min(1180px, calc(100% - 64px));
	margin:0 auto;
}
.hdb-image {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.hdb-eyebrow,
.hdb-kicker {
	margin:0 0 14px;
	font:700 10px/1.2 Arial,Helvetica,sans-serif;
	letter-spacing:.17em;
	text-transform:uppercase;
	color:var(--hdb-green);
}
.hdb-eyebrow-light { color:#d9cdbd; }

.hdb-inline-link {
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding-bottom:3px;
	border-bottom:1px solid rgba(23,57,47,.32);
	color:var(--hdb-green);
	text-decoration:none;
	font:700 12px/1.25 Arial,Helvetica,sans-serif;
	letter-spacing:.025em;
}
.hdb-inline-link span { transition:transform .18s ease; }
.hdb-inline-link:hover span,
.hdb-inline-link:focus-visible span { transform:translateX(3px); }
.hdb-inline-link-dark {
	color:var(--hdb-ink);
	border-bottom-color:rgba(32,33,29,.32);
}
.hdb-inline-link-light {
	color:#fff;
	border-bottom-color:rgba(255,255,255,.42);
}
.hdb-primary-link {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:43px;
	padding:0 18px;
	background:var(--hdb-green);
	border:1px solid var(--hdb-green);
	color:#fff;
	text-decoration:none;
	font:700 11px/1 Arial,Helvetica,sans-serif;
	letter-spacing:.07em;
	text-transform:uppercase;
	transition:background .18s ease,color .18s ease;
}
.hdb-primary-link:hover,
.hdb-primary-link:focus-visible {
	background:transparent;
	color:var(--hdb-green);
}

.hdb-hero {
	padding:40px 0 44px;
	background:var(--hdb-ivory);
}
.hdb-hero-grid {
	display:grid;
	grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);
	gap:42px;
	align-items:center;
}
.hdb-hero-copybox { max-width:465px; }
.hdb-lead {
	max-width:445px;
	margin-top:14px !important;
	font-size:1rem !important;
	color:#4e4e48;
}
.hdb-actions {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:18px;
	margin-top:21px;
}
.hdb-microcopy {
	margin-top:17px !important;
	font-family:Georgia,'Times New Roman',serif;
	font-style:italic;
	font-size:.86rem !important;
	color:#68645d;
}
.hdb-hero-figure {
	aspect-ratio:3/2;
	overflow:hidden;
	background:#ddd3c5;
}

.hdb-next {
	background:#fff;
	border-top:1px solid rgba(32,33,29,.08);
	border-bottom:1px solid rgba(32,33,29,.10);
}
.hdb-next-inner {
	display:grid;
	grid-template-columns:120px minmax(0,1fr) auto;
	gap:26px;
	align-items:center;
	min-height:70px;
}
.hdb-next-label {
	font:700 10px/1.2 'Avenir Next','Segoe UI',Helvetica,Arial,sans-serif !important;
	letter-spacing:.13em;
	text-transform:uppercase;
	color:var(--hdb-green);
}
.hdb-next-feature {
	display:flex;
	align-items:baseline;
	gap:18px;
	min-width:0;
	padding-left:24px;
	border-left:1px solid var(--hdb-line);
	color:var(--hdb-ink);
	text-decoration:none;
}
.hdb-next-feature time {
	flex:0 0 auto;
	font:700 10px/1.2 'Avenir Next','Segoe UI',Helvetica,Arial,sans-serif;
	letter-spacing:.055em;
	text-transform:uppercase;
	color:var(--hdb-green);
}
.hdb-next-feature span {
	overflow:hidden;
	font-family:'Iowan Old Style','Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;
	font-size:.98rem;
	line-height:1.3;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.hdb-next-all {
	color:var(--hdb-ink);
	text-decoration:none;
	font:700 10px/1.2 'Avenir Next','Segoe UI',Helvetica,Arial,sans-serif;
	letter-spacing:.025em;
	white-space:nowrap;
}

.hdb-products {
	padding:54px 0 58px;
	background:var(--hdb-paper);
}
.hdb-section-head {
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(260px,390px);
	gap:30px;
	align-items:end;
	margin-bottom:24px;
}
.hdb-section-head > p {
	padding-bottom:2px;
	color:var(--hdb-muted);
}
.hdb-product-grid {
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:26px;
}
.hdb-product-card {
	display:flex;
	flex-direction:column;
	min-width:0;
	background:transparent;
	color:var(--hdb-ink);
	text-decoration:none;
}
.hdb-product-card figure {
	position:relative;
	aspect-ratio:4/3;
	overflow:hidden;
	background:#e7e0d5;
}
.hdb-product-card figure::after {
	content:'';
	position:absolute;
	inset:0;
	border:1px solid rgba(32,33,29,.10);
	pointer-events:none;
}
.hdb-product-card .hdb-image { transition:transform .3s ease; }
.hdb-product-card > div {
	display:flex;
	flex:1;
	flex-direction:column;
	padding:14px 2px 0;
}
.hdb-product-card p {
	margin-top:6px !important;
	font-size:.9rem !important;
	color:var(--hdb-muted);
}
.hdb-product-card span {
	display:inline-block;
	align-self:flex-start;
	margin-top:auto;
	padding-top:13px;
	border-bottom:1px solid rgba(23,57,47,.26);
	font:700 9px/1.25 'Avenir Next','Segoe UI',Helvetica,Arial,sans-serif;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--hdb-green);
}
.hdb-product-card:hover .hdb-image,
.hdb-product-card:focus-visible .hdb-image { transform:scale(1.014); }
.hdb-section-link {
	margin-top:27px !important;
	text-align:right;
}

.hdb-story {
	padding:54px 0 58px;
	background:var(--hdb-green);
	color:#fff;
}
.hdb-story-main {
	display:grid;
	grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
	gap:42px;
	align-items:center;
}
.hdb-story-figure {
	aspect-ratio:3/2;
	overflow:hidden;
	background:#29483f;
}
.hdb-story-copy { max-width:475px; }
.hdb-story-copy > p:not(.hdb-eyebrow) {
	margin-top:15px !important;
	color:#e1ddd5;
}
.hdb-story-lead {
	font-size:1.04rem !important;
	color:#fff !important;
}
.hdb-principles {
	display:grid;
	gap:0;
	margin:25px 0 24px;
	border-top:1px solid rgba(255,255,255,.19);
}
.hdb-principles > div {
	display:grid;
	grid-template-columns:92px 1fr;
	gap:15px;
	padding:12px 0;
	border-bottom:1px solid rgba(255,255,255,.15);
}
.hdb-principles strong {
	font:700 11px/1.35 Arial,Helvetica,sans-serif;
	letter-spacing:.025em;
	color:#fff;
}
.hdb-principles span {
	font-size:.88rem;
	line-height:1.45;
	color:#d9d3ca;
}
.hdb-wood-strip {
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:12px;
	margin-top:28px;
	padding-top:28px;
	border-top:1px solid rgba(255,255,255,.18);
}
.hdb-wood-strip figure { min-width:0; }
.hdb-wood-strip picture {
	aspect-ratio:4/3;
	overflow:hidden;
}
.hdb-wood-strip figcaption {
	display:grid;
	grid-template-columns:1fr;
	row-gap:3px;
	padding:9px 0 24px;
}
.hdb-wood-strip figcaption strong,
.hdb-wood-strip figcaption span {
	display:block;
}
.hdb-wood-strip strong {
	font-family:Georgia,'Times New Roman',serif;
	font-size:1rem;
	font-weight:400;
}
.hdb-wood-strip span {
	font-size:.75rem;
	color:#cfc8bd;
}

.hdb-market-section {
	padding:54px 0 58px;
	background:var(--hdb-ivory);
}
.hdb-market-grid {
	display:grid;
	grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);
	gap:58px;
	align-items:center;
}
.hdb-market-figure {
	aspect-ratio:3/2;
	overflow:hidden;
	background:#e3d9cc;
}
.hdb-market-copy { max-width:470px; }
.hdb-market-copy > p:not(.hdb-eyebrow) {
	margin-top:15px !important;
	color:var(--hdb-muted);
}
.hdb-dates {
	margin:24px 0 22px;
	border-top:1px solid var(--hdb-line);
}
.hdb-dates > div {
	display:grid;
	gap:4px;
	padding:13px 0 14px;
	border-bottom:1px solid var(--hdb-line);
}
.hdb-dates time {
	font:700 10px/1.25 Arial,Helvetica,sans-serif;
	letter-spacing:.065em;
	text-transform:uppercase;
	color:var(--hdb-green);
}
.hdb-dates span {
	font-family:Georgia,'Times New Roman',serif;
	font-size:1rem;
	line-height:1.35;
}

.hd-footer {
	padding:25px 0 0;
	background:#17392f;
	color:#f5f1e9;
}
.hd-footerin { align-items:center; }
.hd-footer-wordmark {
	display:grid;
	color:#fff;
	text-decoration:none;
	line-height:1.03;
}
.hd-footer-wordmark strong {
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	letter-spacing:.11em;
}
.hd-footer-wordmark span {
	margin-top:4px;
	font-family:Georgia,'Times New Roman',serif;
	font-size:10px;
	color:#d0c9bd;
}
.hd-footer nav {
	grid-template-columns:repeat(5,auto);
	gap:8px 19px;
}
.hd-footer a {
	font-size:11px;
	color:#f5f1e9;
}
.hd-footer-meta {
	margin-top:19px;
	padding:10px 0 11px;
	border-top:1px solid rgba(255,255,255,.12);
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#bcb5aa;
}

@media (max-width: 1050px) {
	.hdb-wrap { width:min(100% - 48px, 1180px); }
	.hdb-hero-grid,
	.hdb-story-main,
	.hdb-market-grid { gap:40px; }
	.hdb-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.hdb-next-inner { grid-template-columns:110px minmax(0,1fr); padding:12px 0; }
	.hdb-next-all { display:none; }
	.hdb-next-feature { padding-left:18px; }
}

@media (max-width: 860px) {
	.hd-headerin {
		align-items:flex-start;
		padding:12px 0;
	}
	.hd-nav {
		order:3;
		width:100%;
		overflow-x:auto;
		padding-bottom:2px;
		gap:18px;
	}
	.hdb-hero-grid,
	.hdb-story-main,
	.hdb-market-grid {
		grid-template-columns:1fr;
		gap:32px;
	}
	.hdb-hero-copybox,
	.hdb-story-copy,
	.hdb-market-copy { max-width:680px; }
	.hdb-hero { padding:34px 0 38px; }
	.hdb-hero-figure,
	.hdb-story-figure,
	.hdb-market-figure { width:100%; }
	.hdb-next-inner { display:block; padding:15px 0; }
	.hdb-next-label { margin-bottom:9px !important; }
	.hdb-next-feature {
		display:grid;
		gap:3px;
		padding:10px 0 0;
		border-left:0;
		border-top:1px solid var(--hdb-line);
	}
	.hdb-next-feature span { white-space:normal; }
	.hdb-section-head { grid-template-columns:1fr; gap:10px; }
	.hdb-story-main { align-items:start; }
	.hdb-wood-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.hd-footerin { align-items:flex-start; }
	.hd-footer nav { grid-template-columns:repeat(2,minmax(110px,1fr)); }
}

@media (max-width: 620px) {
	.hdb-wrap { width:calc(100% - 34px); }
	.hd-brand-lockup { min-width:0; }
	.hd-brand-copy small { display:none; }
	.hd-nav a { font-size:10px; white-space:nowrap; }
	.hdb-home h1 { font-size:clamp(2rem,9vw,2.3rem); }
	.hdb-home h2 { font-size:clamp(1.5rem,6.5vw,1.75rem); }
	.hdb-hero { padding:28px 0 32px; }
	.hdb-lead { font-size:.98rem !important; }
	.hdb-actions { gap:14px; margin-top:18px; }
	.hdb-primary-link { width:100%; }
	.hdb-next-feature { padding-top:9px; }
	.hdb-next-feature time { font-size:9px; }
	.hdb-next-feature span { font-size:.94rem; }
	.hdb-products,
	.hdb-story,
	.hdb-market-section { padding-top:44px; padding-bottom:48px; }
	.hdb-product-grid { grid-template-columns:1fr; gap:24px; }
	.hdb-product-card > div { padding:12px 1px 0; }
	.hdb-section-link { text-align:left; }
	.hdb-principles > div { grid-template-columns:1fr; gap:4px; }
	.hdb-wood-strip {
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:14px 10px;
		margin-top:32px;
		padding-top:32px;
	}
	.hd-footerin { display:block; }
	.hd-footer nav {
		grid-template-columns:1fr 1fr;
		margin-top:22px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hdb-home *,
	.hdb-home *::before,
	.hdb-home *::after { transition:none !important; }
}


/* Visual upgrade concept: stronger image rhythm, quieter editorial pages */
.hdb-hero {
	padding:54px 0 58px;
}
.hdb-hero-grid {
	grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
	gap:clamp(38px,6vw,84px);
}
.hdb-hero-copybox { max-width:430px; }
.hdb-hero-figure {
	aspect-ratio:1.42 / 1;
}
.hdb-products {
	padding:72px 0 76px;
}
.hdb-section-head {
	margin-bottom:32px;
}
.hdb-product-grid {
	grid-template-columns:repeat(12,minmax(0,1fr));
	column-gap:24px;
	row-gap:38px;
}
.hdb-product-card:nth-child(1),
.hdb-product-card:nth-child(4) { grid-column:span 7; }
.hdb-product-card:nth-child(2),
.hdb-product-card:nth-child(3) { grid-column:span 5; }
.hdb-product-card figure {
	aspect-ratio:1.55 / 1;
}
.hdb-product-card:nth-child(2) figure,
.hdb-product-card:nth-child(3) figure { aspect-ratio:1.32 / 1; }
.hdb-product-card > div { padding:17px 2px 0; }
.hdb-product-card h3 { font-size:1.42rem; }
.hdb-product-card p { max-width:38em; }
.hdb-section-link { margin-top:36px !important; }
.hdb-story {
	padding:76px 0 72px;
	background:#eee8dc;
	color:#24231f;
}
.hdb-story-main {
	grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
	gap:clamp(38px,6vw,78px);
}
.hdb-story-figure { aspect-ratio:1.38 / 1; }
.hdb-story-copy > p:not(.hdb-eyebrow) { color:#555148; }
.hdb-story-lead { color:#24231f !important; }
.hdb-story .hdb-inline-link-light {
	color:var(--hdb-green);
	border-bottom-color:rgba(23,57,47,.32);
}
.hdb-eyebrow-light { color:#315747; }
.hdb-principles { border-color:rgba(36,35,31,.18); }
.hdb-principles > div { border-color:rgba(36,35,31,.14); }
.hdb-principles strong { color:#24231f; }
.hdb-principles span { color:#5b574e; }
.hdb-wood-strip { border-color:rgba(36,35,31,.18); }
.hdb-wood-strip figcaption { padding:11px 0 24px; }
.hdb-wood-strip span { color:#625d53; }
.hdb-market-section { padding:76px 0 82px; }
.hdb-market-grid { gap:clamp(42px,6vw,82px); }
.hdb-market-figure { aspect-ratio:1.4 / 1; }
.hdb-next-inner { min-height:76px; }

/* Existing Gutenberg content: consistent editorial image/text rhythm */
.hd-page-main:not(.hd-page-impressum):not(.hd-page-datenschutz) .hd-content {
	width:min(calc(100% - 64px),1120px);
	margin:58px auto 88px;
}
.hd-content .entry-content > .wp-block-media-text {
	gap:clamp(30px,5vw,66px);
	align-items:center;
	margin-block:38px;
}
.hd-content .entry-content > .wp-block-media-text:first-child {
	margin-top:0;
	padding-bottom:44px;
	border-bottom:1px solid var(--hd-line);
}
.hd-content .wp-block-media-text__media {
	aspect-ratio:1.42 / 1;
	overflow:hidden;
	background:var(--hd-paper-deep);
}
.hd-content .wp-block-media-text__media img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.hd-content .wp-block-media-text__content { max-width:510px; }
.hd-content .entry-content > .wp-block-media-text:first-child h1 {
	font-size:clamp(34px,4vw,48px);
	line-height:1.07;
	max-width:17ch;
}
.hd-content .entry-content h2 {
	font-size:clamp(27px,3vw,36px);
	line-height:1.12;
	margin-bottom:.48em;
}
.hd-content .entry-content hr.wp-block-separator {
	width:68px;
	max-width:68px;
	height:2px;
	border:0;
	background:#a9815c;
	margin:52px 0;
	opacity:.75;
}
.hd-content .entry-content > h2 {
	max-width:720px;
	margin-top:0;
}
.hd-content .entry-content > p {
	max-width:760px;
}
.hd-content .entry-content > figure.wp-block-image {
	margin:56px 0 0;
}
.hd-content .entry-content > figure.wp-block-image img {
	width:100%;
	max-height:620px;
	object-fit:cover;
}
.hd-page-wo-kaufen .entry-content > .wp-block-media-text:first-child,
.hd-page-ueber-uns .entry-content > .wp-block-media-text:first-child {
	padding-bottom:52px;
}
.hd-page-kontakt .entry-content > .wp-block-media-text:nth-of-type(2) {
	background:#f1ece2;
	padding:30px;
}
.hd-page-kontakt .entry-content > .wp-block-media-text:nth-of-type(2) .wp-block-media-text__media {
	aspect-ratio:1.55 / 1;
}

@media (max-width:1050px) {
	.hdb-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.hdb-product-card:nth-child(n) { grid-column:auto; }
	.hdb-product-card:nth-child(n) figure { aspect-ratio:1.4 / 1; }
}
@media (max-width:860px) {
	.hdb-hero { padding:42px 0 46px; }
	.hdb-hero-grid { gap:30px; }
	.hdb-products,.hdb-story,.hdb-market-section { padding-top:58px; padding-bottom:62px; }
	.hdb-story-main { gap:32px; }
	.hdb-market-grid { gap:32px; }
	.hd-page-main:not(.hd-page-impressum):not(.hd-page-datenschutz) .hd-content {
		width:min(calc(100% - 40px),760px);
		margin:42px auto 64px;
	}
	.hd-content .entry-content > .wp-block-media-text { margin-block:28px; }
	.hd-content .entry-content > .wp-block-media-text:first-child { padding-bottom:32px; }
	.hd-content .entry-content hr.wp-block-separator { margin:38px 0; }
}
@media (max-width:620px) {
	.hdb-hero { padding:30px 0 34px; }
	.hdb-hero-grid { gap:25px; }
	.hdb-hero-figure { aspect-ratio:1.2 / 1; }
	.hdb-products,.hdb-story,.hdb-market-section { padding-top:46px; padding-bottom:50px; }
	.hdb-product-grid { grid-template-columns:1fr; gap:28px; }
	.hdb-product-card:nth-child(n) figure { aspect-ratio:1.35 / 1; }
	.hdb-product-card h3 { font-size:1.3rem; }
	.hdb-story-main { gap:26px; }
	.hdb-wood-strip { margin-top:27px; padding-top:26px; }
	.hdb-market-grid { gap:25px; }
	.hdb-market-figure { aspect-ratio:1.25 / 1; }
	.hd-page-main:not(.hd-page-impressum):not(.hd-page-datenschutz) .hd-content {
		width:calc(100% - 34px);
		margin:30px auto 48px;
	}
	.hd-content .entry-content > .wp-block-media-text {
		display:block;
		margin-block:22px;
	}
	.hd-content .wp-block-media-text__media { margin-bottom:22px !important; aspect-ratio:1.35 / 1; }
	.hd-content .entry-content > .wp-block-media-text:first-child { padding-bottom:28px; }
	.hd-content .entry-content > .wp-block-media-text:first-child h1 { font-size:clamp(32px,9vw,40px); }
	.hd-content .entry-content hr.wp-block-separator { margin:32px 0; }
	.hd-content .entry-content > figure.wp-block-image { margin-top:38px; }
	.hd-page-kontakt .entry-content > .wp-block-media-text:nth-of-type(2) { padding:18px; }
}