/** Shopify CDN: Minification failed

Line 3779:2 Unexpected "{"
Line 3780:17 Expected ":"
Line 3784:1 Unexpected "{"
Line 3800:3 Unexpected "{"
Line 3801:18 Expected ":"
Line 3805:2 Unexpected "{"
Line 3814:2 Unexpected "{"
Line 3815:17 Expected ":"
Line 3819:1 Unexpected "{"

**/
/* themesub.css */

:root {
	--color-primary: #555555;
	--color-primary-dark: #333333;
	--color-primary-light: #888888;
	--color-accent: #6d6d6d;
	--color-bg-light: #4e6aa2;
	--color-border: #e9ecef;
	--color-text-main: #212529;
	--color-text-secondary: #666666;
	--color-shadow: rgba(0, 0, 0, 0.12);
}

:root {
	/* Theme-Farben (global) */
	--theme-dark: #242424;
	--theme-blue: #3d81b3;
	--theme-gray-light: #eaeaea;
	--theme-shadow-card: 1px 1px 3px 1px #24242450;
	--theme-transition-fast: .2s ease-in-out;
	--theme-transition-normal: .3s ease-in-out;
	--dlu-color-primary: #555;
	--dlu-color-primary-dark: #333;
	--dlu-color-primary-light: #888;
	--dlu-color-accent: #6d6d6d;
	--dlu-color-bg-light: #4e6aa2;
	--dlu-color-border: #e9ecef;
	--dlu-color-text-main: rgb(88, 88, 88);
	--dlu-color-text-secondary: #666;
	--dlu-color-shadow: rgba(0, 0, 0, .08);
	--dlu-color-shadow-md: rgba(0, 0, 0, .12);
	--dlu-transition: all .3s ease;
	--dlup-color-primary: #555;
	--dlup-color-primary-dark: #333;
	--dlup-color-primary-light: #888;
	--dlup-color-accent: #6d6d6d;
	--dlup-color-bg-light: #4e6aa2;
	--dlup-color-border: #e9ecef;
	--dlup-color-text-main: #212529;
	--dlup-color-text-secondary: #666;
	--dlup-color-shadow: rgba(0, 0, 0, .08);
	--dlup-color-shadow-md: rgba(0, 0, 0, .12);
	--dlup-transition: all .3s cubic-bezier(.4, 0, .2, 1);
	--pagefaq-primary-color: #6e6e6e;
	--pagefaq-primary-hover: #3b3b3b;
	--pagefaq-secondary-color: #f3f3f3;
	--pagefaq-text-dark: #676767;
	--pagefaq-text-light: #727272;
	--pagefaq-text-light2: #444;
	--pagefaq-border-color: #dadce0;
	--pagefaq-bg-white: #fff;
	--pagefaq-spacing-unit: 16px;
	--pagefaq-transition-smooth: .3s ease-in-out;
	--pagefaq-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
	--pagefaq-box-shadow-hover: 0 4px 8px rgba(0, 0, 0, .12);
	--pagefaq-color-process: #4776b4;
	--pagefaq-color-price: #4a8d5c;
	--pagefaq-color-shipping: #c46f00;
	--pagefaq-color-license: #9c27b0;
	--pagefaq-color-tech: #3996a2;
	--colp-color-primary: #4a6fa5;
	--colp-color-primary-dark: #354f75;
	--colp-color-primary-light: #6b8fc4;
	--colp-color-secondary: #e8eef5;
	--colp-color-text: #2c3e50;
	--colp-color-text-light: #5a6c7d;
	--colp-color-border: #cbd5e0;
	--colp-spacing-xs: .5rem;
	--colp-spacing-sm: 1rem;
	--colp-spacing-md: 1.5rem;
	--colp-spacing-lg: 2rem;
	--colp-spacing-xl: 3rem;
	--colp-font-family-sans: Poppins, sans-serif;
	--colp-font-size-base: 1.2rem;
	--colp-font-size-lg: 1.4rem;
	--colp-font-size-xl: 1.5rem;
	--colp-font-size-2xl: 2rem;
	--colp-border-radius: 8px;
	--colp-box-shadow-light: 0 2px 8px rgba(74, 111, 165, .08);
	--colp-box-shadow-medium: 0 4px 16px rgba(74, 111, 165, .12);
	--colp-transition-default: all .3s ease
}

.dlu-section {
	margin: 1rem 0;
	padding: 0
}

.dlu-section--centered {
	text-align: center
}

.dlu-section--left {
	text-align: left
}

.dlu-hero {
	padding: .1rem 1vw 2rem 1vw;
}

.dlu-hero__title {
	font-size: 2.5rem;
	color: var(--dlu-color-primary-dark);
	margin: 0 0 1.5rem 0;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: -.3px
}

.dlu-hero__subtitle {
	font-size: 1.3rem;
	color: var(--dlu-color-primary);
	margin: 0 0 2rem 0;
	line-height: 1.4;
	font-weight: 500
}

.dlu-text-block {
	max-width: 1050px;
	margin: 0 auto 1.5rem auto
}

.dlu-text-block__content {
	font-size: 1.2rem;
	color: var(--dlu-color-text-secondary);
	line-height: 1.85;
	text-align: left
}

.dlu-text-block__content p {
	margin: 0 0 1.5rem 0
}

.dlu-text-block__content p:last-child {
	margin-bottom: 0
}

.dlu-text-block__content strong {
	color: var(--dlu-color-primary);
	font-weight: 600
}

.dlu-text-block__content em {
	color: var(--dlu-color-primary-light);
	font-style: italic;
	font-weight: 500
}

.dlu-cta-group {
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 2.5rem
}

.dlu-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .6rem;
	padding: .9rem 2.2rem;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 600;
	border: none;
	cursor: pointer;
	transition: var(--dlu-transition);
	font-size: 1.2rem
}

.dlu-cta-btn--primary,
.dlu-cta-btn--secondary {
	background: linear-gradient(135deg,
			var(--dlu-color-primary) 0%,
			var(--dlu-color-primary-dark) 100%);
	color: white
}

.dlu-cta-btn--primary:hover,
.dlu-cta-btn--secondary:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px var(--dlu-color-shadow-md)
}

.dlu-cta-btn i {
	font-size: 1.2rem
}

.dlu-grid--2col {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem
}

.dlu-grid--3col {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem
}

.dlu-grid--4col {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1.5rem
}

.dlu-card {
	padding: 2rem;
	background: white;
	border: 1px solid var(--dlu-color-border);
	border-radius: 12px;
	transition: var(--dlu-transition);
	box-shadow: 0 2px 12px var(--dlu-color-shadow);
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden
}

.dlu-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg,
			var(--dlu-color-primary-light),
			var(--dlu-color-accent));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .4s ease
}

.dlu-card:hover::before {
	transform: scaleX(1)
}

.dlu-card__icon {
	font-size: 3.5rem;
	color: var(--dlu-color-primary);
	margin-bottom: 1.25rem;
	line-height: 1;
	text-align: center;
	opacity: .9;
	transition: var(--dlu-transition)
}

.dlu-card__title {
	margin: 0 0 1rem 0;
	font-size: 1.35rem;
	color: var(--dlu-color-text-main);
	line-height: 1.4;
	font-weight: 600
}

.dlu-card__description {
	color: var(--dlu-color-text-secondary);
	font-size: 1.2rem;
	line-height: 1.7;
	margin-bottom: 1.5rem;
	flex-grow: 1
}

.dlu-card__features {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important
}

.dlu-card__features li {
	padding: .6rem 0;
	padding-left: 1.75rem;
	position: relative;
	font-size: 1.2rem;
	color: var(--dlu-color-text-main);
	line-height: 1.5
}

.dlu-card__features li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: var(--dlu-color-accent);
	font-weight: bold;
	font-size: 1.2rem
}

.dlu-category {
	margin: 1rem 0
}

.dlu-category__title {
	font-size: 1.6rem;
	color: var(--dlu-color-text-main);
	margin: 0 0 2.5rem 0;
	padding-bottom: 1.5rem;
	border-bottom: 2px solid var(--dlu-color-bg-light);
	display: flex;
	align-items: center;
	gap: 1rem;
	font-weight: 700
}

.dlu-category__title i {
	color: var(--dlu-color-primary);
	font-size: 2rem
}

.dlu-info {
	background: linear-gradient(135deg, var(--dlu-color-bg-light) 0%, white 100%);
	border-radius: 12px;
	border: 1px solid var(--dlu-color-border);
	border-left: 4px solid var(--dlu-color-primary-light);
	padding: 2.5rem;
	margin: 3rem 0;
	box-shadow: 0 2px 12px var(--dlu-color-shadow)
}

.dlu-info__title {
	color: var(--dlu-color-primary);
	margin: 0 0 1.5rem 0;
	font-size: 1.35rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: .75rem
}

.dlu-info__title i {
	font-size: 1.5rem
}

.dlu-features {
	list-style: none;
	padding: 0;
	margin: 0
}

.dlu-features li {
	padding: 1rem 0;
	padding-left: 2.75rem;
	position: relative;
	font-size: 1.2rem;
	color: var(--dlu-color-text-main);
	line-height: 1.6;
	border-bottom: 1px solid rgba(233, 236, 239, .5)
}

.dlu-features li:last-child {
	border-bottom: none
}

.dlu-features li i {
	position: absolute;
	left: -26px;
	top: .9rem;
	color: var(--dlu-color-primary-light);
	font-size: 1.25rem;
}

.dlu-features strong {
	color: var(--dlu-color-primary);
	font-weight: 600
}

.dlu-table-wrapper {
	overflow-x: auto;
	border-radius: 12px;
	box-shadow: none;
	margin: 2rem 0
}

.dlu-table {
	width: 100%;
	border-collapse: collapse;
	background: white;
	border-radius: 12px;
	overflow: hidden
}

.dlu-table thead {
	background: linear-gradient(135deg,
			var(--dlu-color-primary) 0%,
			var(--dlu-color-primary-dark) 100%);
	color: white
}

.dlu-table th {
	padding: 1.25rem;
	text-align: left;
	font-weight: 600;
	font-size: .95rem;
	letter-spacing: .3px
}

.dlu-table td {
	padding: 1.25rem;
	border-bottom: 1px solid var(--dlu-color-border);
	font-size: .95rem;
	color: var(--dlu-color-text-main)
}

.dlu-table strong {
	color: var(--dlu-color-primary);
	font-weight: 600
}

.dlu-table i {
	color: var(--dlu-color-primary-light);
	margin-right: .5rem;
	font-size: 1.2rem
}

.dlu-cta-btn.dlu-cta-btn--primary,
.dlu-cta-btn.dlu-cta-btn--secondary {
	color: #fff !important
}

.dlu-cta-btn.dlu-cta-btn--primary:hover,
.dlu-cta-btn.dlu-cta-btn--secondary:hover {
	color: #ffe !important
}

.dlu-features>li:has(i.fas) {
	padding: 10px !important
}

.dlu-card__features>li {
	margin-left: 0 !important;
	padding-left: 0 !important
}

.dlu-seo-hidden {
	display: none;
	font-size: 0;
	line-height: 0;
	visibility: hidden
}

/* NEU: Hero Image */
.hero-image-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: .5rem;
	padding: 0 1rem;
}

.hero-image {
	display: block;
	max-width: 100%;
	width: auto;
	max-height: 250px;
	height: 250px;
	border-radius: 12px;
	box-shadow: 0 8px 24px var(--color-shadow);
	transition: transform 0.4s ease;
	margin: 0 !important;
	margin-bottom: 35px !important;
	object-fit: cover;
}

/* NEU: Intro Box */
.intro-box {
	margin: .2rem 0;
	padding: .5rem;
	background: linear-gradient(135deg, #f5f5f5 0%, #f9f9f9 100%);
	border-radius: 8px;
	border-left: 4px solid var(--color-primary-light);
	border: 1px solid var(--color-border);
}

.intro-box h3 {
	color: var(--color-primary);
	margin-top: 0;
	font-size: 1.2rem;
}

.intro-box p {
	color: var(--color-text-main);
	margin: 0.75rem 0;
	line-height: 1.6;
}

/* NEU: Product Category Grid */
.product-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	margin: 3rem 0;
}

.product-card {
	padding: 2rem;
	background: #fff;
	border-radius: 12px;
	border: 1px solid var(--color-border);
	transition: all 0.4s ease;
	box-shadow: 0 4px 12px var(--color-shadow);
	display: flex;
	flex-direction: column;
	min-height: 480px;
}


.product-icon {
	font-size: 3rem;
	color: var(--color-primary);
	margin-bottom: 1rem;
	line-height: 1;
	text-align: center;
	min-height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-card h3 {
	margin: 0 0 1rem 0;
	font-size: 1.35rem;
	color: var(--color-text-main);
	text-align: center;
}

.product-description {
	color: var(--color-text-secondary);
	font-size: 1.2rem;
	line-height: 1.7;
	margin-bottom: 1.5rem;
	flex-grow: 1;
	text-align: center;
}

.product-features {
	list-style: none;
	padding: 0;
	margin: 0;
}

.product-features li {
	padding: 0.5rem 0;
	padding-left: 1.75rem;
	position: relative;
	font-size: 0.9rem;
	color: var(--color-text-main);
	line-height: 1.5;
}

.product-features li:before {
	content: "✓";
	position: absolute;
	left: 0;
	color: var(--color-accent);
	font-weight: bold;
	font-size: 1.2rem;
}

/* NEU: Service Category */
.service-category {
	margin: 3rem 0;
}

.service-category h2 {
	font-size: 1.75rem;
	color: var(--color-text-main);
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 2px solid var(--color-bg-light);
}

/* NEU: Info Banner */
.info-banner {
	background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
	color: white;
	border-radius: 8px;
	padding: 2rem;
	margin: 2rem 0;
	text-align: center;
}

.info-banner h3 {
	color: white;
	margin: 0 0 1rem 0;
	font-size: 1.35rem;
}

.info-banner p {
	margin: 0;
	color: rgba(255, 255, 255, 0.95);
	font-size: 1.2rem;
	line-height: 1.6;
}

/* NEU: Comparison Section */
.comparison-section {
	margin: 3rem 0;
}

.comparison-table {
	width: 100%;
	border-collapse: collapse;
	margin: 2rem 0;
	background: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px var(--color-shadow);
}

.comparison-table thead {
	background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
	color: white;
}

.comparison-table th,
.comparison-table td {
	padding: 1.25rem;
	text-align: left;
	border-bottom: 1px solid var(--color-border);
}

.comparison-table th {
	font-weight: 600;
	font-size: 1.2rem;
}


.comparison-table td i {
	color: var(--color-accent);
	font-size: 1.25rem;
	margin-right: 0.5rem;
}

/* NEU: Benefits List */
.benefits-list {
	list-style: none;
	padding: 0;
	margin: 2rem 0;
}

.benefits-list li {
	padding: 1rem 0;
	padding-left: 2.5rem;
	position: relative;
	font-size: 1.2rem;
	color: var(--color-text-main);
	line-height: 1.6;
	border-bottom: 1px solid var(--color-bg-light);
}

.benefits-list li:last-child {
	border-bottom: none;
}

.benefits-list i {
	position: absolute;
	left: 0;
	top: 1rem;
	color: var(--color-accent);
	font-size: 1.25rem;
}

/* NEU: CTA Box */
.cta-box {
	margin: 3rem 0;
	padding: 2rem;
	background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
	border-radius: 12px;
	color: white;
	text-align: center;
}

.cta-box h3 {
	color: white;
	margin: 0 0 0.75rem 0;
	font-size: 1.5rem;
}

.cta-box p {
	color: rgba(255, 255, 255, 0.95);
	margin-bottom: 1.5rem;
	font-size: 1.2rem;
	line-height: 1.6;
}

.button-primary {
	display: inline-block;
	padding: 0.75rem 2rem;
	background: white;
	color: var(--color-primary);
	text-decoration: none;
	border-radius: 6px;
	font-weight: 600;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
	margin: 0 0.5rem;
}

.button-primary:hover {
	background: var(--color-primary-light);
	color: white;
	box-shadow: 0 4px 12px var(--color-shadow);
}

.button-primary i {
	margin-right: 0.5rem;
}

.rte ul li::before {
	background: rgba(235, 235, 235, 0) !important;
}


.dlup-faq {
	max-width: 900px;
	margin: 4rem auto;
	padding: 0 1.5rem
}

.colp-wrapper,
.colp-wrapper * {
	font-family: var(--colp-font-family-sans);
	color: var(--colp-color-text);
	box-sizing: border-box
}

.colp-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 1px
}

.colp-search-button:hover {
	background: var(--colp-color-primary-dark);
	transform: translateY(-2px);
	box-shadow: var(--colp-box-shadow-medium)
}

.colp-header {
	text-align: center;
	margin-bottom: 1px;
	padding-bottom: 1px;
	border-bottom: 2px solid var(--colp-color-secondary)
}

.colp-title {
	font-size: var(--colp-font-size-2xl);
	font-weight: 700;
	line-height: 1.2;
	color: var(--colp-color-text);
	margin-bottom: var(--colp-spacing-sm);
	letter-spacing: -.5px
}

.colp-tagline {
	font-size: var(--colp-font-size-lg);
	color: var(--colp-color-text-light);
	font-weight: 500
}

.colp-intro {
	font-size: var(--colp-font-size-lg);
	line-height: 1.8;
	color: var(--colp-color-text);
	margin-bottom: var(--colp-spacing-xl);
	text-align: center;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto
}

.colp-facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: var(--colp-spacing-md);
	margin-bottom: var(--colp-spacing-xl);
	padding: var(--colp-spacing-lg);
	background: linear-gradient(135deg, #f2f5fb 0%, #e8eef5 100%);
	border-radius: var(--colp-border-radius)
}

.colp-fact-card {
	display: flex;
	align-items: center;
	gap: var(--colp-spacing-md);
	padding: var(--colp-spacing-md);
	background: #fff;
	border-radius: var(--colp-border-radius);
	box-shadow: var(--colp-box-shadow-light);
	transition: all .3s ease-out !important
}

.colp-fact-icon {
	font-size: 2rem;
	line-height: 1;
	color: var(--colp-color-primary)
}

.colp-fact-content {
	flex: 1
}

.colp-fact-value {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--colp-color-primary);
	line-height: 1
}

.colp-fact-label {
	font-size: .875rem;
	color: var(--colp-color-text-light);
	margin-top: var(--colp-spacing-xs);
	font-weight: 500
}

.colp-section {
	margin-bottom: var(--colp-spacing-xl);
	padding-bottom: var(--colp-spacing-lg)
}

.colp-section h2 {
	font-size: var(--colp-font-size-xl);
	font-weight: 700;
	margin-bottom: var(--colp-spacing-md);
	color: var(--colp-color-text);
	line-height: 1.3
}

.colp-section h3 {
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: var(--colp-spacing-md);
	color: var(--colp-color-text)
}

.colp-section p {
	font-size: var(--colp-font-size-base);
	line-height: 1.8;
	color: var(--colp-color-text);
	margin-bottom: var(--colp-spacing-md)
}

.colp-districts {
	display: flex;
	flex-wrap: wrap;
	gap: var(--colp-spacing-sm);
	margin-bottom: var(--colp-spacing-md)
}

.colp-district-tag {
	display: inline-block;
	padding: var(--colp-spacing-xs) var(--colp-spacing-sm);
	background: var(--colp-color-secondary);
	color: var(--colp-color-primary);
	border: 1px solid var(--colp-color-primary);
	border-radius: 15px;
	font-size: .875rem;
	font-weight: 600;
	transition: all .3s ease-out !important
}

.colp-district-tag:hover {
	background: var(--colp-color-primary);
	color: #fff
}

.colp-usecases {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: var(--colp-spacing-lg);
	margin-top: var(--colp-spacing-lg)
}

.colp-usecase-card {
	padding: var(--colp-spacing-lg);
	background: #fff;
	border: 1px solid var(--colp-color-border);
	border-radius: var(--colp-border-radius);
	transition: all .3s ease-out !important;
	display: flex;
	flex-direction: column;
	gap: var(--colp-spacing-md)
}

.colp-usecase-icon {
	font-size: 2rem;
	line-height: 1;
	color: var(--colp-color-primary)
}

.colp-usecase-title {
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--colp-color-text)
}

.colp-usecase-text {
	font-size: .9375rem;
	line-height: 1.6;
	color: var(--colp-color-text-light);
	flex: 1
}

.colp-cta {
	background: linear-gradient(135deg, #5a7a9e 0%, #4a6fa5 100%);
	color: #fff;
	padding: var(--colp-spacing-xl);
	border-radius: var(--colp-border-radius);
	text-align: center;
	margin: var(--colp-spacing-xl) 0
}

.colp-cta-content h3 {
	color: #fff;
	margin-bottom: var(--colp-spacing-sm)
}

.colp-cta-content p {
	color: rgba(255, 255, 255, .95);
	margin-bottom: var(--colp-spacing-lg);
	font-size: var(--colp-font-size-base)
}

.colp-cta-button {
	display: inline-block;
	padding: 1rem 2rem;
	font-size: 1.2rem;
	font-weight: 600;
	text-decoration: none;
	border-radius: var(--colp-border-radius);
	border: none;
	cursor: pointer;
	transition: all .3s ease-out !important;
	text-align: center;
	background: #fff;
	color: var(--colp-color-primary)
}

.colp-cta-button:hover {
	background: var(--colp-color-secondary);
	transform: scale(1.05)
}

.colp-links {
	margin-top: var(--colp-spacing-xl);
	padding-top: var(--colp-spacing-lg);
	border-top: 1px solid var(--colp-color-border)
}

.colp-links h4 {
	font-size: 1.125rem;
	font-weight: 700;
	margin-bottom: var(--colp-spacing-md);
	color: var(--colp-color-text);
	text-transform: none
}

.colp-links-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: var(--colp-spacing-md)
}

.colp-link-button {
	display: inline-block;
	padding: var(--colp-spacing-md);
	background: var(--colp-color-secondary);
	color: var(--colp-color-primary);
	text-decoration: none;
	border: 2px solid var(--colp-color-primary);
	border-radius: var(--colp-border-radius);
	font-weight: 600;
	text-align: center;
	transition: all .3s ease-out !important;
	font-size: .9375rem
}

.colp-link-button:hover {
	background: var(--colp-color-primary);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: var(--colp-box-shadow-light)
}

.colp-search-button:focus,
.colp-cta-button:focus,
.colp-link-button:focus {
	outline: 2px solid var(--colp-color-primary);
	outline-offset: 2px
}

.colp-search-button {
	color: #fff !important;
	margin-top: 20px !important
}


.colp-cta-button {
	margin-top: 25px
}

.colp-link-button:hover {
	color: #fff !important
}

.colp-search-section {
	background: #f8fafb;
	padding: var(--colp-spacing-lg);
	border-radius: var(--colp-border-radius);
	border: 2px solid var(--colp-color-border);
	text-align: center;
	margin: var(--colp-spacing-lg) 0;
	transition: all .3s ease-out !important;
	position: relative;
	overflow: hidden
}

.colp-search-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg,
			transparent,
			rgba(74, 111, 165, .1),
			transparent);
	animation: colp-sweep 4s ease-in-out infinite;
	pointer-events: none
}


.colp-search-section:hover {
	background: linear-gradient(135deg, #f0f4f9 0%, #e8eef5 100%);
	border-color: var(--colp-color-primary);
	box-shadow: 0 8px 24px rgba(74, 111, 165, .15)
}

.colp-search-section h3 {
	font-size: 2rem !important;
	font-weight: 700;
	color: var(--colp-color-text);
	margin-bottom: var(--colp-spacing-sm);
	transition: all .3s ease-out !important;
	position: relative;
	z-index: 1
}

.colp-search-section:hover h3 {
	color: var(--colp-color-primary)
}

.colp-search-section p {
	font-size: .9375rem;
	color: var(--colp-color-text-light);
	margin-bottom: var(--colp-spacing-md);
	line-height: 1.6;
	transition: all .3s ease-out !important;
	position: relative;
	z-index: 1
}

.colp-search-section:hover p {
	color: var(--colp-color-text)
}

.colp-search-button {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .75rem 1.5rem;
	background: var(--colp-color-primary);
	color: #fff;
	text-decoration: none;
	border-radius: var(--colp-border-radius);
	font-weight: 600;
	font-size: .9375rem;
	transition: all .3s ease-out !important;
	border: none;
	cursor: pointer;
	position: relative;
	z-index: 1
}

.colp-search-button:hover {
	background: var(--colp-color-primary-dark);
	box-shadow: 0 8px 16px rgba(74, 111, 165, .2)
}

.colp-search-button:active {
	transform: scale(.98)
}

.colp-search-button i {
	font-size: 1.2rem
}

.colp-district-tag:hover {
	color: #fff !important
}

.colp-facts-3 {
	display: flex;
	justify-content: center;
	gap: 1.5rem;
	flex-wrap: wrap
}

.certify01 {
	line-height: 3;
}


/* RESPONSIV: Tablets (max 1000px) */

@media (max-width: 1000px) {

	.colp-cta,
	.colp-links {
		display: none
	}

	.colp-wrapper {
		padding: 0
	}

	.colp-usecase-card {
		page-break-inside: avoid
	}
}

/* RESPONSIV: Tablets (max 768px) */
@media (max-width: 768px) {
	.product-grid {
		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
		gap: 1.5rem;
	}

	.product-card {
		padding: 1.5rem;
	}

	.product-icon {
		font-size: 2.5rem;
	}

	.product-card h3 {
		font-size: 1.15rem;
	}

	.product-description {
		font-size: 0.9rem;
	}

	.comparison-table th,
	.comparison-table td {
		padding: 0.875rem;
		font-size: 0.9rem;
	}

	.cta-box {
		padding: 1.5rem;
	}

	.cta-box h3 {
		font-size: 1.25rem;
	}

	.button-primary {
		display: block;
		margin: 0.5rem 0;
	}

	.dlup-faq {
		margin: 2.5rem auto;
		padding: 0 1.25rem
	}

	.dlup-faq__title {
		font-size: 1.5rem;
		margin-bottom: 2rem
	}

	.dlup-faq__toggle {
		padding: 1rem 1.25rem;
		font-size: .975rem
	}

	.dlup-faq__icon {
		margin-left: .75rem
	}

	.dlup-faq__answer.dlup-faq__answer--open {
		padding: 1.25rem
	}

	.dlup-faq__answer p {
		font-size: .95rem;
		line-height: 1.6
	}


	.colp-wrapper {
		padding: var(--colp-spacing-xl)
	}

	.colp-title {
		font-size: 2.5rem
	}

	.colp-facts {
		grid-template-columns: repeat(4, 1fr)
	}

	.colp-usecases {
		grid-template-columns: repeat(3, 1fr)
	}

	.colp-search-section h3 {
		font-size: 1.25rem
	}

}

/* RESPONSIV: Mobile (max 480px) */
@media (max-width: 480px) {
	.hero-image-wrapper {
		margin-bottom: 1.5rem;
		padding: 0 0.5rem;
	}

	.hero-image {
		max-height: 180px;
	}

	.product-grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.product-card {
		padding: 1.25rem;
	}

	.product-icon {
		font-size: 2.25rem;
	}

	.product-card h3 {
		font-size: 1.2rem;
		margin-bottom: 0.75rem;
	}

	.product-description {
		font-size: 0.85rem;
		margin-bottom: 1rem;
	}

	.product-features li {
		font-size: 0.85rem;
		padding-left: 1.5rem;
	}

	.comparison-table th,
	.comparison-table td {
		padding: 0.75rem;
		font-size: 0.8rem;
	}

	.info-banner {
		padding: 1.5rem;
	}

	.info-banner h3 {
		font-size: 1.2rem;
	}

	.button-primary {
		padding: 0.65rem 1.5rem;
		font-size: 1.2rem;
		display: block;
		width: 100%;
		margin: 0.5rem 0;
	}

	.cta-box {
		padding: 1.25rem;
	}

	.cta-box h3 {
		font-size: 1.2rem;
	}

	.dlu-section {
		margin: 2rem 0
	}

	.dlu-hero {
		padding: 2rem 0 1.5rem 0
	}

	.dlu-hero__title {
		font-size: 1.65rem;
		margin-bottom: 1rem
	}

	.dlu-hero__subtitle {
		font-size: 1.2rem;
		margin-bottom: 1rem
	}

	.dlu-text-block__content {
		font-size: 1.2rem;
		line-height: 1.75
	}

	.dlu-text-block {
		margin-bottom: 1rem
	}

	.dlu-category {
		margin: 2.5rem 0
	}

	.dlu-category__title {
		font-size: 1.25rem;
		margin-bottom: 1.5rem;
		padding-bottom: 1rem;
		gap: .5rem
	}

	.dlu-category__title i {
		font-size: 1.25rem
	}

	.dlu-grid--2col,
	.dlu-grid--3col,
	.dlu-grid--4col {
		grid-template-columns: 1fr;
		gap: 1rem
	}

	.dlu-card {
		padding: 1.25rem
	}

	.dlu-card__icon {
		font-size: 2.5rem;
		margin-bottom: .5rem
	}

	.dlu-card__title {
		font-size: 1.05rem;
		margin-bottom: .75rem
	}

	.dlu-card__description {
		font-size: 1.2rem;
		margin-bottom: 1rem
	}

	.dlu-card__features li {
		font-size: .85rem;
		padding: .5rem 0;
		padding-left: 1.5rem
	}

	.dlu-table th,
	.dlu-table td {
		padding: .75rem .5rem;
		font-size: .8rem
	}

	.dlu-info {
		padding: 1.5rem;
		margin: 2rem 0
	}

	.dlu-info__title {
		font-size: 1.2rem;
		margin-bottom: 1rem
	}

	.dlu-features li {
		padding: .75rem 0;
		padding-left: 2.25rem;
		font-size: 1.2rem
	}

	.dlu-features li i {
		top: .8rem;
		font-size: 1.2rem;
		position: relative;
  		left: 15px;
	}

	.dlu-cta-group {
		flex-direction: column;
		gap: .75rem;
		margin-top: 1.5rem
	}

	.dlu-cta-btn {
		padding: .75rem 1.5rem;
		font-size: 1.2rem;
		width: 100%
	}

	.dlup-faq {
		margin: 2rem auto;
		padding: 0 1rem
	}

	.dlup-faq__title {
		font-size: 1.25rem;
		margin-bottom: 1.5rem
	}

	.dlup-faq__toggle {
		padding: .875rem 1rem;
		font-size: .95rem
	}

	.dlup-faq__icon {
		margin-left: .5rem
	}

	.dlup-faq__answer.dlup-faq__answer--open {
		padding: 1.25rem
	}

	.dlup-faq__answer p {
		font-size: 1.2rem;
		line-height: 1.6
	}

	.dlu-hero__title {
		font-size: 2rem;
		margin-bottom: 1.25rem
	}

	.dlb-hero-overlay {
		display: none;
	}

	.dlu-hero__subtitle {
		font-size: 1.2rem;
		margin-bottom: 1.5rem
	}

	.dlu-text-block__content {
		font-size: 1.2rem
	}

	.dlu-text-block {
		margin-bottom: 1.25rem
	}

	.dlu-category__title {
		font-size: 1.5rem;
		gap: .75rem
	}

	.dlu-category__title i {
		font-size: 1.5rem
	}

	.dlu-grid--2col,
	.dlu-grid--3col,
	.dlu-grid--4col {
		gap: 1.5rem
	}

	.dlu-card {
		padding: 1.5rem
	}

	.dlu-card__icon {
		font-size: 2.75rem;
		margin-bottom: .75rem
	}

	.dlu-card__title {
		font-size: 1.15rem
	}

	.dlu-table th,
	.dlu-table td {
		padding: .875rem;
		font-size: 1.2rem
	}

	.dlu-info {
		padding: 1.75rem
	}

	.dlu-info__title {
		font-size: 1.15rem
	}

	.dlu-cta-group {
		flex-direction: column;
		gap: .75rem;
		margin-top: 2rem
	}

	.dlu-cta-btn {
		width: 100%;
		padding: .8rem 1.8rem;
		font-size: .95rem
	}

}


.dlup-faq__title {
	font-size: 2rem;
	color: var(--dlup-color-primary-dark);
	margin: 0 0 2.5rem 0;
	text-align: center;
	font-weight: 600;
	letter-spacing: -.5px
}

.dlup-faq__container {
	display: flex;
	flex-direction: column;
	gap: 1rem
}

.dlup-faq__item {
	border: 1px solid var(--dlup-color-border);
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	transition: var(--dlup-transition);
	box-shadow: 0 2px 4px var(--dlup-color-shadow)
}

.dlup-faq__item:hover {
	box-shadow: 0 4px 12px var(--dlup-color-shadow-md);
	border-color: #d0d0d0
}

.dlup-faq__toggle {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.25rem 1.5rem;
	background: #f9f9f9;
	border: none;
	cursor: pointer;
	font-size: 1.025rem;
	font-weight: 500;
	color: var(--dlup-color-primary-dark);
	transition: var(--dlup-transition);
	text-align: left;
	font-family: inherit
}

.dlup-faq__toggle:hover {
	background: #f0f0f0
}

.dlup-faq__toggle:focus {
	outline: 2px solid var(--dlup-color-primary);
	outline-offset: -2px
}

.dlup-faq__question {
	flex: 1;
	font-weight: 500;
	letter-spacing: -.3px
}

.dlup-faq__icon {
	margin-left: 1rem;
	display: flex;
	align-items: center;
	color: var(--dlup-color-text-secondary);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1);
	flex-shrink: 0;
	font-size: 1.2rem
}

.dlup-faq__toggle[aria-expanded="true"] .dlup-faq__icon {
	transform: rotate(180deg);
	color: var(--dlup-color-primary)
}

.dlup-faq__answer {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height .3s cubic-bezier(.4, 0, .2, 1), opacity .3s ease;
	background: #fafafa;
	padding: 0 1.5rem
}

.dlup-faq__answer.dlup-faq__answer--open {
	max-height: 500px;
	opacity: 1;
	padding: 1.5rem
}

.dlup-faq__answer p {
	margin: 0;
	color: var(--dlup-color-text-secondary);
	line-height: 1.7;
	font-size: 1.2rem
}


@media (prefers-reduced-motion:reduce) {
	* {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important
	}

	.colp-wrapper * {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important
	}

	.colp-search-section::before {
		animation: none
	}
}

@media (min-width:1200px) {
	.colp-wrapper {
		padding: 1px
	}

	.colp-section {
		max-width: 1200px
	}
}

@media (max-width:767px) {
	.colp-wrapper {
		padding: var(--colp-spacing-md)
	}

	.colp-title {
		font-size: 1.5rem
	}

	.colp-tagline {
		font-size: 1.2rem
	}

	.colp-intro {
		font-size: 1.2rem
	}

	.colp-search-section {
		padding: var(--colp-spacing-md)
	}

	.colp-search-section h3 {
		font-size: 1.2rem
	}

	.colp-search-section p {
		font-size: .875rem
	}

	.colp-search-button {
		padding: .625rem 1rem;
		font-size: .875rem
	}

	.colp-facts {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--colp-spacing-sm);
		padding: var(--colp-spacing-md)
	}

	.colp-fact-card {
		flex-direction: column;
		text-align: center;
		padding: var(--colp-spacing-sm)
	}

	.colp-fact-icon {
		font-size: 2rem
	}

	.colp-section h2 {
		font-size: 1.25rem
	}

	.colp-section p {
		font-size: .9375rem
	}

	.colp-usecases {
		grid-template-columns: 1fr
	}

	.colp-usecase-card {
		padding: var(--colp-spacing-md)
	}

	.colp-usecase-icon {
		font-size: 1.5rem
	}

	.colp-usecase-title {
		font-size: 1.2rem
	}

	.colp-usecase-text {
		font-size: .875rem
	}

	.colp-cta {
		padding: var(--colp-spacing-lg)
	}

	.colp-cta-button {
		padding: .75rem 1.5rem;
		font-size: .9375rem
	}

	.colp-links-grid {
		grid-template-columns: 1fr
	}

	.colp-link-button {
		padding: var(--colp-spacing-sm)
	}

	.colp-search-section::before {
		animation: colp-sweep 3s ease-in-out infinite
	}

	.colp-search-section h3 {
		font-size: 1.4rem !important
	}

	.card__header:has(.collection__header) {
		padding: 15px 2px 0 2px !important
	}

	.colp-section p {
		font-size: 1.2rem
	}

	.colp-section p {
		line-height: 1.6
	}

	.product-item__title {
		font-size: 18px !important
	}

	.colp-intro {
		font-size: 1.2rem
	}

	.colp-intro p {
		line-height: 1.6
	}
}

@media (max-width:479px) {
	.colp-wrapper {
		padding: 1px
	}

	.colp-title {
		font-size: 1.25rem
	}

	.colp-header {
		margin-bottom: 1px;
		padding-bottom: 1px
	}

	.colp-facts {
		grid-template-columns: 1fr
	}

	.colp-section h2 {
		font-size: 1.125rem;
		margin-bottom: var(--colp-spacing-sm)
	}

	.colp-districts {
		gap: var(--colp-spacing-xs)
	}

	.colp-district-tag {
		font-size: .8125rem;
		padding: var(--colp-spacing-xs) .5rem
	}

	.colp-cta-content h3 {
		font-size: 1.125rem
	}

	.colp-cta-content p {
		font-size: .875rem
	}

	.colp-title {
		font-size: 20px !important
	}

	.colp-wrapper>figure:nth-child(3)>div:nth-child(1) {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: .5rem !important;
		max-width: 1200px;
		margin: 0 auto
	}

	.colp-districts {
		display: grid !important
	}

	.expandable-content[aria-expanded] {
		padding: 5px !important
	}

	#shopify-section-1597343040486 {
		transform: translateY(-100px);
	}

}


/* ==========================================================================
                               DIGITALE-LUFTBILDER.DE - Product Description Styling
                               Premium Aerial Photography E-Commerce Design
                               ========================================================================== */

/* --------------------------------------------------------------------------
                               CSS Custom Properties - Design Tokens
                               -------------------------------------------------------------------------- */
:root {
	/* Primary Colors - Elegant Blue-Grey Palette */
	--dlb-primary: #616161;
	--dlb-primary-light: #2c5282;
	--dlb-primary-dark: #0f2540;

	/* Accent - Warm Gold for CTAs */
	--dlb-accent: rgb(162, 162, 162);
	--dlb-accent-light: rgb(98, 98, 98);
	--dlb-accent-dark: rgb(84, 84, 84);

	/* Neutrals */
	--dlb-white: #ffffff;
	--dlb-off-white: #f7fafc;
	--dlb-grey-100: #edf2f7;
	--dlb-grey-200: #e2e8f0;
	--dlb-grey-300: #cbd5e0;
	--dlb-grey-400: #a0aec0;
	--dlb-grey-500: #718096;
	--dlb-grey-600: #4a5568;
	--dlb-grey-700: #2d3748;
	--dlb-grey-800: #1a202c;

	/* Semantic */
	--dlb-success: #38a169;
	--dlb-info: #3182ce;

	/* Typography */
	--dlb-font-display: Poppins, sans-serif;
	--dlb-font-body: Poppins, sans-serif;

	/* Spacing Scale */
	--dlb-space-xs: 0.25rem;
	--dlb-space-sm: 0.5rem;
	--dlb-space-md: 1rem;
	--dlb-space-lg: 1.5rem;
	--dlb-space-xl: 2rem;
	--dlb-space-2xl: 3rem;
	--dlb-space-3xl: 4rem;

	/* Shadows */
	--dlb-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
	--dlb-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05);
	--dlb-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
	--dlb-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);

	/* Border Radius */
	--dlb-radius-sm: 4px;
	--dlb-radius-md: 8px;
	--dlb-radius-lg: 12px;

	/* Transitions */
	--dlb-transition-fast: 150ms ease;
	--dlb-transition-base: 250ms ease;
	--dlb-transition-slow: 400ms ease;
}

/* --------------------------------------------------------------------------
                               Technical Toggle Button
                               -------------------------------------------------------------------------- */
.dlb-technical-toggle {
	background: rgba(220, 220, 220, 0.8);
	padding: 12px 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	text-align: left;
	transition: background-color 0.2s ease;
	border: none;
	border-radius: 6px 6px 0 0;
	gap: 12px;
}

.dlb-technical-toggle:hover {
	background: #3d81b3;
	color: #fff;
}

.dlb-technical-toggle[aria-expanded="true"] {
	background: #3d7fb0;
	color: #fff;
	border-radius: 6px 6px 0 0;
}

.dlb-technical-toggle .dlb-technical-title {
	margin: 0;
	font-size: 17px;
	font-weight: normal;
	flex: 1;
	text-align: center;
}

.dlb-technical-toggle-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	transition: transform 0.3s ease;
	position: relative;
}

.dlb-technical-toggle-icon::before {
	content: "\276f";
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -7px;
	margin-left: 26px;
}

.dlb-technical-toggle[aria-expanded="true"] .dlb-technical-toggle-icon {
	transform: rotate(90deg);
}

/* --------------------------------------------------------------------------
                               Base Container
                               -------------------------------------------------------------------------- */
.dlb-technical-content {
	max-width: 100%;
	padding: var(--dlb-space-xl);
	font-family: Poppins, sans-serif;
	font-size: 1.2rem;
	line-height: 1.7;
	color: var(--dlb-grey-700);
	background: linear-gradient(180deg, var(--dlb-off-white) 0%, var(--dlb-white) 100%);
	border-radius: var(--dlb-radius-lg);
}

/* --------------------------------------------------------------------------
                               Product Title - Hero Element
                               -------------------------------------------------------------------------- */
.dlb-product-title {
	font-family: Poppins, sans-serif;
	font-size: clamp(1.75rem, 2vw, 2.5rem);
	font-weight: 700;
	color: var(--dlb-primary);
	margin: 0 0 var(--dlb-space-lg);
	padding-bottom: var(--dlb-space-md);
	border-bottom: 3px solid var(--dlb-accent);
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.dlb-product-title .ort-stadt {
	color: #5d5d5d;
	position: relative;
}

/* --------------------------------------------------------------------------
                               Main Description - Storytelling Block
                               -------------------------------------------------------------------------- */
.dlb-technical-content>.dlb-big-description {
	font-size: 1.2rem;
	line-height: 1.4;
	color: var(--dlb-grey-600);
	margin-bottom: var(--dlb-space-2xl);
	padding: var(--dlb-space-lg);
	background: var(--dlb-white);
	border-left: 4px solid var(--dlb-primary-light);
	border-radius: 0 var(--dlb-radius-md) var(--dlb-radius-md) 0;
	box-shadow: var(--dlb-shadow-sm);
}


/* --------------------------------------------------------------------------
                               Specifications List - Technical Data Grid
                               -------------------------------------------------------------------------- */
.dlb-specs-list {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--dlb-space-xs);
	margin: 0 0 var(--dlb-space-2xl);
	padding: var(--dlb-space-lg);
	background: var(--dlb-white);
	border-radius: var(--dlb-radius-md);
	box-shadow: var(--dlb-shadow-md);
}

.dlb-specs-list dt {
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--dlb-grey-500);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: var(--dlb-space-sm) var(--dlb-space-md);
	background: var(--dlb-grey-100);
	border-radius: var(--dlb-radius-sm) 0 0 var(--dlb-radius-sm);
	display: flex;
	align-items: center;
	margin: 0;
}

.dlb-specs-list dd {
	font-size: 1.2rem;
	color: var(--dlb-grey-700);
	padding: var(--dlb-space-sm) var(--dlb-space-md);
	background: var(--dlb-off-white);
	border-radius: 0 var(--dlb-radius-sm) var(--dlb-radius-sm) 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}

.dlb-specs-list dd:not(:has(a)) {
	color: var(--dlb-grey-600);
	font-weight: 500;
}

/* --------------------------------------------------------------------------
                               Facet Links - Interactive Tags
                               -------------------------------------------------------------------------- */
.dlb-facet-link {
	display: inline-block;
	padding: 4px 12px;
	background: var(--dlb-white);
	color: var(--dlb-primary-light);
	text-decoration: none;
	border-radius: var(--dlb-radius-sm);
	border: 1px solid var(--dlb-primary-light);
	font-size: 0.9rem;
	font-weight: 500;
	transition: all var(--dlb-transition-fast);
	position: relative;
}

.dlb-facet-link:hover {
	background: var(--dlb-primary-light);
	color: var(--dlb-white);
	transform: translateY(-1px);
	box-shadow: var(--dlb-shadow-sm);
}

.dlb-facet-link:focus {
	outline: 2px solid var(--dlb-accent);
	outline-offset: 2px;
}

.dlb-facet-link::before {
	content: '\f002';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 0.7rem;
	margin-right: 6px;
	opacity: 0.6;
	transition: opacity var(--dlb-transition-fast);
}

.dlb-facet-link:hover::before {
	opacity: 1;
}

/* --------------------------------------------------------------------------
                               Tag Links
                               -------------------------------------------------------------------------- */
.dlb-tag-link {
	display: inline-block;
	padding: 4px 10px;
	background: var(--dlb-white);
	color: var(--dlb-primary-light);
	text-decoration: none;
	border-radius: var(--dlb-radius-sm);
	border: 1px solid var(--dlb-grey-300);
	font-size: 0.85rem;
	font-weight: 500;
	transition: all var(--dlb-transition-fast);
}

.dlb-tag-link:hover {
	background: var(--dlb-primary-light);
	color: var(--dlb-white);
	border-color: var(--dlb-primary-light);
	transform: translateY(-1px);
	box-shadow: var(--dlb-shadow-sm);
}

.dlb-tag-link:focus {
	outline: 2px solid var(--dlb-accent);
	outline-offset: 2px;
}

.dlb-tag-separator {
	display: none;
}

.dlb-specs-list .dlb-tags-inline {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: var(--dlb-space-sm) var(--dlb-space-md);
	background: linear-gradient(135deg, var(--dlb-grey-100) 0%, var(--dlb-off-white) 100%);
	border-radius: 0 var(--dlb-radius-sm) var(--dlb-radius-sm) 0;
	margin-top: var(--dlb-space-sm);
}

/* --------------------------------------------------------------------------
                               Content Sections - Modular Blocks
                               -------------------------------------------------------------------------- */
.dlb-description-section,
.dlb-landmarks-section,
.dlb-order-section,
.dlb-faq-section,
.dlb-related-links,
.dlb-cta-final {
	margin-bottom: var(--dlb-space-2xl);
	padding: var(--dlb-space-lg);
	background: var(--dlb-white);
	border-radius: var(--dlb-radius-md);
	box-shadow: var(--dlb-shadow-sm);
	transition: box-shadow var(--dlb-transition-base);
}

.dlb-description-section:hover,
.dlb-landmarks-section:hover,
.dlb-order-section:hover,
.dlb-faq-section:hover,
.dlb-related-links:hover {
	box-shadow: var(--dlb-shadow-md);
}

/* Section Headers */
.dlb-description-section h3,
.dlb-landmarks-section h3,
.dlb-order-section h3,
.dlb-faq-section h3,
.dlb-related-links h3,
.dlb-cta-final h3 {
	font-family: Poppins, sans-serif;
	font-size: 1.35rem;
	font-weight: 600;
	color: var(--dlb-primary);
	margin: 0 0 var(--dlb-space-md);
	padding-bottom: var(--dlb-space-sm);
	border-bottom: 2px solid var(--dlb-grey-200);
	display: flex;
	align-items: center;
	gap: var(--dlb-space-sm);
}

/* Section Icon Indicators */
.dlb-description-section h3::before {
	content: '\f03e';
	font-family: 'Font Awesome 6 Free';
	font-weight: 400;
	color: var(--dlb-accent);
}

.dlb-landmarks-section {
	display: block;
}

.dlb-landmarks-section h3::before {
	content: '\f3c5';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: var(--dlb-accent);
}

.dlb-order-section h3::before {
	content: '\f07a';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: var(--dlb-accent);
}

.dlb-faq-section h3::before {
	content: '\f059';
	font-family: 'Font Awesome 6 Free';
	font-weight: 400;
	color: var(--dlb-accent);
}

.dlb-related-links h3::before {
	content: '\f0c1';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: var(--dlb-accent);
}

/* --------------------------------------------------------------------------
                               OSM Tags Section
                               -------------------------------------------------------------------------- */
.dlb-osm-tags {
	margin: 0;
	padding: var(--dlb-space-md);
	background: var(--dlb-grey-100);
	border-radius: var(--dlb-radius-sm);
	font-size: 1.2rem;
	line-height: 2;
}

.dlb-osm-tags strong {
	font-weight: 500;
	color: var(--dlb-grey-600);
}

/* --------------------------------------------------------------------------
                               Order Section - Purchase CTA
                               -------------------------------------------------------------------------- */
.dlb-order-section {
	background: linear-gradient(135deg, var(--dlb-primary) 0%, var(--dlb-primary-light) 100%);
	color: var(--dlb-white);
	border: none;
}

.dlb-order-section h3 {
	color: var(--dlb-white);
	border-bottom-color: rgba(255, 255, 255, 0.2);
}

.dlb-order-section h3::before {
	color: var(--dlb-accent-light);
}

.dlb-order-section p {
	font-size: 1.2rem;
	margin-bottom: var(--dlb-space-lg);
	opacity: 0.95;
}

/* --------------------------------------------------------------------------
                               Buttons
                               -------------------------------------------------------------------------- */
.dlb-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--dlb-space-sm);
	padding: var(--dlb-space-md) var(--dlb-space-xl);
	font-family: Poppins, sans-serif;
	font-size: 1.2rem;
	font-weight: 600;
	text-decoration: none;
	border-radius: var(--dlb-radius-md);
	cursor: pointer;
	transition: all var(--dlb-transition-base);
	border: 2px solid transparent;
}

.dlb-button:focus {
	outline: 3px solid var(--dlb-accent);
	outline-offset: 2px;
}

.dlb-button-primary {
	background: rgb(233, 233, 233);
	color: var(--dlb-grey-800);
	border-color: var(--dlb-accent);
}

.dlb-button-primary:hover {
	background: var(--dlb-accent-light);
	border-color: var(--dlb-accent-light);
	transform: translateY(-2px);
	box-shadow: var(--dlb-shadow-lg);
}

.dlb-button-outline {
	background: transparent;
	color: var(--dlb-primary);
	border-color: var(--dlb-primary);
}

.dlb-button-outline:hover {
	background: var(--dlb-primary);
	color: var(--dlb-white);
	transform: translateY(-2px);
}

.dlb-button-lg {
	padding: var(--dlb-space-lg) var(--dlb-space-2xl);
	font-size: 1.2rem;
}

/* --------------------------------------------------------------------------
                               FAQ Section - Accordion Style
                               -------------------------------------------------------------------------- */
.dlb-faq-item {
	padding: var(--dlb-space-md) 0;
	border-bottom: 1px solid var(--dlb-grey-200);
}

.dlb-faq-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.dlb-faq-item h4 {
	font-family: Poppins, sans-serif;
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--dlb-grey-700);
	margin: 0 0 var(--dlb-space-sm);
	display: flex;
	align-items: flex-start;
	gap: var(--dlb-space-sm);
}

.dlb-faq-item h4::before {
	content: '\f105';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: var(--dlb-accent);
	flex-shrink: 0;
	margin-top: 2px;
}

.dlb-faq-item p {
	margin: 0;
	padding-left: var(--dlb-space-lg);
	color: var(--dlb-grey-600);
	font-size: 1.2rem;
}

/* --------------------------------------------------------------------------
                               Related Links Section
                               -------------------------------------------------------------------------- */
.dlb-related-content {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--dlb-space-sm);
	align-items: center;
}


.dlb-related-content .dlb-facet-link:hover {
	background: var(--dlb-primary);
}

.dlb-product-title .ort-stadt {
	color: #5d5d5d;
}

.dlb-related-content .dlb-facet-link {
	padding: 5px 10px 5px 10px;
	background: #fff;
	border-radius: 4px;
	font-weight: 500;
}

.dlb-related-content::before,
.dlb-related-content::after {
	display: none;
}

dd p.dlb-related-content::before,
dd p.dlb-related-content::after {
	content: none !important;
}

/* --------------------------------------------------------------------------
                               Final CTA Section - Premium Finish
                               -------------------------------------------------------------------------- */
.dlb-cta-final {
	background: linear-gradient(135deg, var(--dlb-grey-800) 0%, var(--dlb-primary-dark) 100%);
	color: var(--dlb-white);
	text-align: center;
	padding: var(--dlb-space-2xl);
	position: relative;
	overflow: hidden;
}

.dlb-cta-final::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	opacity: 0.5;
}

.dlb-cta-final>* {
	position: relative;
	z-index: 1;
}

.dlb-cta-final h3 {
	font-size: clamp(1.25rem, 3vw, 1.5rem);
	color: var(--dlb-white);
	border-bottom: none;
	justify-content: center;
	padding-bottom: 0;
}

.dlb-cta-final h3::before {
	display: none;
}

.dlb-cta-final .ort-stadt {
	color: #fff;
}

.dlb-cta-final .aufgenommen-im-jahr {
	color: var(--dlb-grey-400);
	font-weight: 400;
}

.dlb-cta-text {
	font-size: 1.05rem;
	max-width: 700px;
	margin: var(--dlb-space-md) auto var(--dlb-space-xl);
	opacity: 0.9;
	line-height: 1.7;
}

.dlb-cta-buttons {
	margin-bottom: var(--dlb-space-lg);
}

.dlb-cta-final .dlb-button-outline {
	color: var(--dlb-white);
	border-color: var(--dlb-white);
}

.dlb-cta-final .dlb-button-outline:hover {
	background: var(--dlb-white);
	color: var(--dlb-primary-dark);
}

/* --------------------------------------------------------------------------
                               Copyright Notice
                               -------------------------------------------------------------------------- */
.dlb-copyright {
	font-size: 0.85rem;
	color: var(--dlb-grey-400);
	margin: 0;
	padding-top: var(--dlb-space-md);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* --------------------------------------------------------------------------
                               Animations - Subtle Entrance Effects
                               -------------------------------------------------------------------------- */
@keyframes dlb-fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.dlb-technical-content>* {
	animation: dlb-fadeInUp 0.5s ease-out forwards;
	opacity: 0;
	will-change: opacity, transform;
}

/* ÄNDERUNG: Alle Animationen gleichzeitig starten */
.dlb-product-title {
	animation-delay: 0s;
}

.dlb-technical-content>.dlb-big-description {
	animation-delay: 0s;
}

.dlb-specs-list {
	animation-delay: 0s;
}

.dlb-description-section {
	animation-delay: 0s;
}

.dlb-landmarks-section {
	animation-delay: 0s;
}

.dlb-order-section {
	animation-delay: 0s;
}

.dlb-faq-section {
	animation-delay: 0s;
}

.dlb-related-links {
	animation-delay: 0s;
}

.dlb-cta-final {
	animation-delay: 0s;
}

@media (prefers-reduced-motion: reduce) {
	.dlb-technical-content>* {
		animation: none;
		opacity: 1;
	}
}

.dlb-technical-content>.dlb-big-description {
	margin-bottom: 0px;
}

/* ==========================================================================
                               NEU: MOBILE & TABLET RESPONSIVE OPTIMIERUNGEN
                               ========================================================================== */

/* --------------------------------------------------------------------------
                               Tablet (max-width: 900px)
                               -------------------------------------------------------------------------- */
@media (max-width: 900px) {
	.dlb-technical-content {
		padding: var(--dlb-space-lg);
	}

	.dlb-cta-final {
		padding: var(--dlb-space-xl);
	}

	/* Section Headers kompakter */
	.dlb-description-section h3,
	.dlb-landmarks-section h3,
	.dlb-order-section h3,
	.dlb-faq-section h3,
	.dlb-related-links h3,
	.dlb-cta-final h3 {
		font-size: 1.2rem;
	}

	/* Buttons nebeneinander mit Wrapping */
	.dlb-cta-buttons {
		display: flex;
		flex-wrap: wrap;
		gap: var(--dlb-space-sm);
		justify-content: center;
	}
}

/* --------------------------------------------------------------------------
                               Kleine Tablets & große Smartphones (max-width: 768px)
                               -------------------------------------------------------------------------- */
@media (max-width: 768px) {

	/* Container-Padding reduzieren */
	.dlb-technical-content {
		padding: var(--dlb-space-md);
		border-radius: var(--dlb-radius-md);
	}

	/* Produkttitel kompakter */
	.dlb-product-title {
		font-size: clamp(1.4rem, 5vw, 1.75rem);
		margin-bottom: var(--dlb-space-md);
		padding-bottom: var(--dlb-space-sm);
		line-height: 1.3;
	}

	/* Hauptbeschreibung anpassen */
	.dlb-technical-content>.dlb-big-description {
		font-size: 1.2rem;
		line-height: 1.7;
		padding: var(--dlb-space-md);
		margin-bottom: var(--dlb-space-xl);
	}

	/* ÄNDERUNG: Specs-Liste als gestapelte Karten */
	.dlb-specs-list {
		display: flex;
		flex-direction: column;
		gap: var(--dlb-space-xs);
		padding: var(--dlb-space-md);
	}

	.dlb-specs-list dt {
		border-radius: var(--dlb-radius-sm) var(--dlb-radius-sm) 0 0;
		padding: var(--dlb-space-sm) var(--dlb-space-md);
		font-size: 0.8rem;
		margin-top: var(--dlb-space-sm);
	}

	.dlb-specs-list dt:first-child {
		margin-top: 0;
	}

	.dlb-specs-list dd {
		border-radius: 0 0 var(--dlb-radius-sm) var(--dlb-radius-sm);
		padding: var(--dlb-space-sm) var(--dlb-space-md);
		font-size: 0.9rem;
	}

	/* Sections kompakter */
	.dlb-description-section,
	.dlb-order-section,
	.dlb-faq-section,
	.dlb-related-links,
	.dlb-cta-final {
		margin-bottom: var(--dlb-space-xl);
		padding: var(--dlb-space-md);
	}

	/* Section Headers */
	.dlb-description-section h3,
	.dlb-order-section h3,
	.dlb-faq-section h3,
	.dlb-related-links h3 {
		font-size: 1.2rem;
		flex-wrap: wrap;
	}

	/* CTA Final Section */
	.dlb-cta-final {
		padding: var(--dlb-space-xl) var(--dlb-space-md);
	}

	.dlb-cta-final h3 {
		font-size: 1.15rem;
		flex-direction: column;
		gap: var(--dlb-space-xs);
	}

	.dlb-cta-text {
		font-size: 1.2rem;
		margin: var(--dlb-space-md) auto var(--dlb-space-lg);
	}

	/* Buttons volle Breite auf Tablets */
	.dlb-button {
		width: 100%;
		justify-content: center;
		padding: var(--dlb-space-md) var(--dlb-space-lg);
	}

	.dlb-button-lg {
		padding: var(--dlb-space-md) var(--dlb-space-lg);
		font-size: 1.2rem;
	}

	.dlb-cta-buttons {
		display: flex;
		flex-direction: column;
		gap: var(--dlb-space-sm);
	}

	/* FAQ Items */
	.dlb-faq-item h4 {
		font-size: 1.2rem;
	}

	.dlb-faq-item p {
		font-size: 0.9rem;
		padding-left: var(--dlb-space-md);
	}

	/* Related Links besser umbrechen */
	.dlb-related-content {
		gap: var(--dlb-space-sm);
	}

	.dlb-related-content .dlb-facet-link {
		padding: var(--dlb-space-sm) var(--dlb-space-md);
		font-size: 0.85rem;
	}

	/* Toggle Button */
	.dlb-technical-toggle {
		padding: 10px 16px;
	}

	.dlb-technical-toggle .dlb-technical-title {
		font-size: 15px;
	}
}

/* --------------------------------------------------------------------------
                               Smartphones (max-width: 480px)
                               -------------------------------------------------------------------------- */
@media (max-width: 480px) {

	/* Noch kompakteres Padding */
	.dlb-technical-content {
		padding: var(--dlb-space-sm);
		border-radius: var(--dlb-radius-sm);
	}

	/* Produkttitel für kleine Screens */
	.dlb-product-title {
		font-size: 1.25rem;
		margin-bottom: var(--dlb-space-sm);
		border-bottom-width: 2px;
	}

	/* Hauptbeschreibung minimiert */
	.dlb-technical-content>.dlb-big-description {
		font-size: 1.2rem;
		line-height: 1.6;
		padding: var(--dlb-space-sm) var(--dlb-space-md);
		margin-bottom: var(--dlb-space-lg);
		border-left-width: 3px;
	}

	/* Specs-Liste noch kompakter */
	.dlb-specs-list {
		padding: var(--dlb-space-sm);
		margin-bottom: var(--dlb-space-lg);
	}

	.dlb-specs-list dt {
		font-size: 0.75rem;
		padding: var(--dlb-space-xs) var(--dlb-space-sm);
	}

	.dlb-specs-list dd {
		font-size: 0.85rem;
		padding: var(--dlb-space-xs) var(--dlb-space-sm);
		gap: 4px;
	}

	/* ÄNDERUNG: Facet Links für Touch optimiert */
	.dlb-facet-link {
		padding: 6px 10px;
		font-size: 0.8rem;
		/* Touch-freundliche Mindestgröße */
		min-height: 44px;
		display: inline-flex;
		align-items: center;
	}

	.dlb-facet-link::before {
		font-size: 0.65rem;
		margin-right: 4px;
	}

	/* ÄNDERUNG: Tag Links für Touch optimiert */
	.dlb-tag-link {
		padding: 6px 10px;
		font-size: 0.8rem;
		min-height: 36px;
		display: inline-flex;
		align-items: center;
	}

	/* Sections minimales Padding */
	.dlb-description-section,
	.dlb-order-section,
	.dlb-faq-section,
	.dlb-related-links,
	.dlb-cta-final {
		margin-bottom: var(--dlb-space-lg);
		padding: var(--dlb-space-sm);
		border-radius: var(--dlb-radius-sm);
	}

	/* Section Headers noch kleiner */
	.dlb-description-section h3,
	.dlb-order-section h3,
	.dlb-faq-section h3,
	.dlb-related-links h3 {
		font-size: 1.2rem;
		gap: var(--dlb-space-xs);
		padding-bottom: var(--dlb-space-xs);
	}

	/* Icons in Headers kleiner */
	.dlb-description-section h3::before,
	.dlb-order-section h3::before,
	.dlb-faq-section h3::before,
	.dlb-related-links h3::before {
		font-size: 0.9rem;
	}

	/* Order Section Text */
	.dlb-order-section p {
		font-size: 1.2rem;
		margin-bottom: var(--dlb-space-md);
	}

	/* CTA Final */
	.dlb-cta-final {
		padding: var(--dlb-space-lg) var(--dlb-space-sm);
	}

	.dlb-cta-final h3 {
		font-size: 1.05rem;
	}

	.dlb-cta-text {
		font-size: 0.9rem;
		line-height: 1.6;
		margin: var(--dlb-space-sm) auto var(--dlb-space-md);
	}

	/* Buttons für Smartphone */
	.dlb-button {
		padding: var(--dlb-space-sm) var(--dlb-space-md);
		font-size: 1.2rem;
		/* Touch-freundliche Mindesthöhe */
		min-height: 48px;
	}

	.dlb-cta-buttons {
		gap: var(--dlb-space-xs);
	}

	/* FAQ kompakter */
	.dlb-faq-item {
		padding: var(--dlb-space-sm) 0;
	}

	.dlb-faq-item h4 {
		font-size: 0.9rem;
		gap: var(--dlb-space-xs);
	}

	.dlb-faq-item h4::before {
		margin-top: 1px;
		font-size: 0.8rem;
	}

	.dlb-faq-item p {
		font-size: 0.85rem;
		padding-left: var(--dlb-space-sm);
		line-height: 1.5;
	}

	/* Related Links */
	.dlb-related-content {
		gap: 4px;
	}

	.dlb-related-content .dlb-facet-link {
		padding: 6px 10px;
		font-size: 0.8rem;
		min-height: 40px;
	}

	/* Copyright kleiner */
	.dlb-copyright {
		font-size: 0.75rem;
		padding-top: var(--dlb-space-sm);
	}

	/* Toggle Button für Mobile */
	.dlb-technical-toggle {
		padding: 10px 12px;
		gap: 8px;
	}

	.dlb-technical-toggle .dlb-technical-title {
		font-size: 14px;
	}

	.dlb-technical-toggle-icon {
		width: 16px;
		height: 16px;
	}

	.dlb-technical-toggle-icon::before {
		font-size: 14px;
		margin-left: 16px;
	}
}

/* --------------------------------------------------------------------------
                               Sehr kleine Smartphones (max-width: 360px)
                               -------------------------------------------------------------------------- */
@media (max-width: 360px) {
	.dlb-product-title {
		font-size: 1.2rem;
	}

	.dlb-technical-content>.dlb-big-description {
		font-size: 0.9rem;
	}

	.dlb-specs-list dt {
		font-size: 0.7rem;
	}

	.dlb-specs-list dd {
		font-size: 0.8rem;
	}

	.dlb-facet-link,
	.dlb-tag-link {
		font-size: 0.75rem;
		padding: 5px 8px;
	}

	.dlb-button {
		font-size: 0.9rem;
	}
}

/* --------------------------------------------------------------------------
                               Touch-Interaktionen verbessern
                               -------------------------------------------------------------------------- */
@media (hover: none) and (pointer: coarse) {

	/* Hover-Effekte für Touch-Geräte deaktivieren */
	.dlb-facet-link:hover,
	.dlb-tag-link:hover,
	.dlb-button-primary:hover,
	.dlb-button-outline:hover {
		transform: none;
	}

	/* Active-States für Touch-Feedback */
	.dlb-facet-link:active {
		background: var(--dlb-primary-light);
		color: var(--dlb-white);
	}

	.dlb-tag-link:active {
		background: var(--dlb-primary-light);
		color: var(--dlb-white);
		border-color: var(--dlb-primary-light);
	}

	.dlb-button-primary:active {
		background: var(--dlb-accent-dark);
		border-color: var(--dlb-accent-dark);
	}

	.dlb-button-outline:active {
		background: var(--dlb-primary);
		color: var(--dlb-white);
	}

	.dlb-technical-toggle:active {
		background: #3d81b3;
		color: #fff;
	}

	/* Hover auf Sections deaktivieren */
	.dlb-description-section:hover,
	.dlb-order-section:hover,
	.dlb-faq-section:hover,
	.dlb-related-links:hover {
		box-shadow: var(--dlb-shadow-sm);
	}
}

/* --------------------------------------------------------------------------
                               Landscape-Modus für Smartphones
                               -------------------------------------------------------------------------- */
@media (max-width: 900px) and (orientation: landscape) {
	.dlb-technical-content {
		padding: var(--dlb-space-md) var(--dlb-space-lg);
	}

	/* CTA Buttons nebeneinander im Landscape */
	.dlb-cta-buttons {
		flex-direction: row;
		justify-content: center;
	}

	.dlb-button {
		width: auto;
		flex: 0 1 auto;
	}

	/* Specs-Liste zweispaltig im Landscape */
	.dlb-specs-list {
		display: grid;
		grid-template-columns: auto 1fr;
	}

	.dlb-specs-list dt {
		margin-top: 0;
		border-radius: var(--dlb-radius-sm) 0 0 var(--dlb-radius-sm);
	}

	.dlb-specs-list dd {
		border-radius: 0 var(--dlb-radius-sm) var(--dlb-radius-sm) 0;
	}
}

/* --------------------------------------------------------------------------
                               Print Styles
                               -------------------------------------------------------------------------- */
@media print {
	.dlb-technical-content {
		background: white;
		box-shadow: none;
		padding: 0;
	}

	.dlb-button,
	.dlb-cta-buttons {
		display: none;
	}

	.dlb-order-section,
	.dlb-cta-final {
		background: var(--dlb-grey-100);
		color: var(--dlb-grey-800);
	}
}


@media (max-width: 768px) {
	.dlb-technical-toggle .dlb-technical-title {
		font-size: 17px;
		font-weight: normal;
		line-height: 1.4em;
	}

	.dlb-technical-toggle-icon::before {
		font-size: 22px;
		margin-left: -11px;
		color: #777;
	}

	/* NEU: Pfeil wird grün bei Hover */
	.dlb-technical-toggle:hover .dlb-technical-toggle-icon::before {
		color: rgb(248, 248, 248);
	}

	/* NEU: Pfeil wird gelb wenn aufgeklappt */
	.dlb-technical-toggle[aria-expanded="true"] .dlb-technical-toggle-icon::before {
		color: rgb(248, 248, 248);
	}

}

.dlb-button.dlb-button-primary:hover {
	color: #fff !important;
}


/* NEU: Vollständig neues CSS mit keywords-Präfix */

/* ========== Toggle Button ========== */
.keywords-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 3px;
	margin: 20px 0;
	background-color: #e5e5e5;
	border: 1px solid #ddd;
	cursor: pointer;
	font-size: 17px;
	font-weight: 300;
	color: #333;
	transition: all 0.2s ease;
	user-select: none;
	border-radius: 7px;
	text-align: center;
	margin-bottom: 0px;
}

.keywords-toggle:hover {
	background-color: #3d7eaf;
	border-color: #bbb;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	color: #fff;
}

.keywords-toggle:hover .keywords-toggle__arrow {
	color: #fff;
}

.keywords-toggle:active {
	transform: scale(0.98);
}

.keywords-toggle__text {
	flex: 1;
	margin: 0;
}

.keywords-toggle__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-left: 12px;
	flex-shrink: 0;
	transition: transform 0.3s ease;
	color: #666;
}

.keywords-toggle--open .keywords-toggle__arrow {
	transform: rotate(90deg);
}

/* ========== Form Content ========== */
.keywords-form__wrapper {
	display: none;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.9);
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	margin: 0 0 20px 0;
	animation: keywords-slide-down 0.3s ease-out;
}

.keywords-form__wrapper--active {
	display: flex;
	flex-direction: column;
}

@keyframes keywords-slide-down {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.keywords-form__row {
	margin-bottom: 16px;
}

.keywords-form__field-wrapper {
	position: relative;
}

.keywords-form__input,
.keywords-form__textarea {
	display: block;
	width: 100%;
	padding: 12px 12px 6px 12px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	color: #333;
	font-family: inherit;
	transition: border-color 0.2s ease;
}

.keywords-form__input:readonly {
	background-color: #e5e5e5;
	color: #666;
	cursor: not-allowed;
}

.keywords-form__input:focus,
.keywords-form__textarea:focus {
	outline: none;
	border-color: #666;
	box-shadow: 0 0 0 2px rgba(102, 102, 102, 0.1);
}

.keywords-form__input:readonly:focus {
	border-color: #ccc;
	box-shadow: none;
}

.keywords-form__textarea {
	resize: vertical;
	min-height: 100px;
}

.keywords-form__label {
	display: block;
	position: absolute;
	top: 6px;
	left: 12px;
	font-size: 14px;
	color: #666;
	pointer-events: none;
	transition: all 0.2s ease;
}

.keywords-form__input:focus~.keywords-form__label,
.keywords-form__textarea:focus~.keywords-form__label,
.keywords-form__input:not(:placeholder-shown)~.keywords-form__label,
.keywords-form__textarea:not(:placeholder-shown)~.keywords-form__label {
	top: -12px;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	padding: 0 4px;
}

/* ========== Error Message ========== */
.keywords-form__error {
	display: none;
	color: #d32f2f;
	font-size: 13px;
	font-weight: 500;
	margin-top: 6px;
	padding: 8px 12px;
	background-color: #ffebee;
	border-left: 3px solid #d32f2f;
	border-radius: 2px;
	animation: keywords-error-slide-down 0.3s ease-out;
}

.keywords-form__error--active {
	display: block;
}

@keyframes keywords-error-slide-down {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ========== Submit Button ========== */
.keywords-form__submit {
	display: inline-block;
	padding: 10px 20px;
	margin-top: 8px;
	background-color: #3d7eaf;
	color: #fff;
	border: none;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	align-self: flex-end;
	margin-top: 8px;
}

.keywords-form__submit:hover {
	background-color: #555;
}

.keywords-form__submit:active {
	transform: scale(0.98);
}

/* ========== Success Popup (Modal Overlay) ========== */
.keywords-success {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	animation: keywords-overlay-fade-in 0.3s ease-out;
}

.keywords-success--active {
	display: flex;
	align-items: center;
	justify-content: center;
}

@keyframes keywords-overlay-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.keywords-success__content {
	padding: 40px 30px;
	background-color: rgba(255, 255, 255, 0.91);
	border: 2px solid #4caf50;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(140, 140, 140, 0.3);
	max-width: 400px;
	width: 90%;
	animation: keywords-modal-scale-in 0.3s ease-out;
}

@keyframes keywords-modal-scale-in {
	from {
		opacity: 0;
		transform: scale(0.9);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

.keywords-success__text {
	margin: 0 0 20px 0;
	font-size: 20px;
	color: #2e7d32;
	line-height: 1.6;
	text-align: center;
}

.keywords-success__close {
	display: block;
	width: 100%;
	padding: 12px 20px;
	background-color: #4caf50;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 15px;
	font-weight: 600;
	transition: all 0.2s ease;
}

.keywords-success__close:hover {
	background-color: rgb(59, 137, 63);
}

.keywords-success__close:active {
	transform: scale(0.98);
}


/* ========== Responsive Design ========== */
@media (max-width: 768px) {
	.keywords-toggle {
		padding: 12px 16px;
		font-size: 15px;
	}

	.keywords-form__wrapper {
		padding: 16px;
		margin: 0 0 16px 0;
	}

	.keywords-form__row {
		margin-bottom: 12px;
	}

	.keywords-success__content {
		padding: 30px 20px;
		max-width: 90%;
	}

	.keywords-success__text {
		font-size: 22px;
	}

	.keywords-success__close {
		padding: 10px 16px;
		font-size: 18px;
	}

	.keywords-toggle {
		font-size: 17px;
		font-weight: normal;
		color: #545454;
		line-height: 1.4em;
	}

}

/* NEU: Vollständig neues CSS mit inquiry-Präfix für Luftbild-Anfrage */

/* ========== Toggle Button ========== */
.inquiry-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 3px;
	margin: 20px 0;
	background-color: #e5e5e5;
	border: 1px solid #ddd;
	cursor: pointer;
	font-size: 17px;
	font-weight: 300;
	color: #333;
	transition: all 0.2s ease;
	user-select: none;
	border-radius: 7px;
	text-align: center;
	margin-bottom: 20px !important;
}

.inquiry-toggle:hover {
	background-color: #3d7eaf;
	border-color: #bbb;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	color: #fff;
}

.inquiry-toggle:hover .inquiry-toggle__arrow {
	color: #fff;
}

.inquiry-toggle:active {
	transform: scale(0.98);
}

.inquiry-toggle__text {
	flex: 1;
	margin: 0;
}

.inquiry-toggle__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-left: 12px;
	flex-shrink: 0;
	transition: transform 0.3s ease;
	color: #666;
}

.inquiry-toggle--open .inquiry-toggle__arrow {
	transform: rotate(90deg);
}

/* ========== Form Content ========== */
.inquiry-form__wrapper {
	display: none;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.9);
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	margin: 0 0 20px 0;
	animation: inquiry-slide-down 0.3s ease-out;
}

.inquiry-form__wrapper--active {
	display: flex;
	flex-direction: column;
}

@keyframes inquiry-slide-down {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.inquiry-form__row {
	margin-bottom: 16px;
}

.inquiry-form__field-wrapper {
	position: relative;
}

.inquiry-form__input,
.inquiry-form__textarea {
	display: block;
	width: 100%;
	padding: 12px 12px 6px 12px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	color: #333;
	font-family: inherit;
	transition: border-color 0.2s ease;
}

.inquiry-form__input:readonly {
	background-color: #e5e5e5;
	color: #666;
	cursor: not-allowed;
}

.inquiry-form__input:focus,
.inquiry-form__textarea:focus {
	outline: none;
	border-color: #666;
	box-shadow: 0 0 0 2px rgba(102, 102, 102, 0.1);
}

.inquiry-form__input:readonly:focus {
	border-color: #ccc;
	box-shadow: none;
}

.inquiry-form__textarea {
	resize: vertical;
	min-height: 100px;
}

.inquiry-form__label {
	display: block;
	position: absolute;
	top: 6px;
	left: 12px;
	font-size: 14px;
	color: #666;
	pointer-events: none;
	transition: all 0.2s ease;
}

/* NEU: Pflichtfeld-Sternchen Styling */
.inquiry-form__required {
	color: #d32f2f;
	font-weight: 600;
	margin-left: 2px;
}

.inquiry-form__input:focus~.inquiry-form__label,
.inquiry-form__textarea:focus~.inquiry-form__label,
.inquiry-form__input:not(:placeholder-shown)~.inquiry-form__label,
.inquiry-form__textarea:not(:placeholder-shown)~.inquiry-form__label {
	top: -12px;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	padding: 0 4px;
}

/* ========== Error Message ========== */
.inquiry-form__error {
	display: none;
	color: #d32f2f;
	font-size: 13px;
	font-weight: 500;
	margin-top: 6px;
	padding: 8px 12px;
	background-color: #ffebee;
	border-left: 3px solid #d32f2f;
	border-radius: 2px;
	animation: inquiry-error-slide-down 0.3s ease-out;
}

.inquiry-form__error--active {
	display: block;
}

@keyframes inquiry-error-slide-down {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ========== Submit Button ========== */
.inquiry-form__submit {
	display: inline-block;
	padding: 10px 20px;
	margin-top: 8px;
	background-color: #3d7eaf;
	color: #fff;
	border: none;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	align-self: flex-end;
	margin-top: 8px;
}

.inquiry-form__submit:hover {
	background-color: #555;
}

.inquiry-form__submit:active {
	transform: scale(0.98);
}

/* ========== Success Popup (Modal Overlay) ========== */
.inquiry-success {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	animation: inquiry-overlay-fade-in 0.3s ease-out;
}

.inquiry-success--active {
	display: flex;
	align-items: center;
	justify-content: center;
}

@keyframes inquiry-overlay-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.inquiry-success__content {
	padding: 40px 30px;
	background-color: rgba(255, 255, 255, 0.91);
	border: 2px solid #4caf50;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(99, 99, 99, 0.3);
	max-width: 400px;
	width: 90%;
	animation: inquiry-modal-scale-in 0.3s ease-out;
}

@keyframes inquiry-modal-scale-in {
	from {
		opacity: 0;
		transform: scale(0.9);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

.inquiry-success__text {
	margin: 0 0 20px 0;
	font-size: 20px;
	color: #2e7d32;
	line-height: 1.6;
	text-align: center;
}

.inquiry-success__close {
	display: block;
	width: 100%;
	padding: 12px 20px;
	background-color: #4caf50;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 15px;
	font-weight: 600;
	transition: all 0.2s ease;
}

.inquiry-success__close:hover {
	background-color: rgb(54, 124, 58);
}

.inquiry-success__close:active {
	transform: scale(0.98);
}

/* ========== Responsive Design ========== */
@media (max-width: 768px) {

	.inquiry-toggle,
	#inquiry-toggle {
		display: block !important;
		padding: 12px 16px;
		font-size: 15px;
	}

	.inquiry-form__wrapper {
		padding: 16px;
		margin: 0 0 16px 0;
	}

	.inquiry-form__row {
		margin-bottom: 12px;
	}

	.inquiry-success__content {
		padding: 30px 20px;
		max-width: 90%;
	}

	.inquiry-success__text {
		font-size: 22px;
	}

	.inquiry-success__close {
		padding: 10px 16px;
		font-size: 18px;
	}


	.inquiry-toggle,
	#inquiry-toggle {
		font-size: 17px;
	}

	.inquiry-toggle {
		font-weight: normal;
		color: #505050;
		line-height: 1.4em;
	}

}

@media (max-width: 410px) {
	.inquiry-toggle__arrow {
		margin-left: 1px;
	}
}


.popup__label.popup__label-- {
		{
		highlight_color
	}
}

	{
	position: relative;
	background: rgb(24, 24, 24, 00);
	padding: 1px 4px 1px 4px;
	border-radius: 1px;
	border: 1px solid rgb(0, 0, 0, .5);
	font-size: 8px;
	cursor: help;
	color: #242424;
	top: -5px;
	transition: .2s
}


@media screen and (max-width: 640px) {
	.popup__label.popup__label-- {
			{
			highlight_color
		}
	}

		{
		font-size: 18px;
		border: none;
		line-height: 2em;
	}
}


.popup__label.popup__label-- {
		{
		highlight_color
	}
}

	{
	color: white;
	background-color: green;
	padding: 2px 4px;
	border-radius: 3px;
	display: inline-block;
}

.flex-container {
	display: flex;
	flex-flow: wrap;
	justify-content: flex-start;
	padding: 0;
	margin: 0;
	list-style: none;
}

.flex-item {
	background: tomato;
	padding: 5px;
	width: 3.7em;
	height: 5em;
	margin-top: 10px;
	line-height: 150px;
	color: white;
	font-weight: bold;
	font-size: 1.2rem;
	text-align: center;
	border: 1px solid #000;
	margin: 11px 11px 0 0;
}

.flex-itempic {
	display: flex;
	position: relative;
	background: black;
	padding: 5px;
	width: 3em;
	height: 2em;
	margin-top: 10px;
	line-height: 10px;
	color: white;
	font-weight: bold;
	font-size: 1.2rem;
	text-align: center;
	border: 1px solid #fc0;
	margin: 1px 1px 0 0;
}


.product-item {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	background: #fff !important;
	border-radius: 7px !important;
	overflow: hidden !important;
	transition: all 0.35s ease !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
	border: 1px solid #f0f0f0 !important;
}

.product-item:hover {
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18) !important;
	transform: translateY(-6px) !important;
	border-color: #3d81b3 !important;
}

.product-item__image-wrapper {
	overflow: hidden !important;
	background: #f5f5f5 !important;
	display: block !important;
}

.product-item__image-wrapper img {
	transition: opacity 0.4s ease !important;
	width: 100% !important;
}

.product-item:hover .product-item__image-wrapper img {
	opacity: 0.95 !important;
}

.product-item__content {
	padding: 14px !important;
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
}

.product-item__title {
	margin: 0 0 10px !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
	color: #1a1a1a !important;
}

.product-item__title a {
	color: #1a1a1a !important;
	text-decoration: none !important;
}

.product-item:hover .product-item__title a {
	color: #3d81b3 !important;
}

.product-item__description {
	font-size: 13px !important;
	color: #666 !important;
	margin-bottom: 10px !important;
	line-height: 1.4 !important;
}

.product-item__button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	padding: 12px 16px !important;
	background: linear-gradient(135deg, #3d81b3 0%, #2d5f8a 100%) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 7px !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	margin-top: auto !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 6px 16px rgba(61, 129, 179, 0.3) !important;
	text-transform: uppercase !important;
	text-align: center !important;
}

.product-item__button:hover {
	background: linear-gradient(135deg, #2d5f8a 0%, #1f4560 100%) !important;
	box-shadow: 0 10px 28px rgba(61, 129, 179, 0.4) !important;
	transform: translateY(-2px) !important;
}

.grid {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr) !important;
	gap: 20px !important;
	width: 100% !important;
}

@media (max-width: 1400px) {
	.grid {
		grid-template-columns: repeat(4, 1fr) !important;
	}
}

@media (max-width: 1024px) {
	.grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (max-width: 768px) {
	.grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px !important;
	}
}

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

.grid__cell {
	display: flex !important;
	width: 100% !important;
	min-width: 0 !important;
}

.product-item {
	height: 100% !important;
	width: 100% !important;
}

.product-item__title {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: normal !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
}

.product-item__description {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: normal !important;
}

.product-item__content {
	padding: 18px !important;
}


.product-item {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #fff;
	border-radius: 7px;
	overflow: hidden;
	transition: all 0.35s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	border: 1px solid #f0f0f0;
}

.product-item:hover {
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18);
	transform: translateY(-6px);
	border-color: #3d81b3;
}

.product-item__image-wrapper {
	overflow: hidden;
	background: #f5f5f5;
}

.product-item__image-wrapper img {
	transition: opacity 0.4s ease;
}

.product-item:hover .product-item__image-wrapper img {
	opacity: 0.95;
}

.product-item__content {
	padding: 14px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.product-item__title {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.35;
	color: #1a1a1a;
}

.product-item__title a {
	color: #1a1a1a;
	text-decoration: none;
}

.product-item:hover .product-item__title a {
	color: #3d81b3;
}

.product-item__meta {
	margin-bottom: 10px;
	font-size: 14px;
	background: linear-gradient(to right, rgba(61, 129, 179, 0.03), rgba(61, 129, 179, 0.01));
	padding: 8px;
	border-radius: 6px;
	border-left: 3px solid #3d81b3;
}

.product-item__meta-item {
	display: flex;
	justify-content: space-between;
	padding: 3px 0;
}

.product-item__meta-label {
	font-weight: 700;
	color: #999;
	min-width: 65px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 14px;
}

.product-item__meta-value {
	text-align: right;
	flex: 1;
	color: #1a1a1a;
	font-weight: 700;
	font-size: 14px;
}

.product-item__price {
	margin: 10px 0 12px;
	padding: 10px 0 10px 8px;
	border-top: 2px solidrgb(229, 240, 255);
	border-bottom: 2px solidrgb(229, 242, 255);
	background: linear-gradient(90deg, rgba(30, 121, 196, 0.05) 0%, transparent 100%);
}

.product-item__price-label {
	font-size: 14px;
	color: #3d81b3;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 2px;
}

.product-item__price-value {
	font-size: 22px;
	font-weight: 900;
	color: #3d81b3;
}

.product-item__button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 12px 16px;
	background: linear-gradient(135deg, #3d81b3 0%, #2d5f8a 100%);
	color: #fff;
	border: none;
	border-radius: 7px;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
	margin-top: auto;
	transition: all 0.3s ease;
	box-shadow: 0 6px 16px rgba(61, 129, 179, 0.3);
	text-transform: uppercase;
	text-align: center;
}

.product-item__button:hover {
	background: linear-gradient(135deg, #2d5f8a 0%, #1f4560 100%);
	box-shadow: 0 10px 28px rgba(61, 129, 179, 0.4);
	transform: translateY(-2px);
}

.product-item__trust {
	display: flex;
	gap: 8px;
	margin-top: 8px;
	font-size: 14px;
	color: #999;
	padding: 6px 0;
	border-top: 1px solid #f0f0f0;
}

.product-item__trust-item {
	display: flex;
	align-items: center;
	gap: 4px;
}

.product-item__trust-icon {
	color: #3d81b3;
	font-weight: bold;
}

@media (max-width: 768px) {
	.product-item__title {
		font-size: 14px;
	}

	.product-item__button {
		padding: 10px 14px;
		font-size: 14px;
	}
}

/* NEU: Product-Item Responsive Design für Smartphones */

/* Mobile First - Standard für kleine Bildschirme */
@media (max-width: 639px) {

	/* NEU: Vollebreite auf Mobile */
	.product-item {
		width: 100% !important;
		margin: 0 0 1.5rem 0;
	}

	/* NEU: Aspect Ratio für Smartphone-Anzeige anpassen */
	.product-item__image-wrapper {
		display: block !important;
	}

	.aspect-ratio {
		padding-bottom: 66.71875% !important;
		/* 3:2 für besser Sichtbarkeit */
	}

	.product-item__primary-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	/* NEU: Content-Bereich für Mobile optimieren */
	.product-item__content {
		padding: 1rem 0.75rem !important;
	}

	/* NEU: Titel verkürzen */
	.product-item__title {
		font-size: 1.2rem !important;
		line-height: 1.3;
		margin-bottom: 0.75rem !important;
	}

	.product-item__title a {
		display: block;
		word-break: break-word;
	}

	/* NEU: Meta-Informationen minimieren */
	.product-item__meta {
		display: none !important;
		/* Versteckt auf Mobile, spart Platz */
	}

	/* NEU: Preis prominenter anzeigen */
	.product-item__price {
		margin: 0.75rem 0 !important;
		font-size: 1.2rem !important;
		font-weight: 600;
	}

	.product-item__price-value {
		color: #2c5aa0;
		font-size: 1.2rem;
	}

	/* NEU: Button Full-Width auf Mobile */
	.product-item__button {
		width: 100% !important;
		padding: 0.75rem !important;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.5rem;
		background-color: #2c5aa0 !important;
		color: white !important;
		border-radius: 4px;
		text-decoration: none;
		font-weight: 500;
		transition: background-color 0.2s ease;
	}

	.product-item__button:active {
		background-color: #1e3f70 !important;
	}

	/* NEU: Trust-Indikatoren kompakt */
	.product-item__trust {
		display: flex !important;
		gap: 0.5rem;
		margin-top: 0.75rem;
		font-size: 0.85rem;
		flex-wrap: wrap;
	}

	.product-item__trust-item {
		flex: 1;
		min-width: 45%;
		padding: 0.5rem;
		background-color: #f5f5f5;
		border-radius: 3px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.25rem;
	}

	.product-item__trust-icon {
		font-weight: bold;
		color: #2c5aa0;
	}

	/* NEU: Grid-Layout für Mobile (2er oder 1er Spalten) */
	.product-item--vertical {
		flex: 1 1 calc(50% - 0.75rem) !important;
		/* 2 Spalten */
	}

	/* Alternative für 1 Spalte bei sehr kleinen Screens */
	@media (max-width: 480px) {
		.product-item--vertical {
			flex: 1 1 100% !important;
		}

		.product-item__title {
			font-size: 0.95rem !important;
		}

		.product-item__trust {
			font-size: 0.8rem;
		}
	}
}

/* Tablet & Desktop (ab 640px) - Standard CSS */
@media (min-width: 640px) {
	.product-item__meta {
		display: block !important;
	}

	.product-item__button {
		display: block;
	}
}


/* ============================================================
   ABOUT PAGE STYLES
   ============================================================ */

/* ========== HERO / INTRO SECTION ========== */
.about-page-intro-subtitle {
	font-size: 1.2rem;
	color: var(--text-secondary);
	margin-top: 15px;
	line-height: 1.6;
}

/* ========== MISSION & PHILOSOPHIE ========== */
.about-page-mission-box {
	max-width: 800px;
	margin: 0 auto;
	background: #ecf0f1;
	padding: 30px;
	border-radius: var(--radius-md);
	border-left: 4px solid rgb(92, 99, 106);
}

.about-page-mission-content {
	text-align: center;
}

.about-page-mission-image {
	width: 100%;
	max-width: 480px;
	border-radius: var(--radius-lg);
	margin: 0 auto 20px;
	display: block;
}

.about-page-mission-name {
	color: #5a6a78;
	font-weight: 600;
	margin: 15px 0 0;
	font-size: 1.2rem;
}

.about-page-mission-title {
	color: #7a8a96;
	margin: 5px 0 0;
	font-size: 1.2rem;
}

.about-page-mission-quote {
	font-size: 1.2rem;
	font-weight: 500;
	color: #2c3e50;
	text-align: center;
	margin: 20px 0 0;
	line-height: 1.8;
}

.about-page-mission-quote i:first-child {
	color: rgb(159, 159, 159);
	margin-right: 10px;
}

.about-page-mission-quote i:last-child {
	color: rgb(160, 160, 160);
	margin-left: 10px;
}

.about-page-mission-subtitle {
	text-align: center;
	color: #7f8c8d;
	margin-top: 15px;
	font-size: 1.2rem;
}

/* ========== OLIVER ACKER PROFIL ========== */
.about-page-oliver-intro {
	background: linear-gradient(135deg, #f5f7fa 0%, #ecf0f1 100%);
	padding: 30px;
	border-radius: var(--radius-md);
	margin-bottom: 30px;
	border-left: 5px solid rgb(160, 160, 160);
}

.about-page-oliver-intro p {
	color: #2c3e50;
	font-size: 1.2rem;
	line-height: 1.8;
	margin: 0;
	font-weight: 500;
}

.oliver-profil-grid {
	background: white;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 30px;
	align-items: start;
}

.oliver-profil-text {
	background: white;
	padding: 30px;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-md);
}

.oliver-profil-text h3 {
	font-size: 1.2rem;
	color: #2c3e50;
	margin: 0 0 8px 0;
}

.oliver-profil-badge {
	color: rgb(160, 160, 160);
	font-size: 1.2rem;
	margin: 0 0 20px 0;
}

.oliver-profil-badge i {
	margin-right: 5px;
}

.oliver-profil-text p {
	color: #555;
	line-height: 1.8;
	font-size: 1.2rem;
	margin: 0 0 15px 0;
}

.oliver-profil-text h4 {
	font-size: 1.2rem;
	color: #2c3e50;
	margin: 20px 0 12px 0;
}

.oliver-profil-text h4 i {
	color: rgb(160, 160, 160);
	margin-right: 8px;
}

.oliver-profil-avatar {
	text-align: center;
}

.oliver-avatar-circle {
	width: 220px;
	height: 220px;
	background: linear-gradient(135deg, #7a8a96 0%, #5a6a78 100%);
	border-radius: 50%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 1.2rem;
	box-shadow: 0 4px 20px rgba(122, 138, 150, 0.4);
}

.oliver-avatar-text {
	color: #5a6a78;
	font-weight: 600;
	margin-top: 20px;
	font-size: 1.2rem;
}

.oliver-avatar-stars {
	color: rgb(160, 160, 160);
	font-size: 1.2rem;
	margin-top: 10px;
}

/* ========== KOMPETENZBEREICHE ========== */
.about-page-kompetenzen-title {
	font-size: 1.2rem;
	color: #495c73;
	margin-top: 40px;
	margin-bottom: 30px;
	text-align: center;
}

.about-page-kompetenzen-title i {
	color: rgb(160, 160, 160);
	margin-right: 10px;
}

.about-page-competence-card {
	border-left: 4px solid #495c73;
	padding: 20px;
	background: #4e6aa2;
	border-radius: var(--radius-sm);
}

.about-page-competence-card h3 {
	color: #2c3e50;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1.2rem;
}

.about-page-competence-card ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.about-page-competence-card li {
	color: #555;
	font-size: 1.2rem;
	line-height: 2.4;
	margin-bottom: 5px;
}

/* ========== MEDIENAUFTRITTE ========== */
.about-page-media-title {
	font-size: 1.2rem;
	color: #2c3e50;
	margin-top: 40px;
	margin-bottom: 25px;
	text-align: center;
}

.about-page-media-intro {
	color: #555;
	line-height: 1.8;
	font-size: 1.2rem;
	text-align: center;
	margin-bottom: 25px;
}

.about-page-media-section-title {
	color: #2c3e50;
	margin: 0 0 15px 0;
	font-size: 1.2rem;
}

.about-page-media-press i {
	color: #c0392b;
	margin-right: 8px;
}

.about-page-media-broadcast i {
	color: #255d7a;
	margin-right: 8px;
}

.medien-card-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.about-page-media-card {
	background: white;
	padding: 15px;
	border-radius: var(--radius-sm);
	box-shadow: var(--shadow-sm);
	transition: var(--transition);
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
}

.about-page-media-card:hover {
	box-shadow: var(--shadow-md);
	transform: translateY(-2px);
}

.about-page-media-card-press {
	border-left: 3px solid #c0392b;
}

.about-page-media-card-broadcast {
	border-left: 3px solid #255d7a;
}

.about-page-media-card-title {
	margin: 0 0 5px 0;
	font-weight: 600;
	color: #2c3e50;
	font-size: 1.2rem;
}

.about-page-media-card-desc {
	margin: 0 0 10px 0;
	color: #7f8c8d;
	font-size: 1.2rem;
	flex-grow: 1;
}

.about-page-media-card-link {
	margin: 0;
	color: rgb(160, 160, 160);
	font-size: 1.2rem;
}

/* ========== DIENSTLEISTUNGEN ========== */
.about-page-services-title {
	font-size: 1.2rem;
	color: #2c3e50;
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
}

.about-page-services-intro {
	text-align: center;
	color: #555;
	font-size: 1.2rem;
	margin-bottom: 30px;
}

.about-page-service-card {
	background: white;
	padding: 25px;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-sm);
	border-top: 4px solid rgb(160, 160, 160);
}

.about-page-service-card:nth-child(2) {
	border-top-color: rgb(160, 160, 160);
}

.about-page-service-card:nth-child(3) {
	border-top-color: rgb(160, 160, 160);
}

.about-page-service-card:nth-child(4) {
	border-top-color: rgb(160, 160, 160);
}

.about-page-service-card:nth-child(5) {
	border-top-color: rgb(160, 160, 160);
}

.about-page-service-card:nth-child(6) {
	border-top-color: rgb(160, 160, 160);
}

.about-page-service-card h3 {
	font-size: 1.2rem;
	color: #2c3e50;
	margin-top: 0;
	margin-bottom: 10px;
}

.paragraph01 {
	text-align: center;
	margin: 50px;
	margin-top: 50px;
	font-size: 1.4rem;


}

/* ========== QUALITY GUARANTEE ========== */
.about-page-quality-guarantee {
	background: #4e6aa2;
	padding: 25px;
	border-radius: var(--radius-md);
	margin: 30px 0;
	border-left: 4px solidrgb(87, 90, 94);
}

.about-page-quality-guarantee h2 {
	font-size: 1.2rem;
	margin-top: 0;
	color: #2c3e50;
	margin-bottom: 15px;
}

.about-page-quality-guarantee h2 i {
	margin-right: 8px;
}

.about-page-quality-guarantee ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

.about-page-quality-guarantee li {
	margin-bottom: 8px;
}

.about-page-quality-guarantee li:last-child {
	margin-bottom: 0;
}

.about-page-quality-guarantee i.fa-check-circle {
	color: #27ae60;
	margin-right: 8px;
}

.about-page-service-card p {
	color: #555;
	line-height: 1.6;
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.about-page-service-card ul {
	margin: 0;
	padding-left: 18px;
	font-size: 1.2rem;
	color: #666;
}

/* ========== WARUM DIGITALE-LUFTBILDER ========== */
.about-page-why-title {
	font-size: 1.2rem;
	color: #2c3e50;
	margin-top: 40px;
	margin-bottom: 25px;
	text-align: center;
}

.about-page-why-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 20px;
}

.about-page-why-card {
	background: #4e6aa2;
	padding: 20px;
	border-radius: var(--radius-md);
	text-align: center;
}

.about-page-why-icon {
	font-size: 1.2rem;
	color: rgb(160, 160, 160);
	margin-bottom: 10px;
}

.about-page-why-card h3 {
	font-size: 1.2rem;
	color: #2c3e50;
	margin: 0 0 10px 0;
}

.about-page-why-card p {
	color: #555;
	font-size: 1.2rem;
	margin: 0;
	line-height: 1.6;
}

/* ========== PARTNERSCHAFTEN ========== */
.about-page-partnerships-title {
	font-size: 1.2rem;
	color: #2c3e50;
	margin-top: 40px;
	margin-bottom: 25px;
	text-align: center;
}

.about-page-partnerships-box {
	max-width: 800px;
	margin: 0 auto;
	background: #4e6aa2;
	padding: 25px;
	border-radius: var(--radius-md);
	border-left: 4px solid rgb(92, 99, 106);
	;
}

.about-page-partnerships-box p {
	color: #555;
	line-height: 1.8;
	text-align: center;
	font-size: 1.2rem;
	margin: 0 0 15px 0;
}

.about-page-partnerships-box p:last-child {
	margin-bottom: 0;
}

/* ========== CTA SECTION ========== */
.about-page-cta-box {
	text-align: center;
	padding: 40px 20px;
	background: linear-gradient(135deg, #495c73 0%, #6d7d8b 100%);
	border-radius: var(--radius-lg);
	color: white;
}

.about-page-cta-box h2 {
	margin-top: 0;
	color: white;
	font-size: 1.2rem;
}

.about-page-cta-box p {
	font-size: 1.2rem;
	line-height: 1.8;
	max-width: 600px;
	margin: 20px auto;
}

.about-page-cta-button {
	display: inline-block;
	padding: 12px 30px;
	background: white;
	color: #6d7d8b;
	text-decoration: none;
	border-radius: var(--radius-sm);
	font-weight: 600;
	font-size: 1.2rem;
	margin-top: 30px;
	transition: var(--transition);
}

.about-page-cta-button:hover {
	transform: translateY(-2px);
	box-shadow: var(--shadow-md);
}

/* ========== SOCIAL MEDIA ========== */
.about-page-social-section {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ecf0f1;
	text-align: center;
}

.about-page-social-label {
	color: #555;
	font-size: 1.2rem;
	margin: 0 0 15px 0;
}

.about-page-social-label i {
	color: #255d7a;
	margin-right: 8px;
}

.about-page-social-icons {
	display: flex;
	gap: 15px;
	justify-content: center;
	flex-wrap: wrap;
}

.about-page-social-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	color: white;
	text-decoration: none;
	font-size: 1.2rem;
	transition: var(--transition);
}

.about-page-social-instagram {
	background: linear-gradient(135deg, #667eea 0%, #b825d2 100%);
	box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.about-page-social-instagram:hover {
	transform: scale(1.1);
	box-shadow: 0 4px 16px rgba(102, 126, 234, 0.5);
}

.about-page-social-facebook {
	background: #185db9;
	box-shadow: 0 2px 8px rgba(24, 119, 242, 0.3);
}

.about-page-social-facebook:hover {
	transform: scale(1.1);
	box-shadow: 0 4px 16px rgba(24, 119, 242, 0.5);
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
	.oliver-profil-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.oliver-avatar-circle {
		width: 160px;
		height: 160px;
		font-size: 1.2rem;
	}

	.medien-card-grid {
		grid-template-columns: 1fr;
	}

	.about-page-why-grid {
		grid-template-columns: 1fr;
	}

	.about-page-kompetenzen-title,
	.about-page-media-title,
	.about-page-services-title,
	.about-page-why-title,
	.about-page-partnerships-title {
		font-size: 1.2rem;
	}
}

/* ========== SOCIAL MEDIA ========== */
.about-page-social-section {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ecf0f1;
	text-align: center;
}

.about-page-social-label {
	color: #555;
	font-size: 1.2rem;
	margin: 0 0 15px 0;
}

.about-page-social-label i {
	color: #255d7a;
	margin-right: 8px;
}

.about-page-social-icons {
	display: flex;
	gap: 15px;
	justify-content: center;
	flex-wrap: wrap;
}

.about-page-social-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	color: white;
	text-decoration: none;
	font-size: 1.2rem;
	transition: all 0.3s ease;
}

.about-page-social-instagram {
	background: linear-gradient(135deg, #667eea 0%, rgb(184, 37, 210) 100%);
	box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.about-page-social-instagram:hover {
	transform: scale(1.1);
	box-shadow: 0 4px 16px rgba(102, 126, 234, 0.5);
}

.about-page-social-facebook {
	background: rgb(24, 94, 185);
	box-shadow: 0 2px 8px rgba(24, 119, 242, 0.3);
}

.about-page-social-facebook:hover {
	transform: scale(1.1);
	box-shadow: 0 4px 16px rgba(24, 119, 242, 0.5);
}


.dlu-hero__title {
	font-size: 1.2rem;
	margin-bottom: 20px;
	color: #2c3e50;
}

.dlu-hero__subtitle {
	font-size: 1.2rem;
	color: #555;
	margin-top: 15px;
	line-height: 1.6;
}

/* ========== QUALITÄTS-GUARANTEE BOX ========== */
.dlu-quality-guarantee {
	background: #ecf0f1;
	padding: 25px;
	border-radius: 8px;
	margin: 30px 0;
	border-left: 4px solid rgb(72, 74, 75);
}

.dlu-quality-guarantee__title {
	font-size: 1.2rem;
	margin-top: 0;
	color: #2c3e50;
	margin-bottom: 15px;
}

.dlu-quality-guarantee__list {
	margin: 0;
	padding-left: 20px;
	list-style: none;
}

.dlu-quality-guarantee__item {
	margin-bottom: 8px;
}

.dlu-quality-guarantee__item:last-child {
	margin-bottom: 0;
}

.dlu-quality-guarantee__icon {
	color: rgb(22, 148, 39);
	margin-right: 8px;
}

/* ========== QUALITÄTSKRITERIEN SECTION ========== */
.dlu-quality-criteria {
	margin: 40px 0 50px 0;
	padding: 25px;
	background: #ecf0f1;
	border-radius: 8px;
}

.dlu-quality-criteria__title {
	font-size: 1.2rem;
	color: #2c3e50;
	margin-top: 0;
	margin-bottom: 20px;
}

.dlu-quality-criteria__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
}

/* ========== CRITERIA CARDS ========== */
.dlu-criteria-card {
	background: white;
	padding: 20px;
	border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dlu-criteria-card__title {
	font-size: 1.2rem;
	color: rgb(60, 61, 62);
	margin-bottom: 10px;
	margin-top: 0;
}

.dlu-criteria-card__list {
	margin: 0;
	padding-left: 20px;
	font-size: 1.2rem;
	line-height: 1.8;
	color: #333;
}

/* ========== RESPONSIVE DESIGN ========== */
@media (max-width: 768px) {
	.dlu-hero__title {
		font-size: 1.2rem;
	}

	.dlu-hero__subtitle {
		font-size: 1.2rem;
	}

	.dlu-quality-criteria__grid {
		grid-template-columns: 1fr;
	}

	.dlu-quality-guarantee {
		padding: 15px;
		margin: 20px 0;
	}

	.dlu-quality-criteria {
		margin: 30px 0 40px 0;
		padding: 15px;
	}
}

/* ========== DARK MODE SUPPORT ========== */
:root.dark-mode .dlu-hero__title,
:root.dark-mode .dlu-quality-guarantee__title,
:root.dark-mode .dlu-quality-criteria__title {
	color: #e8edf4;
}

:root.dark-mode .dlu-hero__subtitle {
	color: #a9a9a9;
}

:root.dark-mode .dlu-quality-guarantee {
	background: #2b2f38;
	border-left-color: #5a7daa;
}

:root.dark-mode .dlu-quality-criteria {
	background: #31343b;
}

:root.dark-mode .dlu-criteria-card {
	background: #202020;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

:root.dark-mode .dlu-criteria-card__title {
	color: #7a9ec8;
}

:root.dark-mode .dlu-criteria-card__list {
	color: #b0b5c0;
}

.flexinfo01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.material-card {
	flex: 1;
	margin: 6px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
	margin-top: 20px;
}

.material-card img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	border-radius: 4px;
}

/* ========== FOTOPAPIER INTRO TEXT ========== */
.fotopapier-intro {
	margin: 20px 0;
	line-height: 1.6;
	color: var(--text-primary);
}

/* ========== HERO SECTION ========== */
.dlu-hero__text {
	line-height: 1.6;
	color: var(--text-primary);
}

/* ========== CATEGORY SECTION ========== */
.dlu-category {
	margin-bottom: 50px;
}

.dlu-category__title {
	font-size: 1.2rem;
	color: #2c3e50;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid #e0e0e0;
}

/* ========== GRID LAYOUTS ========== */
.dlu-grid--2col {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 25px;
}

.dlu-grid--3col {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 25px;
}

.dlu-grid--4col {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
}

/* ========== CARD COMPONENT ========== */
.dlu-card {
	background: white;
	padding: 25px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

.dlu-card:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	transform: translateY(-2px);
}

.dlu-card__icon {
	font-size: 1.2rem;
	color: rgb(60, 61, 62);
	margin-bottom: 15px;
}

.dlu-card__title {
	font-size: 1.2rem;
	color: #2c3e50;
	margin: 15px 0;
	font-weight: 600;
}

.dlu-card__description {
	font-size: 1.2rem;
	line-height: 1.6;
	color: #555;
	margin-bottom: 15px;
}

.dlu-card__features {
	margin: 0;
	padding-left: 20px;
	list-style: none;
}

.dlu-card__features li {
	margin-bottom: 8px;
	color: #666;
	font-size: 1.2rem;
}

.dlu-card__features li:before {
	content: "✓ ";
	color: rgb(22, 148, 39);
	font-weight: bold;
	margin-right: 8px;
}

/* ========== TABLE STYLES ========== */
.dlu-table-wrapper {
	overflow-x: auto;
	margin: 20px 0;
}

.dlu-table {
	width: 100%;
	border-collapse: collapse;
	background: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.dlu-table thead {
	background: #4e6aa2;
}

.dlu-table th {
	padding: 15px;
	text-align: left;
	font-weight: 600;
	color: #2c3e50;
	border-bottom: 2px solid #e0e0e0;
}

.dlu-table td {
	padding: 15px;
	border-bottom: 1px solid #e0e0e0;
	color: #555;
}

.dlu-table tbody tr:last-child td {
	border-bottom: none;
}

.dlu-table tbody tr:hover {
	background: #4e6aa2;
}

/* ========== INFO SECTION ========== */
.dlu-info {
	background: #f0f4f8;
	padding: 30px;
	border-radius: 8px;
	margin-top: 50px;
	border-left: 4px solid rgb(60, 61, 62);
}

.dlu-info__title {
	font-size: 1.2rem;
	color: #2c3e50;
	margin-top: 0;
	margin-bottom: 20px;
}

.dlu-features {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

.dlu-features li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 15px;
	color: #555;
	line-height: 1.6;
}

.dlu-features li:last-child {
	margin-bottom: 0;
}

.dlu-features i {
	color: rgb(60, 61, 62);
	margin-right: 15px;
	margin-top: 2px;
	flex-shrink: 0;
}

.dlu-features strong {
	display: block;
	margin-bottom: 5px;
}

/* ========== CTA BUTTON GROUP ========== */
.dlu-cta-group {
	margin-top: 30px;
	display: flex;
	gap: 15px;
	justify-content: center;
	flex-wrap: wrap;
}

.dlu-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 24px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 500;
	transition: all 0.3s ease;
	cursor: pointer;
	border: none;
	font-size: 1.2rem;
}

.dlu-cta-btn--secondary {
	background: #4e6aa2;
	color: rgb(60, 61, 62);
	border: 1px solid rgb(60, 61, 62);
}

.dlu-cta-btn--secondary:hover {
	background: rgb(60, 61, 62);
	color: white;
}

/* ========== RECENT PRODUCTS SECTION ========== */
.recentproducts01 {
	width: 75%;
	text-align: center;
	margin: 0 auto;
}

.card__header {
	margin: 30px 0 20px 0;
}

.card__header .section__title {
	text-align: center;
	color: #2c3e50;
	margin: 0;
}

/* ========== SEO HIDDEN TEXT ========== */
.dlu-seo-hidden {
	display: none;
}

/* ========== RESPONSIVE DESIGN ========== */
@media (max-width: 1024px) {
	.dlu-grid--4col {
		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	}

	.recentproducts01 {
		width: 90%;
	}
}

@media (max-width: 768px) {
	.flexinfo01 {
		flex-direction: column;
	}

	.material-card {
		flex: 1 0 100%;
		margin: 6px 0;
	}

	.dlu-category__title {
		font-size: 1.2rem;
	}

	.dlu-grid--2col,
	.dlu-grid--3col,
	.dlu-grid--4col {
		grid-template-columns: 1fr;
	}

	.dlu-card {
		padding: 20px;
	}

	.dlu-info {
		padding: 20px;
	}

	.recentproducts01 {
		width: 100%;
	}

	.dlu-cta-group {
		flex-direction: column;
	}

	.dlu-cta-btn {
		width: 100%;
		justify-content: center;
	}
}

/* ========== DARK MODE SUPPORT ========== */
:root.dark-mode .dlu-category__title,
:root.dark-mode .dlu-card__title,
:root.dark-mode .dlu-info__title {
	color: #e8edf4;
}

:root.dark-mode .dlu-card {
	background: #202020;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

:root.dark-mode .dlu-card:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}

:root.dark-mode .dlu-card__description,
:root.dark-mode .dlu-card__features li,
:root.dark-mode .dlu-features li {
	color: #b0b5c0;
}

:root.dark-mode .dlu-table {
	background: #202020;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

:root.dark-mode .dlu-table thead {
	background: #31343b;
}

:root.dark-mode .dlu-table th {
	color: #e8edf4;
	border-bottom-color: #3c3f46;
}

:root.dark-mode .dlu-table td {
	color: #b0b5c0;
	border-bottom-color: #3c3f46;
}

:root.dark-mode .dlu-table tbody tr:hover {
	background: #31343b;
}

:root.dark-mode .dlu-info {
	background: #2b2f38;
	border-left-color: #5a7daa;
}

:root.dark-mode .dlu-info__title {
	color: #e8edf4;
}

:root.dark-mode .card__header .section__title {
	color: #e8edf4;
}

:root.dark-mode .fotopapier-intro,
:root.dark-mode .dlu-hero__text {
	color: #b0b5c0;
}

/* ==========================================================================
                               DIGITALE-LUFTBILDER.DE - Product Description Styling
                               Premium Aerial Photography E-Commerce Design
                               ========================================================================== */

/* --------------------------------------------------------------------------
                               CSS Custom Properties - Design Tokens
                               -------------------------------------------------------------------------- */
:root {
	/* Primary Colors - Elegant Blue-Grey Palette */
	--dlb-primary: #616161;
	--dlb-primary-light: #2c5282;
	--dlb-primary-dark: #0f2540;

	/* Accent - Warm Gold for CTAs */
	--dlb-accent: rgb(162, 162, 162);
	--dlb-accent-light: rgb(98, 98, 98);
	--dlb-accent-dark: rgb(84, 84, 84);

	/* Neutrals */
	--dlb-white: #ffffff;
	--dlb-off-white: #f7fafc;
	--dlb-grey-100: #edf2f7;
	--dlb-grey-200: #e2e8f0;
	--dlb-grey-300: #cbd5e0;
	--dlb-grey-400: #a0aec0;
	--dlb-grey-500: #718096;
	--dlb-grey-600: #4a5568;
	--dlb-grey-700: #2d3748;
	--dlb-grey-800: #1a202c;

	/* Semantic */
	--dlb-success: #38a169;
	--dlb-info: #3182ce;

	/* Typography */
	--dlb-font-display: Poppins, sans-serif;
	--dlb-font-body: Poppins, sans-serif;

	/* Spacing Scale */
	--dlb-space-xs: 0.25rem;
	--dlb-space-sm: 0.5rem;
	--dlb-space-md: 1rem;
	--dlb-space-lg: 1.5rem;
	--dlb-space-xl: 2rem;
	--dlb-space-2xl: 3rem;
	--dlb-space-3xl: 4rem;

	/* Shadows */
	--dlb-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
	--dlb-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05);
	--dlb-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
	--dlb-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);

	/* Border Radius */
	--dlb-radius-sm: 4px;
	--dlb-radius-md: 8px;
	--dlb-radius-lg: 12px;

	/* Transitions */
	--dlb-transition-fast: 150ms ease;
	--dlb-transition-base: 250ms ease;
	--dlb-transition-slow: 400ms ease;
}

/* --------------------------------------------------------------------------
                               Technical Toggle Button
                               -------------------------------------------------------------------------- */
.dlb-technical-toggle {
	background: rgba(220, 220, 220, 0.8);
	padding: 12px 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	text-align: left;
	transition: background-color 0.2s ease;
	border: none;
	border-radius: 6px 6px 0 0;
	gap: 12px;
}

.dlb-technical-toggle:hover {
	background: #3d81b3;
	color: #fff;
}

.dlb-technical-toggle[aria-expanded="true"] {
	background: #3d7fb0;
	color: #fff;
	border-radius: 6px 6px 0 0;
}

.dlb-technical-toggle .dlb-technical-title {
	margin: 0;
	font-size: 17px;
	font-weight: normal;
	flex: 1;
	text-align: center;
}

.dlb-technical-toggle-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	transition: transform 0.3s ease;
	position: relative;
}

.dlb-technical-toggle-icon::before {
	content: "\276f";
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -7px;
	margin-left: 26px;
}

.dlb-technical-toggle[aria-expanded="true"] .dlb-technical-toggle-icon {
	transform: rotate(90deg);
}

/* --------------------------------------------------------------------------
                               Base Container
                               -------------------------------------------------------------------------- */
.dlb-technical-content {
	max-width: 100%;
	padding: var(--dlb-space-xl);
	font-family: Poppins, sans-serif;
	font-size: 1.2rem;
	line-height: 1.7;
	color: var(--dlb-grey-700);
	background: linear-gradient(180deg, var(--dlb-off-white) 0%, var(--dlb-white) 100%);
	border-radius: var(--dlb-radius-lg);
}

/* --------------------------------------------------------------------------
                               Product Title - Hero Element
                               -------------------------------------------------------------------------- */
.dlb-product-title {
	font-family: Poppins, sans-serif;
	font-size: clamp(1.75rem, 2vw, 2.5rem);
	font-weight: 700;
	color: var(--dlb-primary);
	margin: 0 0 var(--dlb-space-lg);
	padding-bottom: var(--dlb-space-md);
	border-bottom: 3px solid var(--dlb-accent);
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.dlb-product-title .ort-stadt {
	color: #5d5d5d;
	position: relative;
}

/* --------------------------------------------------------------------------
                               Main Description - Storytelling Block
                               -------------------------------------------------------------------------- */
.dlb-technical-content>.dlb-big-description {
	font-size: 1.2rem;
	line-height: 1.4;
	color: var(--dlb-grey-600);
	margin-bottom: var(--dlb-space-2xl);
	padding: var(--dlb-space-lg);
	background: var(--dlb-white);
	border-left: 4px solid var(--dlb-primary-light);
	border-radius: 0 var(--dlb-radius-md) var(--dlb-radius-md) 0;
	box-shadow: var(--dlb-shadow-sm);
}


/* --------------------------------------------------------------------------
                               Specifications List - Technical Data Grid
                               -------------------------------------------------------------------------- */
.dlb-specs-list {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--dlb-space-xs);
	margin: 0 0 var(--dlb-space-2xl);
	padding: var(--dlb-space-lg);
	background: var(--dlb-white);
	border-radius: var(--dlb-radius-md);
	box-shadow: var(--dlb-shadow-md);
}

.dlb-specs-list dt {
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--dlb-grey-500);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: var(--dlb-space-sm) var(--dlb-space-md);
	background: var(--dlb-grey-100);
	border-radius: var(--dlb-radius-sm) 0 0 var(--dlb-radius-sm);
	display: flex;
	align-items: center;
	margin: 0;
}

.dlb-specs-list dd {
	font-size: 1.2rem;
	color: var(--dlb-grey-700);
	padding: var(--dlb-space-sm) var(--dlb-space-md);
	background: var(--dlb-off-white);
	border-radius: 0 var(--dlb-radius-sm) var(--dlb-radius-sm) 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}

.dlb-specs-list dd:not(:has(a)) {
	color: var(--dlb-grey-600);
	font-weight: 500;
}

/* --------------------------------------------------------------------------
                               Facet Links - Interactive Tags
                               -------------------------------------------------------------------------- */
.dlb-facet-link {
	display: inline-block;
	padding: 4px 12px;
	background: var(--dlb-white);
	color: var(--dlb-primary-light);
	text-decoration: none;
	border-radius: var(--dlb-radius-sm);
	border: 1px solid var(--dlb-primary-light);
	font-size: 0.9rem;
	font-weight: 500;
	transition: all var(--dlb-transition-fast);
	position: relative;
}

.dlb-facet-link:hover {
	background: var(--dlb-primary-light);
	color: var(--dlb-white);
	transform: translateY(-1px);
	box-shadow: var(--dlb-shadow-sm);
}

.dlb-facet-link:focus {
	outline: 2px solid var(--dlb-accent);
	outline-offset: 2px;
}

.dlb-facet-link::before {
	content: '\f002';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 0.7rem;
	margin-right: 6px;
	opacity: 0.6;
	transition: opacity var(--dlb-transition-fast);
}

.dlb-facet-link:hover::before {
	opacity: 1;
}

/* --------------------------------------------------------------------------
                               Tag Links
                               -------------------------------------------------------------------------- */
.dlb-tag-link {
	display: inline-block;
	padding: 4px 10px;
	background: var(--dlb-white);
	color: var(--dlb-primary-light);
	text-decoration: none;
	border-radius: var(--dlb-radius-sm);
	border: 1px solid var(--dlb-grey-300);
	font-size: 0.85rem;
	font-weight: 500;
	transition: all var(--dlb-transition-fast);
}

.dlb-tag-link:hover {
	background: var(--dlb-primary-light);
	color: var(--dlb-white);
	border-color: var(--dlb-primary-light);
	transform: translateY(-1px);
	box-shadow: var(--dlb-shadow-sm);
}

.dlb-tag-link:focus {
	outline: 2px solid var(--dlb-accent);
	outline-offset: 2px;
}

.dlb-tag-separator {
	display: none;
}

.dlb-specs-list .dlb-tags-inline {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: var(--dlb-space-sm) var(--dlb-space-md);
	background: linear-gradient(135deg, var(--dlb-grey-100) 0%, var(--dlb-off-white) 100%);
	border-radius: 0 var(--dlb-radius-sm) var(--dlb-radius-sm) 0;
	margin-top: var(--dlb-space-sm);
}

/* --------------------------------------------------------------------------
                               Content Sections - Modular Blocks
                               -------------------------------------------------------------------------- */
.dlb-description-section,
.dlb-landmarks-section,
.dlb-order-section,
.dlb-faq-section,
.dlb-related-links,
.dlb-cta-final {
	margin-bottom: var(--dlb-space-2xl);
	padding: var(--dlb-space-lg);
	background: var(--dlb-white);
	border-radius: var(--dlb-radius-md);
	box-shadow: var(--dlb-shadow-sm);
	transition: box-shadow var(--dlb-transition-base);
}

.dlb-description-section:hover,
.dlb-landmarks-section:hover,
.dlb-order-section:hover,
.dlb-faq-section:hover,
.dlb-related-links:hover {
	box-shadow: var(--dlb-shadow-md);
}

/* Section Headers */
.dlb-description-section h3,
.dlb-landmarks-section h3,
.dlb-order-section h3,
.dlb-faq-section h3,
.dlb-related-links h3,
.dlb-cta-final h3 {
	font-family: Poppins, sans-serif;
	font-size: 1.35rem;
	font-weight: 600;
	color: var(--dlb-primary);
	margin: 0 0 var(--dlb-space-md);
	padding-bottom: var(--dlb-space-sm);
	border-bottom: 2px solid var(--dlb-grey-200);
	display: flex;
	align-items: center;
	gap: var(--dlb-space-sm);
}

/* Section Icon Indicators */
.dlb-description-section h3::before {
	content: '\f03e';
	font-family: 'Font Awesome 6 Free';
	font-weight: 400;
	color: var(--dlb-accent);
}

.dlb-landmarks-section {
	display: block;
}

.dlb-landmarks-section h3::before {
	content: '\f3c5';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: var(--dlb-accent);
}

.dlb-order-section h3::before {
	content: '\f07a';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: var(--dlb-accent);
}

.dlb-faq-section h3::before {
	content: '\f059';
	font-family: 'Font Awesome 6 Free';
	font-weight: 400;
	color: var(--dlb-accent);
}

.dlb-related-links h3::before {
	content: '\f0c1';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: var(--dlb-accent);
}

/* --------------------------------------------------------------------------
                               OSM Tags Section
                               -------------------------------------------------------------------------- */
.dlb-osm-tags {
	margin: 0;
	padding: var(--dlb-space-md);
	background: var(--dlb-grey-100);
	border-radius: var(--dlb-radius-sm);
	font-size: 1.2rem;
	line-height: 2;
}

.dlb-osm-tags strong {
	font-weight: 500;
	color: var(--dlb-grey-600);
}

/* --------------------------------------------------------------------------
                               Order Section - Purchase CTA
                               -------------------------------------------------------------------------- */
.dlb-order-section {
	background: linear-gradient(135deg, var(--dlb-primary) 0%, var(--dlb-primary-light) 100%);
	color: var(--dlb-white);
	border: none;
}

.dlb-order-section h3 {
	color: var(--dlb-white);
	border-bottom-color: rgba(255, 255, 255, 0.2);
}

.dlb-order-section h3::before {
	color: var(--dlb-accent-light);
}

.dlb-order-section p {
	font-size: 1.2rem;
	margin-bottom: var(--dlb-space-lg);
	opacity: 0.95;
}

/* --------------------------------------------------------------------------
                               Buttons
                               -------------------------------------------------------------------------- */
.dlb-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--dlb-space-sm);
	padding: var(--dlb-space-md) var(--dlb-space-xl);
	font-family: Poppins, sans-serif;
	font-size: 1.2rem;
	font-weight: 600;
	text-decoration: none;
	border-radius: var(--dlb-radius-md);
	cursor: pointer;
	transition: all var(--dlb-transition-base);
	border: 2px solid transparent;
}

.dlb-button:focus {
	outline: 3px solid var(--dlb-accent);
	outline-offset: 2px;
}

.dlb-button-primary {
	background: rgb(233, 233, 233);
	color: var(--dlb-grey-800);
	border-color: var(--dlb-accent);
}

.dlb-button-primary:hover {
	background: var(--dlb-accent-light);
	border-color: var(--dlb-accent-light);
	transform: translateY(-2px);
	box-shadow: var(--dlb-shadow-lg);
}

.dlb-button-outline {
	background: transparent;
	color: var(--dlb-primary);
	border-color: var(--dlb-primary);
}

.dlb-button-outline:hover {
	background: var(--dlb-primary);
	color: var(--dlb-white);
	transform: translateY(-2px);
}

.dlb-button-lg {
	padding: var(--dlb-space-lg) var(--dlb-space-2xl);
	font-size: 1.2rem;
}

/* --------------------------------------------------------------------------
                               FAQ Section - Accordion Style
                               -------------------------------------------------------------------------- */
.dlb-faq-item {
	padding: var(--dlb-space-md) 0;
	border-bottom: 1px solid var(--dlb-grey-200);
}

.dlb-faq-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.dlb-faq-item h4 {
	font-family: Poppins, sans-serif;
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--dlb-grey-700);
	margin: 0 0 var(--dlb-space-sm);
	display: flex;
	align-items: flex-start;
	gap: var(--dlb-space-sm);
}

.dlb-faq-item h4::before {
	content: '\f105';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: var(--dlb-accent);
	flex-shrink: 0;
	margin-top: 2px;
}

.dlb-faq-item p {
	margin: 0;
	padding-left: var(--dlb-space-lg);
	color: var(--dlb-grey-600);
	font-size: 1.2rem;
}

/* --------------------------------------------------------------------------
                               Related Links Section
                               -------------------------------------------------------------------------- */
.dlb-related-content {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--dlb-space-sm);
	align-items: center;
}


.dlb-related-content .dlb-facet-link:hover {
	background: var(--dlb-primary);
}

.dlb-product-title .ort-stadt {
	color: #5d5d5d;
}

.dlb-related-content .dlb-facet-link {
	padding: 5px 10px 5px 10px;
	background: #fff;
	border-radius: 4px;
	font-weight: 500;
}

.dlb-related-content::before,
.dlb-related-content::after {
	display: none;
}

dd p.dlb-related-content::before,
dd p.dlb-related-content::after {
	content: none !important;
}

/* --------------------------------------------------------------------------
                               Final CTA Section - Premium Finish
                               -------------------------------------------------------------------------- */
.dlb-cta-final {
	background: linear-gradient(135deg, var(--dlb-grey-800) 0%, var(--dlb-primary-dark) 100%);
	color: var(--dlb-white);
	text-align: center;
	padding: var(--dlb-space-2xl);
	position: relative;
	overflow: hidden;
}

.dlb-cta-final::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	opacity: 0.5;
}

.dlb-cta-final>* {
	position: relative;
	z-index: 1;
}

.dlb-cta-final h3 {
	font-size: clamp(1.25rem, 3vw, 1.5rem);
	color: var(--dlb-white);
	border-bottom: none;
	justify-content: center;
	padding-bottom: 0;
}

.dlb-cta-final h3::before {
	display: none;
}

.dlb-cta-final .ort-stadt {
	color: #fff;
}

.dlb-cta-final .aufgenommen-im-jahr {
	color: var(--dlb-grey-400);
	font-weight: 400;
}

.dlb-cta-text {
	font-size: 1.05rem;
	max-width: 700px;
	margin: var(--dlb-space-md) auto var(--dlb-space-xl);
	opacity: 0.9;
	line-height: 1.7;
}

.dlb-cta-buttons {
	margin-bottom: var(--dlb-space-lg);
}

.dlb-cta-final .dlb-button-outline {
	color: var(--dlb-white);
	border-color: var(--dlb-white);
}

.dlb-cta-final .dlb-button-outline:hover {
	background: var(--dlb-white);
	color: var(--dlb-primary-dark);
}

/* --------------------------------------------------------------------------
                               Copyright Notice
                               -------------------------------------------------------------------------- */
.dlb-copyright {
	font-size: 0.85rem;
	color: var(--dlb-grey-400);
	margin: 0;
	padding-top: var(--dlb-space-md);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* --------------------------------------------------------------------------
                               Animations - Subtle Entrance Effects
                               -------------------------------------------------------------------------- */
@keyframes dlb-fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.dlb-technical-content>* {
	animation: dlb-fadeInUp 0.5s ease-out forwards;
	opacity: 0;
	will-change: opacity, transform;
}

/* ÄNDERUNG: Alle Animationen gleichzeitig starten */
.dlb-product-title {
	animation-delay: 0s;
}

.dlb-technical-content>.dlb-big-description {
	animation-delay: 0s;
}

.dlb-specs-list {
	animation-delay: 0s;
}

.dlb-description-section {
	animation-delay: 0s;
}

.dlb-landmarks-section {
	animation-delay: 0s;
}

.dlb-order-section {
	animation-delay: 0s;
}

.dlb-faq-section {
	animation-delay: 0s;
}

.dlb-related-links {
	animation-delay: 0s;
}

.dlb-cta-final {
	animation-delay: 0s;
}

@media (prefers-reduced-motion: reduce) {
	.dlb-technical-content>* {
		animation: none;
		opacity: 1;
	}
}

.dlb-technical-content>.dlb-big-description {
	margin-bottom: 0px;
}

/* ==========================================================================
                               NEU: MOBILE & TABLET RESPONSIVE OPTIMIERUNGEN
                               ========================================================================== */

/* --------------------------------------------------------------------------
                               Tablet (max-width: 900px)
                               -------------------------------------------------------------------------- */
@media (max-width: 900px) {
	.dlb-technical-content {
		padding: var(--dlb-space-lg);
	}

	.dlb-cta-final {
		padding: var(--dlb-space-xl);
	}

	/* Section Headers kompakter */
	.dlb-description-section h3,
	.dlb-landmarks-section h3,
	.dlb-order-section h3,
	.dlb-faq-section h3,
	.dlb-related-links h3,
	.dlb-cta-final h3 {
		font-size: 1.2rem;
	}

	/* Buttons nebeneinander mit Wrapping */
	.dlb-cta-buttons {
		display: flex;
		flex-wrap: wrap;
		gap: var(--dlb-space-sm);
		justify-content: center;
	}
}

/* --------------------------------------------------------------------------
                               Kleine Tablets & große Smartphones (max-width: 768px)
                               -------------------------------------------------------------------------- */
@media (max-width: 768px) {

	/* Container-Padding reduzieren */
	.dlb-technical-content {
		padding: var(--dlb-space-md);
		border-radius: var(--dlb-radius-md);
	}

	/* Produkttitel kompakter */
	.dlb-product-title {
		font-size: clamp(1.4rem, 5vw, 1.75rem);
		margin-bottom: var(--dlb-space-md);
		padding-bottom: var(--dlb-space-sm);
		line-height: 1.3;
	}

	/* Hauptbeschreibung anpassen */
	.dlb-technical-content>.dlb-big-description {
		font-size: 1.2rem;
		line-height: 1.7;
		padding: var(--dlb-space-md);
		margin-bottom: var(--dlb-space-xl);
	}

	/* ÄNDERUNG: Specs-Liste als gestapelte Karten */
	.dlb-specs-list {
		display: flex;
		flex-direction: column;
		gap: var(--dlb-space-xs);
		padding: var(--dlb-space-md);
	}

	.dlb-specs-list dt {
		border-radius: var(--dlb-radius-sm) var(--dlb-radius-sm) 0 0;
		padding: var(--dlb-space-sm) var(--dlb-space-md);
		font-size: 0.8rem;
		margin-top: var(--dlb-space-sm);
	}

	.dlb-specs-list dt:first-child {
		margin-top: 0;
	}

	.dlb-specs-list dd {
		border-radius: 0 0 var(--dlb-radius-sm) var(--dlb-radius-sm);
		padding: var(--dlb-space-sm) var(--dlb-space-md);
		font-size: 0.9rem;
	}

	/* Sections kompakter */
	.dlb-description-section,
	.dlb-order-section,
	.dlb-faq-section,
	.dlb-related-links,
	.dlb-cta-final {
		margin-bottom: var(--dlb-space-xl);
		padding: var(--dlb-space-md);
	}

	/* Section Headers */
	.dlb-description-section h3,
	.dlb-order-section h3,
	.dlb-faq-section h3,
	.dlb-related-links h3 {
		font-size: 1.2rem;
		flex-wrap: wrap;
	}

	/* CTA Final Section */
	.dlb-cta-final {
		padding: var(--dlb-space-xl) var(--dlb-space-md);
	}

	.dlb-cta-final h3 {
		font-size: 1.15rem;
		flex-direction: column;
		gap: var(--dlb-space-xs);
	}

	.dlb-cta-text {
		font-size: 1.2rem;
		margin: var(--dlb-space-md) auto var(--dlb-space-lg);
	}

	/* Buttons volle Breite auf Tablets */
	.dlb-button {
		width: 100%;
		justify-content: center;
		padding: var(--dlb-space-md) var(--dlb-space-lg);
	}

	.dlb-button-lg {
		padding: var(--dlb-space-md) var(--dlb-space-lg);
		font-size: 1.2rem;
	}

	.dlb-cta-buttons {
		display: flex;
		flex-direction: column;
		gap: var(--dlb-space-sm);
	}

	/* FAQ Items */
	.dlb-faq-item h4 {
		font-size: 1.2rem;
	}

	.dlb-faq-item p {
		font-size: 0.9rem;
		padding-left: var(--dlb-space-md);
	}

	/* Related Links besser umbrechen */
	.dlb-related-content {
		gap: var(--dlb-space-sm);
	}

	.dlb-related-content .dlb-facet-link {
		padding: var(--dlb-space-sm) var(--dlb-space-md);
		font-size: 0.85rem;
	}

	/* Toggle Button */
	.dlb-technical-toggle {
		padding: 10px 16px;
	}

	.dlb-technical-toggle .dlb-technical-title {
		font-size: 15px;
	}
}


@media (max-width: 480px) {

	/* Noch kompakteres Padding */
	.dlb-technical-content {
		padding: var(--dlb-space-sm);
		border-radius: var(--dlb-radius-sm);
	}

	/* Produkttitel für kleine Screens */
	.dlb-product-title {
		font-size: 1.25rem;
		margin-bottom: var(--dlb-space-sm);
		border-bottom-width: 2px;
	}

	/* Hauptbeschreibung minimiert */
	.dlb-technical-content>.dlb-big-description {
		font-size: 1.2rem;
		line-height: 1.6;
		padding: var(--dlb-space-sm) var(--dlb-space-md);
		margin-bottom: var(--dlb-space-lg);
		border-left-width: 3px;
	}

	/* Specs-Liste noch kompakter */
	.dlb-specs-list {
		padding: var(--dlb-space-sm);
		margin-bottom: var(--dlb-space-lg);
	}

	.dlb-specs-list dt {
		font-size: 0.75rem;
		padding: var(--dlb-space-xs) var(--dlb-space-sm);
	}

	.dlb-specs-list dd {
		font-size: 0.85rem;
		padding: var(--dlb-space-xs) var(--dlb-space-sm);
		gap: 4px;
	}

	/* ÄNDERUNG: Facet Links für Touch optimiert */
	.dlb-facet-link {
		padding: 6px 10px;
		font-size: 0.8rem;
		/* Touch-freundliche Mindestgröße */
		min-height: 44px;
		display: inline-flex;
		align-items: center;
	}

	.dlb-facet-link::before {
		font-size: 0.65rem;
		margin-right: 4px;
	}

	/* ÄNDERUNG: Tag Links für Touch optimiert */
	.dlb-tag-link {
		padding: 6px 10px;
		font-size: 0.8rem;
		min-height: 36px;
		display: inline-flex;
		align-items: center;
	}

	/* Sections minimales Padding */
	.dlb-description-section,
	.dlb-order-section,
	.dlb-faq-section,
	.dlb-related-links,
	.dlb-cta-final {
		margin-bottom: var(--dlb-space-lg);
		padding: var(--dlb-space-sm);
		border-radius: var(--dlb-radius-sm);
	}

	/* Section Headers noch kleiner */
	.dlb-description-section h3,
	.dlb-order-section h3,
	.dlb-faq-section h3,
	.dlb-related-links h3 {
		font-size: 1.2rem;
		gap: var(--dlb-space-xs);
		padding-bottom: var(--dlb-space-xs);
	}

	/* Icons in Headers kleiner */
	.dlb-description-section h3::before,
	.dlb-order-section h3::before,
	.dlb-faq-section h3::before,
	.dlb-related-links h3::before {
		font-size: 0.9rem;
	}

	/* Order Section Text */
	.dlb-order-section p {
		font-size: 1.2rem;
		margin-bottom: var(--dlb-space-md);
	}

	/* CTA Final */
	.dlb-cta-final {
		padding: var(--dlb-space-lg) var(--dlb-space-sm);
	}

	.dlb-cta-final h3 {
		font-size: 1.05rem;
	}

	.dlb-cta-text {
		font-size: 0.9rem;
		line-height: 1.6;
		margin: var(--dlb-space-sm) auto var(--dlb-space-md);
	}

	/* Buttons für Smartphone */
	.dlb-button {
		padding: var(--dlb-space-sm) var(--dlb-space-md);
		font-size: 1.2rem;
		/* Touch-freundliche Mindesthöhe */
		min-height: 48px;
	}

	.dlb-cta-buttons {
		gap: var(--dlb-space-xs);
	}

	/* FAQ kompakter */
	.dlb-faq-item {
		padding: var(--dlb-space-sm) 0;
	}

	.dlb-faq-item h4 {
		font-size: 0.9rem;
		gap: var(--dlb-space-xs);
	}

	.dlb-faq-item h4::before {
		margin-top: 1px;
		font-size: 0.8rem;
	}

	.dlb-faq-item p {
		font-size: 0.85rem;
		padding-left: var(--dlb-space-sm);
		line-height: 1.5;
	}

	/* Related Links */
	.dlb-related-content {
		gap: 4px;
	}

	.dlb-related-content .dlb-facet-link {
		padding: 6px 10px;
		font-size: 0.8rem;
		min-height: 40px;
	}

	/* Copyright kleiner */
	.dlb-copyright {
		font-size: 0.75rem;
		padding-top: var(--dlb-space-sm);
	}

	/* Toggle Button für Mobile */
	.dlb-technical-toggle {
		padding: 10px 12px;
		gap: 8px;
	}

	.dlb-technical-toggle .dlb-technical-title {
		font-size: 14px;
	}

	.dlb-technical-toggle-icon {
		width: 16px;
		height: 16px;
	}

	.dlb-technical-toggle-icon::before {
		font-size: 14px;
		margin-left: 16px;
	}

	#shopify-section-page-contact-template {
		margin-top: -60px;
	}

}

/* --------------------------------------------------------------------------
                               Sehr kleine Smartphones (max-width: 360px)
                               -------------------------------------------------------------------------- */
@media (max-width: 360px) {
	.dlb-product-title {
		font-size: 1.2rem;
	}

	.dlb-technical-content>.dlb-big-description {
		font-size: 0.9rem;
	}

	.dlb-specs-list dt {
		font-size: 0.7rem;
	}

	.dlb-specs-list dd {
		font-size: 0.8rem;
	}

	.dlb-facet-link,
	.dlb-tag-link {
		font-size: 0.75rem;
		padding: 5px 8px;
	}

	.dlb-button {
		font-size: 0.9rem;
	}
}

/* --------------------------------------------------------------------------
                               Touch-Interaktionen verbessern
                               -------------------------------------------------------------------------- */
@media (hover: none) and (pointer: coarse) {

	/* Hover-Effekte für Touch-Geräte deaktivieren */
	.dlb-facet-link:hover,
	.dlb-tag-link:hover,
	.dlb-button-primary:hover,
	.dlb-button-outline:hover {
		transform: none;
	}

	/* Active-States für Touch-Feedback */
	.dlb-facet-link:active {
		background: var(--dlb-primary-light);
		color: var(--dlb-white);
	}

	.dlb-tag-link:active {
		background: var(--dlb-primary-light);
		color: var(--dlb-white);
		border-color: var(--dlb-primary-light);
	}

	.dlb-button-primary:active {
		background: var(--dlb-accent-dark);
		border-color: var(--dlb-accent-dark);
	}

	.dlb-button-outline:active {
		background: var(--dlb-primary);
		color: var(--dlb-white);
	}

	.dlb-technical-toggle:active {
		background: #3d81b3;
		color: #fff;
	}

	/* Hover auf Sections deaktivieren */
	.dlb-description-section:hover,
	.dlb-order-section:hover,
	.dlb-faq-section:hover,
	.dlb-related-links:hover {
		box-shadow: var(--dlb-shadow-sm);
	}
}

/* --------------------------------------------------------------------------
                               Landscape-Modus für Smartphones
                               -------------------------------------------------------------------------- */
@media (max-width: 900px) and (orientation: landscape) {
	.dlb-technical-content {
		padding: var(--dlb-space-md) var(--dlb-space-lg);
	}

	/* CTA Buttons nebeneinander im Landscape */
	.dlb-cta-buttons {
		flex-direction: row;
		justify-content: center;
	}

	.dlb-button {
		width: auto;
		flex: 0 1 auto;
	}

	/* Specs-Liste zweispaltig im Landscape */
	.dlb-specs-list {
		display: grid;
		grid-template-columns: auto 1fr;
	}

	.dlb-specs-list dt {
		margin-top: 0;
		border-radius: var(--dlb-radius-sm) 0 0 var(--dlb-radius-sm);
	}

	.dlb-specs-list dd {
		border-radius: 0 var(--dlb-radius-sm) var(--dlb-radius-sm) 0;
	}
}

/* --------------------------------------------------------------------------
                               Print Styles
                               -------------------------------------------------------------------------- */
@media print {
	.dlb-technical-content {
		background: white;
		box-shadow: none;
		padding: 0;
	}

	.dlb-button,
	.dlb-cta-buttons {
		display: none;
	}

	.dlb-order-section,
	.dlb-cta-final {
		background: var(--dlb-grey-100);
		color: var(--dlb-grey-800);
	}
}


@media (max-width: 768px) {
	.dlb-technical-toggle .dlb-technical-title {
		font-size: 17px;
		font-weight: normal;
		line-height: 1.4em;
	}

	.dlb-technical-toggle-icon::before {
		font-size: 22px;
		margin-left: -11px;
		color: #777;
	}

	/* NEU: Pfeil wird grün bei Hover */
	.dlb-technical-toggle:hover .dlb-technical-toggle-icon::before {
		color: rgb(248, 248, 248);
	}

	/* NEU: Pfeil wird gelb wenn aufgeklappt */
	.dlb-technical-toggle[aria-expanded="true"] .dlb-technical-toggle-icon::before {
		color: rgb(248, 248, 248);
	}

}

.dlb-button.dlb-button-primary:hover {
	color: #fff !important;
}

.article-item__image.image--fade-in.lazyautosizes.lazyloaded {
  max-width: 75%;
}

.dlu-info {
    text-align: center;
    padding: 40px 20px;
    background: linear-gradient(135deg, #ecf0f1 0%, #bdc3c7 100%);
    border-radius: 12px;
}

.dlu-info__title {
    margin-bottom: 25px;
	justify-content: center;
}

.dlu-info__contact-blocks {
    display: flex;
    gap: 130px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.dlu-info__block {
    text-align: center;
}

.dlu-info__label {
    margin: 0;
    font-size: 1.2rem;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dlu-info__value {
    margin: 8px 0 0 0;
    font-size: 1.2rem;
    font-weight: 600;
}

.dlu-info__value a {
    color: #2c3e50;
    text-decoration: none;
}

.dlu-info__value a:hover {
    text-decoration: underline;
}

.dlu-info__meta {
    margin: 5px 0 0 0;
    font-size: 1.2rem;
    color: #7f8c8d;
}

.dlu-info__footer {
    border-top: 1px solid rgba(44, 62, 80, 0.2);
    padding-top: 25px;
}

.dlu-info__footer p {
    margin: 0;
    font-size: 1.2rem;
    color: #2c3e50;
    line-height: 1.6;
}

/* ========================================
   DLU Gallery Page - Styles
   ======================================== */

.dlu-gallery__intro-text {
    margin-bottom: 1.5rem;
    font-size: 1.05rem;
    line-height: 1.7;
}

.dlu-gallery__section-title {
    font-size: 1.5rem;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    color: #212121;
}

.dlu-gallery__section-title i {
    color: #739174;
    margin-right: 0.5rem;
}

.dlu-gallery__section-intro {
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

/* Region Cards Grid */
.dlu-gallery__region-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin: 2rem 0;
}

.dlu-gallery__region-card {
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 6px;
    border-left: 3px solid #739174;
}

.dlu-gallery__region-title {
    color: #212121;
    display: block;
}

.dlu-gallery__region-cities {
    font-size: 1.2rem;
    color: #666;
    display: block;
}

/* How-To List */
.dlu-gallery__how-to-list {
    margin-bottom: 2rem;
    padding-left: 1.5rem;
    line-height: 1.8;
}

.dlu-gallery__how-to-item {
    margin-bottom: 1rem;
}

/* Benefits List */
.dlu-gallery__benefits-list {
    margin-bottom: 2rem;
    padding-left: 0;
    list-style: none;
}

.dlu-gallery__benefit-item {
    padding: 0.75rem 0;
    padding-left: 2rem;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

.dlu-gallery__benefit-item i {
    position: absolute;
    left: 0;
    color: #28a745;
    font-size: 1.25rem;
}

/* Materials Grid */
.dlu-gallery__materials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin: 1.5rem 0;
}

.dlu-gallery__material-card {
    text-align: center;
    padding: 1rem;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
}

.dlu-gallery__material-card i {
    font-size: 2rem;
    color: #739174;
    margin-bottom: 0.5rem;
    display: block;
}

/* CTA Box */
.dlu-gallery__cta-box {
    background: linear-gradient(135deg, #739174 0%, #5a7359 100%);
    padding: 2rem;
    border-radius: 12px;
    color: white;
    text-align: center;
    margin: 3rem 0;
}

.dlu-gallery__cta-title {
    color: white;
    margin: 0 0 0.75rem 0;
    font-size: 1.5rem;
}

.dlu-gallery__cta-title i {
    margin-right: 0.5rem;
    color: white;
}

.dlu-gallery__cta-text {
    color: rgba(255, 255, 255, 0.95);
    margin-bottom: 1.5rem;
    font-size: 1.05rem;
}

.dlu-gallery__cta-button {
    display: inline-block;
    padding: 0.75rem 2rem;
    background: white;
    color: #739174;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    transition: var(--transition);
}

.dlu-gallery__cta-button:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.dlu-gallery__cta-button i {
    margin-right: 0.5rem;
}

/* FAQ Container */
.dlu-gallery__faq-container {
    margin-bottom: 2rem;
}

.dlu-gallery__faq-item {
    margin-bottom: 1rem;
}

.dlu-gallery__faq-question {
    margin-bottom: 0.5rem;
}

.dlu-gallery__faq-answer {
    margin-bottom: 1.5rem;
    color: #666;
    padding-left: 1rem;
    border-left: 3px solid #f0f0f0;
}

/* About Box */
.dlu-gallery__about-box {
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    border-left: 4px solid #739174;
    margin-top: 2rem;
}

.dlu-gallery__about-box p {
    margin: 0;
    color: #666;
    line-height: 1.7;
}

.dlu-gallery__about-box strong {
    color: #212121;
}

/* ========================================
   DLU About Page - Styles
   ======================================== */

/* Hero Section */
.dlu-about-hero__subtitle {
    font-size: 1.2rem;
    color: #555;
    margin-top: 15px;
    line-height: 1.6;
}

/* Mission Box */
.dlu-mission-box {
    max-width: 800px;
    margin: 0 auto;
    background: #ecf0f1;
    padding: 30px;
    border-radius: 8px;
    border-left: 4px solid rgb(32, 77, 122);
    text-align: center;
}

.dlu-mission-box__image {
    width: 100%;
}

.dlu-mission-box__image img {
    width: 100%;
    max-width: 480px;
    border-radius: 12px;
    margin: 0 auto 20px;
    display: block;
}

.dlu-mission-box__name {
    color: #5a6a78;
    font-weight: 600;
    margin: 15px 0 0 0;
    font-size: 1.2rem;
}

.dlu-mission-box__role {
    color: #7a8a96;
    margin: 5px 0 0 0;
    font-size: 1.2rem;
}

.dlu-mission-box__quote {
    font-size: 1.2rem;
    font-weight: 500;
    color: #2c3e50;
    margin: 20px 0 0;
    line-height: 1.8;
}

.dlu-mission-box__quote i {
    color: rgb(32, 77, 122);
}

.dlu-mission-box__quote i.fa-quote-left {
    margin-right: 10px;
}

.dlu-mission-box__quote i.fa-quote-right {
    margin-left: 10px;
}

.dlu-mission-box__description {
    text-align: center;
    color: #7f8c8d;
    margin-top: 15px;
    font-size: 1.2rem;
}

/* Oliver Intro */
.dlu-oliver-intro {
    background: linear-gradient(135deg, #f5f7fa 0%, #ecf0f1 100%);
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 30px;
    border-left: 5px solid rgb(32, 77, 122);
}

.dlu-oliver-intro p {
    color: #2c3e50;
    font-size: 1.2rem;
    line-height: 1.8;
    margin: 0;
    font-weight: 500;
}

/* Oliver Grid */
.dlu-oliver-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
    background: white;
    padding: 0;
}

@media (max-width: 768px) {
    .dlu-oliver-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* Oliver Card */
.dlu-oliver-card {
    background: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.dlu-oliver-card__name {
    font-size: 1.2rem;
    color: #2c3e50;
    margin-top: 0;
    margin-bottom: 8px;
}

.dlu-oliver-card__role {
    color: #204d7a;
    font-size: 1.2rem;
    margin: 0 0 20px 0;
}

.dlu-oliver-card__role i {
    margin-right: 5px;
}

.dlu-oliver-card__description {
    color: #555;
    line-height: 1.8;
    font-size: 1.2rem;
    margin: 0 0 15px 0;
}

.dlu-oliver-card__qualifications-title {
    font-size: 1.2rem;
    color: #2c3e50;
    margin: 20px 0 12px 0;
}

.dlu-oliver-card__qualifications-title i {
    color: #204d7a;
    margin-right: 8px;
}

.dlu-oliver-card__qualifications-list {
    margin: 0;
    padding-left: 20px;
    list-style: none;
    font-size: 1.2rem;
    color: #666;
    line-height: 2.2;
}

.dlu-oliver-card__qualifications-list li {
    list-style: none;
}

.dlu-oliver-card__qualifications-list i {
    color: #4f6e98;
    margin-right: 8px;
}

/* Oliver Avatar */
.dlu-oliver-avatar {
    text-align: center;
}

.dlu-oliver-avatar__circle {
    width: 220px;
    height: 220px;
    background: linear-gradient(135deg, #7a8a96 0%, #5a6a78 100%);
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    box-shadow: 0 4px 20px rgba(122, 138, 150, 0.4);
}

.dlu-oliver-avatar__text {
    color: #5a6a78;
    font-weight: 600;
    margin-top: 20px;
    font-size: 1.2rem;
}

.dlu-oliver-avatar__stars {
    color: #204d7a;
    font-size: 1.2rem;
    margin-top: 10px;
}

/* Competencies */
.dlu-competencies-title {
    font-size: 1.2rem;
    color: #495c73;
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
}

.dlu-competencies-title i {
    color: rgb(32, 77, 122);
    margin-right: 10px;
}

.dlu-competencies-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin: 0;
}

.dlu-competency-card {
    border-left: 4px solid #495c73;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 4px;
}

.dlu-competency-card__title {
    color: #2c3e50;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.dlu-competency-card__list {
    margin: 0;
    padding-left: 18px;
    font-size: 1.2rem;
    color: #666;
    line-height: 1.8;
}

/* Media Section */
.dlu-media-title {
    font-size: 1.2rem;
    color: #2c3e50;
    margin-top: 40px;
    margin-bottom: 25px;
    text-align: center;
}

.dlu-media-title i {
    margin-right: 10px;
}

.dlu-media-intro {
    color: #555;
    line-height: 1.8;
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 25px;
}

.dlu-media-sections {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.dlu-media-section {
    margin: 0;
}

.dlu-media-section__title {
    color: #2c3e50;
    margin: 0 0 15px 0;
    font-size: 1.2rem;
}

.dlu-media-section__title i {
    margin-right: 8px;
}

.dlu-media-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.dlu-media-grid--2col {
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
    .dlu-media-grid,
    .dlu-media-grid--2col {
        grid-template-columns: 1fr;
    }
}

.dlu-media-card {
    background: white;
    padding: 15px;
    border-radius: 4px;
    border-left: 3px solid #c0392b;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
}

.dlu-media-card:hover {
    box-shadow: 0 4px 12px rgba(192, 57, 43, 0.2);
    transform: translateY(-2px);
}

.dlu-media-card__name {
    margin: 0 0 5px 0;
    font-weight: 600;
    color: #2c3e50;
    font-size: 1.2rem;
}

.dlu-media-card__desc {
    margin: 0 0 10px 0;
    color: #7f8c8d;
    font-size: 1.2rem;
    flex-grow: 1;
}

.dlu-media-card__link {
    margin: 0;
    color: #204d7a;
    font-size: 1.2rem;
}

/* Services */
.dlu-services-title {
    font-size: 1.2rem;
    color: #2c3e50;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
}

.dlu-services-title i {
    margin-right: 10px;
}

.dlu-services-intro {
    text-align: center;
    color: #555;
    font-size: 1.2rem;
    margin-bottom: 30px;
}

.dlu-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.dlu-service-card {
    background: white;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-top: 4px solid rgb(32, 77, 122);
}

.dlu-service-card:nth-child(2) {
    border-top-color: #495c73;
}

.dlu-service-card:nth-child(3) {
    border-top-color: #6d7d8b;
}

.dlu-service-card:nth-child(4) {
    border-top-color: #7a8a96;
}

.dlu-service-card:nth-child(5) {
    border-top-color: rgb(32, 77, 122);
}

.dlu-service-card:nth-child(6) {
    border-top-color: #495c73;
}

.dlu-service-card__title {
    font-size: 1.2rem;
    color: #2c3e50;
    margin-top: 0;
    margin-bottom: 10px;
}

.dlu-service-card__description {
    color: #555;
    line-height: 1.6;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.dlu-service-card__list {
    margin: 0;
    padding-left: 18px;
    font-size: 1.2rem;
    color: #666;
}

/* Why Section */
.dlu-why-title {
    font-size: 1.2rem;
    color: #2c3e50;
    margin-top: 40px;
    margin-bottom: 25px;
    text-align: center;
}

.dlu-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

.dlu-why-card {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
}

.dlu-why-card__icon {
    font-size: 1.2rem;
    color: rgb(32, 77, 122);
    margin-bottom: 10px;
}

.dlu-why-card__title {
    font-size: 1.2rem;
    color: #2c3e50;
    margin: 0 0 10px 0;
}

.dlu-why-card__description {
    color: #555;
    font-size: 1.2rem;
    margin: 0;
    line-height: 1.6;
}

/* Partners */
.dlu-partners-title {
    font-size: 1.2rem;
    color: #2c3e50;
    margin-top: 40px;
    margin-bottom: 25px;
    text-align: center;
}

.dlu-partners-box {
    max-width: 800px;
    margin: 0 auto;
    background: #f8f9fa;
    padding: 25px;
    border-radius: 8px;
    border-left: 4px solid rgb(32, 77, 122);
}

.dlu-partners-box__text {
    color: #555;
    line-height: 1.8;
    text-align: center;
    font-size: 1.2rem;
    margin: 0;
}

.dlu-partners-box__highlight {
    color: #555;
    line-height: 1.8;
    text-align: center;
    font-size: 1.2rem;
    margin: 15px 0 0 0;
}

/* CTA Section */
.dlu-about-cta {
    text-align: center;
    padding: 40px 20px;
    background: linear-gradient(135deg, #495c73 0%, #6d7d8b 100%);
    border-radius: 12px;
    color: white;
}

.dlu-about-cta__title {
    margin-top: 0;
    color: white;
    font-size: 1.2rem;
}

.dlu-about-cta__text {
    font-size: 1.2rem;
    line-height: 1.8;
    max-width: 600px;
    margin: 20px auto;
}

.dlu-about-cta__actions {
    margin-top: 30px;
}

.dlu-about-cta__button {
    display: inline-block;
    padding: 12px 30px;
    background: white;
    color: #6d7d8b;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 1.2rem;
    transition: var(--transition);
}

.dlu-about-cta__button:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.dlu-about-cta__button i {
    margin-right: 8px;
}

/* Social Section */
.dlu-social-section {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ecf0f1;
    text-align: center;
}

.dlu-social-section__label {
    color: #555;
    font-size: 1.2rem;
    margin: 0 0 15px 0;
}

.dlu-social-section__label i {
    color: #255d7a;
    margin-right: 8px;
}

.dlu-social-links {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.dlu-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: white;
    text-decoration: none;
    font-size: 1.2rem;
    transition: var(--transition);
}

.dlu-social-link--instagram {
    background: linear-gradient(135deg, #667eea 0%, rgb(184, 37, 210) 100%);
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.dlu-social-link--instagram:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 16px rgba(102, 126, 234, 0.5);
}

.dlu-social-link--facebook {
    background: rgb(24, 94, 185);
    box-shadow: 0 2px 8px rgba(24, 119, 242, 0.3);
}

.dlu-social-link--facebook:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 16px rgba(24, 119, 242, 0.5);
}

/* ========================================
   DLU References Page - Styles
   ======================================== */

/* Intro */
.dlu-references__intro {
    font-size: 1.2rem;
    color: #555;
    margin-top: 15px;
    line-height: 1.6;
}

/* Hero Section */
.dlu-references-hero {
    /* Platzhalter für Hero-Content */
}

/* Intro Box */
.dlu-references-intro-box {
    max-width: 900px;
    margin: 0 auto;
    background: #f0f2f5;
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 40px;
}

.dlu-references-intro-box p {
    color: #555;
    line-height: 1.8;
    font-size: 1.2rem;
    margin: 0;
}

/* Segments Grid */
.dlu-references-segments-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

/* Segment Card */
.dlu-references-segment-card {
    background: white;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-top: 4px solid #7a8a96;
    text-align: center;
}

.dlu-references-segment-card:nth-child(2),
.dlu-references-segment-card:nth-child(5) {
    border-top-color: #8b9aac;
}

.dlu-references-segment-card:nth-child(3),
.dlu-references-segment-card:nth-child(6) {
    border-top-color: #6d7d8b;
}

.dlu-references-segment-card__icon {
    font-size: 1.2rem;
    color: #6d7379;
    margin-bottom: 15px;
}

.dlu-references-segment-card__description,
.dlu-references-project-card__description {
  font-size: 1rem !important;
}

.dlu-references-segment-card__title {
    font-size: 1.2rem;
    color: #2c3e50;
    margin: 0 0 12px 0;
}

.dlu-references-segment-card__description {
    color: #555;
    font-size: 1.2rem;
    line-height: 1.6;
    margin: 0;
}

/* Projects Grid */
.dlu-references-projects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
}

/* Project Card */
.dlu-references-project-card {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.dlu-references-project-card__title {
    font-size: 1.2rem;
    color: #2c3e50;
    margin: 0 0 10px 0;
}

.dlu-references-project-card__title i {
    color: #7a8a96;
    margin-right: 8px;
}

.dlu-references-project-card__description {
    color: #555;
    font-size: 1.2rem;
    line-height: 1.6;
    margin: 0;
}

/* Why Section */
.dlu-references-why-container {
    max-width: 800px;
    margin: 0 auto;
}

.dlu-references-why-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dlu-references-why-item {
    padding: 12px 0;
    padding-left: 35px;
    position: relative;
    color: #555;
    line-height: 1.8;
    font-size: 1.2rem;
    border-bottom: 1px solid #f0f0f0;
}

.dlu-references-why-item:last-child {
    border-bottom: none;
}

.dlu-references-why-item i {
    position: absolute;
    left: 0;
    color: #7a8a96;
    font-size: 1.2rem;
    top: 14px;
}

.dlu-references-why-item strong {
    color: #2c3e50;
}

/* CTA Section */
.dlu-references-cta {
    text-align: center;
    padding: 40px 20px;
    background: linear-gradient(135deg, #8b9aac 0%, #6d7d8b 100%);
    border-radius: 12px;
    color: white;
}

.dlu-references-cta__title {
    margin-top: 0;
    color: white;
    font-size: 1.2rem;
}

.dlu-references-cta__title i {
    margin-right: 10px;
}

.dlu-references-cta__text {
    font-size: 1.2rem;
    line-height: 1.8;
    max-width: 600px;
    margin: 20px auto;
}

.dlu-references-cta__actions {
    margin-top: 30px;
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.dlu-references-cta__button {
    display: inline-block;
    padding: 12px 30px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 1.2rem;
    transition: var(--transition);
}

.dlu-references-cta__button i {
    margin-right: 8px;
}

.dlu-references-cta__button--primary {
    background: white;
    color: #8b9aac;
}

.dlu-references-cta__button--primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.dlu-references-cta__button--secondary {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 2px solid white;
}

.dlu-references-cta__button--secondary:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

/* Responsive */
@media (max-width: 768px) {
    .dlu-references-segments-grid {
        grid-template-columns: 1fr;
    }

    .dlu-references-projects-grid {
        grid-template-columns: 1fr;
    }

    .dlu-references-cta__actions {
        flex-direction: column;
    }

    .dlu-references-cta__button {
        width: 100%;
        text-align: center;
    }
}

/* ====================================
   GALLERY PAGE STYLES
   ==================================== */

.dlu-gallery-intro {
  margin: 3rem 0;
  padding: 2rem 0;
  border-top: 3px solid var(--primary-light);
  border-bottom: 1px solid var(--border-light);
}

.dlu-gallery-intro__title {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 1rem;
  letter-spacing: -0.5px;
}

.dlu-gallery-intro__text {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--text-secondary);
}

/* FEATURES SECTION */
.dlu-gallery-features {
  margin: 3rem 0;
}

.dlu-gallery-features__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 1.5rem;
}

/* CARDS GRID */
.dlu-gallery-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.5rem;
}

/* GALLERY CARD */
.dlu-gallery-card,
.dlu-gallery-card--secondary {
  padding: 1.75rem;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  background: #ffffff9e !important;
	border-radius: 10px;
	border: 1px solid #dcdcdc;
}

.dlu-gallery-card:hover {
  border-color: 1px solidrgb(190, 190, 190);;
  box-shadow: var(--shadow-md);
  }

.dlu-gallery-card__icon {
  width: 45px;
  height: 45px;
  background: #d0d5df !important;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8a8f9e !important;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

.dlu-gallery-card__label {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
  margin: 0 0 0.75rem 0;
}

.dlu-gallery-card__text {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--text-secondary);  margin: 0;
}



.dlu-gallery-card--secondary .dlu-gallery-card__icon--secondary {
  background: #d0d5df !important;
}

/* USE CASES SECTION */
.dlu-gallery-usecases {
  margin: 3rem 0;
}

.dlu-gallery-usecases__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 1.5rem;
}

.dlu-gallery-usecases__cta {
  text-align: center;
  font-size: 1.05rem;
  color: var(--primary);
  margin-top: 2rem;
  padding: 1.5rem;
  background: var(--primary-light);
  border-radius: var(--radius-md);
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .dlu-gallery-intro {
    margin: 2rem 0;
    padding: 1.5rem 0;
  }

  .dlu-gallery-intro__title {
    font-size: 1.4rem;
  }

  .dlu-gallery-features,
  .dlu-gallery-usecases {
    margin: 2rem 0;
  }

  .dlu-gallery-features__title,
  .dlu-gallery-usecases__title {
    font-size: 1.15rem;
  }

  .dlu-gallery-cards {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .dlu-gallery-card {
    padding: 1.5rem;
  }
}

/* DARK MODE */
:root.dark-mode .dlu-gallery-intro {
  border-top-color: #3c3f46;
  border-bottom-color: #3c3f46;
}

:root.dark-mode .dlu-gallery-intro__title {
  color: #d0d5df;
}

:root.dark-mode .dlu-gallery-intro__text {
  color: #8a8f9e;
}

:root.dark-mode .dlu-gallery-card {
  background: #2b2f38 !important;
  border-color: #3c3f46;
}

:root.dark-mode .dlu-gallery-card:hover {
  border-color: #7a7b7d;
}

:root.dark-mode .dlu-gallery-card__icon {
  background: #3c3f46 !important;
  color: #6a6f7e !important;
}

:root.dark-mode .dlu-gallery-card__label {
  color: #d0d5df;
}

:root.dark-mode .dlu-gallery-card__text {
  color: #8a8f9e;
}

:root.dark-mode .dlu-gallery-features__title,
:root.dark-mode .dlu-gallery-usecases__title {
  color: #d0d5df;
}

:root.dark-mode .dlu-gallery-usecases__cta {
  background: #2b3d52;
  color: #7a9fd8;
}

/* ====================================
   CATEGORIES PAGE STYLES
   ==================================== */

/* INTRO SECTION */
.dlu-categories-intro {
  margin: 3rem 0;
  padding: 2rem 0;
  border-top: 3px solid var(--primary-light);
  border-bottom: 1px solid var(--border-light);
}

.dlu-categories-intro__text {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--text-secondary);
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

/* STATISTICS SECTION */
.dlu-categories-stats {
  margin: 3rem 0;
}

.dlu-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
}

.dlu-stat-card {
  padding: 2rem;
  background: #ffffff !important;
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  text-align: center;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.dlu-stat-card:hover {
  border-color: var(--primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.dlu-stat-card__number {
  font-size: 2.2rem;
  font-weight: 800;
  color: var(--primary);
  margin-bottom: 0.5rem;
  letter-spacing: -1px;
}

.dlu-stat-card__label {
  font-size: 0.9rem;
  color: var(--text-secondary);
  line-height: 1.5;
}

/* CATEGORIES SECTION */
.dlu-categories-section {
  margin: 4rem 0 3rem;
}

.dlu-categories-section__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 2rem;
}

.dlu-category-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
}

.dlu-category-card {
  padding: 1.75rem;
  background: #ffffff !important;
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.dlu-category-card:hover {
  border-color: var(--primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.dlu-category-card__icon {
  width: 50px;
  height: 50px;
  background: #d0d5df !important;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8a8f9e !important;
  font-size: 1.4rem;
  margin-bottom: 1rem;
}

.dlu-category-card__title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
}

.dlu-category-card__text {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--text-secondary);
  margin: 0;
}

/* DLU Category – Mobile-optimiert */

.dlu-category {
  width: 100%;
  padding: 1.5rem 1rem;
}

.dlu-category__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary, #333);
  margin: 0 0 1.5rem 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.dlu-category__title i {
  font-size: 1.75rem;
  color: #5e5e5e;
  flex-shrink: 0;
}

/* Feature List */
.dlu-features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* Feature Item – Flex Layout */
.dlu-feature-item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

/* Feature Icon – Festes Size, zentriert */
.dlu-feature-icon {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-light,rgba(232, 237, 244, 0));
  border-radius: 50%;
  font-size: 1.25rem;
  color: var(--primary, #425775);
}

/* Feature Content */
.dlu-feature-content {
  flex: 1;
  min-width: 0;
}

.dlu-feature-content strong {
  display: block;
  font-size: 1.2rem;
  color: var(--text-primary, #333);
  margin-bottom: 0.35rem;
}

.dlu-feature-content p {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.4;
  color: var(--text-secondary, #666);
}

/* Tablet & Desktop */
@media (min-width: 768px) {
  .dlu-category {
    padding: 2rem 2rem;
  }

  .dlu-category__title {
    font-size: 1.75rem;
    margin-bottom: 2rem;
  }

  .dlu-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 2rem;
  }

  .dlu-feature-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .dlu-feature-icon {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }

  .dlu-feature-content strong {
    font-size: 1.2rem;
  }

  .dlu-feature-content p {
    font-size: 1.2rem;
  }
}

/* Dark Mode */
:root.dark-mode .dlu-category__title {
  color: var(--text-primary, #a9a9a9);
}

:root.dark-mode .dlu-feature-icon {
  background: var(--primary, #4a5f7d);
  color: var(--text-inverse, #fff);
}

:root.dark-mode .dlu-feature-content strong {
  color: var(--text-primary, #a9a9a9);
}

:root.dark-mode .dlu-feature-content p {
  color: var(--text-secondary, #8a8f9e);
}

/* FEATURES SECTION */
.dlu-categories-features {
  margin: 4rem 0 3rem;
  padding: 2rem;
  background: var(--bg-card);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--primary);
}

.dlu-categories-features__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 1.5rem;
}

.dlu-features-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
}

.dlu-features-list li {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--text-secondary);
  padding: 0;
  margin: 0;
}

.dlu-features-list i {
  margin-right: 10px;
  color: #707070;
  font-weight: 600;
}

/* CTA SECTION */
.dlu-categories-cta {
  margin: 3rem 0;
  padding: 2.5rem;
  background: linear-gradient(135deg, var(--primary-light) 0%, var(--bg-card) 100%);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--primary);
  text-align: center;
}

.dlu-categories-cta__content {
  max-width: 600px;
  margin: 0 auto;
}

.dlu-categories-cta__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 1rem;
}

.dlu-categories-cta__text {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--text-secondary);
  margin-bottom: 1.5rem;
}

/* SEO HIDDEN */
.dlu-seo-hidden {
  display: none;
  visibility: hidden;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .dlu-categories-intro {
    margin: 2rem 0;
    padding: 1.5rem 0;
  }

  .dlu-categories-intro__text {
    font-size: 0.95rem;
  }

  .dlu-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  .dlu-stat-card {
    padding: 1.5rem;
  }

  .dlu-stat-card__number {
    font-size: 1.8rem;
  }

  .dlu-category-cards {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .dlu-category-card {
    padding: 1.5rem;
  }

  .dlu-categories-features {
    margin: 2rem 0;
    padding: 1.5rem;
  }

  .dlu-features-list {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .dlu-categories-cta {
    margin: 2rem 0;
    padding: 1.75rem;
  }
}

/* DARK MODE */
:root.dark-mode .dlu-categories-intro {
  border-top-color: #3c3f46;
  border-bottom-color: #3c3f46;
}

:root.dark-mode .dlu-categories-intro__text {
  color: #8a8f9e;
}

:root.dark-mode .dlu-stat-card {
  background: #2b2f38 !important;
  border-color: #3c3f46;
}

:root.dark-mode .dlu-stat-card:hover {
  border-color: #7a7b7d;
}

:root.dark-mode .dlu-stat-card__number {
  color: #7a9fd8;
}

:root.dark-mode .dlu-stat-card__label {
  color: #8a8f9e;
}

:root.dark-mode .dlu-categories-section__title {
  color: #d0d5df;
}

:root.dark-mode .dlu-category-card {
  background: #2b2f38 !important;
  border-color: #3c3f46;
}

:root.dark-mode .dlu-category-card:hover {
  border-color: #7a7b7d;
}

:root.dark-mode .dlu-category-card__icon {
  background: #3c3f46 !important;
  color: #6a6f7e !important;
}

:root.dark-mode .dlu-category-card__title {
  color: #d0d5df;
}

:root.dark-mode .dlu-category-card__text {
  color: #8a8f9e;
}

:root.dark-mode .dlu-categories-features {
  background: #2b2f38;
  border-left-color: #7a7b7d;
}

:root.dark-mode .dlu-categories-features__title {
  color: #d0d5df;
}

:root.dark-mode .dlu-features-list li {
  color: #8a8f9e;
}

:root.dark-mode .dlu-categories-cta {
  background: linear-gradient(135deg, #2b3d52 0%, #2b2f38 100%);
  border-left-color: #7a9fd8;
}

:root.dark-mode .dlu-categories-cta__title {
  color: #d0d5df;
}

:root.dark-mode .dlu-categories-cta__text {
  color: #8a8f9e;
}

.dlu-categories-features__title {
  margin-bottom: 2rem !important;
}

/* ====================================
   RANDOM GALLERY PAGE STYLES
   ==================================== */

/* HERO IMAGE SECTION */
.dlu-random-hero {
  margin: 2rem 0 3rem;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.dlu-random-hero__image-wrapper {
  width: 25%;
  height: auto;
  margin: 0 auto;
}

.dlu-random-hero__image-wrapper.zufall_luftbild2 {
  background-color: #ffffff00 !important;
  box-shadow:none !important;
}

.dlu-random-hero__image {
  margin-bottom: 0 !important;
}

.button.button-primary.zufall_luftbild2 {
  color: #eee;
}

.dlu-random-hero__image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-md);
}

/* INTRO SECTION */
.dlu-random-intro {
  margin: 3rem 0;
}

.dlu-random-intro__card {
  padding: 2rem;
  background: #ffffffa3 !important;
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  border-left: 4px solid var(--primary);
  text-align: center;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.dlu-random-intro__card:hover {
  box-shadow: var(--shadow-md);
  border-left-color: var(--primary);
}

.dlu-random-intro__icon {
  width: 60px;
  height: 60px;
  background: #d0d5df !important;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8a8f9e !important;
  font-size: 1.8rem;
  margin: 0 auto 1rem;
}

.dlu-random-intro__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 1rem;
}

.dlu-random-intro__text {
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--text-secondary);
  margin: 0;
}

/* RANDOM GALLERY SECTION */
.dlu-random-gallery {
  margin: 4rem 0 3rem;
  padding: 2.5rem;
  background: var(--bg-card);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--info);
  text-align: center;
}

.dlu-random-gallery__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 2rem;
}

.dlu-random-gallery__meta {
  margin-bottom: 2rem;
}

.dlu-random-gallery__meta-text {
  font-size: 0.95rem;
  color: var(--text-secondary);
  margin: 0;
}

.dlu-random-gallery__button-wrapper {
  display: flex;
  justify-content: center;
}

/* BENEFITS SECTION */
.dlu-random-benefits {
  margin: 4rem 0 3rem;
}

.dlu-random-benefits__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 2rem;
  text-align: center;
}

.dlu-benefit-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
}

.fas.fa-envelope {
  margin-right: 11px !important;
}

.dlu-random-cta__text {
  margin-bottom: 3rem !important;
}

.fas.fa-star::before {
  color: #83888c !important;
}

.dlu-benefit-card {
  padding: 2rem;
  background: #ffffffa3 !important;
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  text-align: center;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.dlu-benefit-card:hover {
  border-color: var(--success);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.dlu-benefit-card__icon {
  width: 60px;
  height: 60px;
  background: #d0d5df !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8a8f9e !important;
  font-size: 1.8rem;
  margin: 0 auto 1rem;
}

.dlu-benefit-card__title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
}

.dlu-benefit-card__text {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--text-secondary);
  margin: 0;
}

/* TECH INFO SECTION */
.dlu-random-tech {
  margin: 3rem 0;
  padding: 2rem;
  background: linear-gradient(135deg, var(--info-light) 0%, var(--bg-card) 100%);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--info);
}

.dlu-random-tech__content {
  max-width: 800px;
  margin: 0 auto;
}

.dlu-random-tech__content i {
  color: var(--info);
  margin-right: 0.75rem;
  font-size: 1.2rem;
}

.dlu-random-tech__title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
  display: inline;
}

.dlu-random-tech__text {
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--text-secondary);
  margin: 0;
}

/* CTA SECTION */
.dlu-random-cta {
  margin: 3rem 0;
  padding: 2.5rem;
  background: linear-gradient(135deg, var(--primary-light) 0%, var(--bg-card) 100%);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--primary);
  text-align: center;
}

.dlu-random-cta__content {
  max-width: 700px;
  margin: 0 auto;
}

.dlu-random-cta__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 1rem;
}

.dlu-random-cta__text {
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--text-secondary);
  margin-bottom: 1.75rem;
}

.dlu-random-cta__buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.button-secondary {
  background: rgba(107, 131, 158, 0.2) !important;
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
}

.button-secondary:hover {
  background: var(--secondary) !important;
  color: #fff !important;
}

/* SEO HIDDEN */
.dlu-seo-hidden {
  display: none;
  visibility: hidden;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .dlu-random-hero {
    margin: 1.5rem 0 2rem;
  }

  .dlu-random-intro {
    margin: 2rem 0;
  }

  .dlu-random-intro__card {
    padding: 1.5rem;
  }

  .dlu-random-intro__icon {
    width: 50px;
    height: 50px;
    font-size: 1.4rem;
  }

  .dlu-random-intro__title {
    font-size: 1.1rem;
  }

  .dlu-random-gallery {
    margin: 2rem 0;
    padding: 1.75rem;
  }

  .dlu-random-gallery__title {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
  }

  .dlu-benefit-cards {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .dlu-benefit-card {
    padding: 1.5rem;
  }

  .dlu-benefit-card__icon {
    width: 50px;
    height: 50px;
    font-size: 1.4rem;
  }

  .dlu-random-tech {
    margin: 2rem 0;
    padding: 1.5rem;
  }

  .dlu-random-cta {
    margin: 2rem 0;
    padding: 1.75rem;
  }

  .dlu-random-cta__buttons {
    gap: 0.75rem;
  }

  .dlu-random-cta__buttons a {
    flex: 1;
    min-width: 150px;
  }

  	#shopify-section-page-contact-template .page__description.rte {
  		width: 100% !important;
	}

	#shopify-section-page-contact-template .form__input-wrapper {
  		margin:0 11px 10px 0;

	}


}

/* DARK MODE */
:root.dark-mode .dlu-random-intro__card {
  background: #2b2f38 !important;
  border-color: #3c3f46;
  border-left-color: #7a9fd8;
}

:root.dark-mode .dlu-random-intro__icon {
  background: #3c3f46 !important;
  color: #6a6f7e !important;
}

:root.dark-mode .dlu-random-intro__title {
  color: #d0d5df;
}

:root.dark-mode .dlu-random-intro__text {
  color: #8a8f9e;
}

:root.dark-mode .dlu-random-gallery {
  background: #2b2f38;
  border-left-color: #5a7daa;
}

:root.dark-mode .dlu-random-gallery__title {
  color: #d0d5df;
}

:root.dark-mode .dlu-random-gallery__meta-text {
  color: #8a8f9e;
}

:root.dark-mode .dlu-random-benefits__title {
  color: #d0d5df;
}

:root.dark-mode .dlu-benefit-card {
  background: #2b2f38 !important;
  border-color: #3c3f46;
}

:root.dark-mode .dlu-benefit-card:hover {
  border-color: #7db856;
}

:root.dark-mode .dlu-benefit-card__icon {
  background: #3c3f46 !important;
  color: #6a6f7e !important;
}

:root.dark-mode .dlu-benefit-card__title {
  color: #d0d5df;
}

:root.dark-mode .dlu-benefit-card__text {
  color: #8a8f9e;
}

:root.dark-mode .dlu-random-tech {
  background: linear-gradient(135deg, #2b3d52 0%, #2b2f38 100%);
  border-left-color: #5a7daa;
}

:root.dark-mode .dlu-random-tech__content i {
  color: #7a9fd8;
}

:root.dark-mode .dlu-random-tech__title {
  color: #d0d5df;
}

:root.dark-mode .dlu-random-tech__text {
  color: #8a8f9e;
}

:root.dark-mode .dlu-random-cta {
  background: linear-gradient(135deg, #2b3d52 0%, #2b2f38 100%);
  border-left-color: #7a9fd8;
}

:root.dark-mode .dlu-random-cta__title {
  color: #d0d5df;
}

:root.dark-mode .dlu-random-cta__text {
  color: #8a8f9e;
}

:root.dark-mode .button-secondary {
  background: rgba(122, 159, 216, 0.15) !important;
  color: #7a9fd8 !important;
  border-color: #5a7daa !important;
}

:root.dark-mode .button-secondary:hover {
  background: #5a7daa !important;
  color: #fff !important;
}

 .dlu-card__features li:before {
	display: none;
  }

.dlu-text-block__contentcontact {
   display:block;
 }
 
.dlu-text-block__contentmobil {
	display:none;
 }


@media (max-width: 640px) {
  .dlu-text-block__contentcontact {
   display:none;
  }

  .dlu-text-block__contentmobil {
   display:block;
  }

  .dlu-card__features li:before {
	display: none;
  }

 }

/* ─── Mobile (< 640 px): Sticky-Header + Such-Karte direkt darunter ───
   Reuse der bestehenden .luftbild-search-* Klassen aus theme.css ab 20123. */
.dlb-mobile-search-card {
  display: none;
}

@media (max-width: 639px) {

  /* Nur der Mini-Header (Hamburger + Logo + Warenkorb) ist sticky.
     Die Such-Karte sitzt im normalen Page-Flow direkt darunter und
     scrollt mit dem Inhalt mit. */
  header.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    background: #272727;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  }

  /* Die verwirrende alte Shopify-Suchleiste komplett ausblenden,
     damit der Mini-Header kompakt bleibt */
  .header__search-bar-wrapper {
    display: none !important;
  }

  /* Such-Karte — sticky direkt unterhalb des Mini-Headers.
     z-index 99: knapp unter dem Header (z-index 100), aber über allem
     anderen Page-Content, damit beim Scrollen immer sichtbar. */
  .dlb-mobile-search-card {
    display: block;
    position: fixed;
    top: 55px;
    left: 0;
    right: 0;
    z-index: 99;
    background: linear-gradient(135deg, #3d81b3 0%, #2a5a8a 100%);
    padding: 10px 10px 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
  }

  .dlb-mobile-search-card__title {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 8px;
    text-align: center;
    letter-spacing: 0.3px;
	margin-top: 5px;
  }


  /* Bestehende Hero-Animation und Max-Breite zurücksetzen */
  .dlb-mobile-search-card .luftbild-search-section {
    margin: 0;
    max-width: none;
    animation: none;
  }

  /* Kompaktere Höhen für die mobile Karte */
  .dlb-mobile-search-card .luftbild-search-icon { width: 42px; height: 42px; }
  .dlb-mobile-search-card .luftbild-search-input { height: 42px; padding: 8px 12px; font-size: 18px; }
  .dlb-mobile-search-card .luftbild-search-button { height: 42px; padding: 0 16px; font-size: 18px; }

  /* Platz für sticky Mini-Header UND sticky Such-Karte schaffen.
     Wert = ~55 px Header + ~95 px Such-Karte. */
  body {
    padding-top: 150px;
  }

  /* Auf der Startseite gibt es keine Such-Karte → weniger Padding */
  body.template-index {
    padding-top: 55px;
  }

  /* Bild-Popup auf Mobil: Schließen-Button deutlich größer und auffälliger,
     damit Touch-Nutzer ihn klar erkennen und treffen können. */
  #product-gallery__popup-closer {
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 44px;
    background: #000000;
    color: #ffffff;
    border-radius: 50%;
    margin: 8px 8px 0 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  }

    [id^="snize-ac-product"] {
    background-color: #2e2e2e !important;
}

.snize-attribute {
  display: none !important;
}


.snize-ac-prices-container {
  display: none !important;
}

span.snize-title {
  color: #bfbfbf !important;
}

.snize-description {
  font-size: .9rem !important;
  line-height: 1.3 !important;
}

.snize-ac-results .snize-item-image {
  max-height:166px !important;
  max-width:136px !important;
}

.snize-ac-results .snize-suggestion {
  color:#eee !important;
  font-size: 1rem !important;
}

.snize-ac-results .snize-label {
color: #e1e1e1 !important;
font-size: 1rem !important;
}
.snize-ac-results .snize-suggestion.snize-recent {
color: #fff !important;
}
.snize-ac-results .snize-suggestion {
color: #dfdfdf !important;
font-size: 1rem !important;
}

#snize-recent-suggestion-0 {
font-size: 1rem !important;
}

.snize-close-button::before {
opacity: 0 !important;
}

.snize-ac-results.snize-ac-results-mobile .snize-mobile-top-panel button.snize-close-button-arrow {
  transform: translateY(-.7rem) !important;
}

.snize-product-label.down-right {
  display: none;
}



}

/* ─── Bild-Popup muss IMMER über Sticky-Header und Such-Karte liegen,
       sonst werden Popup-Titel und Schließen-Button verdeckt
       (Mini-Header z-index 100, Such-Karte z-index 99). ─── */
#product-gallery__popup_wrapper,
#product-gallery__popup_wrapper.show {
  z-index: 9999;
}



@media (min-width: 640px) {

.snize-attribute {
display: none !important;
}

.snize-ac-results-content {
  background-color: #1f2431 !important;
  border-radius:  8px !important;
}

.snize-ac-results .snize-suggestion.snize-recent {
  color: #fff !important;
}
}

/* ============================================================
   NOTFALL-FIX 2026-05-27 — Layout-Überlappung product-gallery vs product-info
   Auf Desktop (≥1000px) ist .card--sticky per theme.css auf position:absolute.
   Das funktionierte mit der originalen Warehouse-Struktur (info als Sibling
   von wrapper). Aktuelles Template hat info INNERHALB von wrapper —
   dadurch überlagert das absolute Info-Card die Galerie.
   Fix: position:absolute zurück auf relative → Card fließt unter der Galerie.
   Damit wieder Bilder konfigurierbar + bestellbar.
   TODO: später sauber per Template-Restrukturierung lösen.
   ============================================================ */
 @media screen and (min-width: 1000px) {
  body.template-product .card.card--sticky {
    position: relative !important;
    width: auto !important;
    top: auto !important;
  } 
  /* theme.js setzt .product-block-list__wrapper.style.minHeight inline auf
     die ehemalige clientHeight der absolut positionierten Card.
     Das brauchen wir nicht mehr, wenn die Card im Flow ist — neutralisieren. */
  body.template-product .product-block-list__wrapper {
    min-height: 0 !important;
  }
}
 

/* ============================================================
   FIX 2026-05-27 (Phase 2) — Horizontaler Overflow auf Luftbild-Produktseiten
   Diagnose: scrollWidth 2232 vs Viewport 1364 → 868px Overflow.
   Verdächtige: sizecompare-Bild (1920px), inline-Styles in der
   Produktbeschreibung, oder ein nicht sauber gecapptes Configurator-Element.
   Wirkung: Site-Header erscheint horizontal verschoben, weil die Seite
   horizontal scrollt.
   Fix: Body kappt Overflow + alle Bilder/Tabellen in __item--info bekommen
   max-width:100% damit sie nicht über ihre Spalte hinausragen.
   ============================================================ */
/* body.dlb-configurator-product {
  overflow-x: hidden;
}

body.dlb-configurator-product .product-block-list__item--info img,
body.dlb-configurator-product .product-block-list__item--info table,
body.dlb-configurator-product .product-block-list__item--info pre,
body.dlb-configurator-product .product-block-list__item--info iframe {
  max-width: 100%;
  height: auto;
} */

/* Auch __item--description vorsichtshalber — dort steckt die rte-Beschreibung */
/* body.dlb-configurator-product .product-block-list__item--description img,
body.dlb-configurator-product .product-block-list__item--description table,
body.dlb-configurator-product .product-block-list__item--description pre,
body.dlb-configurator-product .product-block-list__item--description iframe {
  max-width: 100%;
  height: auto;
}
 */