/* Request-a-Quote: Anfragen-Button + Modal */ .schuering-quote-button { cursor: pointer; } /* * Glozin rendert den Add-to-Cart-Button im Shop-Loop (Layout product-v1) * zweimal: einmal im oberen Icon-Overlay (Quick-View/Wishlist-Bereich, * ".product-featured-icons--primary") und einmal im unteren Bereich * (".product-featured-icons--second"). Für Quote-Produkte behalten wir nur * den unteren Button und blenden den oberen aus. */ .schuering-quote-product .product-featured-icons--primary .schuering-quote-button { display: none; } /* * Per DevTools-DOM-Diagnose bestätigt: Auf Produkt- UND Shop-Seite ruft * irgendein Skript (vermutlich das "Add to Cart Ajax"-Modul von * glozin-addons, für eine unsichtbare Erfolgs-/Vorschau-Kopie) unser * überschriebenes Add-to-Cart-Template zusätzlich auf und hängt das * Ergebnis OHNE jeden umschließenden Container direkt als erstes Kind von * ein (DOM-Pfad bestätigt: "body > div.schuering-quote-single-wrapper * > button", kein #page/.site o.ä. dazwischen). Diese Kombination kommt bei * keiner regulären Verwendung unseres Templates vor (das steht immer * innerhalb der Produktzusammenfassung, des Shop-Loops oder eines Karussells), * daher lässt sich das verirrte Exemplar hier eindeutig und sicher gezielt * ausblenden, ohne andere (durchaus gewollte) Mehrfach-Vorkommen desselben * Produkts z.B. im "Zuletzt angesehen"-Karussell zu treffen. */ body > div.schuering-quote-single-wrapper { display: none; } .schuering-quote-price-hidden { font-style: italic; } .schuering-quote-single-wrapper { margin: 1em 0; } .schuering-quote-modal { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; } .schuering-quote-modal[hidden] { display: none; } .schuering-quote-modal__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.6); } .schuering-quote-modal__dialog { position: relative; background: #fff; max-width: 480px; width: 90%; max-height: 90vh; overflow-y: auto; padding: 2em; border-radius: 4px; } .schuering-quote-modal__close { position: absolute; top: 0.5em; right: 0.75em; background: none; border: none; font-size: 1.75em; line-height: 1; cursor: pointer; } .schuering-quote-modal__product-name { font-weight: 600; margin-top: -0.5em; } #schuering-quote-form p { margin-bottom: 1em; } #schuering-quote-form label { display: block; margin-bottom: 0.35em; font-weight: 600; } #schuering-quote-form input, #schuering-quote-form textarea { width: 100%; box-sizing: border-box; } .schuering-quote-form__feedback { min-height: 1.5em; } .schuering-quote-form__feedback--success { color: #2e7d32; } .schuering-quote-form__feedback--error { color: #c62828; } body.schuering-quote-modal-open { overflow: hidden; } /* * Datenschutz-Checkbox: Die allgemeinen Formularregeln oben (label * display:block + font-weight:600, input width:100%) sind für Text-/ * Nummernfelder gedacht und würden die Checkbox über die volle Breite * strecken und das Label fett/blockweise anzeigen. Hier gezielt * überschreiben, damit Checkbox links neben einem normal-gewichteten, * kleineren Text steht. */ #schuering-quote-form .schuering-quote-form__privacy label { display: flex; align-items: flex-start; gap: 0.5em; font-weight: 400; font-size: 0.85em; line-height: 1.5; color: #666; } #schuering-quote-form .schuering-quote-form__privacy input[type="checkbox"] { width: auto; flex: 0 0 auto; margin: 0.2em 0 0; }