{"version":"1.0","type":"rich","title":"Beispiel: Positionierung","description":"This example demonstrates how HTML elements can be positioned and restyled through JavaScript. A pink background page contains a vertically stacked flexbox layout with a large message box, a button, and a second color block. When the button is clicked, a CSS class toggles the message and button background between navajowhite and darkorange. The core interaction uses the DOM API through `document.querySelector` and `classList.toggle` to dynamically change the visual presentation without any external libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d54610305cd1434cb9ca26d7e7d3c064?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}