diff --git a/src/components/Content.js b/src/components/Content.js
index abba0d9..cb7c8fa 100644
--- a/src/components/Content.js
+++ b/src/components/Content.js
@@ -545,7 +545,8 @@ class Content extends Component {
height: 32,
display: 'flex',
alignItems: 'center',
- justifyContent: 'center'
+ justifyContent: 'center',
+ pointerEvents: 'none'
}}>
diff --git a/src/components/ProductDetailPage.js b/src/components/ProductDetailPage.js
index c3524d5..f7de9ad 100644
--- a/src/components/ProductDetailPage.js
+++ b/src/components/ProductDetailPage.js
@@ -827,7 +827,7 @@ class ProductDetailPage extends Component {
{/* Attribute images and chips with action buttons */}
{(attributes.some(attr => attributeImages[attr.kMerkmalWert]) || attributes.some(attr => !attributeImages[attr.kMerkmalWert])) && (
-
+
{attributes
.filter(attribute => attributeImages[attribute.kMerkmalWert])
.map((attribute) => {
@@ -850,7 +850,15 @@ class ProductDetailPage extends Component {
key={attribute.kMerkmalWert}
label={attribute.cWert}
disabled
- sx={{ mb: 1 }}
+ sx={{
+ '&.Mui-disabled': {
+ opacity: 1, // ← Remove the "fog"
+ },
+ '& .MuiChip-label': {
+ fontWeight: 'bold',
+ color: 'inherit', // ← Keep normal text color
+ },
+ }}
/>
))}