From 38229ac5e99a5672441b151583a57c59c51e4fa8 Mon Sep 17 00:00:00 2001
From: k <kenzo.signer@bookageek.ch>
Date: Sat, 2 Aug 2025 15:54:09 +0200
Subject: [PATCH] Refine Drinks section text and styling:

- **Content updates**: Adjusted description text for a more engaging and detailed presentation.
- **Styling changes**: Reduced title margin, enlarged circle dimensions for better visual balance, and added spacing to card links.
- **Layout improvements**: Removed redundant whiskey circle styles for cleaner CSS.
---
 src/components/Drinks.astro      | 10 ++++++++--
 src/styles/components/Drinks.css | 12 ++++--------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/Drinks.astro b/src/components/Drinks.astro
index 8d932b8..74c32b3 100644
--- a/src/components/Drinks.astro
+++ b/src/components/Drinks.astro
@@ -6,6 +6,11 @@ const { id } = Astro.props;
 <section id={id} class="Drinks">
     <h2 class="title">Drinks</h2>
 
+    <p class="note">
+        Ob ein frisch gezapftes Pint, ein edler Tropfen Whiskey oder ein gemütliches Glas Wein – hier kannst du in entspannter
+        Atmosphäre das Leben genießen. Natürlich dürfen auch Cocktails nicht fehlen. Vieles kreieren wir auch selber - Sláinte!
+    </p>
+
     <a href="/pdf/Menu.pdf" class="card-link" target="_blank" rel="noopener noreferrer">Getränkekarte</a>
 
     <h3 class="monats-hit">Monats Hit</h3>
@@ -18,8 +23,9 @@ const { id } = Astro.props;
         <div>Mate Vodka</div>
     </div>
 
-    <p class="note">Ob ein frisch gezapftes Pint, ein edler Tropfen Whiskey oder ein gemütliches Glas Wein – hier kannst du in entspannter
-        Atmosphäre das Leben genießen. Natürlich dürfen auch Cocktails nicht fehlen. Vieles kreieren wir auch selber - Sláinte!</p>
+    <p class="note">
+        Für Whisky-Liebhaber haben wir erlesene Sorten aus Schottland und Irland im Angebot.
+    </p>
 
     <div class="circle-row">
         <div class="circle whiskey-circle" title="Whiskey 1">
diff --git a/src/styles/components/Drinks.css b/src/styles/components/Drinks.css
index 60b2df0..1b6ef4a 100644
--- a/src/styles/components/Drinks.css
+++ b/src/styles/components/Drinks.css
@@ -15,7 +15,7 @@
 
 .title {
   font-size: var(--font-size-large);
-  margin-bottom: 1.5rem;
+  margin-bottom: 0.5rem;
   font-weight: bold;
   color: var(--color-text);
   text-transform: uppercase;
@@ -25,6 +25,7 @@
 .card-link {
   border: 2px solid var(--color-accent-beige);
   padding: 0.75rem 1.5rem;
+  margin-top: 2.5rem;
   margin-bottom: 2.5rem;
   color: var(--color-text);
   background-color: var(--color-background);
@@ -80,8 +81,8 @@
 }
 
 .circle {
-  height: 12em;
-  width: 12em;
+  height: 20em;
+  width: 20em;
   border: 2px solid var(--color-accent-beige);
   border-radius: 50%;
   margin: 0.5rem;
@@ -128,11 +129,6 @@
   z-index: 1;
 }
 
-.whiskey-circle {
-  height: 20em;
-  width: 20em;
-}
-
 .circle-row {
   display: flex;
   justify-content: center;