From 82a07fa6521af22fafabb24fda13b330b989524b Mon Sep 17 00:00:00 2001
From: Sven Bledt <sven.bledt@gmail.com>
Date: Thu, 10 Apr 2025 20:05:00 +0200
Subject: [PATCH] =?UTF-8?q?FEAT:=20Einkaufswagen=20-=20Sticky=20wenn=20Mon?=
 =?UTF-8?q?itor=20Tablet=20oder=20Gr=C3=B6sser?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/style/stylesheet.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/assets/style/stylesheet.css b/assets/style/stylesheet.css
index 79e3f8b..21629d0 100644
--- a/assets/style/stylesheet.css
+++ b/assets/style/stylesheet.css
@@ -52,6 +52,19 @@
         cursor: default;
     }
 }
+
+/**
+ * Make the cart sticky on screens wider than 768px
+ */
+@media screen and (min-width: 768px) {
+    .cart {
+        position: sticky;
+        top: 1rem;
+        max-height: calc(100vh - 2rem);
+        overflow-y: auto;
+    }
+}
+
 /**
  * Product list contains all available products,
  * which are displayed in a grid layout. The grid scaling is done by bootstrap.