Darstellung: Vorrang gegen Theme-Resets, Prüfung eigener Stildateien

Regeln eigener Bausteine haben Spezifität 0-1-0, Ausblendungen und Einblendungen Vorrang vor Theme-Regeln; die Stildatei steht vor dem Zusätzlichen CSS. Eigene productindex.css und der Einstellungsimport laufen über dieselbe Bestätigung (K42).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

4 files changed, 409 insertions, 387 deletions

diff --git a/views/admin/presentation.phtml b/views/admin/presentation.phtml
index fb50f72..4e69deb 100644
--- a/views/admin/presentation.phtml
+++ b/views/admin/presentation.phtml
@@ -27,23 +27,23 @@
 			</div>

 			<div class="panel-body">

 

-				<?php $customFrontendCss = \wpsg\ThemeStyle::getCustomFile(\wpsg\ThemeStyle::CSS_CLASSIC); ?>

+				<?php $arCustomClassicCss = \wpsg\ThemeStyle::getCustomClassicFiles(); ?>

 

-				<?php echo wpsg_drawForm_Select(\wpsg\ThemeStyle::OPTION, __('Darstellung der Shopseiten', 'wpsg'), [

-					\wpsg\ThemeStyle::MODE_CLASSIC => __('Klassisch', 'wpsg'),

-					\wpsg\ThemeStyle::MODE_THEME => __('An das Theme angepasst', 'wpsg')

+				<?php echo wpsg_drawForm_Select(\wpsg\ThemeStyle::OPTION, esc_html__('Darstellung der Shopseiten', 'wpsg'), [

+					\wpsg\ThemeStyle::MODE_CLASSIC => esc_html__('Klassisch', 'wpsg'),

+					\wpsg\ThemeStyle::MODE_THEME => esc_html__('An das Theme angepasst', 'wpsg')

 				], \wpsg\ThemeStyle::getMode(), ['help' => \wpsg\ThemeStyle::OPTION]); ?>

 

-				<?php if ($customFrontendCss !== null && !\wpsg\ThemeStyle::isThemeMode()) { ?>

+				<?php if (sizeof($arCustomClassicCss) > 0 && !\wpsg\ThemeStyle::isThemeMode()) { ?>

 				<div class="form-group form-group-sm">

 					<div class="col-sm-6 col-sm-offset-6">

 						<div class="alert alert-warning wpsg_style_mode_hint">

 							<p><?php echo sprintf(

-								/* translators: %s: Pfad der eigenen frontend.css */

-								esc_html__('Der Shop lädt eine eigene frontend.css: %s. In der Darstellung „An das Theme angepasst“ wird sie nicht mehr geladen. Zurückschalten auf „Klassisch“ geht jederzeit.', 'wpsg'),

-								'<code>'.esc_html(\wpsg\ThemeStyle::shortPath($customFrontendCss)).'</code>'

+								/* translators: %s: Pfade der eigenen Stildateien */

+								esc_html__('Der Shop lädt eigene Stildateien: %s. In der Darstellung „An das Theme angepasst“ werden sie nicht mehr geladen. Zurückschalten auf „Klassisch“ geht jederzeit.', 'wpsg'),

+								implode(', ', array_map(function($file) { return '<code>'.esc_html(\wpsg\ThemeStyle::shortPath($file)).'</code>'; }, $arCustomClassicCss))

 							); ?></p>

-							<label><input type="checkbox" name="wpsg_style_mode_confirm" value="1" /> <?php echo esc_html__('Verstanden, eigene frontend.css nicht mehr laden', 'wpsg'); ?></label>

+							<label><input type="checkbox" name="wpsg_style_mode_confirm" value="1" /> <?php echo esc_html__('Verstanden, eigene Stildateien nicht mehr laden', 'wpsg'); ?></label>

 						</div>

 					</div>

 				</div>

diff --git a/views/css/frontend.css b/views/css/frontend.css
index 62f6767..0d7d4ff 100644
--- a/views/css/frontend.css
+++ b/views/css/frontend.css
@@ -458,7 +458,6 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max
 	.wpsg_overview .wpsg_orderbutton { width:100%; margin: 0 0 10px 0; }

 	.wpsg_overview .product_name .product_shortdesc { display:none; }

 	.wpsg_overview .overview_product_row .product_info{ display:none; }

-	.wpsg_overview .wpsg_table_wrap .overview_product_row .product_info { flex-wrap:wrap; }

 	.wpsg_overview .overview_sum_wrap .title2 { width:60%; }

 	.wpsg_overview .overview_sum_wrap .value,

 	.wpsg_overview .overview_sum_wrap .sum { width:40%; }

diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css
index f5503f1..0c05099 100644
--- a/views/css/wpsg-theme.css
+++ b/views/css/wpsg-theme.css
@@ -3,23 +3,26 @@
 /*
  * wpShopGermany, Darstellung „An das Theme angepasst“
  *
- * Schrift, Textfarbe, Hintergrund, Knöpfe und Eingabefelder kommen aus dem Theme. Alle Regeln stehen in
- * :where() und haben damit die Spezifität 0: Theme, Website-Editor und eigenes CSS gewinnen immer.
+ * Schrift, Textfarbe, Hintergrund, Knöpfe und Eingabefelder kommen aus dem Theme. Regeln für eigene
+ * Bausteine haben die Spezifität 0-1-0: Der erste Klassen- oder ID-Teil steht außerhalb von :where(), IDs als
+ * [id="…"]. So gewinnen sie gegen Resets wie div { margin:0; border:0 }, Regeln des Themes mit Klasse gewinnen
+ * weiter. Rückfälle für Felder und Knöpfe und Regeln auf reine Elemente (input, select, h2 …) bleiben bei 0.
  * Linien und Flächen sind halbtransparentes Grau und passen zu hellen wie dunklen Themes.
  *
  * Anpassen über die Variablen --wpsg-* (Liste und Bedeutung: Handbuch „Für Theme-Entwickler“), etwa
  *   :root { --wpsg-color-accent: #8a2be2; }
  *
- * Ausnahme: Wenige Aufbauregeln (Breiten in eigenen Bausteinen) haben Klassen-Spezifität, damit allgemeine
- * Feldregeln eines Themes das Layout nicht sprengen. Sie sind mit „Aufbau mit Klassen-Spezifität“ markiert.
+ * Ausnahme: Wenige Aufbauregeln (Breiten von Feldern in eigenen Bausteinen, Ausblenden, Einblendungen) haben
+ * volle Spezifität, damit allgemeine Regeln eines Themes wie form input[type=radio] das Layout nicht sprengen.
+ * Sie sind mit „Aufbau mit Klassen-Spezifität“ markiert.
  *
  * Die Darstellung „Klassisch“ nutzt css/frontend.css; diese Datei wird dann nicht geladen.
  */
 
-/* Variablen */
+/* Variablen; Astra (--ast-global-color-*) und Kadence (--global-palette*) als zusätzlicher Rückfall für die Farben */
 :where(:root) {
-	--wpsg-color-background: var(--wp--preset--color--base, #ffffff);
-	--wpsg-color-foreground: var(--wp--preset--color--contrast, #111111);
+	--wpsg-color-background: var(--wp--preset--color--base, var(--ast-global-color-5, var(--global-palette9, #ffffff)));
+	--wpsg-color-foreground: var(--wp--preset--color--contrast, var(--ast-global-color-3, var(--global-palette4, #111111)));
 	--wpsg-color-accent: var(--wp--preset--color--primary, var(--wp--preset--color--contrast, currentColor));
 	--wpsg-color-line: rgba(127, 127, 127, 0.35);
 	--wpsg-color-line-soft: rgba(127, 127, 127, 0.2);
@@ -41,29 +44,29 @@
 }
 
 /* Allgemein */
-:where(.wpsg-flex) { display:flex; }
-:where(.wpsg-align-center) { align-items:center; }
-:where(.wpsg-gap-2) { gap:0.5rem; }
-:where(.wpsg_clear) { clear:both; }
-:where(.wpsg_spacer) { width:100%; height:1px; background-color:var(--wpsg-color-line-soft); margin-bottom:var(--wpsg-gap); }
-:where(.wpsg_noscroll) { overflow:hidden; }
-:where(.wpsg_upper) { vertical-align:top; font-size:60%; }
+.wpsg-flex { display:flex; }
+.wpsg-align-center { align-items:center; }
+.wpsg-gap-2 { gap:0.5rem; }
+.wpsg_clear { clear:both; }
+.wpsg_spacer { width:100%; height:1px; background-color:var(--wpsg-color-line-soft); margin-bottom:var(--wpsg-gap); }
+.wpsg_noscroll { overflow:hidden; }
+.wpsg_upper { vertical-align:top; font-size:60%; }
 :where(.wpsg, .wpsg_mod_productindex, .wpsg_productform) :where(*, *::before, *::after) { box-sizing:border-box; }
-:where(.wpsg_required) { color:var(--wpsg-color-error); font-weight:bold; }
+.wpsg_required { color:var(--wpsg-color-error); font-weight:bold; }
 
 /* Shop-Container mit "alignwide" in Themes mit Inhaltskarte (z.B. Kadence "content-style-boxed") */
 :where(body.content-style-boxed .entry-content .wpsg.alignwide) { margin-left:0; margin-right:0; width:auto; max-width:100%; }
 
 /* Meldungen: Farbe nur am Rand, der Text bleibt in der Schriftfarbe des Themes */
-:where(#wpsg_error, #wpsg_message, #wpsg_notice) { margin:0 0 var(--wpsg-gap) 0; padding:0; }
-:where(#wpsg_message, #wpsg_error, #wpsg_notice) :where(li, p) { list-style:none; margin:0 0 0.25rem 0; padding:0.5em 0.75em; border-left:4px solid var(--wpsg-color-line); background-color:var(--wpsg-color-surface); }
-:where(#wpsg_message) :where(li, p) { border-left-color:var(--wpsg-color-success); }
-:where(#wpsg_notice) :where(li, p) { border-left-color:var(--wpsg-color-notice); }
-:where(#wpsg_error) :where(li, p) { border-left-color:var(--wpsg-color-error); }
-:where(.wpsg_error) { border-color:var(--wpsg-color-error); }
-:where(input.wpsg_error, select.wpsg_error, textarea.wpsg_error) { border:1px solid var(--wpsg-color-error); }
-:where(label.wpsg_error) { position:absolute; right:2px; top:-2px; color:var(--wpsg-color-error); }
-:where(.wpsg_checkout label.wpsg_error) { background-color:var(--wpsg-color-background); }
+[id="wpsg_error"], [id="wpsg_message"], [id="wpsg_notice"] { margin:0 0 var(--wpsg-gap) 0; padding:0; }
+[id="wpsg_message"] :where(li, p), [id="wpsg_error"] :where(li, p), [id="wpsg_notice"] :where(li, p) { list-style:none; margin:0 0 0.25rem 0; padding:0.5em 0.75em; border-left:4px solid var(--wpsg-color-line); background-color:var(--wpsg-color-surface); }
+[id="wpsg_message"] :where(li, p) { border-left-color:var(--wpsg-color-success); }
+[id="wpsg_notice"] :where(li, p) { border-left-color:var(--wpsg-color-notice); }
+[id="wpsg_error"] :where(li, p) { border-left-color:var(--wpsg-color-error); }
+.wpsg_error { border-color:var(--wpsg-color-error); }
+.wpsg_error:where(input), .wpsg_error:where(select), .wpsg_error:where(textarea) { border:1px solid var(--wpsg-color-error); }
+.wpsg_error:where(label) { position:absolute; right:2px; top:-2px; color:var(--wpsg-color-error); }
+.wpsg_checkout :where(label.wpsg_error) { background-color:var(--wpsg-color-background); }
 
 /*
  * Eingabefelder: schlichter Rückfall für Themes, die Felder nicht gestalten.
@@ -98,413 +101,409 @@
 	color:var(--wpsg-button-color);
 	text-decoration:none;
 }
-:where(.wpsg_button, .wpsg_checkoutbutton, .wpsg_orderbutton, .wpsg_overviewbutton, .wpsg_refreshbutton, .wpsg_basketbutton, .wpsg_checkout2button, .wpsg_saveButton, .wpsg_registerButton, .wpsg_add_basket, .wpsg_add_requestlist, .wpsg_mod_request_button_refresh, .wpsg_mod_request_button_submit, .garan_label_popup_confirm):where(:not(.wp-element-button)):where(:hover, :focus-visible) { background-color:var(--wpsg-color-surface); }
+.wpsg_button:where(:not(.wp-element-button)):where(:hover, :focus-visible), .wpsg_checkoutbutton:where(:not(.wp-element-button)):where(:hover, :focus-visible), .wpsg_orderbutton:where(:not(.wp-element-button)):where(:hover, :focus-visible), .wpsg_overviewbutton:where(:not(.wp-element-button)):where(:hover, :focus-visible), .wpsg_refreshbutton:where(:not(.wp-element-button)):where(:hover, :focus-visible), .wpsg_basketbutton:where(:not(.wp-element-button)):where(:hover, :focus-visible), .wpsg_checkout2button:where(:not(.wp-element-button)):where(:hover, :focus-visible), .wpsg_saveButton:where(:not(.wp-element-button)):where(:hover, :focus-visible), .wpsg_registerButton:where(:not(.wp-element-button)):where(:hover, :focus-visible), .wpsg_add_basket:where(:not(.wp-element-button)):where(:hover, :focus-visible), .wpsg_add_requestlist:where(:not(.wp-element-button)):where(:hover, :focus-visible), .wpsg_mod_request_button_refresh:where(:not(.wp-element-button)):where(:hover, :focus-visible), .wpsg_mod_request_button_submit:where(:not(.wp-element-button)):where(:hover, :focus-visible), .garan_label_popup_confirm:where(:not(.wp-element-button)):where(:hover, :focus-visible) { background-color:var(--wpsg-color-surface); }
 
 /* Warenkorb-Widget */
-:where(.wpsg_basket_widget .wpshopgermany_linktokasse) { float:right; margin-top:var(--wpsg-gap); }
-:where(.wpsg_basket_widget table) { width:100%; }
-:where(.wpsg_basket_widget table td) { line-height:1.25rem; }
-:where(.wpsg_basket_widget table .wpsg_cell_name) { padding-left:0.2rem; }
-:where(.wpsg_basket_widget table .wpsg_cell_amount) { text-align:right; padding-right:0.2rem; }
-:where(.wpsg_basket_widget table .wpsg_row_summary .wpsg_cell_amount) { font-weight:bold; }
-:where(.wpsg_basket_widget .wpsg_tax_note) { font-size:0.75em; }
+.wpsg_basket_widget :where(.wpshopgermany_linktokasse) { float:right; margin-top:var(--wpsg-gap); }
+.wpsg_basket_widget :where(table) { width:100%; }
+.wpsg_basket_widget :where(table td) { line-height:1.25rem; }
+.wpsg_basket_widget :where(table .wpsg_cell_name) { padding-left:0.2rem; }
+.wpsg_basket_widget :where(table .wpsg_cell_amount) { text-align:right; padding-right:0.2rem; }
+.wpsg_basket_widget :where(table .wpsg_row_summary .wpsg_cell_amount) { font-weight:bold; }
+.wpsg_basket_widget :where(.wpsg_tax_note) { font-size:0.75em; }
 
 /* Warenkorb */
-:where(.basket_product_wrap .basket_product_row) { display:flex; align-items:flex-start; gap:0.75em; border-bottom:1px solid var(--wpsg-color-line-soft); padding-bottom:1em; margin-bottom:1em; }
-:where(.basket_product_wrap .basket_product_row .product_shortdesc) { margin-top:0.5em; }
-:where(.basket_product_wrap .basket_product_row .productimage) { flex:0 0 auto; max-width:150px; }
-:where(.basket_product_wrap .basket_product_row .productimage img, .wpsg_overview .overview_product_row .productimage img) { max-width:100%; height:auto; }
-:where(.basket_product_wrap .basket_product_row .product_content) { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; justify-content:space-between; }
-:where(.basket_product_wrap .basket_product_row .product_action) { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; align-items:center; gap:0.25em 0.75em; }
-:where(.basket_product_wrap .basket_product_row .product_action div.amount) { flex:0 0 auto; width:7.5em; padding-right:2em; position:relative; margin-top:0.5em; margin-bottom:0.5em; text-align:center; }
+.basket_product_wrap :where(.basket_product_row) { display:flex; align-items:flex-start; gap:0.75em; border-bottom:1px solid var(--wpsg-color-line-soft); padding-bottom:1em; margin-bottom:1em; }
+.basket_product_wrap :where(.basket_product_row .product_shortdesc) { margin-top:0.5em; }
+.basket_product_wrap :where(.basket_product_row .productimage) { flex:0 0 auto; max-width:150px; }
+.basket_product_wrap :where(.basket_product_row .productimage img), .wpsg_overview :where(.overview_product_row .productimage img) { max-width:100%; height:auto; }
+.basket_product_wrap :where(.basket_product_row .product_content) { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; justify-content:space-between; }
+.basket_product_wrap :where(.basket_product_row .product_action) { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; align-items:center; gap:0.25em 0.75em; }
+.basket_product_wrap :where(.basket_product_row .product_action div.amount) { flex:0 0 auto; width:7.5em; padding-right:2em; position:relative; margin-top:0.5em; margin-bottom:0.5em; text-align:center; }
 :where(.basket_product_wrap .basket_product_row .product_action div.amount input) { width:100%; padding-left:0.25em; padding-right:0.25em; text-align:center; }
-:where(.basket_product_wrap .basket_product_row .product_action div.amount .wpsg_basket_removelink) { box-shadow:none; text-decoration:none; border:0; position:absolute; display:flex; right:5px; top:50%; margin-top:-8px; height:16px; width:16px; }
-:where(.basket_product_wrap .basket_product_row .product_action .title) { flex:1 1 0%; min-width:0; margin-top:0.3em; margin-bottom:0.3em; overflow-wrap:anywhere; }
-:where(.basket_product_wrap .basket_product_row .product_action .price) { flex:0 0 auto; text-align:right; }
-:where(.basket_product_wrap .basket_product_row .product_action .price_total) { flex:0 0 auto; font-weight:bold; text-align:right; }
-:where(.basket_product_wrap .basket_product_row .product_info) { display:flex; width:100%; justify-content:space-between; align-items:center; gap:0.75em; margin-bottom:0.25rem; }
-:where(.basket_product_wrap .basket_product_row .product_upload .wpsg_mod_orderupload_target) { margin-left:15px; flex-grow:1; }
-:where(.basket_product_wrap .basket_product_row .product_upload .wpsg_mod_orderupload_target ul) { margin:0; }
-:where(.basket_product_wrap .basket_product_row .product_upload .wpsg_mod_orderupload_target li) { display:flex; justify-content:space-between; }
-:where(.basket_product_wrap .basket_product_row .product_upload .wpsg_mod_orderupload_target li a.removeLink) { text-decoration:none; box-shadow:none; align-self:center; }
-:where(.basket_product_wrap .basket_product_row .product_upload ul li) { list-style:none; }
-:where(.basket_product_wrap .basket_product_row .product_info .titlep) { min-width:120px; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
-:where(.basket_product_wrap .basket_product_row .product_info .title) { display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
-:where(.basket_product_wrap .basket_product_row .product_info .valuel) { width:50%; display:inline-block; text-align:left; }
-:where(.basket_product_wrap .basket_product_row .product_info .valuer) { width:50%; display:inline-block; text-align:right; }
-:where(.basket_product_wrap .basket_product_row .product_info .fulll) { width:80%; display:inline-block; text-align:left; }
-:where(.basket_product_wrap .basket_product_row .product_info .dummyr) { width:19%; display:inline-block; text-align:right; }
-:where(.basket_product_wrap .basket_product_row .product_info .dummy) { flex-grow:1; width:90px; }
-:where(.basket_product_wrap .basket_product_row .product_info .dummyp) { flex-grow:1; width:110px; }
-:where(.basket_sum_wrap .basket_sum_row, .basket_sum_wrap .wpsg_mod_basketteaser_row) { display:flex; width:100%; justify-content:space-between; align-items:center; gap:0.75em; }
-:where(.basket_sum_wrap .basket_sum_row) :where(.title, .title2, .titlegs) { flex:1 1 auto; min-width:0; margin-top:0.3em; margin-bottom:0.3em; }
-:where(.basket_sum_wrap .basket_sum_voucher .title, .basket_sum_wrap .basket_sum_coupon .title) { display:flex; justify-content:flex-start; align-items:center; }
-:where(.basket_sum_wrap .basket_sum_voucher .title a, .basket_sum_wrap .basket_sum_coupon .title a) { margin-right:0.5rem; }
-:where(.basket_sum_wrap .basket_sum_row) :where(.value, .sum, .delgs, .colgsr) { flex:0 0 auto; text-align:right; }
-:where(.basket_sum_wrap .basket_sum_row) :where(.valuel, .codegsf, .codegsl, .colgsl) { text-align:left; }
-:where(.basket_sum_wrap .basket_sum_row .sum) { font-weight:bold; }
-:where(.basket_sum_wrap .basket_sum_row:has(.codegsl)) { flex-wrap:wrap; }
-:where(.basket_sum_wrap .basket_sum_row .codegs) { flex:1 1 8em; text-align:left; }
-:where(.basket_sum_wrap .basket_sum_row .codegsl) { flex:1 1 10em; min-width:0; }
+.basket_product_wrap :where(.basket_product_row .product_action div.amount .wpsg_basket_removelink) { box-shadow:none; text-decoration:none; border:0; position:absolute; display:flex; right:5px; top:50%; margin-top:-8px; height:16px; width:16px; }
+.basket_product_wrap :where(.basket_product_row .product_action .title) { flex:1 1 0%; min-width:0; margin-top:0.3em; margin-bottom:0.3em; overflow-wrap:anywhere; }
+.basket_product_wrap :where(.basket_product_row .product_action .price) { flex:0 0 auto; text-align:right; }
+.basket_product_wrap :where(.basket_product_row .product_action .price_total) { flex:0 0 auto; font-weight:bold; text-align:right; }
+.basket_product_wrap :where(.basket_product_row .product_info) { display:flex; width:100%; justify-content:space-between; align-items:center; gap:0.75em; margin-bottom:0.25rem; }
+.basket_product_wrap :where(.basket_product_row .product_upload .wpsg_mod_orderupload_target) { margin-left:15px; flex-grow:1; }
+.basket_product_wrap :where(.basket_product_row .product_upload .wpsg_mod_orderupload_target ul) { margin:0; }
+.basket_product_wrap :where(.basket_product_row .product_upload .wpsg_mod_orderupload_target li) { display:flex; justify-content:space-between; }
+.basket_product_wrap :where(.basket_product_row .product_upload .wpsg_mod_orderupload_target li a.removeLink) { text-decoration:none; box-shadow:none; align-self:center; }
+.basket_product_wrap :where(.basket_product_row .product_upload ul li) { list-style:none; }
+.basket_product_wrap :where(.basket_product_row .product_info .titlep) { min-width:120px; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
+.basket_product_wrap :where(.basket_product_row .product_info .title) { display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
+.basket_product_wrap :where(.basket_product_row .product_info .valuel) { width:50%; display:inline-block; text-align:left; }
+.basket_product_wrap :where(.basket_product_row .product_info .valuer) { width:50%; display:inline-block; text-align:right; }
+.basket_product_wrap :where(.basket_product_row .product_info .fulll) { width:80%; display:inline-block; text-align:left; }
+.basket_product_wrap :where(.basket_product_row .product_info .dummyr) { width:19%; display:inline-block; text-align:right; }
+.basket_product_wrap :where(.basket_product_row .product_info .dummy) { flex-grow:1; width:90px; }
+.basket_product_wrap :where(.basket_product_row .product_info .dummyp) { flex-grow:1; width:110px; }
+.basket_sum_wrap :where(.basket_sum_row), .basket_sum_wrap :where(.wpsg_mod_basketteaser_row) { display:flex; width:100%; justify-content:space-between; align-items:center; gap:0.75em; }
+.basket_sum_wrap :where(.basket_sum_row) :where(.title, .title2, .titlegs) { flex:1 1 auto; min-width:0; margin-top:0.3em; margin-bottom:0.3em; }
+.basket_sum_wrap :where(.basket_sum_voucher .title), .basket_sum_wrap :where(.basket_sum_coupon .title) { display:flex; justify-content:flex-start; align-items:center; }
+.basket_sum_wrap :where(.basket_sum_voucher .title a), .basket_sum_wrap :where(.basket_sum_coupon .title a) { margin-right:0.5rem; }
+.basket_sum_wrap :where(.basket_sum_row) :where(.value, .sum, .delgs, .colgsr) { flex:0 0 auto; text-align:right; }
+.basket_sum_wrap :where(.basket_sum_row) :where(.valuel, .codegsf, .codegsl, .colgsl) { text-align:left; }
+.basket_sum_wrap :where(.basket_sum_row .sum) { font-weight:bold; }
+.basket_sum_wrap :where(.basket_sum_row:has(.codegsl)) { flex-wrap:wrap; }
+.basket_sum_wrap :where(.basket_sum_row .codegs) { flex:1 1 8em; text-align:left; }
+.basket_sum_wrap :where(.basket_sum_row .codegsl) { flex:1 1 10em; min-width:0; }
 :where(.basket_sum_wrap .basket_sum_row .codegsl input) { width:100%; }
-:where(.basket_sum_wrap .basket_sum_row .codegsr) { flex:0 0 auto; text-align:right; }
-:where(.basket_sum_wrap .wpsg_mod_basketteaser_row .valuer) { text-align:right; }
-:where(.basket_sum_wrap .wpsg_mod_basketteaser_row .valuel) { text-align:left; }
-:where(.basket_sum_wrap .wpsg_customerbudget_row .wpsg_customerbudget_error) { width:100%; margin:0; color:var(--wpsg-color-error); font-size:var(--wpsg-font-size-small); font-weight:bold; }
-:where(.procent_payship) { display:block; font-size:0.75em; line-height:1.2; opacity:var(--wpsg-muted-opacity); margin-bottom:10px; }
-:where(.wpsg_basket .wpsg_cell_gesamtsumme_value) { font-weight:bold; }
-:where(.wpsg_basket .set_land, .wpsg_basket .set_shipping) { max-width:100%; }
-:where(.wpsg_basket .wpsg_checkoutbutton) { float:right; }
-:where(.wpsg_basket .wpsg_refreshbutton, .wpsg_checkout2button, .wpsg_basketbutton) { float:left; }
-:where(.wpsg_basket .product_action_printshop .label) { align-self:flex-start; }
-:where(.wpsg_basket .product_action_printshop .files ul li) { list-style:none; display:flex; align-items:center; justify-content:flex-end; }
-:where(.wpsg_basket .product_action_printshop .files ul li img) { margin-left:5px; cursor:pointer; }
+.basket_sum_wrap :where(.basket_sum_row .codegsr) { flex:0 0 auto; text-align:right; }
+.basket_sum_wrap :where(.wpsg_mod_basketteaser_row .valuer) { text-align:right; }
+.basket_sum_wrap :where(.wpsg_mod_basketteaser_row .valuel) { text-align:left; }
+.basket_sum_wrap :where(.wpsg_customerbudget_row .wpsg_customerbudget_error) { width:100%; margin:0; color:var(--wpsg-color-error); font-size:var(--wpsg-font-size-small); font-weight:bold; }
+.procent_payship { display:block; font-size:0.75em; line-height:1.2; opacity:var(--wpsg-muted-opacity); margin-bottom:10px; }
+.wpsg_basket :where(.wpsg_cell_gesamtsumme_value) { font-weight:bold; }
+.wpsg_basket :where(.set_land), .wpsg_basket :where(.set_shipping) { max-width:100%; }
+.wpsg_basket :where(.wpsg_checkoutbutton) { float:right; }
+.wpsg_basket :where(.wpsg_refreshbutton), .wpsg_checkout2button, .wpsg_basketbutton { float:left; }
+.wpsg_basket :where(.product_action_printshop .label) { align-self:flex-start; }
+.wpsg_basket :where(.product_action_printshop .files ul li) { list-style:none; display:flex; align-items:center; justify-content:flex-end; }
+.wpsg_basket :where(.product_action_printshop .files ul li img) { margin-left:5px; cursor:pointer; }
 
 /* Kasse und Anfrage */
-:where(.wpsg_checkout .wpsg_checkoutblock) { width:100%; clear:both; margin-bottom:2px; position:relative; }
-:where(.wpsg_checkout .wpsg_checkoutblock label) { vertical-align:middle; }
-:where(.wpsg_checkout .wpsg_checkoutblock) :where(input.wpsg_input_text, input[type="tel"], input[type="fax"], input[type="text"], input[type="email"], input[type="number"], input[type="password"], select) { margin-bottom:5px; width:100%; }
+.wpsg_checkout :where(.wpsg_checkoutblock) { width:100%; clear:both; margin-bottom:2px; position:relative; }
+.wpsg_checkout :where(.wpsg_checkoutblock label) { vertical-align:middle; }
+.wpsg_checkout :where(.wpsg_checkoutblock) :where(input.wpsg_input_text, input[type="tel"], input[type="fax"], input[type="text"], input[type="email"], input[type="number"], input[type="password"], select) { margin-bottom:5px; width:100%; }
 :where(.wpsg_checkout .wpsg_checkoutblock input[type="checkbox"]) { width:auto; margin-right:5px; }
-:where(.wpsg_checkout .wpsg_checkoutblock .g-recaptcha) { float:right; margin-top:15px; }
-:where(.wpsg_checkout .wpsg_mandatoryfield_hint, .wpsg_checkout2 .wpsg_mandatoryfield_hint) { margin-top:var(--wpsg-gap); }
-:where(.wpsg_checkout .wpsg_checkout2button) { float:right; }
-:where(.wpsg_checkout .wpsg_mod_ordervars, .wpsg_checkout .wpsg_mod_shippingadress) { margin-bottom:var(--wpsg-gap); }
-:where(.wpsg_checkout .wpsg_mod_ordervars_field) { display:inline; }
+.wpsg_checkout :where(.wpsg_checkoutblock .g-recaptcha) { float:right; margin-top:15px; }
+.wpsg_checkout :where(.wpsg_mandatoryfield_hint), .wpsg_checkout2 :where(.wpsg_mandatoryfield_hint) { margin-top:var(--wpsg-gap); }
+.wpsg_checkout :where(.wpsg_checkout2button) { float:right; }
+.wpsg_checkout :where(.wpsg_mod_ordervars), .wpsg_checkout :where(.wpsg_mod_shippingadress) { margin-bottom:var(--wpsg-gap); }
+.wpsg_checkout :where(.wpsg_mod_ordervars_field) { display:inline; }
 :where(.wpsg_checkout h2) { padding:10px 0; }
-:where(.wpsg_checkout .wpsg_commentblock textarea, .wpsg #wpsg_checkout_comment) { width:100%; height:150px; }
-:where(.wpsg_checkout .wpsg_logout_box a) { float:right; padding:0.75em 1em; font-weight:bold; }
-:where(.wpsg_checkout, .wpsg_mod_request_requestpage) :where(#wpsg_streetnr.wpsg_checkoutblock, #wpsg_shipping_streetnr.wpsg_checkoutblock) { display:flex; flex-direction:row; width:100%; }
-:where(.wpsg_checkout, .wpsg_mod_request_requestpage) :where(#wpsg_streetnr.wpsg_checkoutblock, #wpsg_shipping_streetnr.wpsg_checkoutblock) :where(.street) { flex-grow:1; padding-right:15px; }
-:where(.wpsg_checkout, .wpsg_mod_request_requestpage) :where(#wpsg_streetnr.wpsg_checkoutblock, #wpsg_shipping_streetnr.wpsg_checkoutblock) :where(.nr) { flex:0 0 6em; }
+.wpsg_checkout :where(.wpsg_commentblock textarea), .wpsg :where(#wpsg_checkout_comment) { width:100%; height:150px; }
+.wpsg_checkout :where(.wpsg_logout_box a) { float:right; padding:0.75em 1em; font-weight:bold; }
+.wpsg_checkout :where(#wpsg_streetnr.wpsg_checkoutblock, #wpsg_shipping_streetnr.wpsg_checkoutblock), .wpsg_mod_request_requestpage :where(#wpsg_streetnr.wpsg_checkoutblock, #wpsg_shipping_streetnr.wpsg_checkoutblock) { display:flex; flex-direction:row; width:100%; }
+.wpsg_checkout :where(#wpsg_streetnr.wpsg_checkoutblock, #wpsg_shipping_streetnr.wpsg_checkoutblock) :where(.street), .wpsg_mod_request_requestpage :where(#wpsg_streetnr.wpsg_checkoutblock, #wpsg_shipping_streetnr.wpsg_checkoutblock) :where(.street) { flex-grow:1; padding-right:15px; }
+.wpsg_checkout :where(#wpsg_streetnr.wpsg_checkoutblock, #wpsg_shipping_streetnr.wpsg_checkoutblock) :where(.nr), .wpsg_mod_request_requestpage :where(#wpsg_streetnr.wpsg_checkoutblock, #wpsg_shipping_streetnr.wpsg_checkoutblock) :where(.nr) { flex:0 0 6em; }
 :where(.wpsg_checkout, .wpsg_mod_request_requestpage) :where(#wpsg_streetnr.wpsg_checkoutblock, #wpsg_shipping_streetnr.wpsg_checkoutblock) :where(.nr input) { width:100%; }
-:where(.wpsg_checkout label[for="wpsg_mod_trustedshops_set"]) { margin:var(--wpsg-gap) 0; display:block; }
+.wpsg_checkout :where(label[for="wpsg_mod_trustedshops_set"]) { margin:var(--wpsg-gap) 0; display:block; }
 
 /* Versand- und Zahlungsart */
-:where(.shippay_wrap) { margin-top:2.5rem; width:100%; }
-:where(.wpsg_payment .wpsg_payment_textwrap) { margin-top:2.5rem; }
-:where(.shippay_wrap .shippay_item_wrap) { position:relative; border-top:1px solid var(--wpsg-color-line-soft); cursor:pointer; padding-left:8px; padding-right:40px; }
-:where(.shippay_wrap .shippay_item_wrap:last-child) { border-bottom:1px solid var(--wpsg-color-line-soft); }
-:where(.shippay_wrap .shippay_active, .shippay_wrap .shippay_item_wrap:hover) { background-color:var(--wpsg-color-surface); }
-:where(.shippay_wrap .shippay_item_wrap .shippay_hint) { display:none; margin-top:-5px; padding-bottom:20px; font-size:var(--wpsg-font-size-small); opacity:var(--wpsg-muted-opacity); }
-:where(.shippay_wrap .shippay_active .shippay_hint) { display:block; padding-right:8px; }
-:where(.shippay_wrap .shippay_active .shippay_hint .shippay_error) { color:var(--wpsg-color-error); font-weight:bold; }
-:where(.shippay_wrap .shippay_item_wrap .wpsg_payship_name) { display:table-cell; vertical-align:middle; height:64px; }
-:where(.shippay_wrap .shippay_active .wpsg_payship_name) { font-weight:bold; }
-:where(.shippay_wrap .shippay_item_wrap input[type="radio"]) { display:none; }
-:where(.shippay_wrap .shippay_item_wrap .shippay_checkmark) { display:none; position:absolute; right:12px; top:22px; width:10px; height:18px; border:solid currentColor; border-width:0 3px 3px 0; transform:rotate(45deg); }
-:where(.shippay_wrap .shippay_active .shippay_checkmark) { display:block; }
-:where(.shippay_wrap .wpsg_payship_logo) { margin-top:-5px; padding-bottom:10px; }
-:where(.wpsg_checkout2 .wpsg_overviewbutton) { float:right; }
-:where(.wpsg_checkout2 .wpsg_checkoutbutton) { float:left; }
-:where(.wpsg_checkout2 .wpsg_overviewbutton, .wpsg_checkout2 .wpsg_checkoutbutton, .wpsg_overview .garan_label_wrap) { text-align:center; }
+.shippay_wrap { margin-top:2.5rem; width:100%; }
+.wpsg_payment :where(.wpsg_payment_textwrap) { margin-top:2.5rem; }
+.shippay_wrap :where(.shippay_item_wrap) { border-top:1px solid var(--wpsg-color-line-soft); cursor:pointer; padding-left:8px; padding-right:40px; }
+.shippay_wrap :where(.shippay_item_wrap:last-child) { border-bottom:1px solid var(--wpsg-color-line-soft); }
+.shippay_wrap :where(.shippay_active), .shippay_wrap :where(.shippay_item_wrap:hover) { background-color:var(--wpsg-color-surface); }
+.shippay_wrap :where(.shippay_item_wrap .shippay_hint) { margin-top:-5px; padding-bottom:20px; font-size:var(--wpsg-font-size-small); opacity:var(--wpsg-muted-opacity); }
+.shippay_wrap :where(.shippay_active .shippay_hint) { padding-right:8px; }
+.shippay_wrap :where(.shippay_active .shippay_hint .shippay_error) { color:var(--wpsg-color-error); font-weight:bold; }
+.shippay_wrap :where(.shippay_item_wrap .wpsg_payship_name) { display:table-cell; vertical-align:middle; height:64px; }
+.shippay_wrap :where(.shippay_active .wpsg_payship_name) { font-weight:bold; }
+.shippay_wrap :where(.shippay_item_wrap .shippay_checkmark) { right:12px; top:22px; width:10px; height:18px; border:solid currentColor; border-width:0 3px 3px 0; transform:rotate(45deg); }
+.shippay_wrap :where(.wpsg_payship_logo) { margin-top:-5px; padding-bottom:10px; }
+.wpsg_checkout2 :where(.wpsg_overviewbutton) { float:right; }
+.wpsg_checkout2 :where(.wpsg_checkoutbutton) { float:left; }
+.wpsg_checkout2 :where(.wpsg_overviewbutton), .wpsg_checkout2 :where(.wpsg_checkoutbutton), .wpsg_overview :where(.garan_label_wrap) { text-align:center; }
 
 /* Bestellübersicht */
-:where(.wpsg_overview .wpsg_agb) { width:100%; clear:both; margin-bottom:2px; }
-:where(.wpsg_overview .shippayment) { margin-top:var(--wpsg-gap); float:right; width:45%; }
-:where(.wpsg_overview .anschrift) { margin-top:var(--wpsg-gap); float:left; width:55%; }
-:where(.wpsg_overview .subtitle) { font-weight:bold; margin-bottom:0.5rem; }
-:where(.wpsg_overview .wpsg_orderbutton) { float:right; }
-:where(.wpsg_overview .wpsg_checkoutbutton) { float:left; }
-:where(.wpsg_overview .wpsg_table_wrap) { margin:10px 0; }
-:where(.wpsg_overview .wpsg_table_wrap table) { width:100%; }
-:where(.wpsg_overview .wpsg_table_wrap) :where(.wpsg_cell_menge, .wpsg_cell_mwst) { width:100px; text-align:center; }
-:where(.wpsg_overview .wpsg_table_wrap) :where(.wpsg_cell_preis, .wpsg_cell_gesamtpreis, .wpsg_cell_summe_value, .wpsg_cell_shipping_value, .wpsg_cell_payment_value, .wpsg_cell_mwst_value) { text-align:right; }
-:where(.wpsg_overview .wpsg_table_wrap .wpsg_cell_gesamt_value) { text-align:right; font-weight:bold; }
-:where(.wpsg_overview) :where(.wpsg_cell_weight_value, .wpsg_cell_deliverytime_value, .wpsg_mod_varianten_value) { text-align:right; }
-:where(.wpsg_overview .wpsg_overview_productimage) { display:inline; padding-right:0.2rem; vertical-align:baseline; }
-:where(.wpsg_overview .einvoice_input) { margin-bottom:2rem; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row) { display:flex; align-items:flex-start; gap:0.75em; border-bottom:1px solid var(--wpsg-color-line-soft); padding-bottom:1em; margin-bottom:1em; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row .product_shortdesc) { margin-top:0.5em; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row .productimage) { flex:0 0 auto; max-width:150px; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row .product_content) { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; justify-content:space-between; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row .product_action) { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; align-items:center; gap:0.25em 0.75em; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row .product_action div.amount) { width:80px; margin-top:0.5em; margin-bottom:0.5em; text-align:center; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row .product_action .title) { flex:1 1 0%; min-width:0; margin-top:0.3em; margin-bottom:0.3em; overflow-wrap:anywhere; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row .product_action) :where(.price, .price_total) { flex:0 0 auto; text-align:right; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row .product_action .price_total) { font-weight:bold; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row .product_info) { display:flex; width:100%; justify-content:space-between; align-items:center; gap:0.75em; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row .product_info .titlep) { min-width:120px; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row .product_info .title) { display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row .product_info .valuel) { width:50%; display:inline-block; text-align:left; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row .product_info .valuer) { width:50%; display:inline-block; text-align:right; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row .product_info .fulll) { width:80%; display:inline-block; text-align:left; }
-:where(.wpsg_overview .wpsg_table_wrap .overview_product_row .product_info .dummyr) { width:19%; display:inline-block; text-align:right; }
-:where(.overview_sum_wrap .overview_sum_row) { display:flex; width:100%; justify-content:space-between; align-items:center; gap:0.75em; }
-:where(.overview_sum_wrap .overview_sum_row) :where(.title, .title2, .titlegs) { flex:1 1 auto; min-width:0; margin-top:0.3em; margin-bottom:0.3em; }
-:where(.overview_sum_wrap .overview_sum_row) :where(.value, .sum, .delgs, .codegsr, .colgsr) { flex:0 0 auto; text-align:right; }
-:where(.overview_sum_wrap .overview_sum_row) :where(.valuel, .codegs, .codegsl, .colgsl) { text-align:left; }
-:where(.overview_sum_wrap .overview_sum_row .sum) { font-weight:bold; }
+.wpsg_overview :where(.wpsg_agb) { width:100%; clear:both; margin-bottom:2px; }
+.wpsg_overview :where(.shippayment) { margin-top:var(--wpsg-gap); float:right; width:45%; }
+.wpsg_overview :where(.anschrift) { margin-top:var(--wpsg-gap); float:left; width:55%; }
+.wpsg_overview :where(.subtitle) { font-weight:bold; margin-bottom:0.5rem; }
+.wpsg_overview :where(.wpsg_orderbutton) { float:right; }
+.wpsg_overview :where(.wpsg_checkoutbutton) { float:left; }
+.wpsg_overview :where(.wpsg_table_wrap) { margin:10px 0; }
+.wpsg_overview :where(.wpsg_table_wrap table) { width:100%; }
+.wpsg_overview :where(.wpsg_table_wrap) :where(.wpsg_cell_menge, .wpsg_cell_mwst) { width:100px; text-align:center; }
+.wpsg_overview :where(.wpsg_table_wrap) :where(.wpsg_cell_preis, .wpsg_cell_gesamtpreis, .wpsg_cell_summe_value, .wpsg_cell_shipping_value, .wpsg_cell_payment_value, .wpsg_cell_mwst_value) { text-align:right; }
+.wpsg_overview :where(.wpsg_table_wrap .wpsg_cell_gesamt_value) { text-align:right; font-weight:bold; }
+.wpsg_overview :where(.wpsg_cell_weight_value, .wpsg_cell_deliverytime_value, .wpsg_mod_varianten_value) { text-align:right; }
+.wpsg_overview :where(.wpsg_overview_productimage) { display:inline; padding-right:0.2rem; vertical-align:baseline; }
+.wpsg_overview :where(.einvoice_input) { margin-bottom:2rem; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row) { display:flex; align-items:flex-start; gap:0.75em; border-bottom:1px solid var(--wpsg-color-line-soft); padding-bottom:1em; margin-bottom:1em; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row .product_shortdesc) { margin-top:0.5em; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row .productimage) { flex:0 0 auto; max-width:150px; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row .product_content) { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; justify-content:space-between; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row .product_action) { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; align-items:center; gap:0.25em 0.75em; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row .product_action div.amount) { width:80px; margin-top:0.5em; margin-bottom:0.5em; text-align:center; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row .product_action .title) { flex:1 1 0%; min-width:0; margin-top:0.3em; margin-bottom:0.3em; overflow-wrap:anywhere; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row .product_action) :where(.price, .price_total) { flex:0 0 auto; text-align:right; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row .product_action .price_total) { font-weight:bold; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row .product_info) { display:flex; width:100%; justify-content:space-between; align-items:center; gap:0.75em; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row .product_info .titlep) { min-width:120px; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row .product_info .title) { display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row .product_info .valuel) { width:50%; display:inline-block; text-align:left; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row .product_info .valuer) { width:50%; display:inline-block; text-align:right; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row .product_info .fulll) { width:80%; display:inline-block; text-align:left; }
+.wpsg_overview :where(.wpsg_table_wrap .overview_product_row .product_info .dummyr) { width:19%; display:inline-block; text-align:right; }
+.overview_sum_wrap :where(.overview_sum_row) { display:flex; width:100%; justify-content:space-between; align-items:center; gap:0.75em; }
+.overview_sum_wrap :where(.overview_sum_row) :where(.title, .title2, .titlegs) { flex:1 1 auto; min-width:0; margin-top:0.3em; margin-bottom:0.3em; }
+.overview_sum_wrap :where(.overview_sum_row) :where(.value, .sum, .delgs, .codegsr, .colgsr) { flex:0 0 auto; text-align:right; }
+.overview_sum_wrap :where(.overview_sum_row) :where(.valuel, .codegs, .codegsl, .colgsl) { text-align:left; }
+.overview_sum_wrap :where(.overview_sum_row .sum) { font-weight:bold; }
 
 /* Fortschritt der Kasse */
-:where(.wpsg_progress) { display:block; padding:0; margin:30px 0 100px 0; width:100%; }
-:where(.wpsg_progress)::after { content:" "; display:block; width:100%; height:10px; border:1px solid var(--wpsg-color-line); background-color:var(--wpsg-color-surface); }
-:where(.wpsg_progress span.step) { width:25%; display:block; float:left; list-style:none; position:relative; }
-:where(.wpsg_progress span.step > .text) { margin-top:30px; text-align:center; width:100%; display:block; }
-:where(.wpsg_progress span.step > .dot) { position:absolute; z-index:2; background-color:var(--wpsg-color-line); width:20px; height:20px; left:50%; top:0; margin-left:-14px; margin-top:-4px; border-radius:10px; }
-:where(.wpsg_progress span.step)::before { content:" "; display:block; position:absolute; z-index:2; left:50%; margin-left:-20px; margin-top:-10px; width:30px; height:30px; border-radius:25px; border:1px solid var(--wpsg-color-line); background-color:var(--wpsg-color-background); }
-:where(.wpsg_progress span.current, .wpsg_progress span.done)::before { background-color:var(--wpsg-color-accent); border-color:var(--wpsg-color-accent); }
-:where(.wpsg_progress span.current > .dot, .wpsg_progress span.done > .dot) { background-color:var(--wpsg-color-background); }
-:where(.wpsg_progress span.current, .wpsg_progress span.done)::after { content:" "; display:block; position:absolute; top:0; width:100%; height:10px; background-color:var(--wpsg-color-accent); opacity:0.5; }
-:where(.wpsg_progress span.current)::after { width:50%; }
+.wpsg_progress { display:block; padding:0; margin:30px 0 100px 0; width:100%; }
+.wpsg_progress::after { content:" "; display:block; width:100%; height:10px; border:1px solid var(--wpsg-color-line); background-color:var(--wpsg-color-surface); }
+.wpsg_progress :where(span.step) { width:25%; display:block; float:left; list-style:none; position:relative; }
+.wpsg_progress :where(span.step > .text) { margin-top:30px; text-align:center; width:100%; display:block; }
+.wpsg_progress :where(span.step > .dot) { position:absolute; z-index:2; background-color:var(--wpsg-color-line); width:20px; height:20px; left:50%; top:0; margin-left:-14px; margin-top:-4px; border-radius:10px; }
+.wpsg_progress :where(span.step)::before { content:" "; display:block; position:absolute; z-index:2; left:50%; margin-left:-20px; margin-top:-10px; width:30px; height:30px; border-radius:25px; border:1px solid var(--wpsg-color-line); background-color:var(--wpsg-color-background); }
+.wpsg_progress :where(span.current)::before, .wpsg_progress :where(span.done)::before { background-color:var(--wpsg-color-accent); border-color:var(--wpsg-color-accent); }
+.wpsg_progress :where(span.current > .dot), .wpsg_progress :where(span.done > .dot) { background-color:var(--wpsg-color-background); }
+.wpsg_progress :where(span.current)::after, .wpsg_progress :where(span.done)::after { content:" "; display:block; position:absolute; top:0; width:100%; height:10px; background-color:var(--wpsg-color-accent); opacity:0.5; }
+.wpsg_progress :where(span.current)::after { width:50%; }
 
 /* Kundenkonto */
-:where(.wpsg_profil .wpsg_pwdvergessen_link) { line-height:30px; }
-:where(.wpsg_profil .wpsg_mod_kundenverwaltung_login, .wpsg_checkout .wpsg_mod_kundenverwaltung_login) { float:right; }
-:where(.wpsg_profil .wpsg_saveButton) { float:right; }
-:where(#wpsg_pwd_info) { display:none; width:100%; padding:1.5rem; border:1px solid var(--wpsg-color-line); border-radius:var(--wpsg-radius); background-color:var(--wpsg-color-background); color:var(--wpsg-color-foreground); }
-:where(#wpsg_pwd_info ul li) { margin:10px 20px; display:block; }
-:where(.invalid) { padding-left:22px; line-height:24px; color:var(--wpsg-color-error); }
-:where(.valid) { padding-left:22px; line-height:24px; color:var(--wpsg-color-success); }
-:where(.wpsg_mod_kundenverwaltung_order .wpsg_mod_kundenverwaltung_producttable) { margin-top:var(--wpsg-gap); margin-bottom:2rem; }
-:where(.wpsg_mod_kundenverwaltung_order table) { width:100%; }
-:where(.wpsg_mod_kundenverwaltung_order table) :where(td, th) { text-align:left; }
-:where(.wpsg_mod_kundenverwaltung_order .wpsg_box) { border-bottom:1px solid var(--wpsg-color-line); padding-bottom:var(--wpsg-gap); margin-bottom:var(--wpsg-gap); }
+.wpsg_profil :where(.wpsg_pwdvergessen_link) { line-height:30px; }
+.wpsg_profil :where(.wpsg_mod_kundenverwaltung_login), .wpsg_checkout :where(.wpsg_mod_kundenverwaltung_login) { float:right; }
+.wpsg_profil :where(.wpsg_saveButton) { float:right; }
+[id="wpsg_pwd_info"] { width:100%; padding:1.5rem; border:1px solid var(--wpsg-color-line); border-radius:var(--wpsg-radius); background-color:var(--wpsg-color-background); color:var(--wpsg-color-foreground); }
+[id="wpsg_pwd_info"] :where(ul li) { margin:10px 20px; display:block; }
+.invalid { padding-left:22px; line-height:24px; color:var(--wpsg-color-error); }
+.valid { padding-left:22px; line-height:24px; color:var(--wpsg-color-success); }
+.wpsg_mod_kundenverwaltung_order :where(.wpsg_mod_kundenverwaltung_producttable) { margin-top:var(--wpsg-gap); margin-bottom:2rem; }
+.wpsg_mod_kundenverwaltung_order :where(table) { width:100%; }
+.wpsg_mod_kundenverwaltung_order :where(table) :where(td, th) { text-align:left; }
+.wpsg_mod_kundenverwaltung_order :where(.wpsg_box) { border-bottom:1px solid var(--wpsg-color-line); padding-bottom:var(--wpsg-gap); margin-bottom:var(--wpsg-gap); }
 :where(.wpsg_mod_kundenverwaltung_widget) :where(input[type="text"], input[type="password"]) { width:100%; margin-bottom:0.5rem; }
 :where(.wpsg_mod_kundenverwaltung_widget input[type="submit"]) { float:right; }
 
 /* Abo-Produkte */
-:where(.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product) { border-bottom:1px solid var(--wpsg-color-line-soft); padding-bottom:15px; margin-bottom:15px; }
-:where(.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .link_wrap) { display:inline-block; margin-left:10px; }
-:where(.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .link_wrap)::before { content:'['; margin-right:5px; display:inline-block; }
-:where(.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .link_wrap)::after { content:']'; margin-left:5px; display:inline-block; }
-:where(.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product) :where(.status_activ, .duration_running) { color:var(--wpsg-color-success); }
-:where(.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product) :where(.status_inactiv, .duration_expired) { color:var(--wpsg-color-error); }
-:where(.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .duration_inextension) { color:var(--wpsg-color-notice); }
-:where(.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .value) { margin-left:10px; }
-:where(.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .image) { float:left; margin-right:15px; }
-:where(.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .label) { float:left; width:15rem; }
+.wpsg_mod_abo_order_product_wrap :where(.wpsg_mod_abo_order_product) { border-bottom:1px solid var(--wpsg-color-line-soft); padding-bottom:15px; margin-bottom:15px; }
+.wpsg_mod_abo_order_product_wrap :where(.wpsg_mod_abo_order_product .link_wrap) { display:inline-block; margin-left:10px; }
+.wpsg_mod_abo_order_product_wrap :where(.wpsg_mod_abo_order_product .link_wrap)::before { content:'['; margin-right:5px; display:inline-block; }
+.wpsg_mod_abo_order_product_wrap :where(.wpsg_mod_abo_order_product .link_wrap)::after { content:']'; margin-left:5px; display:inline-block; }
+.wpsg_mod_abo_order_product_wrap :where(.wpsg_mod_abo_order_product) :where(.status_activ, .duration_running) { color:var(--wpsg-color-success); }
+.wpsg_mod_abo_order_product_wrap :where(.wpsg_mod_abo_order_product) :where(.status_inactiv, .duration_expired) { color:var(--wpsg-color-error); }
+.wpsg_mod_abo_order_product_wrap :where(.wpsg_mod_abo_order_product .duration_inextension) { color:var(--wpsg-color-notice); }
+.wpsg_mod_abo_order_product_wrap :where(.wpsg_mod_abo_order_product .value) { margin-left:10px; }
+.wpsg_mod_abo_order_product_wrap :where(.wpsg_mod_abo_order_product .image) { float:left; margin-right:15px; }
+.wpsg_mod_abo_order_product_wrap :where(.wpsg_mod_abo_order_product .label) { float:left; width:15rem; }
 
 /* Produkt */
-:where(.wpsg_productform) { position:relative; }
-:where(.wpsg_productform img) { max-width:100%; height:auto; }
-:where(.wpsg_productform .wpsg_produkt_wrapper .wpsg_productimages) { float:left; margin-right:0.75em; }
-:where(.wpsg_productform .wpsg_produkt_produktbilder) { max-width:200px; }
-:where(.wpsg_productform .wpsg_produkt_wrapper .wpsg_produkt_preishinweis) { font-size:0.75em; }
-:where(.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productview_oldprice, .product_wrap .productdetails .oldprice) { text-decoration:line-through; }
-:where(.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productview_price) { font-weight:bold; }
-:where(.wpsg_productform .wpsg_produkt_wrapper) :where(.wpsg_produkt_shortdescription, .wpsg_product_only_store, .wpsg_mod_productvariants_product_wrap) { margin-top:0.75em; margin-bottom:0.75em; }
+.wpsg_productform { position:relative; }
+.wpsg_productform :where(img) { max-width:100%; height:auto; }
+.wpsg_productform :where(.wpsg_produkt_wrapper .wpsg_productimages) { float:left; margin-right:0.75em; }
+.wpsg_productform :where(.wpsg_produkt_produktbilder) { max-width:200px; }
+.wpsg_productform :where(.wpsg_produkt_wrapper .wpsg_produkt_preishinweis) { font-size:0.75em; }
+.wpsg_productform :where(.wpsg_produkt_wrapper .wpsg_mod_productview_oldprice), .product_wrap :where(.productdetails .oldprice) { text-decoration:line-through; }
+.wpsg_productform :where(.wpsg_produkt_wrapper .wpsg_mod_productview_price) { font-weight:bold; }
+.wpsg_productform :where(.wpsg_produkt_wrapper) :where(.wpsg_produkt_shortdescription, .wpsg_product_only_store, .wpsg_mod_productvariants_product_wrap) { margin-top:0.75em; margin-bottom:0.75em; }
 :where(.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productvariants_product_wrap select) { width:100%; }
-:where(.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_informationarea) { margin-top:1.5em; margin-bottom:1.5em; }
-:where(.wpsg_productform label) { display:block; font-weight:bold; margin-bottom:0.5em; }
-:where(.wpsg_productform .wpsg_mod_productvars) { display:flex; flex-direction:column; gap:0.75em; margin-top:0.75em; margin-bottom:0.75em; }
-:where(.wpsg_productform .wpsg_mod_productvars_row) { display:flex; flex-direction:column; gap:0.3em; }
-:where(.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productvars_label) { font-weight:normal; font-size:0.9em; opacity:var(--wpsg-muted-opacity); }
-:where(.wpsg_productform .wpsg_mod_productvars_input) { width:100%; }
-:where(.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productvars_check) { display:flex; align-items:center; gap:0.5em; font-weight:normal; cursor:pointer; }
+.wpsg_productform :where(.wpsg_produkt_wrapper .wpsg_product_informationarea) { margin-top:1.5em; margin-bottom:1.5em; }
+.wpsg_productform :where(label) { display:block; font-weight:bold; margin-bottom:0.5em; }
+.wpsg_productform :where(.wpsg_mod_productvars) { display:flex; flex-direction:column; gap:0.75em; margin-top:0.75em; margin-bottom:0.75em; }
+.wpsg_productform :where(.wpsg_mod_productvars_row) { display:flex; flex-direction:column; gap:0.3em; }
+.wpsg_productform :where(.wpsg_produkt_wrapper .wpsg_mod_productvars_label) { font-weight:normal; font-size:0.9em; opacity:var(--wpsg-muted-opacity); }
+.wpsg_productform :where(.wpsg_mod_productvars_input) { width:100%; }
+.wpsg_productform :where(.wpsg_produkt_wrapper .wpsg_mod_productvars_check) { display:flex; align-items:center; gap:0.5em; font-weight:normal; cursor:pointer; }
 :where(.wpsg_productform .wpsg_mod_productvars_check input[type="checkbox"]) { flex:0 0 auto; margin:0; }
-:where(.wpsg_productform .wpsg_mod_productvars .wpsg_required) { margin-left:0.15em; }
-:where(.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea) { margin-top:var(--wpsg-gap); }
-:where(.wpsg_produkt_add_basket_wrapper) { display:flex; flex-wrap:wrap; align-items:stretch; justify-content:flex-start; gap:var(--wpsg-gap); }
+.wpsg_productform :where(.wpsg_mod_productvars .wpsg_required) { margin-left:0.15em; }
+.wpsg_productform :where(.wpsg_produkt_wrapper .wpsg_product_buttonarea) { margin-top:var(--wpsg-gap); }
+.wpsg_produkt_add_basket_wrapper { display:flex; flex-wrap:wrap; align-items:stretch; justify-content:flex-start; gap:var(--wpsg-gap); }
 :where(.wpsg_produkt_add_basket_wrapper > *) { margin:0; }
-:where(.wpsg_produkt_add_basket_wrapper > label) { display:flex; align-items:center; margin:0; }
+.wpsg_produkt_add_basket_wrapper :where(> label) { display:flex; align-items:center; margin:0; }
 /* Aufbau mit Klassen-Spezifität: allgemeine Feldregeln der Themes (input { width:100% }) sollen die Zeile nicht sprengen */
 .wpsg_produkt_add_basket_wrapper .wpsg_menge { width:5em; flex:0 0 auto; text-align:center; }
-:where(.wpsg_productform .wpsg_product_layer) { position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--wpsg-color-surface); padding:0.75em; margin:-0.75em; box-sizing:content-box; }
-:where(.wpsg_productform .wpsg_product_layer img) { position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-5px; }
-:where(.wpsg_product_deliverytime_holiday) { padding:10px; border-left:4px solid var(--wpsg-color-notice); background-color:var(--wpsg-color-surface); }
+.wpsg_productform :where(.wpsg_product_layer) { position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--wpsg-color-surface); padding:0.75em; margin:-0.75em; box-sizing:content-box; }
+.wpsg_productform :where(.wpsg_product_layer img) { position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-5px; }
+.wpsg_product_deliverytime_holiday { padding:10px; border-left:4px solid var(--wpsg-color-notice); background-color:var(--wpsg-color-surface); }
 
 /* Minigalerie */
-:where(.wpsg_productform #responsive_slider .carousel-indicators) { bottom:-45px; }
-:where(.wpsg_productform #responsive_slider .carousel-indicators li) { margin-left:2.5px; margin-right:2.5px; }
-:where(.wpsg_productform #responsive_slider .carousel-indicators li.active) { border-width:2px; }
-:where(.wpsg_productform .sto_carousel) { position:relative; margin-bottom:45px; margin-top:46px; }
-:where(.wpsg_productform .sto_carousel ul, .wpsg_productform .sto_carousel li) { list-style:none; }
-:where(.wpsg_productform .sto_carousel li) { float:left; margin-right:10px; }
-:where(.wpsg_productform .sto_carousel li .wpsg_image_producttemplate_small) { width:93px; }
-:where(.wpsg_productform .jcarousel) { position:relative; height:95px; overflow:hidden; width:515px; max-width:100%; }
-:where(.wpsg_productform .jcarousel ul) { width:20000em; position:relative; list-style:none; margin:0; padding:0; }
-:where(.wpsg_productform .sto_carousel) :where(.left, .right) { position:absolute; top:0; height:95px; line-height:95px; width:20px; display:block; font-size:2rem; }
-:where(.wpsg_productform .sto_carousel .left) { left:0; text-align:left; }
-:where(.wpsg_productform .sto_carousel .right) { right:0; text-align:right; }
-:where(.wpsg_produkt_wrapper2 .wpsg_gallery_wrap ul) { width:490px; max-width:100%; padding:0; margin:0; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
-:where(.wpsg_produkt_wrapper2 .wpsg_gallery_wrap ul li) { list-style:none; padding:0; margin:0 0 30px 0; width:100px; height:100px; }
-:where(.wpsg_produkt_wrapper2 .wpsg_gallery_wrap ul li > div) { width:100%; height:100%; cursor:pointer; }
-:where(.wpsg_produkt_wrapper2 .wpsg_gallery_wrap ul li > div > img) { width:100%; height:100%; object-fit:cover; object-position:center center; }
-:where(.wpsg_produkt_wrapper2 .wpsg_produkt_produktbilder img) { width:230px; height:230px; object-fit:cover; object-position:50% 50%; max-width:none; float:left; }
-:where(.wpsg_produkt_wrapper2 .wpsg_produkt_produktbilder) { width:260px; max-width:260px; }
-:where(.wpsg_produkt_wrapper2 .wpsg_productimages) { margin-right:0; }
-:where(.wpsg_produkt_wrapper2 .bigimg img) { margin:0 15px 15px 15px; width:100px; height:auto; float:left; }
+.wpsg_productform :where(#responsive_slider .carousel-indicators) { bottom:-45px; }
+.wpsg_productform :where(#responsive_slider .carousel-indicators li) { margin-left:2.5px; margin-right:2.5px; }
+.wpsg_productform :where(#responsive_slider .carousel-indicators li.active) { border-width:2px; }
+.wpsg_productform :where(.sto_carousel) { position:relative; margin-bottom:45px; margin-top:46px; }
+.wpsg_productform :where(.sto_carousel ul), .wpsg_productform :where(.sto_carousel li) { list-style:none; }
+.wpsg_productform :where(.sto_carousel li) { float:left; margin-right:10px; }
+.wpsg_productform :where(.sto_carousel li .wpsg_image_producttemplate_small) { width:93px; }
+.wpsg_productform :where(.jcarousel) { position:relative; height:95px; overflow:hidden; width:515px; max-width:100%; }
+.wpsg_productform :where(.jcarousel ul) { width:20000em; position:relative; list-style:none; margin:0; padding:0; }
+.wpsg_productform :where(.sto_carousel) :where(.left, .right) { position:absolute; top:0; height:95px; line-height:95px; width:20px; display:block; font-size:2rem; }
+.wpsg_productform :where(.sto_carousel .left) { left:0; text-align:left; }
+.wpsg_productform :where(.sto_carousel .right) { right:0; text-align:right; }
+.wpsg_produkt_wrapper2 :where(.wpsg_gallery_wrap ul) { width:490px; max-width:100%; padding:0; margin:0; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
+.wpsg_produkt_wrapper2 :where(.wpsg_gallery_wrap ul li) { list-style:none; padding:0; margin:0 0 30px 0; width:100px; height:100px; }
+.wpsg_produkt_wrapper2 :where(.wpsg_gallery_wrap ul li > div) { width:100%; height:100%; cursor:pointer; }
+.wpsg_produkt_wrapper2 :where(.wpsg_gallery_wrap ul li > div > img) { width:100%; height:100%; object-fit:cover; object-position:center center; }
+.wpsg_produkt_wrapper2 :where(.wpsg_produkt_produktbilder img) { width:230px; height:230px; object-fit:cover; object-position:50% 50%; max-width:none; float:left; }
+.wpsg_produkt_wrapper2 :where(.wpsg_produkt_produktbilder) { width:260px; max-width:260px; }
+.wpsg_produkt_wrapper2 :where(.wpsg_productimages) { margin-right:0; }
+.wpsg_produkt_wrapper2 :where(.bigimg img) { margin:0 15px 15px 15px; width:100px; height:auto; float:left; }
 
 /* Varianten */
-:where(.wpsg_produkt_wrapper .wpsg_vp_field) { clear:both; margin-bottom:var(--wpsg-gap); }
-:where(.wpsg_produkt_wrapper .wpsg_vp_field_image) { clear:both; display:block; }
-:where(.wpsg_produkt_wrapper .wpsg_vp_field_typ_radio label) { clear:both; float:left; }
-:where(.wpsg_mod_productvariants_imageselect .image) { padding:10px; display:inline-block; }
-:where(.wpsg_mod_productvariants_imageselect .akt) { padding:5px; border:5px solid var(--wpsg-color-line); }
-:where(.wpsg_mod_productvariants_imageselect a) { text-decoration:none; }
+.wpsg_produkt_wrapper :where(.wpsg_vp_field) { clear:both; margin-bottom:var(--wpsg-gap); }
+.wpsg_produkt_wrapper :where(.wpsg_vp_field_image) { clear:both; display:block; }
+.wpsg_produkt_wrapper :where(.wpsg_vp_field_typ_radio label) { clear:both; float:left; }
+.wpsg_mod_productvariants_imageselect :where(.image) { padding:10px; display:inline-block; }
+.wpsg_mod_productvariants_imageselect :where(.akt) { padding:5px; border:5px solid var(--wpsg-color-line); }
+.wpsg_mod_productvariants_imageselect :where(a) { text-decoration:none; }
 
 /* Produktattribute */
-:where(.wpsg_cell_produktattribute_value) { text-align:right; }
-:where(.wpsg_mod_produktattribute_label) { display:inline-block; min-width:120px; }
-:where(.wpsg_mod_produktattribute_value) { display:inline-block; }
+.wpsg_cell_produktattribute_value { text-align:right; }
+.wpsg_mod_produktattribute_label { display:inline-block; min-width:120px; }
+.wpsg_mod_produktattribute_value { display:inline-block; }
 
 /* Produktansichten */
-:where(.wpsg_productview, .wpsg_mod_productview_image) { position:relative; }
-:where(.wpsg_productview_head) { margin:25px 0; line-height:25px; position:relative; }
-:where(.wpsg_productview_head h2.wpsg_productview_title) { margin-top:0; font-size:1.25em; font-weight:bold; }
-:where(.wpsg_productview_head .wpsg_mod_productview_modeswitch) { position:absolute; right:15px; top:0; font-size:1.25em; }
-:where(.wpsg_productview_head .wpsg_mod_productview_modeswitch > a) { margin-left:5px; text-decoration:none; opacity:var(--wpsg-muted-opacity); }
-:where(.wpsg_productview_head .wpsg_mod_productview_modeswitch > a.active, .wpsg_productview_head .wpsg_mod_productview_modeswitch > a:hover) { opacity:1; }
-:where(.wpsg_mod_productview-info, .wpsg_mod_productview-order) { font-size:var(--wpsg-font-size-small); opacity:var(--wpsg-muted-opacity); }
-:where(.wpsg_mod_productview-info strong, .wpsg_mod_productview-order strong) { font-weight:bold; }
-:where(.wpsg_mod_productview-order strong) { float:right; }
-:where(.wpsg_mod_productview-order) { position:relative; cursor:pointer; }
-:where(.wpsg_mod_productview-order .glyphicon) { margin-left:10px; margin-right:5px; }
-:where(.wpsg_mod_productview-order-layer) { position:absolute; width:100%; display:none; margin-top:5px; left:0; z-index:1; }
-:where(.wpsg_mod_productview-order-layer > .inner) { margin:0 15px; border:1px solid var(--wpsg-color-line); background-color:var(--wpsg-color-background); color:var(--wpsg-color-foreground); }
-:where(.wpsg_mod_productview-order-layer a) { display:block; line-height:25px; padding:5px 5px 5px 10px; text-decoration:none; }
-:where(.wpsg_mod_productview-order-layer a.selected, .wpsg_mod_productview-order-layer a:hover) { background-color:var(--wpsg-color-surface); }
-:where(.wpsg_mod_productview_image img) { max-width:100%; height:auto; border:1px solid var(--wpsg-color-line-soft); }
-:where(.wpsg_productview_pager) { width:100%; border-top:1px solid var(--wpsg-color-line-soft); border-bottom:1px solid var(--wpsg-color-line-soft); margin:10px 0 25px 0; padding:25px 0; text-align:center; }
-:where(.wpsg_productview_pager .wpsg_productview_pager_wrap) { display:inline-block; margin:auto; }
-:where(.wpsg_productview_pager .wpsg_productview_pager_wrap > span, .wpsg_productview_pager .wpsg_productview_pager_wrap > a) { display:inline-block; width:30px; height:30px; line-height:30px; border:1px solid var(--wpsg-color-line); margin:0 15px; }
-:where(.wpsg_productview_product) { padding-top:15px; padding-bottom:40px; position:relative; margin-bottom:25px; }
-:where(.wpsg_productview_product .wpsg_mod_productview_bottom) { display:block; width:100%; text-align:center; }
+.wpsg_productview, .wpsg_mod_productview_image { position:relative; }
+.wpsg_productview_head { margin:25px 0; line-height:25px; position:relative; }
+.wpsg_productview_head :where(h2.wpsg_productview_title) { margin-top:0; font-size:1.25em; font-weight:bold; }
+.wpsg_productview_head :where(.wpsg_mod_productview_modeswitch) { position:absolute; right:15px; top:0; font-size:1.25em; }
+.wpsg_productview_head :where(.wpsg_mod_productview_modeswitch > a) { margin-left:5px; text-decoration:none; opacity:var(--wpsg-muted-opacity); }
+.wpsg_productview_head :where(.wpsg_mod_productview_modeswitch > a.active), .wpsg_productview_head :where(.wpsg_mod_productview_modeswitch > a:hover) { opacity:1; }
+.wpsg_mod_productview-info, .wpsg_mod_productview-order { font-size:var(--wpsg-font-size-small); opacity:var(--wpsg-muted-opacity); }
+.wpsg_mod_productview-info :where(strong), .wpsg_mod_productview-order :where(strong) { font-weight:bold; }
+.wpsg_mod_productview-order :where(strong) { float:right; }
+.wpsg_mod_productview-order { position:relative; cursor:pointer; }
+.wpsg_mod_productview-order :where(.glyphicon) { margin-left:10px; margin-right:5px; }
+.wpsg_mod_productview-order-layer { width:100%; margin-top:5px; left:0; }
+.wpsg_mod_productview-order-layer :where(> .inner) { margin:0 15px; border:1px solid var(--wpsg-color-line); background-color:var(--wpsg-color-background); color:var(--wpsg-color-foreground); }
+.wpsg_mod_productview-order-layer :where(a) { display:block; line-height:25px; padding:5px 5px 5px 10px; text-decoration:none; }
+.wpsg_mod_productview-order-layer :where(a.selected), .wpsg_mod_productview-order-layer :where(a:hover) { background-color:var(--wpsg-color-surface); }
+.wpsg_mod_productview_image :where(img) { max-width:100%; height:auto; border:1px solid var(--wpsg-color-line-soft); }
+.wpsg_productview_pager { width:100%; border-top:1px solid var(--wpsg-color-line-soft); border-bottom:1px solid var(--wpsg-color-line-soft); margin:10px 0 25px 0; padding:25px 0; text-align:center; }
+.wpsg_productview_pager :where(.wpsg_productview_pager_wrap) { display:inline-block; margin:auto; }
+.wpsg_productview_pager :where(.wpsg_productview_pager_wrap > span), .wpsg_productview_pager :where(.wpsg_productview_pager_wrap > a) { display:inline-block; width:30px; height:30px; line-height:30px; border:1px solid var(--wpsg-color-line); margin:0 15px; }
+.wpsg_productview_product { padding-top:15px; padding-bottom:40px; position:relative; margin-bottom:25px; }
+.wpsg_productview_product :where(.wpsg_mod_productview_bottom) { display:block; width:100%; text-align:center; }
 :where(.wpsg_productview_product .wpsg_mod_productview_bottom .wpsg_mod_productview_name h2) { font-size:1em; font-weight:bold; margin-bottom:5px; }
-:where(.wpsg_productview_product .wpsg_mod_productview_bottom .wpsg_mod_productview_description) { line-height:1.4; font-size:var(--wpsg-font-size-small); margin-bottom:5px; opacity:var(--wpsg-muted-opacity); }
-:where(.wpsg_productview_product .wpsg_mod_productview_bottom .wpsg_mod_productview_button) { left:50%; margin-left:-90px; width:180px; position:absolute; bottom:0; white-space:nowrap; padding:5px 25px; border:1px solid var(--wpsg-color-line); font-weight:bold; text-transform:uppercase; }
-:where(.wpsg_productview_product .wpsg_mod_productview_bottom .wpsg_mod_productview_button:hover) { text-decoration:none; background-color:var(--wpsg-color-surface); }
-:where(.wpsg_productview_product .wpsg_mod_productview_bottom .wpsg_mod_productview_button .fa) { margin-left:10px; }
-:where(.wpsg_productview_product .wpsg_mod_productview_go) { display:none; position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--wpsg-color-background); color:var(--wpsg-color-foreground); opacity:0.9; text-align:center; }
-:where(.wpsg_productview_product .wpsg_mod_productview_go .wpsg_mod_productview_price_wrap) { width:100%; position:absolute; left:0; top:30%; font-size:1.25em; line-height:125%; font-weight:bold; }
-:where(.wpsg_productview_product .wpsg_mod_productview_go .wpsg_mod_productview_price_wrap .wpsg_mod_productview_oldprice) { text-decoration:line-through; }
-:where(.wpsg_productview_product .wpsg_mod_productview_go .wpsg_mod_productview_price_wrap .wpsg_mod_productview_current) { color:var(--wpsg-color-error); }
-:where(.wpsg_productview_product .wpsg_mod_productview_go .wpsg_mod_productview_tax_wrap) { width:100%; position:absolute; left:0; top:60%; font-size:var(--wpsg-font-size-small); line-height:125%; }
-:where(.wpsg_productview_product:hover) { text-decoration:none; }
-:where(.wpsg_productview_product:hover .wpsg_mod_productview_go) { display:block; }
-:where(.wpsg_productview_product_grid .wpsg_star_wrap) { position:absolute; width:80%; left:10%; top:10%; }
+.wpsg_productview_product :where(.wpsg_mod_productview_bottom .wpsg_mod_productview_description) { line-height:1.4; font-size:var(--wpsg-font-size-small); margin-bottom:5px; opacity:var(--wpsg-muted-opacity); }
+.wpsg_productview_product :where(.wpsg_mod_productview_bottom .wpsg_mod_productview_button) { left:50%; margin-left:-90px; width:180px; position:absolute; bottom:0; white-space:nowrap; padding:5px 25px; border:1px solid var(--wpsg-color-line); font-weight:bold; text-transform:uppercase; }
+.wpsg_productview_product :where(.wpsg_mod_productview_bottom .wpsg_mod_productview_button:hover) { text-decoration:none; background-color:var(--wpsg-color-surface); }
+.wpsg_productview_product :where(.wpsg_mod_productview_bottom .wpsg_mod_productview_button .fa) { margin-left:10px; }
+.wpsg_productview_product :where(.wpsg_mod_productview_go) { left:0; top:0; width:100%; height:100%; background-color:var(--wpsg-color-background); color:var(--wpsg-color-foreground); opacity:0.9; text-align:center; }
+.wpsg_productview_product :where(.wpsg_mod_productview_go .wpsg_mod_productview_price_wrap) { width:100%; position:absolute; left:0; top:30%; font-size:1.25em; line-height:125%; font-weight:bold; }
+.wpsg_productview_product :where(.wpsg_mod_productview_go .wpsg_mod_productview_price_wrap .wpsg_mod_productview_oldprice) { text-decoration:line-through; }
+.wpsg_productview_product :where(.wpsg_mod_productview_go .wpsg_mod_productview_price_wrap .wpsg_mod_productview_current) { color:var(--wpsg-color-error); }
+.wpsg_productview_product :where(.wpsg_mod_productview_go .wpsg_mod_productview_tax_wrap) { width:100%; position:absolute; left:0; top:60%; font-size:var(--wpsg-font-size-small); line-height:125%; }
+.wpsg_productview_product:where(:hover) { text-decoration:none; }
+.wpsg_productview_product_grid :where(.wpsg_star_wrap) { position:absolute; width:80%; left:10%; top:10%; }
 :where(.wpsg_productview_product_grid .wpsg_mod_productview_name h2) { margin-top:0; }
-:where(.wpsg_mod_productview_loading) { width:100%; height:100%; background-color:var(--wpsg-color-background); opacity:0.75; position:absolute; left:0; top:0; }
-:where(.wpsg_mod_productview_filter #wpsg_mod_productview_filter_price-range) { position:relative; margin-right:16px; }
-:where(.wpsg_mod_productview_filter #wpsg_mod_productview_filter_price-range .ui-slider-handle) { cursor:pointer; width:16px; height:16px; background-color:currentColor; position:absolute; }
-:where(.wpsg_mod_productview_filter #wpsg_mod_productview_filter_price-range .ui-slider-bg) { margin-left:16px; background-color:var(--wpsg-color-line); width:100%; height:2px; position:absolute; top:8px; }
+.wpsg_mod_productview_loading { width:100%; height:100%; background-color:var(--wpsg-color-background); opacity:0.75; position:absolute; left:0; top:0; }
+.wpsg_mod_productview_filter :where(#wpsg_mod_productview_filter_price-range) { position:relative; margin-right:16px; }
+.wpsg_mod_productview_filter :where(#wpsg_mod_productview_filter_price-range .ui-slider-handle) { cursor:pointer; width:16px; height:16px; background-color:currentColor; position:absolute; }
+.wpsg_mod_productview_filter :where(#wpsg_mod_productview_filter_price-range .ui-slider-bg) { margin-left:16px; background-color:var(--wpsg-color-line); width:100%; height:2px; position:absolute; top:8px; }
 
 /* Produktübersichten (im Modus „Klassisch“ in productindex.css) */
-:where(.wpsg_mod_productindex .wpsg_mod_productindex_toolbar) { display:flow-root; padding:0.5em 0.75em; border:1px solid var(--wpsg-color-line-soft); background-color:var(--wpsg-color-surface); }
-:where(.wpsg_mod_productindex .wpsg_mod_productindex_toolbar_top) { border-radius:var(--wpsg-radius) var(--wpsg-radius) 0 0; }
-:where(.wpsg_mod_productindex .wpsg_mod_productindex_toolbar_bottom) { border-radius:0 0 var(--wpsg-radius) var(--wpsg-radius); }
-:where(.wpsg_mod_productindex .wpsg_mod_productindex_toolbar ul) { list-style:none; padding:0; margin:0; float:left; clear:none; }
-:where(.wpsg_mod_productindex .wpsg_mod_productindex_toolbar .wpsg_mod_productindex_pager ul li, .wpsg_mod_productindex .wpsg_mod_productindex_toolbar .wpsg_mod_productindex_pager span) { float:left; display:block; margin-left:5px; }
-:where(.wpsg_mod_productindex .wpsg_mod_productindex_order) { float:left; }
+.wpsg_mod_productindex :where(.wpsg_mod_productindex_toolbar) { display:flow-root; padding:0.5em 0.75em; border:1px solid var(--wpsg-color-line-soft); background-color:var(--wpsg-color-surface); }
+.wpsg_mod_productindex :where(.wpsg_mod_productindex_toolbar_top) { border-radius:var(--wpsg-radius) var(--wpsg-radius) 0 0; }
+.wpsg_mod_productindex :where(.wpsg_mod_productindex_toolbar_bottom) { border-radius:0 0 var(--wpsg-radius) var(--wpsg-radius); }
+.wpsg_mod_productindex :where(.wpsg_mod_productindex_toolbar ul) { list-style:none; padding:0; margin:0; float:left; clear:none; }
+.wpsg_mod_productindex :where(.wpsg_mod_productindex_toolbar .wpsg_mod_productindex_pager ul li), .wpsg_mod_productindex :where(.wpsg_mod_productindex_toolbar .wpsg_mod_productindex_pager span) { float:left; display:block; margin-left:5px; }
+.wpsg_mod_productindex :where(.wpsg_mod_productindex_order) { float:left; }
 :where(.wpsg_mod_productindex .wpsg_mod_productindex_order select) { margin-bottom:3px; }
-:where(.wpsg_mod_productindex .wpsg_mod_productindex_viewselect) { float:right; margin-top:5px; }
-:where(.wpsg_mod_productindex .wpsg_mod_productindex_pager) { float:right; margin-left:5px; }
-:where(.wpsg_mod_productindex_list .wpsg_mod_productindex_product, .wpsg_mod_productindex_list .wpsg_mod_productindex_empty) { display:flow-root; padding:15px; border:1px solid var(--wpsg-color-line-soft); border-bottom:0; }
-:where(.wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_pic) { float:left; margin-right:15px; }
-:where(.wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content) { margin-left:115px; }
-:where(.wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_button) { float:right; }
-:where(.wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_infos) { float:right; line-height:1.5em; text-align:right; }
-:where(.wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_infos div) { clear:right; }
-:where(.wpsg_mod_productindex_list, .wpsg_mod_productindex_grid) :where(.wpsg_mod_productindex_title) { font-weight:bold; margin-bottom:5px; line-height:1.5em; }
-:where(.wpsg_mod_productindex_list .wpsg_mod_productindex_title) { font-size:1.2em; }
-:where(.wpsg_mod_productindex_list, .wpsg_mod_productindex_grid) :where(.wpsg_mod_productindex_price) { font-size:1.4em; font-weight:normal; }
-:where(.wpsg_mod_productindex_list, .wpsg_mod_productindex_grid) :where(.wpsg_produkt_preishinweis) { font-size:0.8em; font-weight:normal; font-style:italic; }
-:where(.wpsg_mod_productindex_list, .wpsg_mod_productindex_grid) :where(.wpsg_produkt_soldout) { color:var(--wpsg-color-error); }
-:where(.wpsg_mod_productindex_kuhint) { line-height:125%; margin-top:20px; font-style:italic; }
-:where(.wpsg_mod_productindex_grid .wpsg_mod_productindex_productrow) { display:flex; flex-wrap:wrap; border:1px solid var(--wpsg-color-line-soft); border-bottom:0; }
-:where(.wpsg_mod_productindex_grid .wpsg_mod_productindex_productrow > .wpsg_clear) { display:none; }
-:where(.wpsg_mod_productindex_grid .wpsg_mod_productindex_product) { flex:0 0 calc(100% / var(--wpsg-columns, 4)); min-width:0; padding-bottom:50px; font-size:0.8em; }
-:where(.wpsg_mod_productindex) :where(img) { max-width:100%; height:auto; }
-:where(.wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_product_inner) { margin:15px; }
-:where(.wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_pic) { text-align:center; }
-:where(.wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_pic img) { max-width:100%; height:auto; }
-:where(.wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_infos) { font-size:0.8em; }
-:where(.wpsg_mod_productindex_grid .wpsg_mod_productindex_title) { font-size:1em; min-height:3em; }
-:where(.wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_button) { width:100%; margin-top:15px; }
-:where(.wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_button a) { display:block; width:100%; text-align:center; }
-:where(.wpsg_mod_productindex .wpsg_mod_fuellmenge_info) { font-size:0.75em; }
+.wpsg_mod_productindex :where(.wpsg_mod_productindex_viewselect) { float:right; margin-top:5px; }
+.wpsg_mod_productindex :where(.wpsg_mod_productindex_pager) { float:right; margin-left:5px; }
+.wpsg_mod_productindex_list :where(.wpsg_mod_productindex_product), .wpsg_mod_productindex_list :where(.wpsg_mod_productindex_empty) { display:flow-root; padding:15px; border:1px solid var(--wpsg-color-line-soft); border-bottom:0; }
+.wpsg_mod_productindex_list :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_pic) { float:left; margin-right:15px; }
+.wpsg_mod_productindex_list :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_content) { margin-left:115px; }
+.wpsg_mod_productindex_list :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_button) { float:right; }
+.wpsg_mod_productindex_list :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_infos) { float:right; line-height:1.5em; text-align:right; }
+.wpsg_mod_productindex_list :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_infos div) { clear:right; }
+.wpsg_mod_productindex_list :where(.wpsg_mod_productindex_title), .wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_title) { font-weight:bold; margin-bottom:5px; line-height:1.5em; }
+.wpsg_mod_productindex_list :where(.wpsg_mod_productindex_title) { font-size:1.2em; }
+.wpsg_mod_productindex_list :where(.wpsg_mod_productindex_price), .wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_price) { font-size:1.4em; font-weight:normal; }
+.wpsg_mod_productindex_list :where(.wpsg_produkt_preishinweis), .wpsg_mod_productindex_grid :where(.wpsg_produkt_preishinweis) { font-size:0.8em; font-weight:normal; font-style:italic; }
+.wpsg_mod_productindex_list :where(.wpsg_produkt_soldout), .wpsg_mod_productindex_grid :where(.wpsg_produkt_soldout) { color:var(--wpsg-color-error); }
+.wpsg_mod_productindex_kuhint { line-height:125%; margin-top:20px; font-style:italic; }
+.wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_productrow) { display:flex; flex-wrap:wrap; border:1px solid var(--wpsg-color-line-soft); border-bottom:0; }
+.wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_product) { flex:0 0 auto; width:calc(100% / var(--wpsg-columns, 4)); min-width:0; padding-bottom:50px; font-size:0.8em; }
+.wpsg_mod_productindex :where(img) { max-width:100%; height:auto; }
+.wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_product_inner) { margin:15px; }
+.wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_pic) { text-align:center; }
+.wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_pic img) { max-width:100%; height:auto; }
+.wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_infos) { font-size:0.8em; }
+.wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_title) { font-size:1em; min-height:3em; }
+.wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_button) { width:100%; margin-top:15px; }
+.wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_button a) { display:block; width:100%; text-align:center; }
+.wpsg_mod_productindex :where(.wpsg_mod_fuellmenge_info) { font-size:0.75em; }
 
 /* Produktübersicht, Preise */
-:where(.wpsg_mod_productview_oldprice) { font-size:0.9em; color:var(--wpsg-color-error); text-decoration:line-through; }
-:where(.wpsg_mod_productview_newprice) { font-size:1em; font-weight:bold; }
+.wpsg_mod_productview_oldprice { font-size:0.9em; color:var(--wpsg-color-error); text-decoration:line-through; }
+.wpsg_mod_productview_newprice { font-size:1em; font-weight:bold; }
 
 /* Einblendungen: Kundenfrage (Firmen-/Endkunde, Land) */
-:where(#wpsg_calc_layer) { overflow:auto; text-align:center; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:var(--wpsg-color-overlay); }
-:where(#wpsg_calc_layer .content) { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:min(700px, calc(100% - 2rem)); min-height:210px; padding:clamp(1rem, 5vw, 50px); text-align:left; color:var(--wpsg-color-foreground); border-radius:var(--wpsg-radius); background-color:var(--wpsg-color-background); }
-:where(#wpsg_calc_layer .content img.loading) { position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-5px; }
+[id="wpsg_calc_layer"] { overflow:auto; text-align:center; background-color:var(--wpsg-color-overlay); }
+[id="wpsg_calc_layer"] :where(.content) { width:min(700px, calc(100% - 2rem)); min-height:210px; padding:clamp(1rem, 5vw, 50px); text-align:left; color:var(--wpsg-color-foreground); border-radius:var(--wpsg-radius); background-color:var(--wpsg-color-background); }
+[id="wpsg_calc_layer"] :where(.content img.loading) { position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-5px; }
 :where(#wpsg_calc_layer h2) { font-size:1.375rem; line-height:1.3; margin-bottom:25px; }
 :where(#wpsg_calc_layer .customertype h2, #wpsg_calc_layer .country h2) { font-weight:normal; width:150px; float:left; }
-:where(#wpsg_calc_layer #customerquestion_fk, #wpsg_calc_layer #customerquestion_ek) { margin-top:10px; width:200px; float:left; line-height:28px; }
-:where(#wpsg_calc_layer #customerquestion_fk label, #wpsg_calc_layer #customerquestion_ek label) { font-size:1.375rem; font-weight:normal; line-height:28px; }
-:where(#wpsg_calc_layer #customerquestion_ok_button) { width:100%; }
-:where(#wpsg_calc_layer .country) { clear:both; margin-top:20px; }
+[id="wpsg_calc_layer"] :where(#customerquestion_fk), [id="wpsg_calc_layer"] :where(#customerquestion_ek) { margin-top:10px; width:200px; float:left; line-height:28px; }
+[id="wpsg_calc_layer"] :where(#customerquestion_fk label), [id="wpsg_calc_layer"] :where(#customerquestion_ek label) { font-size:1.375rem; font-weight:normal; line-height:28px; }
+[id="wpsg_calc_layer"] :where(#customerquestion_ok_button) { width:100%; }
+[id="wpsg_calc_layer"] :where(.country) { clear:both; margin-top:20px; }
 :where(#wpsg_calc_layer .country select) { width:350px; max-width:100%; font-size:1.375rem; float:left; margin-top:10px; }
 :where(#wpsg_calc_layer input[type="radio"]) { height:auto; margin-right:10px; }
-:where(#wpsg_calc_layer .button_wrap) { width:100%; clear:both; padding-top:20px; }
+[id="wpsg_calc_layer"] :where(.button_wrap) { width:100%; clear:both; padding-top:20px; }
 :where(#wpsg_calc_layer input[type="submit"]) { float:right; padding-left:50px; padding-right:50px; }
 
 /* Einblendung für Meldungen außerhalb der Shopseiten, Warenkorbmeldung */
-:where(#wpsg_ajax_layer) { position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background-color:var(--wpsg-color-overlay); display:flex; justify-content:center; align-items:center; padding:1rem; }
-:where(#wpsg_ajax_layer .wpsg_ajax_message_content) { max-width:100%; padding:1.5rem; text-align:center; color:var(--wpsg-color-foreground); border-radius:var(--wpsg-radius); background-color:var(--wpsg-color-background); }
-:where(#wpsg_ajax_layer .wpsg_ajax_message_content li) { list-style:none; }
-:where(#TB_caption) { height:50px; }
-:where(#TB_secondLine) { font-size:14px; }
+[id="wpsg_ajax_layer"] { background-color:var(--wpsg-color-overlay); justify-content:center; align-items:center; padding:1rem; }
+[id="wpsg_ajax_layer"] :where(.wpsg_ajax_message_content) { max-width:100%; padding:1.5rem; text-align:center; color:var(--wpsg-color-foreground); border-radius:var(--wpsg-radius); background-color:var(--wpsg-color-background); }
+[id="wpsg_ajax_layer"] :where(.wpsg_ajax_message_content li) { list-style:none; }
+[id="TB_caption"] { height:50px; }
+[id="TB_secondLine"] { font-size:14px; }
 
 /* Bankeinzug */
-:where(.wpsg_mod_autodebit .wpsg_mod_autodebit_field) { clear:both; }
-:where(.wpsg_mod_autodebit label) { width:100%; line-height:36px; }
+.wpsg_mod_autodebit :where(.wpsg_mod_autodebit_field) { clear:both; }
+.wpsg_mod_autodebit :where(label) { width:100%; line-height:36px; }
 :where(.wpsg_mod_autodebit input) { float:right; margin-bottom:3px; }
 
 /* Bestellbedingungen */
-:where(.wpsg_mod_ordercondition_hint) { padding-left:18px; max-height:60px; overflow-y:scroll; }
+.wpsg_mod_ordercondition_hint { padding-left:18px; max-height:60px; overflow-y:scroll; }
 
 /* Anfrageprodukte */
-:where(.wpsg_mod_request_requestpage .wpsg_cell_action) { width:30px; text-align:center; }
-:where(.wpsg_mod_request_requestpage .wpsg_cell_amount) { width:125px; }
-:where(.wpsg_mod_request_requestpage .wpsg_cell_sumprice) { text-align:right; width:200px; }
-:where(.wpsg_mod_request_requestpage .wpsg_cell_total_brutto, .wpsg_mod_request_requestpage .wpsg_cell_total_netto) { text-align:right; }
+.wpsg_mod_request_requestpage :where(.wpsg_cell_action) { width:30px; text-align:center; }
+.wpsg_mod_request_requestpage :where(.wpsg_cell_amount) { width:125px; }
+.wpsg_mod_request_requestpage :where(.wpsg_cell_sumprice) { text-align:right; width:200px; }
+.wpsg_mod_request_requestpage :where(.wpsg_cell_total_brutto), .wpsg_mod_request_requestpage :where(.wpsg_cell_total_netto) { text-align:right; }
 :where(.wpsg_mod_request_requestpage .wpsg_checkout_typ_3 input) { margin-right:5px; width:auto; }
 :where(.wpsg_mod_request_requestpage) :where(input[type="text"], select) { width:100%; margin-top:5px; margin-bottom:5px; }
 :where(.wpsg_mod_request_requestpage h2) { margin-top:2rem; margin-bottom:var(--wpsg-gap); }
-:where(.requestlist_ajax_wrap) { padding-bottom:2rem; }
+.requestlist_ajax_wrap { padding-bottom:2rem; }
 
 /* CrowdFunding */
-:where(.wpsg_mod_funding_progress .wpsg_mod_funding_state) { border:1px solid var(--wpsg-color-line); margin-bottom:var(--wpsg-gap); width:100%; height:25px; line-height:25px; }
-:where(.wpsg_mod_funding_progress .wpsg_mod_funding_state > .bar) { width:90%; float:left; height:100%; display:table; }
-:where(.wpsg_mod_funding_progress .wpsg_mod_funding_state > .bar > .value) { background-color:var(--wpsg-color-accent); height:100%; width:0%; }
-:where(.wpsg_mod_funding_progress .wpsg_mod_funding_state > .value) { width:10%; height:100%; border-left:1px solid var(--wpsg-color-line); float:right; text-align:center; }
+.wpsg_mod_funding_progress :where(.wpsg_mod_funding_state) { border:1px solid var(--wpsg-color-line); margin-bottom:var(--wpsg-gap); width:100%; height:25px; line-height:25px; }
+.wpsg_mod_funding_progress :where(.wpsg_mod_funding_state > .bar) { width:90%; float:left; height:100%; display:table; }
+.wpsg_mod_funding_progress :where(.wpsg_mod_funding_state > .bar > .value) { background-color:var(--wpsg-color-accent); height:100%; width:0%; }
+.wpsg_mod_funding_progress :where(.wpsg_mod_funding_state > .value) { width:10%; height:100%; border-left:1px solid var(--wpsg-color-line); float:right; text-align:center; }
 
 /* Zahlungsarten */
-:where(.wpsg_mod_wirecard_paymentType) { width:50%; float:right; }
-:where(#wpsg_mod_wirecard_iframe) { width:100%; height:700px; }
-:where(#wpsg_mod_crefopay_iframe) { width:100%; border:0; overflow-y:hidden; }
-:where(.wrap_paypalapi_expressbutton) { width:100%; padding-bottom:2rem; }
-:where(.wrap_paypalapi_expressbutton img) { float:right; }
-:where(.wpsg_mod_paypalapi_button) { display:inline; float:right; background:transparent; border:0; padding:0; cursor:pointer; }
-:where(.wpsg_mod_paypalapi_orderdone .wpsg_mod_paypalapi_field) { clear:both; }
-:where(.wpsg_mod_paypalapi_orderdone label) { width:100%; line-height:36px; }
+.wpsg_mod_wirecard_paymentType { width:50%; float:right; }
+[id="wpsg_mod_wirecard_iframe"] { width:100%; height:700px; }
+[id="wpsg_mod_crefopay_iframe"] { width:100%; border:0; overflow-y:hidden; }
+.wrap_paypalapi_expressbutton { width:100%; padding-bottom:2rem; }
+.wrap_paypalapi_expressbutton :where(img) { float:right; }
+.wpsg_mod_paypalapi_button { display:inline; float:right; background:transparent; border:0; padding:0; cursor:pointer; }
+.wpsg_mod_paypalapi_orderdone :where(.wpsg_mod_paypalapi_field) { clear:both; }
+.wpsg_mod_paypalapi_orderdone :where(label) { width:100%; line-height:36px; }
 :where(.wpsg_mod_paypalapi_orderdone) :where(input[type="text"], select) { width:65%; float:right; margin-bottom:3px; }
-:where(.wpsg_mod_paypalapi_orderdone) :where(input.wpsg_mod_paypalapi_vname) { width:30%; margin-right:5%; }
-:where(.wpsg_mod_paypalapi_orderdone) :where(input.wpsg_mod_paypalapi_name, select.wpsg_mod_paypalapi_month, select.wpsg_mod_paypalapi_year) { width:30%; }
+.wpsg_mod_paypalapi_orderdone :where(input.wpsg_mod_paypalapi_vname) { width:30%; margin-right:5%; }
+.wpsg_mod_paypalapi_orderdone :where(input.wpsg_mod_paypalapi_name, select.wpsg_mod_paypalapi_month, select.wpsg_mod_paypalapi_year) { width:30%; }
 :where(.wpsg_mod_paypalapi_orderdone) :where(input[type="image"], input[type="submit"]) { float:right; }
-:where(.wpsg_mod_paypalapi_orderdone .wpsg_mod_paypalapi_spacer) { width:5%; float:right; text-align:center; }
-:where(#wpsg_ppplus) { width:100%; }
-:where(#AmazonPayButton_wrap, #AmazonLoginButton_wrap) { text-align:right; margin-bottom:2rem; width:100%; justify-content:flex-end; display:flex; }
-:where(#AmazonPayButton_wrap #AmazonPayButton) { width:210px; }
+.wpsg_mod_paypalapi_orderdone :where(.wpsg_mod_paypalapi_spacer) { width:5%; float:right; text-align:center; }
+[id="wpsg_ppplus"] { width:100%; }
+[id="AmazonPayButton_wrap"], [id="AmazonLoginButton_wrap"] { text-align:right; margin-bottom:2rem; width:100%; justify-content:flex-end; display:flex; }
+[id="AmazonPayButton_wrap"] :where(#AmazonPayButton) { width:210px; }
 
 /* Kreditkarte (micropayment): stellt eine Karte dar, die Farben bleiben fest */
-:where(.micropayment_card .card) { border-radius:5px; background-color:#999999; margin-bottom:var(--wpsg-gap); height:200px; width:400px; max-width:100%; position:relative; }
+.micropayment_card :where(.card) { border-radius:5px; background-color:#999999; margin-bottom:var(--wpsg-gap); height:200px; width:400px; max-width:100%; position:relative; }
 :where(.micropayment_card .front .number input) { width:370px; max-width:calc(100% - 30px); position:absolute; bottom:50px; left:15px; }
-:where(.micropayment_card .front) :where(.name, .validthrough) { position:absolute; bottom:20px; color:#ffffff; text-shadow:1px 1px 0 #202020, -1px -1px 0 #606060; letter-spacing:2px; }
-:where(.micropayment_card .front .name) { left:25px; }
-:where(.micropayment_card .front .validthrough) { right:135px; }
-:where(.micropayment_card .front .valid) { position:absolute; right:15px; bottom:20px; }
-:where(.micropayment_card .front .chip) { left:25px; top:50px; position:absolute; width:50px; height:44px; background-image:url('../mods/mod_micropayment/gfx/chip.png'); background-repeat:no-repeat; }
-:where(.micropayment_card .card .bankname) { position:absolute; left:15px; top:10px; }
-:where(.micropayment_card .back .blackmagnetic) { width:100%; height:40px; background-color:#000000; position:absolute; left:0; top:55px; }
-:where(.micropayment_card .back .number) { position:absolute; text-align:right; right:5px; top:5px; }
-:where(.micropayment_card .back .signature) { position:absolute; left:15px; top:130px; width:250px; height:30px; background-color:#ffffff; text-align:center; line-height:30px; color:#333333; }
+.micropayment_card :where(.front) :where(.name, .validthrough) { position:absolute; bottom:20px; color:#ffffff; text-shadow:1px 1px 0 #202020, -1px -1px 0 #606060; letter-spacing:2px; }
+.micropayment_card :where(.front .name) { left:25px; }
+.micropayment_card :where(.front .validthrough) { right:135px; }
+.micropayment_card :where(.front .valid) { position:absolute; right:15px; bottom:20px; }
+.micropayment_card :where(.front .chip) { left:25px; top:50px; position:absolute; width:50px; height:44px; background-image:url('../mods/mod_micropayment/gfx/chip.png'); background-repeat:no-repeat; }
+.micropayment_card :where(.card .bankname) { position:absolute; left:15px; top:10px; }
+.micropayment_card :where(.back .blackmagnetic) { width:100%; height:40px; background-color:#000000; position:absolute; left:0; top:55px; }
+.micropayment_card :where(.back .number) { position:absolute; text-align:right; right:5px; top:5px; }
+.micropayment_card :where(.back .signature) { position:absolute; left:15px; top:130px; width:250px; height:30px; background-color:#ffffff; text-align:center; line-height:30px; color:#333333; }
 :where(.micropayment_card .back .sign input) { position:absolute; left:300px; width:75px; text-align:center; line-height:25px; top:135px; border:0; border-radius:0; height:25px; padding:0; }
 
 /* Vorkasse: QR-Codes auf der Abschlussseite */
-:where(.wpsg_mod_prepayment_info_wrap) { display:flex; justify-content:center; flex-direction:column; gap:20px; }
-:where(.wpsg_mod_prepayment_info, .wpsg_mod_prepayment_girocode, .wpsg_mod_prepayment_qrrechnung) { display:flex; flex-wrap:wrap; gap:20px; border:1px solid var(--wpsg-color-line); padding:20px; }
+.wpsg_mod_prepayment_info_wrap { display:flex; justify-content:center; flex-direction:column; gap:20px; }
+.wpsg_mod_prepayment_info, .wpsg_mod_prepayment_girocode, .wpsg_mod_prepayment_qrrechnung { display:flex; flex-wrap:wrap; gap:20px; border:1px solid var(--wpsg-color-line); padding:20px; }
 :where(.wpsg_mod_prepayment_info, .wpsg_mod_prepayment_girocode, .wpsg_mod_prepayment_qrrechnung) :where(h4) { margin:0; }
-:where(.wpsg_mod_prepayment_info_left, .wpsg_mod_prepayment_girocode_left, .wpsg_mod_prepayment_qrrechnung_left) { display:flex; flex-direction:column; }
-:where(.wpsg_mod_prepayment_info_left_qrcodeimg, .wpsg_mod_prepayment_girocode_left_qrcodeimg, .wpsg_mod_prepayment_qrrechnung_left_qrcodeimg) { width:240px; height:240px; max-width:100%; background-color:#ffffff; }
-:where(.wpsg_mod_prepayment_info_left_wrap, .wpsg_mod_prepayment_girocode_left_wrap, .wpsg_mod_prepayment_qrrechnung_left_wrap) { display:flex; gap:25%; }
-:where(.wpsg_mod_prepayment_info_left_currency, .wpsg_mod_prepayment_girocode_left_currency, .wpsg_mod_prepayment_qrrechnung_left_currency) { display:flex; flex-direction:column; }
-:where(.wpsg_mod_prepayment_info_left_amount, .wpsg_mod_prepayment_girocode_left_amount, .wpsg_mod_prepayment_qrrechnung_left_amount) { display:flex; flex-direction:column; }
+.wpsg_mod_prepayment_info_left, .wpsg_mod_prepayment_girocode_left, .wpsg_mod_prepayment_qrrechnung_left { display:flex; flex-direction:column; }
+.wpsg_mod_prepayment_info_left_qrcodeimg, .wpsg_mod_prepayment_girocode_left_qrcodeimg, .wpsg_mod_prepayment_qrrechnung_left_qrcodeimg { width:240px; height:240px; max-width:100%; background-color:#ffffff; }
+.wpsg_mod_prepayment_info_left_wrap, .wpsg_mod_prepayment_girocode_left_wrap, .wpsg_mod_prepayment_qrrechnung_left_wrap { display:flex; gap:25%; }
+.wpsg_mod_prepayment_info_left_currency, .wpsg_mod_prepayment_girocode_left_currency, .wpsg_mod_prepayment_qrrechnung_left_currency { display:flex; flex-direction:column; }
+.wpsg_mod_prepayment_info_left_amount, .wpsg_mod_prepayment_girocode_left_amount, .wpsg_mod_prepayment_qrrechnung_left_amount { display:flex; flex-direction:column; }
 
 /*
  * GARANTIE-Siegel: Das Siegel hat ein festes Aussehen und bleibt deshalb wie in frontend.css, mit
@@ -565,40 +564,64 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan .tooltip .trans_wrap { l
 html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max-width:none; height:auto; margin:0; border:0; box-shadow:none; }
 
 /* GARANTIE-Siegel in der Bestellübersicht */
-:where(.wpsg_overview .garan_label_wrap) { padding:var(--wpsg-gap) 0; }
-:where(.wpsg_overview .garan_label_popup) { position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; padding:1rem; background-color:var(--wpsg-color-overlay); }
-:where(.wpsg_overview .garan_label_popup .garan_label_popup_inner) { display:flex; flex-direction:column; max-width:600px; max-height:100%; text-align:center; padding:1rem; color:var(--wpsg-color-foreground); background-color:var(--wpsg-color-background); }
-:where(.wpsg_overview .garan_label_popup .garan_label_popup_image) { min-height:0; overflow-y:auto; }
-:where(.wpsg_overview .garan_label_popup .garan_label_popup_image img) { max-width:100%; height:auto; }
-:where(.wpsg_overview .garan_label_popup .garan_label_popup_confirm) { flex:0 0 auto; margin-top:1rem; cursor:pointer; }
+.wpsg_overview :where(.garan_label_wrap) { padding:var(--wpsg-gap) 0; }
+.wpsg_overview :where(.garan_label_popup) { align-items:center; justify-content:center; padding:1rem; background-color:var(--wpsg-color-overlay); }
+.wpsg_overview :where(.garan_label_popup .garan_label_popup_inner) { display:flex; flex-direction:column; max-width:600px; max-height:100%; text-align:center; padding:1rem; color:var(--wpsg-color-foreground); background-color:var(--wpsg-color-background); }
+.wpsg_overview :where(.garan_label_popup .garan_label_popup_image) { min-height:0; overflow-y:auto; }
+.wpsg_overview :where(.garan_label_popup .garan_label_popup_image img) { max-width:100%; height:auto; }
+.wpsg_overview :where(.garan_label_popup .garan_label_popup_confirm) { flex:0 0 auto; margin-top:1rem; cursor:pointer; }
+
+/*
+ * Aufbau mit Klassen-Spezifität: Ausblenden, Ein- und Überblendungen. Allgemeine Regeln der Themes wie
+ * form input[type=radio] { display:inline-block } dürfen versteckte Bausteine nicht einblenden.
+ */
+.shippay_wrap .shippay_item_wrap { position:relative; }
+.shippay_wrap .shippay_item_wrap input[type="radio"],
+.shippay_wrap .shippay_item_wrap .shippay_hint,
+.shippay_wrap .shippay_item_wrap .shippay_checkmark { display:none; }
+.shippay_wrap .shippay_item_wrap .shippay_checkmark { position:absolute; }
+.shippay_wrap .shippay_active .shippay_hint,
+.shippay_wrap .shippay_active .shippay_checkmark { display:block; }
+[id="wpsg_pwd_info"] { display:none; }
+.wpsg_mod_productview-order-layer { display:none; position:absolute; z-index:1; }
+.wpsg_productview_product .wpsg_mod_productview_go { display:none; position:absolute; }
+.wpsg_productview_product:hover .wpsg_mod_productview_go { display:block; }
+.wpsg_mod_productindex_grid .wpsg_mod_productindex_productrow > .wpsg_clear { display:none; }
+[id="wpsg_calc_layer"] { position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; }
+[id="wpsg_calc_layer"] .content { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
+[id="wpsg_ajax_layer"] { position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; display:flex; }
+.wpsg_overview .garan_label_popup { position:fixed; inset:0; z-index:100000; display:flex; }
 
 /* Schmale Breiten */
 @media (max-width:600px) {
 
-	:where(.wpsg_mod_productindex_grid .wpsg_mod_productindex_product) { flex-basis:50%; }
-	:where(.wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content) { margin-left:0; clear:both; }
-	:where(.wpsg_mod_productindex .wpsg_mod_productindex_order, .wpsg_mod_productindex .wpsg_mod_productindex_pager, .wpsg_mod_productindex .wpsg_mod_productindex_viewselect) { float:none; margin:0.25em 0; }
+	.wpsg_mod_productindex_grid :where(.wpsg_mod_productindex_product) { width:50%; }
+	.wpsg_mod_productindex_list :where(.wpsg_mod_productindex_product .wpsg_mod_productindex_content) { margin-left:0; clear:both; }
+	.wpsg_mod_productindex :where(.wpsg_mod_productindex_order), .wpsg_mod_productindex :where(.wpsg_mod_productindex_pager), .wpsg_mod_productindex :where(.wpsg_mod_productindex_viewselect) { float:none; margin:0.25em 0; }
 
-	:where(.wpsg_productform .wpsg_productimages) { width:100%; float:none; margin-right:0; }
-	:where(.wpsg_productform .wpsg_produkt_produktbilder) { max-width:100%; }
-	:where(.wpsg_overview .shippayment, .wpsg_overview .anschrift) { float:none; width:100%; }
-	:where(.basket_product_wrap .basket_product_row .productimage, .wpsg_overview .wpsg_table_wrap .overview_product_row .productimage) { max-width:80px; }
-	:where(#wpsg_calc_layer .customertype h2, #wpsg_calc_layer .country h2, #wpsg_calc_layer #customerquestion_fk, #wpsg_calc_layer #customerquestion_ek, #wpsg_calc_layer .country select) { float:none; width:100%; }
+	.wpsg_productform :where(.wpsg_productimages) { width:100%; float:none; margin-right:0; }
+	.wpsg_productform :where(.wpsg_produkt_produktbilder) { max-width:100%; }
+	.wpsg_overview :where(.shippayment), .wpsg_overview :where(.anschrift) { float:none; width:100%; }
+	.basket_product_wrap :where(.basket_product_row .productimage), .wpsg_overview :where(.wpsg_table_wrap .overview_product_row .productimage) { max-width:80px; }
+	[id="wpsg_calc_layer"] :where(.customertype h2), [id="wpsg_calc_layer"] :where(.country h2), [id="wpsg_calc_layer"] :where(#customerquestion_fk), [id="wpsg_calc_layer"] :where(#customerquestion_ek), [id="wpsg_calc_layer"] :where(.country select) { float:none; width:100%; }
 
 }
 
 @media (max-width:400px) {
 
 	/* Produkt */
-	:where(.wpsg_productform .wpsg_produkt_shortdescription) { display:none; }
-	:where(.wpsg_productform .wpsg_mod_produktindex_stock) { margin:10px 0; }
-	:where(.wpsg_produkt_add_basket_wrapper .wpsg_add_basket) { flex:1 1 auto; }
+	.wpsg_productform .wpsg_produkt_shortdescription { display:none; }
+	.wpsg_productform :where(.wpsg_mod_produktindex_stock) { margin:10px 0; }
+	.wpsg_produkt_add_basket_wrapper :where(.wpsg_add_basket) { flex:1 1 auto; }
 
 	/* Warenkorb, Kasse, Übersicht */
-	:where(.wpsg_progress) { display:none; }
-	:where(.wpsg_basket, .wpsg_overview) :where(.product_name .product_shortdesc) { display:none; }
-	:where(.wpsg_basket .basket_product_row .product_info, .wpsg_overview .overview_product_row .product_info) { display:none; }
-	:where(.wpsg_basket, .wpsg_checkout, .wpsg_checkout2) :where(.wpsg_button) { width:100%; margin:0 0 10px 0; }
-	:where(.wpsg_overview) :where(.wpsg_checkoutbutton, .wpsg_orderbutton) { width:100%; margin:0 0 10px 0; }
+	/* Aufbau mit Klassen-Spezifität wie oben */
+	.wpsg_progress,
+	.wpsg_basket .product_name .product_shortdesc,
+	.wpsg_overview .product_name .product_shortdesc,
+	.wpsg_basket .basket_product_row .product_info,
+	.wpsg_overview .overview_product_row .product_info { display:none; }
+	.wpsg_basket :where(.wpsg_button), .wpsg_checkout :where(.wpsg_button), .wpsg_checkout2 :where(.wpsg_button) { width:100%; margin:0 0 10px 0; }
+	.wpsg_overview :where(.wpsg_checkoutbutton, .wpsg_orderbutton) { width:100%; margin:0 0 10px 0; }
 
 }
diff --git a/views/mods/mod_kundenverwaltung/widget.phtml b/views/mods/mod_kundenverwaltung/widget.phtml
index 57420bf..e7e0915 100644
--- a/views/mods/mod_kundenverwaltung/widget.phtml
+++ b/views/mods/mod_kundenverwaltung/widget.phtml
@@ -49,7 +49,7 @@
 		

 		<br /><br />

 		

-		<input class="<?php echo trim(wpsg_button_class()); ?>" type="submit" id="wpsg_mod_kundenverwaltung_widget_login" name="wpsg_mod_kundenverwaltung_login" value="<?php echo __('Anmelden', 'wpsg'); ?>" />

+		<input <?php echo ((\wpsg\ThemeStyle::isThemeMode())?'class="wp-element-button" ':''); ?>type="submit" id="wpsg_mod_kundenverwaltung_widget_login" name="wpsg_mod_kundenverwaltung_login" value="<?php echo __('Anmelden', 'wpsg'); ?>" />

 				 

 		<input type="hidden" name="wpsg_referer" value="<?php echo $this->getCurrentURL(); ?>" />