/*
Theme Name: Drehteil-Discount Relaunch
Template: Impreza
Version: 0.8.1
Description: Child-Theme für den Relaunch von Drehteil-Discount.de
*/


/* =========================================================
   DREHTEIL-DISCOUNT
   ZENTRALE VARIABLEN
   ========================================================= */

:root {
	--dtd-blue: #3b97d3;
	--dtd-blue-dark: #287bb2;
	--dtd-charcoal: #25313a;
	--dtd-text: #5e6870;
	--dtd-muted: #747f87;
	--dtd-light: #f4f7f9;
	--dtd-light-blue: #edf6fb;
	--dtd-border: #dbe3e8;
	--dtd-white: #ffffff;

	--dtd-radius: 8px;
	--dtd-content: 1180px;

	--dtd-section-desktop: 82px;
	--dtd-section-tablet: 64px;
	--dtd-section-mobile: 46px;
}


/* =========================================================
   GRUNDLAGEN
   ========================================================= */

.dtd-home,
.dtd-home * {
	box-sizing: border-box;
}

.dtd-home {
	color: var(--dtd-text);
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 1.6;
}

.dtd-home.vc_row {
	margin-top: 0;
	margin-bottom: 0;
}

.dtd-home > .l-section-h {
	width: 100%;
	max-width: var(--dtd-content);
	margin-right: auto;
	margin-left: auto;
}

.dtd-home .wpb_text_column {
	margin-bottom: 0;
}

.dtd-home .wpb_text_column > .wpb_wrapper > *:last-child {
	margin-bottom: 0;
}

.dtd-section {
	padding-top: var(--dtd-section-desktop);
	padding-bottom: var(--dtd-section-desktop);
}


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

.dtd-home h1,
.dtd-home h2,
.dtd-home h3 {
	margin-top: 0;
	color: var(--dtd-charcoal);
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.dtd-home h1 {
	max-width: 680px;
	margin-bottom: 22px;
	font-size: clamp(3rem, 5vw, 4.5rem);
	line-height: 1.01;
	letter-spacing: -0.045em;
}

.dtd-home h1 span {
	display: block;
	color: var(--dtd-blue-dark);
}

.dtd-home h2 {
	margin-bottom: 18px;
	font-size: clamp(2rem, 3.3vw, 3.05rem);
	line-height: 1.08;
	letter-spacing: -0.035em;
}

.dtd-home h3 {
	margin-bottom: 10px;
	font-size: 1.22rem;
	line-height: 1.25;
	letter-spacing: -0.015em;
}

.dtd-home p {
	margin-top: 0;
	margin-bottom: 18px;
	color: var(--dtd-text);
}

.dtd-kicker {
	margin-bottom: 18px;
	color: var(--dtd-blue-dark);
	font-size: 0.76rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.dtd-lead {
	max-width: 650px;
	font-size: 1.1rem;
	line-height: 1.55;
}

.dtd-section-head {
	max-width: 760px;
	margin-bottom: 38px;
}

.dtd-section-head--center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.dtd-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 26px;
}

.dtd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 12px 22px;
	border: 2px solid transparent;
	border-radius: 5px;
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-size: 0.92rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease;
}

.dtd-btn--primary {
	border-color: var(--dtd-blue);
	background: var(--dtd-blue);
	color: var(--dtd-white) !important;
}

.dtd-btn--primary:hover {
	border-color: var(--dtd-blue-dark);
	background: var(--dtd-blue-dark);
	color: var(--dtd-white) !important;
	transform: translateY(-1px);
}

.dtd-btn--secondary {
	border-color: var(--dtd-border);
	background: transparent;
	color: var(--dtd-charcoal) !important;
}

.dtd-btn--secondary:hover {
	border-color: var(--dtd-blue);
	color: var(--dtd-blue-dark) !important;
	transform: translateY(-1px);
}

.dtd-btn--large {
	min-height: 58px;
	padding: 15px 26px;
}


/* =========================================================
   01 HERO
   ========================================================= */

#dtd-hero {
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: 1px solid var(--dtd-border);
	background:
		linear-gradient(
			110deg,
			#ffffff 0%,
			#ffffff 32%,
			#f4f8fb 100%
		);
}

#dtd-hero > .l-section-h {
	display: flex;
	align-items: center;
	min-height: 570px;
}

.dtd-hero__copy {
	display: flex;
	align-items: center;
	padding-top: 54px;
	padding-right: 50px;
	padding-bottom: 54px;
}

.dtd-hero__copy > .vc_column-inner {
	width: 100%;
}

.dtd-hero__visual {
	position: relative;
	display: flex;
	align-items: center;
	padding-top: 54px;
	padding-bottom: 54px;
}

.dtd-hero__visual > .vc_column-inner {
	width: 100%;
}

.dtd-hero__image {
	position: relative;
	z-index: 1;
	margin-bottom: 0 !important;
}

.dtd-hero__image img {
	display: block;
	width: 100%;
	max-width: 590px;
	max-height: 470px;
	margin: 0 auto;
	object-fit: contain;
	border-radius: 4px;
	box-shadow: 0 22px 55px rgba(37, 49, 58, 0.14);
}

.dtd-checks {
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.dtd-checks li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 28px;
	color: var(--dtd-charcoal);
}

.dtd-checks li::before {
	position: absolute;
	top: 0;
	left: 0;
	color: var(--dtd-blue);
	font-weight: 700;
	content: "✓";
}

.dtd-hero__badge {
	position: relative;
	z-index: 2;
	width: 225px;
	margin-top: -1px;
	margin-right: 18px;
	margin-left: auto;
	padding: 17px 20px;
	border-left: 4px solid var(--dtd-blue);
	border-radius: 2px;
	background: var(--dtd-white);
	box-shadow: 0 12px 30px rgba(37, 49, 58, 0.12);
}

.dtd-hero__badge strong,
.dtd-hero__badge span {
	display: block;
}

.dtd-hero__badge strong {
	margin-bottom: 3px;
	color: var(--dtd-charcoal);
	font-size: 0.95rem;
}

.dtd-hero__badge span {
	color: var(--dtd-text);
	font-size: 0.9rem;
}


/* =========================================================
   02 FERTIGUNGSWEGE
   ========================================================= */

.dtd-fertigungswege {
	background: var(--dtd-white);
}

.dtd-card-grid {
	display: flex;
	align-items: stretch;
}

.dtd-card-grid > .vc_column_container {
	display: flex;
}

.dtd-card-grid > .vc_column_container > .vc_column-inner {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.dtd-card-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper {
	display: flex;
	flex: 1;
	flex-direction: column;
	width: 100%;
}

.dtd-card-image {
	margin-bottom: 0 !important;
}

.dtd-card-image img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: var(--dtd-radius) var(--dtd-radius) 0 0;
}

.dtd-card {
	width: 100%;
}

.dtd-path-card {
	flex: 1;
	min-height: 245px;
	padding: 28px;
	border: 1px solid var(--dtd-border);
	border-radius: var(--dtd-radius);
	background: var(--dtd-white);
}

.dtd-card-image + .dtd-path-card {
	border-top: 0;
	border-radius: 0 0 var(--dtd-radius) var(--dtd-radius);
}

.dtd-card__number {
	margin-bottom: 38px;
	color: var(--dtd-blue-dark);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
}

.dtd-path-card p {
	margin-bottom: 0;
	font-size: 0.95rem;
}


/* =========================================================
   03 WERKSTOFFE
   ========================================================= */

.dtd-werkstoffe {
	background: var(--dtd-light);
}

.dtd-werkstoffe > .l-section-h {
	display: flex;
	align-items: center;
}

.dtd-werkstoffe__intro {
	padding-right: 45px;
}

.dtd-werkstoffe__grid > .vc_column-inner > .wpb_wrapper > .vc_row_inner {
	display: flex;
	align-items: stretch;
}

.dtd-werkstoffe__grid .vc_column_container {
	display: flex;
}

.dtd-werkstoffe__grid .vc_column-inner,
.dtd-werkstoffe__grid .wpb_wrapper {
	width: 100%;
}

.dtd-material-card {
	position: relative;
	min-height: 225px;
	padding: 25px 22px;
	border: 1px solid var(--dtd-border);
	border-top: 4px solid var(--dtd-blue);
	border-radius: var(--dtd-radius);
	background: var(--dtd-white);
}

.dtd-material-card__mark {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	margin-bottom: 42px;
	border-radius: 50%;
	background: var(--dtd-light-blue);
	color: var(--dtd-blue-dark);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
}

.dtd-material-card p {
	margin-bottom: 0;
	font-size: 0.92rem;
}


/* =========================================================
   04 ABLAUF / PROZESS
   ========================================================= */

.dtd-ablauf {
	background: var(--dtd-white);
}

.dtd-ablauf .dtd-section-head {
	max-width: 820px;
	margin-bottom: 24px;
}

.dtd-ablauf .dtd-section-head h2 {
	margin-bottom: 18px;
}

.dtd-ablauf .dtd-section-head p {
	max-width: 760px;
	margin-right: auto;
	margin-left: auto;
}

.dtd-process {
	position: relative;
	display: flex;
	align-items: stretch;
	margin-top: 12px;
}

.dtd-process::before {
	position: absolute;
	top: 20px;
	right: 8.333%;
	left: 8.333%;
	z-index: 0;
	height: 1px;
	background: var(--dtd-border);
	content: "";
}

.dtd-process > .vc_column_container {
	position: relative;
	z-index: 1;
	display: flex;
}

.dtd-process > .vc_column_container > .vc_column-inner {
	width: 100%;
}

.dtd-process > .vc_column_container > .vc_column-inner > .wpb_wrapper {
	width: 100%;
}

.dtd-process-step {
	position: relative;
	min-height: 155px;
	padding: 0 14px 8px;
	background: transparent;
}

.dtd-process-step__number {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	height: 40px;
	margin-bottom: 18px;
	padding-right: 12px;
	background: var(--dtd-white);
	color: var(--dtd-blue-dark);
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.08em;
}

.dtd-process-step__number::before {
	flex: 0 0 auto;
	width: 15px;
	height: 15px;
	margin-right: 9px;
	border: 2px solid var(--dtd-blue);
	border-radius: 50%;
	background: var(--dtd-white);
	content: "";
}

.dtd-process-step h3 {
	margin-bottom: 7px;
	font-size: 1.04rem;
	line-height: 1.25;
}

.dtd-process-step p {
	max-width: 145px;
	margin-bottom: 0;
	font-size: 0.88rem;
	line-height: 1.45;
}


/* =========================================================
   05 ERFAHRUNG / LEUCHTENINDUSTRIE
   ========================================================= */

.dtd-erfahrung {
	position: relative;
	overflow: hidden;
	background: var(--dtd-charcoal);
}

.dtd-erfahrung::before {
	position: absolute;
	top: -180px;
	right: -180px;
	width: 500px;
	height: 500px;
	border-radius: 50%;
	background: rgba(59, 151, 211, 0.06);
	content: "";
	pointer-events: none;
}

.dtd-erfahrung > .l-section-h {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
}

.dtd-erfahrung__copy {
	display: flex;
	align-items: center;
	padding-right: 58px;
}

.dtd-erfahrung__copy > .vc_column-inner {
	width: 100%;
}

.dtd-erfahrung .dtd-kicker {
	color: #79c3ed;
}

.dtd-erfahrung h2 {
	max-width: 520px;
	color: var(--dtd-white);
}

.dtd-erfahrung p {
	color: rgba(255, 255, 255, 0.75);
}

.dtd-erfahrung__lead {
	color: rgba(255, 255, 255, 0.94) !important;
	font-size: 1.06rem;
	line-height: 1.6;
}

.dtd-erfahrung__actions {
	margin-top: 30px;
}

.dtd-erfahrung .dtd-btn--secondary {
	border-color: rgba(255, 255, 255, 0.35);
	color: var(--dtd-white) !important;
}

.dtd-erfahrung .dtd-btn--secondary:hover {
	border-color: var(--dtd-white);
	background: rgba(255, 255, 255, 0.06);
	color: var(--dtd-white) !important;
}


/* =========================================================
   ERFAHRUNG – BILDCOLLAGE
   ========================================================= */

.dtd-erfahrung__visual {
	display: flex;
	align-items: center;
}

.dtd-erfahrung__visual > .vc_column-inner {
	width: 100%;
}

.dtd-erfahrung__visual > .vc_column-inner > .wpb_wrapper {
	width: 100%;
}

.dtd-erfahrung__main-image {
	margin-bottom: 14px !important;
}

.dtd-erfahrung__main-image img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 8.6;
	object-fit: cover;
	border-radius: var(--dtd-radius);
	background: var(--dtd-white);
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.22);
}

.dtd-erfahrung__image-row {
	display: flex;
	align-items: stretch;
}

.dtd-erfahrung__image-row > .vc_column_container {
	display: flex;
}

.dtd-erfahrung__image-row > .vc_column_container > .vc_column-inner {
	width: 100%;
}

.dtd-erfahrung__image-row > .vc_column_container > .vc_column-inner > .wpb_wrapper {
	width: 100%;
	height: 100%;
}

.dtd-erfahrung__detail-image {
	height: 100%;
	margin-bottom: 0 !important;
}

.dtd-erfahrung__detail-image .w-image-h {
	height: 100%;
}

.dtd-erfahrung__detail-image img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 180px;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: var(--dtd-radius);
	background: var(--dtd-white);
}


/* =========================================================
   ERFAHRUNG – FAKTENLEISTE
   ========================================================= */

.dtd-erfahrung-fakten {
	padding-top: 0;
	padding-bottom: 0;
	background: var(--dtd-charcoal);
}

.dtd-erfahrung-fakten > .l-section-h {
	width: 100%;
	max-width: var(--dtd-content);
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 58px;
}

.dtd-erfahrung-fakten__grid {
	display: flex;
	border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.dtd-erfahrung-fakten__grid > .vc_column_container {
	display: flex;
}

.dtd-erfahrung-fakten__grid > .vc_column_container:not(:last-child) {
	border-right: 1px solid rgba(255, 255, 255, 0.13);
}

.dtd-erfahrung-fakt {
	width: 100%;
	padding: 28px 32px 6px;
}

.dtd-erfahrung-fakt strong,
.dtd-erfahrung-fakt span {
	display: block;
}

.dtd-erfahrung-fakt strong {
	margin-bottom: 8px;
	color: var(--dtd-white);
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.25;
}

.dtd-erfahrung-fakt span {
	max-width: 280px;
	color: rgba(255, 255, 255, 0.65);
	font-size: 0.9rem;
	line-height: 1.5;
}


/* =========================================================
   06 FERTIGUNGSANFRAGE
   ========================================================= */

.dtd-anfrage {
	background: var(--dtd-light-blue);
}

.dtd-anfrage > .l-section-h {
	display: flex;
	align-items: center;
}

.dtd-anfrage__copy {
	padding-right: 40px;
}

.dtd-anfrage__copy h2 {
	margin-bottom: 14px;
}

.dtd-anfrage__copy p {
	max-width: 720px;
	margin-bottom: 0;
}

.dtd-anfrage__action {
	text-align: right;
}

.dtd-anfrage__action .dtd-btn {
	width: 100%;
	max-width: 330px;
}


/* =========================================================
   GROSSE DESKTOPS
   ========================================================= */

@media (min-width: 1400px) {

	#dtd-hero > .l-section-h {
		min-height: 590px;
	}

	.dtd-hero__copy {
		padding-right: 60px;
	}

	.dtd-hero__image img {
		max-width: 610px;
	}

}


/* =========================================================
   NOTEBOOK / KLEINERE DESKTOPS
   ========================================================= */

@media (min-width: 901px) and (max-width: 1200px) {

	.dtd-home > .l-section-h,
	.dtd-erfahrung-fakten > .l-section-h {
		padding-right: 28px;
		padding-left: 28px;
	}

	#dtd-hero > .l-section-h {
		min-height: 540px;
	}

	.dtd-hero__copy {
		padding: 48px 35px 48px 0;
	}

	.dtd-hero__visual {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.dtd-home h1 {
		font-size: clamp(3rem, 5vw, 4rem);
	}

	.dtd-path-card {
		padding: 23px;
	}

	.dtd-material-card {
		padding: 22px 18px;
	}

	.dtd-process-step {
		padding-right: 9px;
		padding-left: 9px;
	}

	.dtd-process-step p {
		max-width: 130px;
	}

	.dtd-erfahrung__copy {
		padding-right: 40px;
	}

	.dtd-erfahrung-fakt {
		padding-right: 22px;
		padding-left: 22px;
	}

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

	.dtd-section {
		padding-top: var(--dtd-section-tablet);
		padding-bottom: var(--dtd-section-tablet);
	}

	.dtd-home > .l-section-h,
	.dtd-erfahrung-fakten > .l-section-h {
		padding-right: 24px;
		padding-left: 24px;
	}

	#dtd-hero > .l-section-h,
	.dtd-werkstoffe > .l-section-h,
	.dtd-erfahrung > .l-section-h,
	.dtd-anfrage > .l-section-h {
		display: block;
	}

	.dtd-hero__copy,
	.dtd-hero__visual,
	.dtd-werkstoffe__intro,
	.dtd-werkstoffe__grid,
	.dtd-erfahrung__copy,
	.dtd-erfahrung__visual,
	.dtd-anfrage__copy,
	.dtd-anfrage__action {
		width: 100%;
	}


	/* HERO */

	#dtd-hero > .l-section-h {
		min-height: 0;
	}

	.dtd-hero__copy {
		display: block;
		padding: 52px 0 32px;
	}

	.dtd-hero__visual {
		display: block;
		padding-top: 0;
		padding-bottom: 52px;
	}

	.dtd-hero__image img {
		max-width: 650px;
		max-height: 430px;
	}

	.dtd-hero__badge {
		width: 225px;
		margin-top: -1px;
		margin-right: 5%;
	}


	/* FERTIGUNGSWEGE */

	.dtd-card-grid {
		flex-wrap: wrap;
	}

	.dtd-card-grid > .vc_column_container {
		width: 50%;
		margin-bottom: 24px;
	}

	.dtd-card-grid > .vc_column_container:last-child {
		width: 100%;
	}


	/* WERKSTOFFE */

	.dtd-werkstoffe__intro {
		padding-right: 0;
	}

	.dtd-werkstoffe__grid {
		margin-top: 38px;
	}


	/* ABLAUF */

	.dtd-ablauf .dtd-section-head {
		margin-bottom: 34px;
	}

	.dtd-process {
		flex-wrap: wrap;
		margin-top: 0;
	}

	.dtd-process::before {
		display: none;
	}

	.dtd-process > .vc_column_container {
		width: 33.3333%;
		margin-bottom: 22px;
	}

	.dtd-process-step {
		min-height: 165px;
		margin: 0 8px;
		padding: 20px;
		border-top: 3px solid var(--dtd-blue);
		border-radius: 4px;
		background: var(--dtd-light);
	}

	.dtd-process-step__number {
		height: auto;
		margin-bottom: 18px;
		padding: 0;
		background: transparent;
	}

	.dtd-process-step__number::before {
		display: none;
	}

	.dtd-process-step p {
		max-width: none;
	}


	/* ERFAHRUNG */

	.dtd-erfahrung__copy,
	.dtd-erfahrung__visual {
		display: block;
	}

	.dtd-erfahrung__copy {
		padding-right: 0;
		margin-bottom: 42px;
	}

	.dtd-erfahrung h2 {
		max-width: 700px;
	}

	.dtd-erfahrung__main-image img {
		aspect-ratio: 16 / 9;
	}

	.dtd-erfahrung-fakten__grid {
		flex-wrap: wrap;
	}

	.dtd-erfahrung-fakten__grid > .vc_column_container {
		width: 33.3333%;
	}

	.dtd-erfahrung-fakt {
		padding: 26px 20px 8px;
	}


	/* ANFRAGE */

	.dtd-anfrage__copy {
		padding-right: 0;
		margin-bottom: 30px;
	}

	.dtd-anfrage__action {
		text-align: left;
	}

}


/* =========================================================
   SMARTPHONE
   ========================================================= */

@media (max-width: 600px) {

	.dtd-home {
		font-size: 16px;
	}

	.dtd-home > .l-section-h,
	.dtd-erfahrung-fakten > .l-section-h {
		padding-right: 18px;
		padding-left: 18px;
	}

	.dtd-section {
		padding-top: var(--dtd-section-mobile);
		padding-bottom: var(--dtd-section-mobile);
	}

	.dtd-home h1 {
		margin-bottom: 20px;
		font-size: clamp(2.2rem, 11vw, 3.1rem);
		line-height: 1.02;
	}

	.dtd-home h2 {
		font-size: clamp(1.75rem, 8vw, 2.35rem);
	}

	.dtd-home h3 {
		font-size: 1.12rem;
	}

	.dtd-lead {
		font-size: 1.02rem;
	}

	.dtd-kicker {
		margin-bottom: 15px;
		font-size: 0.7rem;
	}

	.dtd-section-head {
		margin-bottom: 30px;
	}


	/* BUTTONS */

	.dtd-actions {
		display: block;
	}

	.dtd-actions .dtd-btn {
		width: 100%;
		margin-bottom: 10px;
	}

	.dtd-actions .dtd-btn:last-child {
		margin-bottom: 0;
	}


	/* HERO */

	.dtd-hero__copy {
		padding-top: 42px;
	}

	.dtd-hero__visual {
		padding-bottom: 42px;
	}

	.dtd-hero__image img {
		max-height: none;
	}

	.dtd-hero__badge {
		width: 100%;
		margin-top: 12px;
		margin-right: 0;
	}

	.dtd-checks {
		margin-top: 22px;
	}

	.dtd-checks li {
		margin-bottom: 10px;
		padding-left: 24px;
	}


	/* FERTIGUNGSWEGE */

	.dtd-card-grid {
		display: block;
	}

	.dtd-card-grid > .vc_column_container,
	.dtd-card-grid > .vc_column_container:last-child {
		width: 100%;
		margin-bottom: 22px;
	}

	.dtd-card-grid > .vc_column_container:last-child {
		margin-bottom: 0;
	}

	.dtd-path-card {
		min-height: 0;
		padding: 22px;
	}

	.dtd-card__number {
		margin-bottom: 25px;
	}


	/* WERKSTOFFE */

	.dtd-werkstoffe__grid > .vc_column-inner > .wpb_wrapper > .vc_row_inner {
		display: block;
	}

	.dtd-werkstoffe__grid .vc_column_container {
		width: 100%;
		margin-bottom: 18px;
	}

	.dtd-werkstoffe__grid .vc_column_container:last-child {
		margin-bottom: 0;
	}

	.dtd-material-card {
		min-height: 0;
	}

	.dtd-material-card__mark {
		margin-bottom: 28px;
	}


	/* ABLAUF – VERTIKALE TIMELINE */

	.dtd-ablauf .dtd-section-head {
		margin-bottom: 30px;
		text-align: left;
	}

	.dtd-process {
		position: relative;
		display: block;
		padding-left: 14px;
	}

	.dtd-process::before {
		display: block;
		top: 9px;
		right: auto;
		bottom: 25px;
		left: 21px;
		width: 1px;
		height: auto;
		background: var(--dtd-border);
	}

	.dtd-process > .vc_column_container {
		width: 100%;
		margin-bottom: 0;
	}

	.dtd-process-step {
		position: relative;
		min-height: 0;
		margin: 0;
		padding: 0 0 28px 42px;
		border: 0;
		background: transparent;
	}

	.dtd-process-step__number {
		position: static;
		height: auto;
		margin-bottom: 7px;
		padding: 0;
		background: transparent;
	}

	.dtd-process-step__number::before {
		position: absolute;
		top: 4px;
		left: 0;
		display: block;
		width: 15px;
		height: 15px;
		margin: 0;
		border: 2px solid var(--dtd-blue);
		background: var(--dtd-white);
	}

	.dtd-process-step h3 {
		margin-bottom: 5px;
	}

	.dtd-process-step p {
		max-width: none;
	}


	/* ERFAHRUNG */

	.dtd-erfahrung::before {
		width: 320px;
		height: 320px;
	}

	.dtd-erfahrung__copy {
		margin-bottom: 34px;
	}

	.dtd-erfahrung__lead {
		font-size: 1rem;
	}

	.dtd-erfahrung__main-image {
		margin-bottom: 12px !important;
	}

	.dtd-erfahrung__main-image img {
		aspect-ratio: 4 / 3;
	}

	.dtd-erfahrung__image-row {
		display: block;
	}

	.dtd-erfahrung__image-row > .vc_column_container {
		width: 100%;
		margin-bottom: 12px;
	}

	.dtd-erfahrung__image-row > .vc_column_container:last-child {
		margin-bottom: 0;
	}

	.dtd-erfahrung__detail-image img {
		min-height: 0;
		aspect-ratio: 16 / 9;
	}


	/* ERFAHRUNG – FAKTEN */

	.dtd-erfahrung-fakten > .l-section-h {
		padding-bottom: 42px;
	}

	.dtd-erfahrung-fakten__grid {
		display: block;
	}

	.dtd-erfahrung-fakten__grid > .vc_column_container {
		width: 100%;
	}

	.dtd-erfahrung-fakten__grid > .vc_column_container:not(:last-child) {
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.13);
	}

	.dtd-erfahrung-fakt {
		padding: 23px 0;
	}

	.dtd-erfahrung-fakt span {
		max-width: none;
	}


	/* ANFRAGE */

	.dtd-anfrage__copy {
		margin-bottom: 25px;
	}

	.dtd-anfrage__action .dtd-btn {
		width: 100%;
		max-width: none;
	}

}


/* =========================================================
   SEHR KLEINE SMARTPHONES
   ========================================================= */

@media (max-width: 380px) {

	.dtd-home > .l-section-h,
	.dtd-erfahrung-fakten > .l-section-h {
		padding-right: 15px;
		padding-left: 15px;
	}

	.dtd-home h1 {
		font-size: 2.1rem;
	}

	.dtd-btn {
		padding-right: 16px;
		padding-left: 16px;
	}

}


/* =========================================================
   ACCESSIBILITY / FOCUS
   ========================================================= */

.dtd-btn:focus-visible {
	outline: 3px solid rgba(59, 151, 211, 0.35);
	outline-offset: 3px;
}


/* =========================================================
   REDUZIERTE BEWEGUNG
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

	.dtd-btn {
		transition: none;
	}

	.dtd-btn:hover {
		transform: none;
	}

}

/* =========================================================
   V0.6.1 – HERO + ANFRAGE
   Grundlage: stabile Version 0.5.0
   ========================================================= */

/* HERO: neue Struktur */
#dtd-hero > .l-section-h {
	align-items: stretch;
}

.dtd-hero__copy,
.dtd-hero__visual {
	align-self: stretch;
}

.dtd-hero__copy > .vc_column-inner,
.dtd-hero__visual > .vc_column-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.dtd-hero .dtd-kicker {
	color: var(--dtd-blue-dark);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.13em;
	line-height: 1.3;
	text-transform: uppercase;
}

.dtd-hero__benefits {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 22px;
	margin-top: 25px;
}

.dtd-hero__benefit {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	color: var(--dtd-charcoal);
	font-size: 0.94rem;
	line-height: 1.45;
}

.dtd-hero__check {
	flex: 0 0 auto;
	color: var(--dtd-blue);
	font-weight: 800;
	line-height: 1.45;
}

.dtd-hero__visual > .vc_column-inner {
	justify-content: center;
}

.dtd-hero__image {
	width: 100%;
}

.dtd-hero__image img {
	width: 100%;
	max-width: 590px;
}

.dtd-hero__info {
	width: 100%;
	max-width: 590px;
	margin: 0 auto !important;
	padding: 20px 22px 22px;
	border: 1px solid var(--dtd-border);
	border-top: 3px solid var(--dtd-blue);
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 12px 30px rgba(37, 49, 58, 0.08);
}

.dtd-hero__info-head {
	display: flex;
	align-items: baseline;
	gap: 7px;
	margin-bottom: 17px;
}

.dtd-hero__info-kicker {
	color: var(--dtd-blue-dark);
	font-size: 0.73rem;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.dtd-hero__info-head strong {
	color: var(--dtd-charcoal);
	font-size: 0.94rem;
	font-weight: 700;
}

.dtd-hero__info-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid var(--dtd-border);
}

.dtd-hero__info-item {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 15px 16px 0 0;
}

.dtd-hero__info-item + .dtd-hero__info-item {
	padding-left: 16px;
	border-left: 1px solid var(--dtd-border);
}

.dtd-hero__info-label {
	margin-bottom: 5px;
	color: var(--dtd-blue);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.06em;
}

.dtd-hero__info-item strong {
	margin-bottom: 4px;
	color: var(--dtd-charcoal);
	font-size: 0.9rem;
	line-height: 1.3;
}

.dtd-hero__info-item > span:last-child {
	color: var(--dtd-text);
	font-size: 0.79rem;
	line-height: 1.4;
}

/* alte Hero-Elemente bleiben unsichtbar, falls WPBakery noch Cache-Markup liefert */
#dtd-hero .dtd-hero__badge {
	display: none !important;
}

/* Anfrage: Button vertikal sauber zum Textblock ausrichten */
.dtd-anfrage > .l-section-h {
	align-items: center;
}

.dtd-anfrage__action,
.dtd-anfrage__action > .vc_column-inner,
.dtd-anfrage__action .wpb_wrapper {
	height: 100%;
}

.dtd-anfrage__action > .vc_column-inner,
.dtd-anfrage__action .wpb_wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}

.dtd-anfrage__action .wpb_text_column {
	width: 100%;
	margin-bottom: 0;
	text-align: center;
}

.dtd-anfrage__action .dtd-btn {
	width: 100%;
	max-width: 330px;
}

@media (min-width: 901px) and (max-width: 1200px) {
	.dtd-hero__benefits {
		gap: 10px 16px;
	}

	.dtd-hero__info {
		padding: 18px 18px 20px;
	}

	.dtd-hero__info-item {
		padding-right: 10px;
	}

	.dtd-hero__info-item + .dtd-hero__info-item {
		padding-left: 10px;
	}
}

@media (max-width: 900px) {
	#dtd-hero > .l-section-h {
		display: block;
	}

	.dtd-hero__copy > .vc_column-inner,
	.dtd-hero__visual > .vc_column-inner {
		display: block;
	}

	.dtd-hero__benefits {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dtd-hero__info {
		max-width: 650px;
	}

	.dtd-anfrage__action,
	.dtd-anfrage__action > .vc_column-inner,
	.dtd-anfrage__action .wpb_wrapper {
		height: auto;
	}

	.dtd-anfrage__action > .vc_column-inner,
	.dtd-anfrage__action .wpb_wrapper {
		display: block;
	}

	.dtd-anfrage__action .wpb_text_column {
		text-align: left;
	}
}

@media (max-width: 600px) {
	.dtd-hero__benefits {
		grid-template-columns: 1fr;
		gap: 9px;
		margin-top: 22px;
	}

	.dtd-hero__benefit {
		font-size: 0.93rem;
	}

	.dtd-hero__info {
		padding: 18px;
	}

	.dtd-hero__info-head {
		display: block;
	}

	.dtd-hero__info-kicker,
	.dtd-hero__info-head strong {
		display: block;
	}

	.dtd-hero__info-kicker {
		margin-bottom: 3px;
	}

	.dtd-hero__info-grid {
		grid-template-columns: 1fr;
	}

	.dtd-hero__info-item {
		padding: 13px 0;
		border-bottom: 1px solid var(--dtd-border);
	}

	.dtd-hero__info-item + .dtd-hero__info-item {
		padding-left: 0;
		border-left: 0;
	}

	.dtd-hero__info-item:last-child {
		padding-bottom: 0;
		border-bottom: 0;
	}

	.dtd-anfrage__action .dtd-btn {
		max-width: none;
	}
}


/* =========================================================
   DREHTEILE / DREHTEILE-ONLINE – LEISTUNGSSEITE
   ========================================================= */

.dtd-parts {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	color: var(--dtd-text);
}

.dtd-parts > .l-section-h {
	padding-top: var(--dtd-section-desktop);
	padding-bottom: var(--dtd-section-desktop);
}

.dtd-parts h1,
.dtd-parts h2,
.dtd-parts h3 {
	color: var(--dtd-charcoal);
}

.dtd-parts h2 {
	margin-bottom: 18px;
}

.dtd-parts p:last-child {
	margin-bottom: 0;
}

/* Hero */
.dtd-parts-hero {
	background: linear-gradient(135deg, #ffffff 0%, #f7fafc 58%, #edf6fb 100%);
	border-bottom: 1px solid var(--dtd-border);
}

.dtd-parts-hero > .l-section-h {
	min-height: 590px;
	display: flex;
	align-items: center;
}

.dtd-parts-hero .vc_column_container:first-child {
	padding-right: 48px;
}

.dtd-parts-hero__image img {
	width: 100%;
	max-height: 470px;
	object-fit: contain;
	border-radius: var(--dtd-radius);
	box-shadow: 0 18px 48px rgba(37, 49, 58, 0.12);
}

.dtd-parts-hero__facts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin: 28px 0 30px;
	background: var(--dtd-border);
	border: 1px solid var(--dtd-border);
	border-radius: var(--dtd-radius);
	overflow: hidden;
}

.dtd-parts-hero__facts > div {
	background: var(--dtd-white);
	padding: 18px 16px;
}

.dtd-parts-hero__facts strong,
.dtd-parts-hero__facts span {
	display: block;
}

.dtd-parts-hero__facts strong {
	margin-bottom: 5px;
	font-size: 13px;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--dtd-blue-dark);
}

.dtd-parts-hero__facts span {
	font-size: 14px;
	line-height: 1.45;
	color: var(--dtd-charcoal);
}

/* Intro */
.dtd-parts-intro {
	background: var(--dtd-white);
}

.dtd-parts-intro .vc_column_container:first-child {
	padding-right: 55px;
}

.dtd-parts-intro .vc_column_container:last-child {
	font-size: 18px;
	line-height: 1.75;
}

/* Section headings */
.dtd-parts .dtd-section-head {
	max-width: 780px;
	margin-bottom: 42px !important;
}

.dtd-parts .dtd-section-head--center {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}

/* Anfrage-Grundlage / cards */
.dtd-parts-start {
	background: var(--dtd-light);
}

.dtd-parts-card-grid > .vc_column_container {
	display: flex;
}

.dtd-parts-card-grid > .vc_column_container > .vc_column-inner,
.dtd-parts-card-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper {
	width: 100%;
}

.dtd-parts-card {
	height: 100%;
	margin-bottom: 0 !important;
	padding: 30px 28px;
	background: var(--dtd-white);
	border: 1px solid var(--dtd-border);
	border-top: 3px solid var(--dtd-blue);
	border-radius: var(--dtd-radius);
	box-shadow: 0 8px 26px rgba(37, 49, 58, 0.055);
}

.dtd-card__number {
	margin-bottom: 18px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .1em;
	color: var(--dtd-blue);
}

.dtd-parts-card h3 {
	margin-bottom: 12px;
	font-size: 21px;
}

/* Werkstoffe */
.dtd-parts-materials {
	background: var(--dtd-charcoal);
	color: rgba(255,255,255,.78);
}

.dtd-parts-materials h2,
.dtd-parts-materials h3 {
	color: var(--dtd-white);
}

.dtd-parts-materials .dtd-kicker {
	color: #72b9e7;
}

.dtd-parts-materials > .l-section-h > .g-cols > .vc_column_container:first-child {
	padding-right: 46px;
}

.dtd-parts-material-grid > .vc_column_container {
	display: flex;
}

.dtd-parts-material-grid > .vc_column_container > .vc_column-inner,
.dtd-parts-material-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper {
	width: 100%;
}

.dtd-parts-material {
	height: 100%;
	margin-bottom: 0 !important;
	padding: 25px 22px;
	background: rgba(255,255,255,.055);
	border: 1px solid rgba(255,255,255,.13);
	border-radius: var(--dtd-radius);
}

.dtd-material-card__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-bottom: 19px;
	border: 1px solid rgba(114,185,231,.55);
	border-radius: 50%;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	color: #72b9e7;
}

.dtd-parts-material h3 {
	margin-bottom: 9px;
	font-size: 20px;
}

.dtd-parts-material p {
	font-size: 15px;
	line-height: 1.6;
}

/* Abmessungen */
.dtd-parts-dimensions {
	background: var(--dtd-white);
}

.dtd-parts-dimensions .vc_column_container:first-child {
	padding-right: 52px;
}

.dtd-parts-image img {
	width: 100%;
	border-radius: var(--dtd-radius);
	box-shadow: 0 14px 38px rgba(37, 49, 58, .1);
}

.dtd-tech-table {
	margin-top: 27px;
	border-top: 1px solid var(--dtd-border);
}

.dtd-tech-table > div {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(130px, .8fr);
	gap: 22px;
	align-items: center;
	padding: 14px 0;
	border-bottom: 1px solid var(--dtd-border);
}

.dtd-tech-table strong {
	color: var(--dtd-charcoal);
}

.dtd-tech-table span {
	text-align: right;
	font-weight: 600;
	color: var(--dtd-blue-dark);
}

.dtd-parts-note {
	margin-top: 22px !important;
	padding: 15px 18px;
	background: var(--dtd-light-blue);
	border-left: 3px solid var(--dtd-blue);
	font-size: 15px;
}

/* Bearbeitung */
.dtd-parts-machining {
	background: var(--dtd-light);
}

.dtd-parts-machining > .l-section-h > .g-cols > .vc_column_container:first-child {
	padding-right: 55px;
}

.dtd-machining-grid {
	margin-bottom: 26px;
}

.dtd-feature-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dtd-feature-list li {
	position: relative;
	margin: 0;
	padding: 11px 12px 11px 31px;
	border-bottom: 1px solid var(--dtd-border);
	font-weight: 600;
	color: var(--dtd-charcoal);
}

.dtd-feature-list li:first-child {
	border-top: 1px solid var(--dtd-border);
}

.dtd-feature-list li::before {
	content: "✓";
	position: absolute;
	left: 7px;
	top: 11px;
	font-weight: 700;
	color: var(--dtd-blue);
}

.dtd-parts-machining__image img {
	width: 100%;
	max-height: 270px;
	object-fit: cover;
	border-radius: var(--dtd-radius);
}

/* Oberflächen */
.dtd-parts-surfaces {
	background: var(--dtd-white);
}

.dtd-surface-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	max-width: 900px;
	margin: 0 auto;
}

.dtd-surface-list span {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 8px 17px;
	background: var(--dtd-light);
	border: 1px solid var(--dtd-border);
	border-radius: 999px;
	font-size: 15px;
	font-weight: 600;
	color: var(--dtd-charcoal);
}

/* Ablauf */
.dtd-parts-process {
	background: var(--dtd-light-blue);
}

.dtd-parts-process-grid > .vc_column_container {
	display: flex;
}

.dtd-parts-process-grid > .vc_column_container > .vc_column-inner,
.dtd-parts-process-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper {
	width: 100%;
}

.dtd-parts-process-step {
	height: 100%;
	margin-bottom: 0 !important;
	padding: 28px;
	background: var(--dtd-white);
	border: 1px solid var(--dtd-border);
	border-radius: var(--dtd-radius);
}

.dtd-parts-process-step > .wpb_wrapper > span,
.dtd-parts-process-step > span {
	display: block;
	margin-bottom: 17px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .1em;
	color: var(--dtd-blue);
}

.dtd-parts-process-step h3 {
	margin-bottom: 10px;
	font-size: 21px;
}

/* Erklärung */
.dtd-parts-explanation {
	background: var(--dtd-white);
}

.dtd-parts-explanation .vc_column_container:first-child {
	padding-right: 55px;
}

/* FAQ */
.dtd-parts-faq {
	background: var(--dtd-light);
}

.dtd-faq-item {
	margin-bottom: 18px !important;
	padding: 24px 25px;
	background: var(--dtd-white);
	border: 1px solid var(--dtd-border);
	border-radius: var(--dtd-radius);
}

.dtd-faq-item h3 {
	margin-bottom: 9px;
	font-size: 19px;
}

.dtd-faq-item p {
	font-size: 15px;
}

/* Abschluss-CTA */
.dtd-parts-request {
	background: var(--dtd-charcoal);
	color: rgba(255,255,255,.82);
}

.dtd-parts-request > .l-section-h {
	padding-top: 58px;
	padding-bottom: 58px;
}

.dtd-parts-request h2 {
	color: var(--dtd-white);
}

.dtd-parts-request .dtd-kicker {
	color: #72b9e7;
}

.dtd-parts-request > .l-section-h > .g-cols {
	align-items: center;
}

.dtd-parts-request__action,
.dtd-parts-request__action > .vc_column-inner,
.dtd-parts-request__action > .vc_column-inner > .wpb_wrapper,
.dtd-parts-request__action .wpb_text_column,
.dtd-parts-request__action .wpb_text_column > .wpb_wrapper {
	width: 100%;
}

.dtd-parts-request__action .wpb_text_column > .wpb_wrapper {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.dtd-parts-request__action .dtd-btn {
	width: 100%;
	max-width: 330px;
	text-align: center;
}

/* Responsive – Drehteile */
@media (max-width: 1200px) {
	.dtd-parts-hero .vc_column_container:first-child,
	.dtd-parts-intro .vc_column_container:first-child,
	.dtd-parts-dimensions .vc_column_container:first-child,
	.dtd-parts-machining > .l-section-h > .g-cols > .vc_column_container:first-child,
	.dtd-parts-explanation .vc_column_container:first-child {
		padding-right: 30px;
	}

	.dtd-parts-hero__facts > div {
		padding: 15px 13px;
	}
}

@media (max-width: 900px) {
	.dtd-parts > .l-section-h {
		padding-top: var(--dtd-section-tablet);
		padding-bottom: var(--dtd-section-tablet);
	}

	.dtd-parts-hero > .l-section-h {
		min-height: 0;
	}

	.dtd-parts-hero .vc_column_container:first-child,
	.dtd-parts-intro .vc_column_container:first-child,
	.dtd-parts-materials > .l-section-h > .g-cols > .vc_column_container:first-child,
	.dtd-parts-dimensions .vc_column_container:first-child,
	.dtd-parts-machining > .l-section-h > .g-cols > .vc_column_container:first-child,
	.dtd-parts-explanation .vc_column_container:first-child {
		padding-right: 0;
	}

	.dtd-parts-hero__image,
	.dtd-parts-dimensions .dtd-parts-image,
	.dtd-parts-explanation .dtd-parts-image {
		margin-top: 35px;
	}

	.dtd-parts-hero__facts {
		grid-template-columns: 1fr;
	}

	.dtd-parts-hero__facts > div + div {
		border-top: 1px solid var(--dtd-border);
	}

	.dtd-parts-card-grid > .vc_column_container,
	.dtd-parts-material-grid > .vc_column_container,
	.dtd-parts-process-grid > .vc_column_container {
		margin-bottom: 16px;
	}

	.dtd-parts .dtd-section-head {
		margin-bottom: 30px !important;
	}

	.dtd-parts-request__action .wpb_text_column > .wpb_wrapper {
		justify-content: flex-start;
	}

	.dtd-parts-request__action .dtd-btn {
		margin-top: 22px;
		max-width: 380px;
	}
}

@media (max-width: 600px) {
	.dtd-parts > .l-section-h {
		padding-top: var(--dtd-section-mobile);
		padding-bottom: var(--dtd-section-mobile);
	}

	.dtd-parts-hero__facts {
		margin-top: 22px;
		margin-bottom: 24px;
	}

	.dtd-parts-card,
	.dtd-parts-process-step,
	.dtd-faq-item {
		padding: 22px 20px;
	}

	.dtd-parts-material {
		padding: 22px 19px;
	}

	.dtd-tech-table > div {
		grid-template-columns: 1fr;
		gap: 4px;
	}

	.dtd-tech-table span {
		text-align: left;
	}

	.dtd-surface-list {
		justify-content: flex-start;
	}

	.dtd-surface-list span {
		font-size: 14px;
	}

	.dtd-parts-request__action .dtd-btn {
		max-width: none;
	}
}

/* =========================================================
   DREHTEILE – FINALER FEINSCHLIFF 0.7.1
   ========================================================= */

/* Hero: Bild praesenter */
.dtd-parts-hero > .l-section-h > .g-cols {
	align-items: center;
}

.dtd-parts-hero .vc_column_container:last-child {
	padding-left: 20px;
}

.dtd-parts-hero__image {
	margin-bottom: 0 !important;
}

.dtd-parts-hero__image img {
	max-height: 520px;
}

/* Intro kompakter und klarer */
.dtd-parts-intro > .l-section-h {
	padding-top: 66px;
	padding-bottom: 66px;
}

.dtd-parts-intro > .l-section-h > .g-cols {
	align-items: center;
}

.dtd-parts-intro .vc_column_container:last-child {
	font-size: 17px;
	line-height: 1.7;
}

/* Projektbezogene Geometrien statt starrer Massgrenzen */
.dtd-parts-dimensions > .l-section-h > .g-cols {
	align-items: center;
}

.dtd-parts-spec-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 27px;
}

.dtd-parts-spec {
	min-height: 145px;
	padding: 20px 18px;
	background: var(--dtd-light);
	border: 1px solid var(--dtd-border);
	border-top: 3px solid var(--dtd-blue);
	border-radius: var(--dtd-radius);
}

.dtd-parts-spec strong,
.dtd-parts-spec span {
	display: block;
}

.dtd-parts-spec strong {
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 1.35;
	color: var(--dtd-charcoal);
}

.dtd-parts-spec span {
	font-size: 14px;
	line-height: 1.55;
	color: var(--dtd-text);
}

/* Bearbeitungsbereich als geschlossene technische Einheit */
.dtd-parts-machining > .l-section-h > .g-cols {
	align-items: center;
}

.dtd-parts-machining > .l-section-h > .g-cols > .vc_column_container:first-child {
	padding-right: 48px;
}

.dtd-machining-grid {
	margin-bottom: 22px;
}

.dtd-parts-machining__image {
	margin-bottom: 0 !important;
}

.dtd-parts-machining__image img {
	max-height: 330px;
	box-shadow: 0 14px 38px rgba(37, 49, 58, .09);
}

/* Oberflaechen: technische Rasterdarstellung statt Filter-Pills */
.dtd-surface-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	max-width: 940px;
}

.dtd-surface-list span {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 54px;
	padding: 13px 16px 13px 38px;
	position: relative;
	background: var(--dtd-light);
	border: 1px solid var(--dtd-border);
	border-radius: var(--dtd-radius);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
}

.dtd-surface-list span::before {
	content: "";
	position: absolute;
	left: 17px;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: var(--dtd-blue);
}

/* Textlesbarkeit auf der Leistungsseite */
.dtd-parts-card p,
.dtd-parts-process-step p,
.dtd-faq-item p {
	font-size: 15px;
	line-height: 1.65;
}

@media (max-width: 900px) {
	.dtd-parts-hero .vc_column_container:last-child {
		padding-left: 0;
	}

	.dtd-parts-spec-grid {
		grid-template-columns: 1fr;
	}

	.dtd-parts-spec {
		min-height: 0;
	}

	.dtd-surface-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.dtd-parts-intro > .l-section-h {
		padding-top: var(--dtd-section-mobile);
		padding-bottom: var(--dtd-section-mobile);
	}

	.dtd-surface-list {
		grid-template-columns: 1fr;
	}

	.dtd-surface-list span {
		min-height: 50px;
	}
}

/* ========================================================================== 
   FERTIGUNG & MOEGLICHKEITEN
   ========================================================================== */
.dtd-production { position: relative; }
.dtd-production-hero { background: linear-gradient(135deg,#f8fbfd 0%,#eef6fb 100%); border-bottom:1px solid var(--dtd-border); }
.dtd-production-hero > .l-section-h { min-height: 590px; display:flex; align-items:center; }
.dtd-production-hero .dtd-lead { max-width:720px; }
.dtd-production-hero__image img { width:100%; max-height:470px; object-fit:cover; border-radius:var(--dtd-radius); box-shadow:0 18px 45px rgba(37,49,58,.14); }
.dtd-production-hero__facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:28px 0 0; }
.dtd-production-hero__facts > div { padding:16px; background:#fff; border:1px solid var(--dtd-border); border-top:3px solid var(--dtd-blue); border-radius:4px; }
.dtd-production-hero__facts strong,.dtd-production-hero__facts span { display:block; }
.dtd-production-hero__facts strong { color:var(--dtd-charcoal); font-size:.92rem; margin-bottom:4px; }
.dtd-production-hero__facts span { color:var(--dtd-muted); font-size:.83rem; line-height:1.45; }
.dtd-production-intro > .l-section-h { padding-top:72px; padding-bottom:72px; align-items:center; }
.dtd-production-intro p:last-child { margin-bottom:0; }
.dtd-production-machining { background:var(--dtd-light); }
.dtd-production-process-grid { margin-top:34px; }
.dtd-production-process-card { height:100%; background:#fff; border:1px solid var(--dtd-border); border-top:3px solid var(--dtd-blue); border-radius:var(--dtd-radius); overflow:hidden; }
.dtd-production-process-card .wpb_wrapper { height:100%; }
.dtd-production-process-card img { width:100%; aspect-ratio:16/10; object-fit:cover; display:block; margin-bottom:20px; }
.dtd-production-process-card h3,.dtd-production-process-card p { margin-left:22px; margin-right:22px; }
.dtd-production-process-card p { padding-bottom:22px; }
.dtd-production-feature-row { margin-top:20px; }
.dtd-production-feature { height:100%; padding:18px 20px; background:#fff; border:1px solid var(--dtd-border); border-radius:var(--dtd-radius); }
.dtd-production-feature strong,.dtd-production-feature span { display:block; }
.dtd-production-feature strong { color:var(--dtd-charcoal); margin-bottom:5px; }
.dtd-production-feature span { color:var(--dtd-muted); font-size:.9rem; line-height:1.45; }
.dtd-production-materials { background:var(--dtd-charcoal); color:#fff; }
.dtd-production-materials h2,.dtd-production-materials h3 { color:#fff; }
.dtd-production-materials p { color:rgba(255,255,255,.78); }
.dtd-production-material-grid { align-items:stretch; }
.dtd-production-material { height:100%; padding:24px; border:1px solid rgba(255,255,255,.22); border-radius:var(--dtd-radius); background:rgba(255,255,255,.04); }
.dtd-production-material .dtd-material-card__mark { width:40px; height:40px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; border-radius:50%; background:#fff; color:var(--dtd-blue); font-size:.78rem; font-weight:700; }
.dtd-production-geometry > .l-section-h,.dtd-production-tolerances > .l-section-h { align-items:center; }
.dtd-production-geometry__image img,.dtd-production-tolerances__image img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:var(--dtd-radius); box-shadow:0 14px 35px rgba(37,49,58,.11); }
.dtd-production-check { display:grid; grid-template-columns:150px 1fr; gap:18px; padding:13px 0; border-bottom:1px solid var(--dtd-border); }
.dtd-production-check:first-of-type { border-top:1px solid var(--dtd-border); margin-top:24px; }
.dtd-production-check strong { color:var(--dtd-charcoal); }
.dtd-production-check span { color:var(--dtd-muted); }
.dtd-production-tolerances { background:var(--dtd-light-blue); }
.dtd-production-surfaces { text-align:center; }
.dtd-production-surface-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; max-width:1000px; margin:32px auto 0; }
.dtd-production-surface-grid > div { padding:17px 12px; background:#fff; border:1px solid var(--dtd-border); border-top:3px solid var(--dtd-blue); border-radius:var(--dtd-radius); }
.dtd-production-surface-grid strong,.dtd-production-surface-grid span { display:block; }
.dtd-production-surface-grid strong { color:var(--dtd-charcoal); font-size:.94rem; }
.dtd-production-surface-grid span { color:var(--dtd-muted); font-size:.78rem; margin-top:3px; }
.dtd-production-economy { background:var(--dtd-charcoal); color:#fff; }
.dtd-production-economy h2 { color:#fff; }
.dtd-production-economy p { color:rgba(255,255,255,.8); }
.dtd-production-economy__box { padding:30px; background:#fff; color:var(--dtd-charcoal); border-radius:var(--dtd-radius); border-top:4px solid var(--dtd-blue); }
.dtd-production-economy__box p { color:var(--dtd-muted); margin-bottom:0; }
.dtd-production-economy__box strong { display:block; font-size:1.35rem; line-height:1.25; margin:7px 0 12px; }
.dtd-production-economy__label { color:var(--dtd-blue); font-size:.76rem; text-transform:uppercase; letter-spacing:.08em; font-weight:700; }
.dtd-production-documents { background:#fff; }
.dtd-production-document-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.dtd-production-document-grid > div { display:grid; grid-template-columns:38px 1fr; column-gap:12px; padding:17px 18px; border:1px solid var(--dtd-border); border-radius:var(--dtd-radius); background:var(--dtd-light); }
.dtd-production-document-grid span { grid-row:1/3; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--dtd-light-blue); color:var(--dtd-blue); font-weight:700; font-size:.76rem; }
.dtd-production-document-grid strong { color:var(--dtd-charcoal); }
.dtd-production-document-grid small { color:var(--dtd-muted); }
.dtd-production-process { background:var(--dtd-light-blue); }
.dtd-production-project-grid { margin-top:32px; }
.dtd-production-project-step { height:100%; padding:24px; background:#fff; border:1px solid var(--dtd-border); border-radius:var(--dtd-radius); }
.dtd-production-project-step > .wpb_wrapper > span:first-child { width:42px; height:42px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; border-radius:50%; background:var(--dtd-light-blue); color:var(--dtd-blue); font-weight:700; }
.dtd-production-faq { background:var(--dtd-light); }
.dtd-production-request { background:var(--dtd-charcoal); color:#fff; }
.dtd-production-request h2 { color:#fff; }
.dtd-production-request p { color:rgba(255,255,255,.8); margin-bottom:0; }
.dtd-production-request__action { display:flex; align-items:center; justify-content:flex-end; }
.dtd-production-request__action > .vc_column-inner,.dtd-production-request__action > .vc_column-inner > .wpb_wrapper,.dtd-production-request__action .wpb_text_column,.dtd-production-request__action .wpb_text_column > .wpb_wrapper { width:100%; }
.dtd-production-request__action .wpb_text_column > .wpb_wrapper { display:flex; justify-content:flex-end; }
.dtd-production-request__action .dtd-btn { width:100%; max-width:330px; }

@media (max-width: 900px) {
  .dtd-production-hero > .l-section-h { min-height:0; }
  .dtd-production-hero__facts { grid-template-columns:1fr; }
  .dtd-production-hero__image img { margin-top:26px; max-height:none; }
  .dtd-production-process-grid,.dtd-production-material-grid { row-gap:18px; }
  .dtd-production-feature-row { row-gap:12px; }
  .dtd-production-surface-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dtd-production-document-grid { grid-template-columns:1fr; }
  .dtd-production-request__action { margin-top:24px; justify-content:flex-start; }
  .dtd-production-request__action .wpb_text_column > .wpb_wrapper { justify-content:flex-start; }
}
@media (max-width: 600px) {
  .dtd-production-hero__facts { gap:9px; }
  .dtd-production-check { grid-template-columns:1fr; gap:3px; }
  .dtd-production-surface-grid { grid-template-columns:1fr 1fr; gap:8px; }
  .dtd-production-surface-grid > div { padding:14px 9px; }
  .dtd-production-economy__box { padding:22px; }
  .dtd-production-request__action .dtd-btn { max-width:none; }
}

/* =========================================================
   DREHTEIL-DISCOUNT – Fertigung & Möglichkeiten Feinschliff
   Version 0.8.1
   ========================================================= */

/* Bearbeitung: gleichmäßige Karten und kompaktere Abstände */
.dtd-production-process-grid {
  margin-top: 30px;
  align-items: stretch;
}
.dtd-production-process-grid > .vc_column_container {
  display: flex;
}
.dtd-production-process-grid > .vc_column_container > .vc_column-inner,
.dtd-production-process-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper,
.dtd-production-process-grid .dtd-production-process-card,
.dtd-production-process-grid .dtd-production-process-card > .wpb_wrapper {
  width: 100%;
  height: 100%;
}
.dtd-production-process-card > .wpb_wrapper {
  display: flex;
  flex-direction: column;
}
.dtd-production-process-card img {
  margin-bottom: 0;
}
.dtd-production-process-card h3 {
  margin-top: 22px;
  margin-bottom: 12px;
}
.dtd-production-process-card p {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 24px;
}
.dtd-production-feature-row {
  margin-top: 14px;
  align-items: stretch;
}
.dtd-production-feature-row > .vc_column_container {
  display: flex;
}
.dtd-production-feature-row > .vc_column_container > .vc_column-inner,
.dtd-production-feature-row > .vc_column_container > .vc_column-inner > .wpb_wrapper,
.dtd-production-feature-row .dtd-production-feature,
.dtd-production-feature-row .dtd-production-feature > .wpb_wrapper {
  width: 100%;
  height: 100%;
}
.dtd-production-feature {
  min-height: 118px;
  display: flex;
  align-items: center;
}
.dtd-production-feature > .wpb_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Geometrie: kompakter Abschnitt und 2x2-Technikraster */
.dtd-production-geometry > .l-section-h {
  align-items: center;
  padding-top: 66px;
  padding-bottom: 66px;
}
.dtd-production-geometry__image img {
  aspect-ratio: 4 / 3;
  max-height: 430px;
}
.dtd-production-geometry .dtd-production-check {
  display: inline-flex;
  vertical-align: top;
  flex-direction: column;
  width: calc(50% - 7px);
  min-height: 126px;
  margin: 0 10px 10px 0;
  padding: 17px 18px;
  gap: 5px;
  background: var(--dtd-light);
  border: 1px solid var(--dtd-border);
  border-top: 3px solid var(--dtd-blue);
  border-radius: var(--dtd-radius);
}
.dtd-production-geometry .dtd-production-check:nth-of-type(even) {
  margin-right: 0;
}
.dtd-production-geometry .dtd-production-check:first-of-type {
  margin-top: 18px;
}
.dtd-production-geometry .dtd-production-check strong {
  font-size: .92rem;
  line-height: 1.35;
}
.dtd-production-geometry .dtd-production-check span {
  font-size: .86rem;
  line-height: 1.45;
}

/* Abschluss-CTA: Button vertikal und horizontal sauber ausrichten */
.dtd-production-request > .l-section-h {
  align-items: center;
}
.dtd-production-request__action {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.dtd-production-request__action > .vc_column-inner {
  display: flex;
  align-items: center;
  height: 100%;
}
.dtd-production-request__action > .vc_column-inner > .wpb_wrapper,
.dtd-production-request__action .wpb_text_column,
.dtd-production-request__action .wpb_text_column > .wpb_wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 900px) {
  .dtd-production-process-grid > .vc_column_container,
  .dtd-production-feature-row > .vc_column_container {
    display: block;
  }
  .dtd-production-feature {
    min-height: 0;
  }
  .dtd-production-geometry > .l-section-h {
    padding-top: var(--dtd-section-tablet);
    padding-bottom: var(--dtd-section-tablet);
  }
  .dtd-production-geometry .dtd-production-check {
    width: calc(50% - 7px);
  }
  .dtd-production-request__action {
    align-self: auto;
    justify-content: flex-start;
  }
  .dtd-production-request__action > .vc_column-inner,
  .dtd-production-request__action > .vc_column-inner > .wpb_wrapper,
  .dtd-production-request__action .wpb_text_column,
  .dtd-production-request__action .wpb_text_column > .wpb_wrapper {
    justify-content: flex-start;
  }
}

@media (max-width: 600px) {
  .dtd-production-geometry .dtd-production-check {
    display: flex;
    width: 100%;
    min-height: 0;
    margin: 0 0 9px;
    padding: 15px 16px;
  }
  .dtd-production-geometry .dtd-production-check:first-of-type {
    margin-top: 16px;
  }
}