From 7e28a5275c4a21ebe88523b7ef15e6d3dccf4b75 Mon Sep 17 00:00:00 2001
From: Thomas Bartelt <tb@tel.bar>
Date: Sun, 13 Sep 2026 21:53:58 +0200
Subject: [PATCH] style(warenkorb): Express-Button mit eigener Klasse .ppbutton
 (PayPal-Optik, nicht .button)

---
 .../theme2/templates/content_shoppingcart.tpl  | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/web/intelectra_shop/themes/theme2/templates/content_shoppingcart.tpl b/web/intelectra_shop/themes/theme2/templates/content_shoppingcart.tpl
index fe6156b..d9c0fee 100644
--- a/web/intelectra_shop/themes/theme2/templates/content_shoppingcart.tpl
+++ b/web/intelectra_shop/themes/theme2/templates/content_shoppingcart.tpl
@@ -150,13 +150,13 @@
 							{foreach from=$express_providers item=xp}
 								{if $xp.module == 'paypal_v2'}
 								<div style="margin-top:10px;">
-									<a href="/Kasse/?payment_express_start={$xp.module}" class="button express_button express_paypal" title="Direkt mit PayPal bezahlen &ndash; Adresse kommt von PayPal, Sie pr&uuml;fen die Bestellung danach in der Kasse">
-										<img src="https://www.paypalobjects.com/webstatic/de_DE/i/de-pp-logo-100px.png" alt="PayPal" style="height:22px; vertical-align:middle; margin-right:6px;">Direkt bezahlen
+									<a href="/Kasse/?payment_express_start={$xp.module}" class="ppbutton" title="Direkt mit PayPal bezahlen &ndash; Adresse kommt von PayPal, Sie pr&uuml;fen die Bestellung danach in der Kasse">
+										<img src="https://www.paypalobjects.com/webstatic/de_DE/i/de-pp-logo-100px.png" alt="PayPal">Direkt bezahlen
 									</a>
 								</div>
 								{else}
 								<div style="margin-top:10px;">
-									<a href="/Kasse/?payment_express_start={$xp.module}" class="button express_button">Direkt mit {$xp.label|escape} bezahlen</a>
+									<a href="/Kasse/?payment_express_start={$xp.module}" class="ppbutton">Direkt mit {$xp.label|escape} bezahlen</a>
 								</div>
 								{/if}
 							{/foreach}
@@ -194,6 +194,18 @@
 {/if}
 
 {literal}
+<style>
+/* Express-Button der Zahlungsanbieter (eigene Klasse, damit nicht .button greift) */
+a.ppbutton, a.ppbutton:visited {
+	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
+	min-width: 200px; padding: 10px 18px; box-sizing: border-box;
+	background: #ffc439; color: #003087; font-weight: 700; font-size: 15px;
+	text-decoration: none; border: 0; border-radius: 22px; line-height: 1.2;
+	box-shadow: 0 1px 2px rgba(0,0,0,.15); cursor: pointer;
+}
+a.ppbutton:hover, a.ppbutton:focus { background: #f2ba36; color: #003087; text-decoration: none; }
+a.ppbutton img { height: 22px; width: auto; vertical-align: middle; }
+</style>
 <script type="text/javascript">
 $(document).ready(function() {
 	$('#cashdesk_button').click(function(e) {