path: root/views/css/wpsg-theme.css

@charset "UTF-8";

/*
 * wpShopGermany, Darstellung „An das Theme angepasst“
 *
 * 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 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; 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, 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);
	--wpsg-color-surface: rgba(127, 127, 127, 0.08);
	--wpsg-color-overlay: rgba(0, 0, 0, 0.6);
	--wpsg-color-error: #e12b2b;
	--wpsg-color-success: #228732;
	--wpsg-color-notice: #a66709;
	--wpsg-muted-opacity: 0.7;
	--wpsg-radius: 3px;
	--wpsg-label-background: var(--wpsg-color-accent);
	--wpsg-label-color: var(--wpsg-color-background);
	--wpsg-gap: 1rem;
	--wpsg-font-size-small: var(--wp--preset--font-size--small, 0.875em);
	--wpsg-field-border: 1px solid var(--wpsg-color-line);
	--wpsg-field-padding: 0.6em 0.75em;
	--wpsg-field-background: transparent;
	--wpsg-button-background: transparent;
	--wpsg-button-color: inherit;
	--wpsg-button-padding: 0.6em 1.2em;
}

/* Allgemein */
.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; }
.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 */
[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.
 * Gestaltet das Theme input/select/textarea, gewinnt es.
 */
:where(.wpsg, .wpsg_productform, .wpsg_mod_productindex, .wpsg_basket_widget, .wpsg_mod_kundenverwaltung_widget, #wpsg_calc_layer, .wpsg-pv, .wpsg-pvf) :where(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="date"], input[type="search"], input:not([type]), select, textarea) {
	font:inherit;
	color:inherit;
	padding:var(--wpsg-field-padding);
	border:var(--wpsg-field-border);
	border-radius:var(--wpsg-radius);
	background-color:var(--wpsg-field-background);
	max-width:100%;
}
:where(.wpsg, .wpsg_productform, .wpsg_mod_productindex, .wpsg_basket_widget, .wpsg_mod_kundenverwaltung_widget, #wpsg_calc_layer, .wpsg-pv, .wpsg-pvf) :where(select) { background-color:var(--wpsg-color-background); color:var(--wpsg-color-foreground); height:auto; }
:where(.wpsg, .wpsg_productform) :where(textarea) { resize:vertical; }

/*
 * Knöpfe: In Block-Themes tragen sie wp-element-button und bekommen den Knopfstil des Themes. Der Rückfall hier
 * greift, wo weder Theme noch Klasse einen Stil setzen (klassische Themes, überschriebene Vorlagen): ein Rahmen
 * in der Textfarbe, damit er zu jeder Link- und Textfarbe passt.
 */
: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)) {
	display:inline-block;
	font:inherit;
	line-height:1.4;
	cursor:pointer;
	padding:var(--wpsg-button-padding);
	border:1px solid currentColor;
	border-radius:var(--wpsg-radius);
	background-color:var(--wpsg-button-background);
	color:var(--wpsg-button-color);
	text-decoration:none;
}
/* Links als Knopf mit Klassen-Spezifität: Resets wie a { border:0; padding:0 } nehmen ihnen sonst den Rahmen */
:where(a):is(.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)) { display:inline-block; padding:var(--wpsg-button-padding); border:1px solid currentColor; border-radius:var(--wpsg-radius); text-decoration:none; }
.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 */
.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 */
.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; }
.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%; }
.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 */
.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; }
.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; }
/* Zurück als Link (Punkt 8.12): links, auf Höhe des Knopfs rechts */
.wpsg-checkout__back { float:left; display:inline-block; padding:var(--wpsg-button-padding); padding-inline-start:0; color:inherit; }
/* Kasse zweispaltig (Punkt 8.10): Formular links, „Ihre Bestellung“ rechts; schmal untereinander */
.wpsg-checkout__layout { display:grid; grid-template-columns:minmax(0, 1fr); gap:calc(var(--wpsg-gap) * 2); align-items:start; }
@media (min-width: 900px) { .wpsg-checkout__layout { grid-template-columns:minmax(0, 2fr) minmax(16rem, 1fr); } .wpsg-checkout__summary { position:sticky; top:var(--wpsg-gap); } }
.wpsg-checkout__layout > form { min-width:0; }
.wpsg-checkout__summary { padding:calc(var(--wpsg-gap) * 1.5); border:var(--wpsg-field-border); border-radius:var(--wpsg-radius); background:var(--wpsg-color-surface); }
.wpsg-checkout__summary-title { margin:0 0 0.75em; font-size:1.25em; }
.wpsg-checkout__summary-items { margin:0; padding:0; list-style:none; }
.wpsg-checkout__summary-row { display:flex; flex-wrap:wrap; justify-content:space-between; column-gap:var(--wpsg-gap); margin:0 0 0.5em; }
.wpsg-checkout__summary-row > span:last-child { margin-left:auto; white-space:nowrap; text-align:right; }
.wpsg-checkout__summary-row > span:first-child { flex:1 1 0; min-width:min-content; overflow-wrap:break-word; hyphens:manual; }
.wpsg-checkout__summary-variant, .wpsg-checkout__summary-detail { display:block; font-size:var(--wpsg-font-size-small); opacity:var(--wpsg-muted-opacity); }
.wpsg-checkout__summary-row.is-muted, .wpsg-checkout__summary-tax { opacity:var(--wpsg-muted-opacity); }
.wpsg-checkout__summary-total { margin-top:0.75em; padding-top:0.75em; border-top:var(--wpsg-field-border); font-weight:700; font-size:1.1em; }
.wpsg-checkout__summary-tax { margin:0.25em 0 0; font-size:var(--wpsg-font-size-small); }
.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; }
.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%; }
/* Felder paarweise (Punkt 8.11): Vorname/Name und PLZ/Ort nebeneinander, alle anderen über die ganze Breite */
@media (min-width: 600px) {
.wpsg_checkout .wpsg_inner:has(> #wpsg_vorname, > #wpsg_postleitzahl) { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:var(--wpsg-gap); align-items:start; }
.wpsg_checkout .wpsg_inner:has(> #wpsg_vorname, > #wpsg_postleitzahl) > * { grid-column:1 / -1; }
.wpsg_checkout .wpsg_inner:has(> #wpsg_vorname, > #wpsg_postleitzahl) > :is(#wpsg_vorname, #wpsg_name, #wpsg_postleitzahl, #wpsg_ort) { grid-column:auto; }
}
.wpsg_checkout :where(label[for="wpsg_mod_trustedshops_set"]) { margin:var(--wpsg-gap) 0; display:block; }

/* Versand- und Zahlungsart */
.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 */
.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 */
.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%; }
/* Schrittleiste im Modus „neu“ (Punkt 8.9): vier gleiche Felder, Linie oben, erledigt und aktuell in der Akzentfarbe */
.wpsg-steps { margin:0 0 2em; }
.wpsg-steps__list { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:0.5em; margin:0; padding:0; list-style:none; font-size:var(--wpsg-font-size-small); }
.wpsg-steps__step { margin:0; padding-top:0.6em; border-top:4px solid var(--wpsg-color-line); overflow-wrap:break-word; hyphens:auto; }
.wpsg-steps__step:not(.is-done):not(.is-current) { opacity:var(--wpsg-muted-opacity); }
.wpsg-steps__step:where(.is-done, .is-current) { border-top-color:var(--wpsg-color-accent); }
.wpsg-steps__step.is-current { font-weight:700; }
.wpsg-steps__step a { color:inherit; }
.wpsg-steps__number { margin-right:0.35em; }
.wpsg-steps__number::after { content:"."; }

/* Kundenkonto */
.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 */
.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 */
.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; }
/* Widerrufsdialog in den Farben des Themes (W5), Feldränder wie auf der Seite (K76); html body über der festen Farbe in wpsg_revocation.css */
html body #wpsg_revocation_dialog .inner { background-color:var(--wpsg-color-background); color:var(--wpsg-color-foreground); --rv-field-border:var(--wpsg-field-border); }
.wpsg-product :where(.wpsg-product__breadcrumbs) { margin:0 0 var(--wpsg-gap); font-size:var(--wpsg-font-size-small); }
.wpsg-product :where(.wpsg-product__breadcrumbs ol) { display:flex; flex-wrap:wrap; gap:0.25em 0.5em; margin:0; padding:0; list-style:none; }
.wpsg-product :where(.wpsg-product__breadcrumbs li + li)::before { content:"/" / ""; margin-right:0.5em; opacity:var(--wpsg-muted-opacity); }
.wpsg-product :where(.wpsg-product__breadcrumbs a, .wpsg-product__breadcrumbs [aria-current]) { color:inherit; opacity:var(--wpsg-muted-opacity); }
.wpsg-labels { display:flex; flex-wrap:wrap; gap:0.4em; }
:where(.wpsg-label) { display:inline-block; width:fit-content; padding:0.125rem 0.625rem; border-radius:999px; background:var(--wpsg-label-background); color:var(--wpsg-label-color); font-size:var(--wpsg-font-size-small); font-weight:700; line-height:1.6; }
.wpsg-product :where(.wpsg-product__details > .wpsg-labels) { margin-bottom:0.75em; }
.wpsg-block-product-list :where(.wpsg-product-list__item) { position:relative; }
.wpsg-block-product-list :where(.wpsg-product-list__image + .wpsg-labels) { position:absolute; top:0.5em; left:0.5em; }
.wpsg-product :where(.wpsg-product__main) { display:flex; flex-wrap:wrap; align-items:flex-start; gap:calc(var(--wpsg-gap) * 2.5); }
.wpsg-product :where(.wpsg-product__media) { flex:1 1 22rem; min-width:0; float:none; margin:0; }
.wpsg-product :where(.wpsg-product__media .wpsg_produkt_produktbilder) { max-width:none; }
.wpsg-product :where(.wpsg-product__details) { flex:1 1 20rem; min-width:0; }
.wpsg-product :where(.wpsg-product__image) { display:block; }
.wpsg-product :where(.wpsg-product__image img) { display:block; width:100%; height:auto; border-radius:var(--wpsg-radius); }
.wpsg-product :where(.wpsg-product__thumbs) { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:0.75em; margin:0.75em 0 0; padding:0; list-style:none; }
.wpsg-product :where(.wpsg-product__thumb) { display:block; width:100%; padding:0; border:0; border-radius:var(--wpsg-radius); background:none; cursor:pointer; min-height:44px; }
.wpsg-product :where(.wpsg-product__thumb img) { display:block; width:100%; height:auto; aspect-ratio:1 / 1; object-fit:cover; border-radius:var(--wpsg-radius); }
.wpsg-product :where(.wpsg-product__thumb[aria-pressed="true"]) { outline:2px solid var(--wpsg-color-accent); outline-offset:2px; }
.wpsg-product :where(.wpsg-product__details .wpsg_producttitle) { margin-top:0; }
.wpsg-product :where(.wpsg-product__offer) { display:flex; flex-direction:column; gap:0.25em; margin:0.75em 0; }
.wpsg-product :where(.wpsg-product__price) { font-size:1.75em; font-weight:700; line-height:1.2; }
.wpsg-product :where(.wpsg-product__price .wpsg_mod_productview_oldprice) { margin-left:0.4em; font-size:0.6em; font-weight:400; opacity:var(--wpsg-muted-opacity); }
.wpsg-product :where(.wpsg-product__taxnote, .wpsg-product__deliverytime, .wpsg-kuhint) { font-size:var(--wpsg-font-size-small); opacity:var(--wpsg-muted-opacity); }
.wpsg-product :where(.wpsg-product__deliverytime .label) { font-weight:normal; }
.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%; }
.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; }
.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; }
.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; }
.wpsg-product :where(.wpsg-product__variants .wpsg_vp_field) { display:flex; flex-direction:column; gap:0.3em; }
.wpsg-product .wpsg-product__buy { align-items:flex-end; }
.wpsg-product :where(.wpsg-product__amount) { display:flex; flex-direction:column; gap:0.3em; }
.wpsg-product :where(.wpsg-product__amount > label) { margin:0; }
.wpsg-product .wpsg-product__buy .wpsg_add_basket { flex:1 1 12em; min-height:44px; }
.wpsg-product :where(.wpsg-product__after-buy) { display:flex; flex-wrap:wrap; gap:var(--wpsg-gap); margin-top:0.75em; }
.wpsg-product :where(.wpsg-product__facts) { margin:var(--wpsg-gap) 0 0; padding:var(--wpsg-gap) 0 0; list-style:none; border-top:1px solid var(--wpsg-color-line); display:flex; flex-direction:column; gap:0.25em; opacity:var(--wpsg-muted-opacity); }
.wpsg-product :where(.wpsg-product__section) { max-width:var(--wp--style--global--content-size, 46rem); margin-top:calc(var(--wpsg-gap) * 2); }
.wpsg-product :where(.wpsg-product__section-title) { margin:0 0 0.5em; }
.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 */
.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 */
.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 */
.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 */
.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; }
.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; }
.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) */
.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; }
.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; overflow-wrap:anywhere; hyphens:auto; }
.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 */
.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) */
[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; }
[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; }
[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 */
[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 */
.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 */
.wpsg_mod_ordercondition_hint { padding-left:18px; max-height:60px; overflow-y:scroll; }

/* Anfrageprodukte */
.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); }
.requestlist_ajax_wrap { padding-bottom:2rem; }

/* CrowdFunding */
.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 */
.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; }
.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; }
.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 */
.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; }
.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 */
.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; }
.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
 * eigener Schrift, festen Farben und erhöhter Spezifität gegen Theme-Regeln.
 */
.wpsg_product_garan_wrap { all:revert; padding:5px 0; margin-bottom:2rem; font-family:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	* { all:revert; }
	.wpsg_product_garan { border:1px solid black; display:inline-block; padding:5px 50px 5px 5px; position:relative; height:30px; white-space:nowrap; cursor:pointer; text-decoration:none; color:black;
		& > .years { font-size:30px; height:30px; line-height:30px; font-weight:bold; padding-right:35px; position:relative; border-right:1px solid black;
			&:after { position:absolute; right:10px; bottom:8px; content:' '; width:16px; height:16px; background-image:url('../gfx/garan/garan_year.svg'); background-size:contain; background-repeat:no-repeat; }
		}
		& > .title { padding-left:5px; font-size:22px; font-weight:bold; padding-right:20px; position:relative;
			&:after { position:absolute; right:0; bottom:2px; content:' '; width:16px; height:16px; background-image:url('../gfx/garan/garan_checkmark.svg'); background-size:contain; background-repeat:no-repeat; }
		}
		&:after { position:absolute; right:5px; top:0; content:' '; width:28px; height:40px; background-image:url('../gfx/garan/garan_eu.svg'); background-size:contain; background-repeat:no-repeat; }
		& > .tooltip { position:absolute; opacity:0; pointer-events:none; top:40px; left:-1px; padding:5px 5px 5px 0; transition:opacity 0.5s;
			& > .inner { width:300px; min-height:300px; display:flex; flex-direction:column; gap:5px; background-color:white; padding:5px; border:1px solid black;
				& > .border { border:1px solid black; display:flex; flex-direction:column; padding:5px;
					.top { width:100%; border-bottom:2px solid black; padding-bottom:5px; position:relative;
						& > .title { font-size:50px; font-weight:bold; padding-right:40px; position:relative; display:inline-block; line-height:50px; letter-spacing:1px;
							&:after { position:absolute; right:0; bottom:5px; content:' '; width:32px; height:32px; background-image:url('../gfx/garan/garan_checkmark.svg'); background-size:contain; background-position:right bottom; background-repeat:no-repeat; }
						}
						&:after { position:absolute; right:0; top:-11px; content:' '; width:36px; height:51px; background-image:url('../gfx/garan/garan_eu.svg'); background-size:contain; background-repeat:no-repeat; }
					}
					& > .flexline { display:flex; justify-content:space-between; gap:5px; align-items:flex-start; padding:5px 0; font-size:16px; }
					& > .line { display:flex; justify-content:space-between; gap:5px; align-items:flex-end; padding:5px 0;
						& > .years { font-size:85px; height:85px; line-height:85px; font-weight:bold; padding-right:60px; position:relative;
							&:after { position:absolute; right:10px; bottom:8px; content:' '; width:35px; height:35px; background-image:url('../gfx/garan/garan_year.svg'); background-size:contain; background-repeat:no-repeat; }
						}
						& > img { transform:translateY(-8px); }
					}
					& > .trans_wrap { display:block; white-space:normal; text-align:justify; hyphens:auto; font-size:8px; line-height:1.4;
						& > span + span:before { content:'|'; padding-right:1px; }
						strong { font-weight:bold; }
					}
				}
			}
		}
		&:hover > .tooltip { opacity:1; pointer-events:all; z-index:1; }
		/* Auch per Tastaturfokus und nach dem ersten Tipp (K69, frontend.js); Escape blendet aus */
		&:focus-visible > .tooltip, &.is-open > .tooltip { opacity:1; pointer-events:all; z-index:1; }
		&.is-dismissed > .tooltip { opacity:0; pointer-events:none; }
	}
}
html body .wpsg_product_garan_wrap,
html body .wpsg_product_garan_wrap *,
html body .wpsg_product_garan_wrap *::before,
html body .wpsg_product_garan_wrap *::after { box-sizing:content-box; }
html body .wpsg_product_garan_wrap { line-height:1; }
html body .wpsg_product_garan_wrap a.wpsg_product_garan,
html body .wpsg_product_garan_wrap a.wpsg_product_garan:hover,
html body .wpsg_product_garan_wrap a.wpsg_product_garan:focus,
html body .wpsg_product_garan_wrap a.wpsg_product_garan:visited { color:#000000; background-color:#ffffff; text-decoration:none; line-height:30px; box-shadow:none; }
html body .wpsg_product_garan_wrap a.wpsg_product_garan * { color:inherit; text-decoration:none; letter-spacing:normal; text-transform:none; }
html body .wpsg_product_garan_wrap a.wpsg_product_garan > .years,
html body .wpsg_product_garan_wrap a.wpsg_product_garan > .title { display:inline-block; height:30px; line-height:30px; vertical-align:top; }
html body .wpsg_product_garan_wrap a.wpsg_product_garan .tooltip,
html body .wpsg_product_garan_wrap a.wpsg_product_garan .tooltip .inner,
html body .wpsg_product_garan_wrap a.wpsg_product_garan .tooltip .flexline { line-height:1.2; }
html body .wpsg_product_garan_wrap a.wpsg_product_garan .tooltip .trans_wrap { line-height:1.4; }
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 */
.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; }

/* Blöcke: Produktliste, Mini-Warenkorb, Kundenkonto */
.wpsg-block-product-list :where(.wpsg-product-list__count) { margin:0 0 var(--wpsg-gap); }
.wpsg-block-product-list :where(.wpsg-product-list__count:empty) { display:none; }
/*
 * Produktkacheln (Abfrage-Schleife, Kategorievorlage): Statuszeile und Filter als Leiste über den Kacheln.
 * Abstände aus dem Theme (Blocklücke, Spacing-Presets); alle Felder und Knöpfe gleich hoch, auf einer Grundlinie.
 * Höhere Spezifität als die Fluss-Regel des Kerns (:root :where(.is-layout-flow) > *), die sonst den Abstand nimmt.
 */
.wpsg-product-tiles { --wpsg-pvf-gap:var(--wp--style--block-gap, var(--wpsg-gap)); --wpsg-pvf-gap-small:var(--wp--preset--spacing--20, 0.5em); --wpsg-pvf-control:2.75em; }
.wpsg-product-tiles > .wpsg-product-list__count { margin-block:0 var(--wpsg-pvf-gap); }
.wpsg-product-tiles > .wpsg-product-list__count:empty { display:none; }
.wpsg-product-tiles > .wpsg-block-product-filter { margin-block:var(--wp--preset--spacing--40, 1rem) var(--wp--preset--spacing--60, 2rem); }
/* Raster mit gleich breiten Spalten, damit die Gruppen untereinander stehen; Überschriften oben bündig, „Filtern“ unten in der letzten Spalte */
.wpsg-product-tiles .wpsg-pvf__fields { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); align-items:start; gap:var(--wpsg-pvf-gap); padding:var(--wp--preset--spacing--40, 1rem); border:1px solid var(--wpsg-color-line-soft); border-radius:var(--wpsg-radius); background-color:var(--wpsg-color-surface); }
.wpsg-product-tiles .wpsg-pvf__fields > * { margin:0; padding:0; border:0; min-width:0; }
.wpsg-product-tiles .wpsg-pvf__title { display:block; margin:0 0 var(--wpsg-pvf-gap-small) 0; padding:0; font-size:inherit; font-weight:600; line-height:1.3; }
.wpsg-product-tiles .wpsg-pvf__options { display:flex; flex-wrap:wrap; align-items:center; gap:var(--wpsg-pvf-gap-small) var(--wpsg-pvf-gap); min-height:var(--wpsg-pvf-control); }
.wpsg-product-tiles .wpsg-pvf__price .wpsg-pvf__options { flex-wrap:nowrap; gap:var(--wpsg-pvf-gap-small); }
.wpsg-product-tiles .wpsg-pvf__price label { display:flex; flex:0 1 auto; align-items:center; gap:var(--wpsg-pvf-gap-small); min-width:0; }
.wpsg-product-tiles .wpsg-pvf__price label > span { min-width:0; }
/* Preis über zwei Spalten, damit von, bis und EUR mit lesbaren Feldern in eine Zeile passen */
.wpsg-product-tiles .wpsg-pvf__price { grid-column:span 2; }
.wpsg-product-tiles .wpsg-pvf__price input { flex:0 1 auto; width:9em; min-width:0; appearance:textfield; -moz-appearance:textfield; }
/* Ohne Pfeile des Zahlenfelds, sonst schneiden sie den Platzhalter ab */
.wpsg-product-tiles .wpsg-pvf__price input::-webkit-inner-spin-button, .wpsg-product-tiles .wpsg-pvf__price input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.wpsg-product-tiles .wpsg-pvf__select select { width:100%; }
.wpsg-product-tiles .wpsg-pvf__option { margin:0; }
.wpsg-product-tiles .wpsg-pvf input[type="checkbox"] { width:1.25em; height:1.25em; margin:0; }
/* Felder, Auswahllisten und Knöpfe gleich hoch */
.wpsg-product-tiles .wpsg-pvf :is(input[type="number"], select, .wpsg-pvf__actions .wpsg_button) { box-sizing:border-box; height:var(--wpsg-pvf-control); margin:0; padding-block:0; }
.wpsg-product-tiles .wpsg-pvf .wpsg-pvf__actions .wpsg_button { display:inline-flex; align-items:center; justify-content:center; }
.wpsg-product-tiles .wpsg-pvf__actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--wpsg-pvf-gap); grid-column-end:-1; align-self:end; }
.wpsg-product-tiles .wpsg-pvf__reset[hidden] { display:none; }
/* Knopf „Filter“ (nur am Handy): umrandet, Pfeil dreht sich, Zahl der aktiven Filter */
.wpsg-product-tiles .wpsg-pvf__summary, .wpsg-product-tiles .wpsg-pvf__toggle[open] > .wpsg-pvf__summary { box-sizing:border-box; display:inline-flex; align-items:center; gap:var(--wpsg-pvf-gap-small); min-height:var(--wpsg-pvf-control); padding:0 1.2em; border:1px solid currentColor; border-radius:var(--wpsg-radius); background:transparent; color:inherit; font-weight:600; list-style:none; cursor:pointer; }
.wpsg-product-tiles .wpsg-pvf__summary::-webkit-details-marker { display:none; }
.wpsg-product-tiles .wpsg-pvf__summary::after { content:""; width:0.45em; height:0.45em; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-25%) rotate(45deg); transition:transform 0.15s ease-out; }
.wpsg-product-tiles .wpsg-pvf__toggle[open] > .wpsg-pvf__summary::after { transform:translateY(25%) rotate(-135deg); }
.wpsg-product-tiles .wpsg-pvf__badge { display:inline-flex; align-items:center; justify-content:center; min-width:1.5em; padding:0 0.4em; border:1px solid currentColor; border-radius:999px; font-size:var(--wpsg-font-size-small); line-height:1.4; }
.wpsg-product-tiles .wpsg-pvf__badge[hidden] { display:none; }
.wpsg-product-tiles .wpsg-pvf__none { margin:0; }
@media (max-width:781px) {
	.wpsg-product-tiles .wpsg-pvf__toggle[open] > .wpsg-pvf__fields { margin-top:var(--wpsg-pvf-gap-small); }
	.wpsg-product-tiles .wpsg-pvf__fields { grid-template-columns:minmax(0, 1fr); }
	/* Untereinander braucht die Kästchenzeile keine Mindesthöhe: gleicher Abstand unter jeder Überschrift */
	.wpsg-product-tiles .wpsg-pvf__options { min-height:0; }
	.wpsg-product-tiles .wpsg-pvf__price { grid-column:auto; }
	/* Am Handy füllen die Felder die Zeile; eine feste Breite zählte sonst als Mindestbreite */
	/* Sehr schmal: „bis“ in die zweite Zeile, damit die Platzhalter lesbar bleiben */
	.wpsg-product-tiles .wpsg-pvf__price .wpsg-pvf__options { flex-wrap:wrap; }
	.wpsg-product-tiles .wpsg-pvf__price label { flex:1 1 7em; }
	.wpsg-product-tiles .wpsg-pvf__price input { flex:1 1 5em; width:0; }
	.wpsg-product-tiles .wpsg-pvf__actions .wpsg_button { flex:1 1 auto; }
}
@media (min-width:782px) {
	.wpsg-product-tiles .wpsg-pvf__toggle > .wpsg-pvf__summary, .wpsg-product-tiles .wpsg-pvf__toggle[open] > .wpsg-pvf__summary { display:none; }
}
.wpsg-block-product-list :where(.wpsg-product-list__items) { display:grid; grid-template-columns:repeat(var(--wpsg-columns, 3), minmax(0, 1fr)); gap:calc(var(--wpsg-gap) * 2) var(--wpsg-gap); list-style:none; margin:0; padding:0; }
.wpsg-block-product-list :where(.wpsg-product-list__item) { display:flex; flex-direction:column; gap:0.5em; min-width:0; margin:0; padding:0; }
.wpsg-block-product-list :where(.wpsg-product-list__image img) { display:block; width:100%; height:auto; }
.wpsg-block-product-list :where(.wpsg-product-list__title) { margin:0; font-size:1em; line-height:1.3; overflow-wrap:anywhere; hyphens:auto; }
.wpsg-block-product-list :where(.wpsg-product-list__price), .wpsg-block-product-price :where(.wpsg-product-list__price) { font-size:1.2em; }
.wpsg-block-product-list :where(.wpsg-product-list__taxnote, .wpsg-product-list__baseprice, .wpsg-product-list__deliverytime), .wpsg-block-product-price :where(.wpsg-product-list__taxnote, .wpsg-product-list__baseprice) { font-size:var(--wpsg-font-size-small); opacity:var(--wpsg-muted-opacity); }
.wpsg-block-product-list :where(.wpsg-product-list__action), .wpsg-block-product-price :where(.wpsg-product-list__action) { margin-top:auto; padding-top:0.5em; }
.wpsg-block-product-list :where(.wpsg-product-list__action form), .wpsg-block-product-price :where(.wpsg-product-list__action form) { margin:0; }
.wpsg-block-product-list :where(.wpsg-product-list__action .wpsg_button), .wpsg-block-product-price :where(.wpsg-product-list__action .wpsg_button) { display:block; width:100%; margin:0; text-align:center; box-sizing:border-box; }
.wpsg-block-mini-cart :where(.wpsg-mini-cart__link), .wpsg-block-customer-account :where(.wpsg-customer-account__link) { display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:0.5em; text-decoration:none; }
.wpsg-block-mini-cart :where(.wpsg-mini-cart__content) { display:inline-flex; gap:0.5em; }
.wpsg-block-mini-cart :where(.wpsg-mini-cart__sum) { font-weight:bold; }

/* Produktansichten (Modul, Vorlage seit 4.6.1) */
.wpsg-pv :where(.wpsg-pv__head) { display:flex; flex-wrap:wrap; align-items:center; gap:0.5em var(--wpsg-gap); margin-bottom:var(--wpsg-gap); }
.wpsg-pv :where(.wpsg-pv__title) { flex:1 1 100%; margin:0; }
.wpsg-pv :where(.wpsg-pv__info) { flex:1 1 auto; margin:0; font-size:var(--wpsg-font-size-small); opacity:var(--wpsg-muted-opacity); }
.wpsg-pv :where(.wpsg-pv__order) { display:flex; flex-wrap:wrap; align-items:center; gap:0.5em; margin:0; }
.wpsg-pv :where(.wpsg-pv__order label) { display:flex; flex-wrap:wrap; align-items:center; gap:0.5em; }
.wpsg-pv :where(.wpsg-pv__modes) { display:flex; gap:0.75em; }
.wpsg-pv :where(.wpsg-pv__modes a.active) { font-weight:bold; text-decoration:none; }
.wpsg-pv :where(.wpsg-pv__items) { display:grid; grid-template-columns:repeat(var(--wpsg-columns, 4), minmax(0, 1fr)); gap:calc(var(--wpsg-gap) * 2) var(--wpsg-gap); list-style:none; margin:0; padding:0; }
.wpsg-pv :where(.wpsg-pv__item) { display:flex; flex-direction:column; gap:0.5em; min-width:0; margin:0; padding:0; }
.wpsg-pv :where(.wpsg-pv__image img) { display:block; width:100%; height:auto; }
.wpsg-pv :where(.wpsg-pv__body) { display:flex; flex-direction:column; gap:0.35em; flex:1 1 auto; min-width:0; }
.wpsg-pv :where(.wpsg-pv__body > p, .wpsg-pv__description) { margin:0; }
.wpsg-pv :where(.wpsg-pv__name) { margin:0; font-size:1em; line-height:1.3; overflow-wrap:anywhere; hyphens:auto; }
.wpsg-pv :where(.wpsg-pv__price) { font-size:1.2em; }
.wpsg-pv :where(.wpsg-pv__price-old) { margin-left:0.5em; font-size:0.8em; opacity:var(--wpsg-muted-opacity); }
.wpsg-pv :where(.wpsg-pv__detailname, .wpsg-pv__taxnote, .wpsg-pv__baseprice, .wpsg-pv__stock, .wpsg-pv__deliverytime, .wpsg-pv__weight) { font-size:var(--wpsg-font-size-small); opacity:var(--wpsg-muted-opacity); }
.wpsg-pv :where(.wpsg-pv__description) { display:none; }
.wpsg-pv :where(.wpsg-pv__action) { display:flex; flex-direction:column; gap:0.5em; margin-top:auto; padding-top:0.5em; }
.wpsg-pv :where(.wpsg-pv__action form) { margin:0; }
.wpsg-pv :where(.wpsg-pv__action .wpsg_button) { display:block; width:100%; margin:0; text-align:center; box-sizing:border-box; }
.wpsg-pv--list :where(.wpsg-pv__items) { grid-template-columns:minmax(0, 1fr); }
.wpsg-pv--list :where(.wpsg-pv__item) { flex-direction:row; gap:var(--wpsg-gap); padding-bottom:var(--wpsg-gap); border-bottom:1px solid var(--wpsg-color-line-soft); }
.wpsg-pv--list :where(.wpsg-pv__image) { flex:0 0 min(30%, 220px); }
.wpsg-pv--list :where(.wpsg-pv__description) { display:block; }
.wpsg-pv--list :where(.wpsg-pv__action .wpsg_button) { display:inline-block; width:auto; }
.wpsg-pv--list :where(.wpsg-pv__action) { flex-direction:row; flex-wrap:wrap; }
.wpsg-pv :where(.wpsg-pv__pager) { display:flex; flex-wrap:wrap; justify-content:center; gap:0.5em; margin-top:calc(var(--wpsg-gap) * 2); }
.wpsg-pv :where(.wpsg-pv__pager a, .wpsg-pv__pager span) { min-width:2em; padding:0.25em 0.5em; text-align:center; border:1px solid var(--wpsg-color-line); border-radius:var(--wpsg-radius); }
.wpsg-pv :where(.wpsg-pv__pager span[aria-current]) { font-weight:bold; background-color:var(--wpsg-color-surface); }
.wpsg-pv :where(.wpsg-pv__pager .wpsg-pv__gap) { border-color:transparent; }
.wpsg-pv.is-loading { opacity:0.5; pointer-events:none; }
:where(.wpsg-kuhint) { margin-top:var(--wpsg-gap); font-size:var(--wpsg-font-size-small); font-style:italic; }
.wpsg-pvf :where(.wpsg-pvf__item) { margin:0 0 var(--wpsg-gap) 0; padding:0; border:0; min-width:0; }
.wpsg-pvf :where(.wpsg-pvf__title) { margin:0 0 0.5em 0; padding:0; font-size:1em; font-weight:bold; }
.wpsg-pvf :where(.wpsg-pvf__item ul) { margin:0; padding-left:1.2em; }
.wpsg-pvf :where(.wpsg-pvf__price .wpsg-pvf__options) { display:flex; flex-wrap:wrap; align-items:center; gap:0.5em; }
.wpsg-pvf :where(.wpsg-pvf__price label) { display:flex; align-items:center; gap:0.35em; }
.wpsg-pvf :where(.wpsg-pvf__price input) { width:7em; }
.wpsg-pvf :where(.wpsg-pvf__price label > span) { min-width:1.75em; }
.wpsg-pvf :where(.wpsg-pvf__option) { display:flex; align-items:center; gap:0.5em; margin:0.25em 0; }
.wpsg-pvf :where(.wpsg-pvf__color) { display:inline-block; width:1.2em; height:1.2em; border:1px solid var(--wpsg-color-line); border-radius:var(--wpsg-radius); }
.wpsg-pvf :where(.wpsg-pvf__actions) { display:flex; flex-wrap:wrap; align-items:center; gap:var(--wpsg-gap); }

/*
 * 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) {

	.wpsg-pv :where(.wpsg-pv__items) { grid-template-columns:repeat(min(var(--wpsg-columns, 4), 2), minmax(0, 1fr)); }
	.wpsg-pv--list :where(.wpsg-pv__items) { grid-template-columns:minmax(0, 1fr); }
	.wpsg-pv--list :where(.wpsg-pv__item) { flex-direction:column; }

	.wpsg-block-product-list :where(.wpsg-product-list__items) { grid-template-columns:repeat(min(var(--wpsg-columns, 3), 2), minmax(0, 1fr)); }

	.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; }

	.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 */
	.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 */
	/* 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; }

}