function addNewStyle(newStyle) {
    var styleElement = document.getElementById('styles_js');
    if (!styleElement) {
        styleElement = document.createElement('style');
        styleElement.type = 'text/css';
        styleElement.id = 'styles_js';
        document.getElementsByTagName('head')[0].appendChild(styleElement);
    }
    styleElement.appendChild(document.createTextNode(newStyle));
}

// Your new style with !important to override the existing one
addNewStyle('.swatch-picker .swatch-label input:checked + img { border: 2px solid rgba(0, 0, 0, 0.6) !important; }');














var fields = [
    { element: "Breite", text: " Alle Angaben in Millimetern" },
    { element: "Tiefe", text: " Alle Angaben in Millimetern" },
    { element: "Höhe", text: " Alle Angaben in Millimetern" },
    { element: "Material", text: " Weitere Informationen in den FAQ unten." },
     { element: "Anzahl", text: " Mindestabnahmemenge 50 Stück." }
];

fields.forEach(function(field) {
    var label = document.querySelector(`[data-element="${field.element}"] label`);
    if (label) {
        var span = document.createElement('span');
        span.textContent = field.text;
        span.style.fontSize = "14px";
        span.style.display = "block";
        span.style.marginBottom = "8px"; // Abstand zum input
        label.parentNode.insertBefore(span, label.nextSibling);
    }
});