diff --git a/src-modules/module/viz/schluesseltabellen/fm_templates.unl b/src-modules/module/viz/schluesseltabellen/fm_templates.unl
index a0e859d..12ddf95 100644
--- a/src-modules/module/viz/schluesseltabellen/fm_templates.unl
+++ b/src-modules/module/viz/schluesseltabellen/fm_templates.unl
@@ -202,7 +202,7 @@ in (select ${renderer},P.tid\
 from viz_property P, tmp_viz_property T\
 where P.prop_uniquename=T.prop_uniquename);\
 \
-\
+select sp_update_sequence('viz_property_renderer');\
 \
 insert into viz_property_renderer(\
 renderer_id,\
diff --git a/superx/xml/viz_components.xsl b/superx/xml/viz_components.xsl
index 904dcc2..b4d35be 100644
--- a/superx/xml/viz_components.xsl
+++ b/superx/xml/viz_components.xsl
@@ -943,6 +943,39 @@ textarea.editform {
 textarea.editform:focus {
     height: 40em;
 }
+
+.textarea, .is-small.textarea { /*20251210 eingefügt*/
+    color: black;
+    background: white; 
+    border: thin solid hsl(0, 0%, 71%);  /*hellgrau*/
+    border-radius: 0.3em;
+}
+    
+.field.is-grouped { /*20251210 eingefügt*/
+    gap: 0.2rem; }
+    
+/*Hell-/Dunkel-Modus*/ /*20251210 eingefügt*/
+@media (prefers-color-scheme: dark) {
+    :root { color-scheme: dark; } 
+    .label.is-small, strong {color: black !important; }
+    .table th { color: black !important; }
+    .table {--bulma-table-background-color: white !important; }
+    .table {--bulma-table-color: black !important; }
+    .table th { color: black !important; }
+    .box { background-color: white !important; }
+    .button { 
+    	border: thin solid hsl(0, 0%, 71%);  /*hellgrau*/
+	border-radius: 0.3em; }
+    .select:not(.is-multiple) { 
+    	background: white; 
+	color: black; }
+    textarea.editform { 
+    	color: black;
+	background: white; 
+	border: thin solid hsl(0, 0%, 71%);  /*hellgrau*/
+	border-radius: 0.3em; }
+    
+}
 </style>
 </xsl:template>
 
@@ -1406,7 +1439,7 @@ Platzhalter
 	<div class="vizLabel-container">
 	<label class="label is-small trennung">
 	
-	<span class="button" style="background: #a6a6a6ff; border: thin solid rgba(0, 76, 147, 240); color: white;" onclick="document.forms[0].elements['reuseresult'].value='false';document.getElementById('progressbar').style.display='block';document.forms['Weiterverarbeitung'].submit();return true;">
+	<span class="button" style="background: #a6a6a6ff; border: thin solid rgba(0, 76, 147, 240); color: white; font-weight:bold;font-size:1.5em;" onclick="document.forms[0].elements['reuseresult'].value='false';document.getElementById('progressbar').style.display='block';document.forms['Weiterverarbeitung'].submit();return true;">
 	Neu laden...
 	</span>
 	</label>
@@ -1554,7 +1587,7 @@ Platzhalter
 				<xsl:attribute name="value"><xsl:value-of select="/*/*/felder/feld [@varname = $Feldname]/value"/></xsl:attribute>
 			</input>
 		<div class="control is-expanded">			
-			<input class="input  is-small is-link is-fullwidth" type="label" readonly="true" name="{concat('label_',$FeldnameEscaped)}" id="{concat('label_',$FeldnameEscaped)}">
+			<input class="input  is-small is-link is-fullwidth" style="font-size:1.1rem;font-weight:normal" type="label" readonly="true" name="{concat('label_',$FeldnameEscaped)}" id="{concat('label_',$FeldnameEscaped)}">
 <xsl:attribute name="onclick"><xsl:value-of select="$jsCall"/>
 			   </xsl:attribute>
 			   <xsl:attribute name="value"><xsl:value-of select="/*/*/felder/feld [@varname = $Feldname]/value_caption"/></xsl:attribute>
@@ -1885,7 +1918,7 @@ Platzhalter
 <xsl:for-each select="/ergebnisse/ergebnis/ergebniselement">
 <p class="teiltabelle_titel" style="font-size:3em;">
 <xsl:text>Datentabelle </xsl:text><a onclick="{concat('toggleTableVisibility(',$colon,'toggleBtnTable',@ordnr+1, $colon,',',$colon, 'table',@ordnr+1,$colon,');')}"> <img  id="{concat('toggleBtnTable',@ordnr+1)}" src="../images/minus-circled.svg" height="20px" style="height:20px" border="0" /></a></p>
-<style>
+<!--<style>
 table.ergtabelle
 {
 padding-left:100px;
@@ -1916,7 +1949,7 @@ td.integer {
   font-size:1.5em;
 }
 
-  </style>
+  </style>-->
   
 <xsl:call-template name="nd_singleTable">
 <xsl:with-param name="ergebniselement_ordnr" select="@ordnr" />
@@ -2052,7 +2085,46 @@ td.integer {
   </style>
 <xsl:choose>
 <xsl:when test="$collapsible='true'">
+<style>
 
+.fixed-right-buttons {
+  position: fixed;
+  right: 0.1%; 			/* Abstand vom rechten Bildschirmrand */
+  top: 50%; 			/* Zentriert den Button-Block vertikal;*/
+  transform: translateY(-50%); 	/* Zentrierung anpassen */
+  display: flex;
+  flex-direction: column; 	/* Buttons vertikal anordnen */
+  gap: 10px; 			/* Abstand zwischen den Buttons */
+  z-index: 600;
+  padding: 0.7% 0% 0.7% 0%;
+}
+
+.inside-buttons { 		/*20250530 BF ergänzt: wenn sidebar offen*/
+  display: block;
+  position: fixed;
+  top: 50%;
+  z-index: 700;
+  left: calc(100vw - 545px - 40px);/* Viewport-Breite minus Sidebar-Breite minus Abstand */
+  transform: none;		 /* keine vertikale Zentrierung */
+  }
+
+.sidebar {			/*20250523 BF ergänzt*/
+  position: fixed;
+  top: 120px; 			/*Abstand zur oberen Leiste*/
+  padding-top:2em;
+  padding-left:0.5em;
+  padding-right: 0.7em;
+  right: 0em;
+  bottom: 0;
+  width: 545px; 		/*Breite nach Bedarf */
+  background: white;
+  box-shadow: -2px 0 5px rgba(0,0,0,0.1);
+  overflow-y: auto;
+  z-index: 700; 		/*für Anzeige über Content*/
+  }
+
+
+</style>
 <script>
 		    function toggleSideBarDiv(mySidebarDivId)
 {
diff --git a/superx/xml/viz_html_chart.xsl b/superx/xml/viz_html_chart.xsl
index f7316d9..52556b7 100644
--- a/superx/xml/viz_html_chart.xsl
+++ b/superx/xml/viz_html_chart.xsl
@@ -466,7 +466,7 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
 <xsl:call-template name="chartLoadMenu" />
 
 <!--Beginn chartCode-->
-<div class="field is-grouped" id="chartCodeDiv" style="display:block">
+<div class="field is-grouped" id="chartCodeDiv"> <!--20251210 entfernt: style="display:block">-->
      <div class="label-container">
      <label class="label is-required is-small"><strong>Chart-Code</strong></label>
     </div>
@@ -862,7 +862,7 @@ Stand: <xsl:value-of select="../stand" /></p>
 
         <!--Beginn Layoutmerkmale-->
     <!--Beginn Layoutmerkmale-->
-    <div class="field">
+    <div class="field is-grouped">
      <div class="label-container">
 	     <label class="label is-required is-small"><strong>Layoutmerkmale</strong></label>
      </div> 
diff --git a/superx/xml/viz_html_chart_viewer_mask_and_table.xsl b/superx/xml/viz_html_chart_viewer_mask_and_table.xsl
index 8a38459..0daf43d 100644
--- a/superx/xml/viz_html_chart_viewer_mask_and_table.xsl
+++ b/superx/xml/viz_html_chart_viewer_mask_and_table.xsl
@@ -49,7 +49,7 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
 <xsl:call-template name="nd_htmlscript" />
 <xsl:call-template name="nd_tableJavascript" />
 <xsl:call-template name="nd_tableCSS" />
-<xsl:call-template name="vizTableCSS" />
+<!--<xsl:call-template name="vizTableCSS" />-->
 <xsl:call-template name="importVizViewer"></xsl:call-template> 
 
 <body  class="has-navbar-fixed-top" onload="document.getElementById('progressbar').style.display='none';initPage();">