From ff6948abc961fbc7ef66e0700e9fe837b7ed9ea6 Mon Sep 17 00:00:00 2001
From: Roger Rehnelt <noreply@maennchen1.de>
Date: Sun, 4 Oct 2026 18:27:49 +0200
Subject: Kundenverwaltung: Abmelden in schmaler Kontonavigation mitlaufen
 lassen

Bricht die Navigation um, steht Abmelden nicht mehr allein am rechten Rand.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 views/css/frontend.css   | 4 +++-
 views/css/wpsg-theme.css | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

(limited to 'views/css')

diff --git a/views/css/frontend.css b/views/css/frontend.css
index b4efee1..2f63149 100644
--- a/views/css/frontend.css
+++ b/views/css/frontend.css
@@ -297,13 +297,15 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max
 .wpsg_checkout .wpsg_mod_ordervars_field { display:inline; }
 
 /* Kontonavigation */
-.wpsg-account-nav { margin:0 0 2em; border-bottom:1px solid #DDDDDD; }
+.wpsg-account-nav { margin:0 0 2em; border-bottom:1px solid #DDDDDD; container-type:inline-size; }
 .wpsg-account-nav__list { display:flex; flex-wrap:wrap; gap:0 1.5em; margin:0; padding:0; list-style:none; }
 .wpsg-account-nav__item { margin:0; }
 .wpsg-account-nav__item--logout { margin-left:auto; }
 .wpsg-account-nav__link { display:inline-block; padding:0.6em 0; text-decoration:none; }
 .wpsg-account-nav__link:hover { text-decoration:underline; }
 .wpsg-account-nav__link[aria-current="page"] { font-weight:700; text-decoration:underline; text-decoration-thickness:3px; text-underline-offset:0.4em; }
+/* Schmal bricht die Navigation um; Abmelden läuft dann mit statt allein rechts */
+@container (max-width:36em) { .wpsg-account-nav__item--logout { margin-left:0; } }
 
 /* Profilseite */
 .wpsg_profil .wpsg_pwdvergessen_link { line-height:30px; }
diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css
index b492bc3..db118a4 100644
--- a/views/css/wpsg-theme.css
+++ b/views/css/wpsg-theme.css
@@ -292,13 +292,15 @@
 .wpsg-steps__number::after { content:"."; }
 
 /* Kundenkonto */
-.wpsg-account-nav { margin:0 0 2em; border-bottom:1px solid var(--wpsg-color-line); }
+.wpsg-account-nav { margin:0 0 2em; border-bottom:1px solid var(--wpsg-color-line); container-type:inline-size; }
 .wpsg-account-nav__list { display:flex; flex-wrap:wrap; gap:0 1.5em; margin:0; padding:0; list-style:none; }
 .wpsg-account-nav__item { margin:0; }
 .wpsg-account-nav__item--logout { margin-inline-start:auto; }
 .wpsg-account-nav__link { display:inline-block; padding:0.6em 0; color:inherit; text-decoration:none; }
 .wpsg-account-nav__link:where(:hover) { text-decoration:underline; }
 .wpsg-account-nav__link:where([aria-current="page"]) { font-weight:700; text-decoration:underline; text-decoration-color:var(--wpsg-color-accent); text-decoration-thickness:3px; text-underline-offset:0.4em; }
+/* Schmal bricht die Navigation um; Abmelden läuft dann mit statt allein rechts */
+@container (max-width:36em) { .wpsg-account-nav__item--logout { margin-inline-start:0; } }
 .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; }
-- 
cgit v1.2.3