/* 1. Iconbox-Dash: Kontrastreiches Grau/Weiß */
span.sk__iconbox-icon-dash {
	background: rgba(150,150,150,1);
	background: linear-gradient(#000,#000) padding-box,
	linear-gradient(90deg, #333 0%, #fff 50%, #888 100%) border-box;
}

/* 2. Haupt-Gradients (Ringe & Buttons): Dunkelgrau zu Hellgrau */
.sk__gradient-back-v1,
.sk__gradient-back-v1-hover:hover,
.btn:not([class*="btn-"]):before,
.btn-gradient:before,
.btn-gradient-outline,
.btn-gradient-outline:before,
.btn-gradient-outline-hard,
.btn-gradient-outline-hard:before,
span.sk__underliner:before {
	background: rgb(0,0,0);
	background: linear-gradient(90deg, #222 0%, #777 50%, #ddd 100%);
	filter: none; /* MS Filter entfernt, da veraltet und farbig */
}

/* 3. Text-Clipping: Bleibt transparent für den Background-Clip */
.sk__clipped-text,
.sk__clipped-text-hover:hover {
	display: inline-block;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* 4. Fancy Text: Dezente Graustufen für den Text-Gradient */
.sk__gradient-fancy-text,
a.sk__iconbox-icon-link:hover span[class*="icon-"].sk__gradient-fancy-text {
	background: linear-gradient(90deg, #333 0%, #888 52%, #eee 100%);
	-webkit-background-clip: text;
	color: #000;
	padding: 0.065em;
}

/* 5. Text-Schatten (Ebene dahinter) */
.sk__gradient-fancy-text-back {
	position: absolute;
	top: 0; left: 0;
	transform: translate(5px, 5px);
	z-index: -1;
	background: linear-gradient(90deg, rgba(30,30,30,0.7) 0%, rgba(60,60,60,0.5) 52%, rgba(150,150,150,0.4) 100%);
	-webkit-background-clip: text;
	color: #000;
	padding: 0.065em;
}

/* 6. Hintergrund-Tint: Entfernt den Pink-Stich */
.sk__gradient-background-tint {
	background: linear-gradient(135deg, rgba(50,50,50,0.2) 0%, rgba(100,100,100,0.1) 11%, transparent 20%);
}

/* 7. Divider & Links */
.sk__subtle-divider {
	background: linear-gradient(90deg, rgba(40,40,40,0.3) 0%, rgba(100,100,100,0.2) 52%, rgba(200,200,200,0.1) 100%);
}

.gradient-links,
.gradient-links-bright {
	background: linear-gradient(90deg, #666 0%, #999 25%, #444 43%, #888 72%, #ccc 100%);
	display: table;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 400% 400%;
}

/* 8. Icon Trail */
a.sk__iconbox-icon-link > span.sk__iconbox-icon > span.sk__iconbox-trail {
	background: linear-gradient(90deg, rgba(0,0,0,0) 45%, rgba(50,50,50,0.3) 62%, rgba(100,100,100,0.5) 85%, rgba(200,200,200,0.8) 100%);
}

/* Den Farbrotations-Effekt komplett ausschalten */
.hue-rotator {
	filter: none !important;
	-webkit-filter: none !important;
	animation: none !important;
}

/* Sicherstellen, dass die Ringe wirklich nur Graustufen nutzen */
.sk__gradient-back-v1 {
	filter: grayscale(100%) !important;
}