:root { --acc-pad-x: 24px; --font-body: Arial, Helvetica, sans-serif; --font-size-body: 14px; --line-height-body: 1.6; --table-border: #eee; --space-s: 4px; --space-m: 16px; --space-l: 24px; --space-xl: 32px; } /* Grundtypografie nur für Inhalte im Accordion */ .shogun-accordion-body, .shogun-accordion-body * { font-family: var(--font-body); font-size: var(--font-size-body); line-height: var(--line-height-body); } .product-intro p { margin: 0 0 1rem; } .product-intro ul { margin: 0 0 0.75rem; padding-left: 1.2rem; } .product-intro { margin-bottom: var(--space-xl); } .shogun-accordion { margin-bottom: var(--space-l); } .shogun-accordion:last-child { margin-bottom: 0; } .shogun-accordion-header { margin-top: var(--space-s); } .shogun-accordion-title { margin: 0; } .shogun-accordion-trigger { background: none; border: 0; font: inherit; color: #333; padding: var(--space-s) var(--acc-pad-x) 0; cursor: pointer; width: 100%; text-align: left; font-weight: 400; position: relative; /* Platz für das Plus/Minus Symbol */ padding-right: calc(var(--acc-pad-x) + 16px); } .shogun-accordion-trigger::after { content: "+"; position: absolute; right: var(--acc-pad-x); top: 50%; transform: translateY(-50%); pointer-events: none; /* blockiert keine Klicks */ } .shogun-accordion.is-open .shogun-accordion-trigger::after { content: "−"; } /* sichtbarer Tastaturfokus */ .shogun-accordion-trigger:focus-visible { outline: 2px solid #333; outline-offset: 3px; border-radius: 4px; } .shogun-accordion-body { padding: 0 var(--acc-pad-x) var(--space-m); } .shogun-accordion-body > :first-child { margin-top: var(--space-s); } /* Tabelle */ .shogun-accordion-body table { width: 100%; border-collapse: collapse; } .shogun-accordion-body th, .shogun-accordion-body td { padding: 6px 8px; border-bottom: 1px solid var(--table-border); } .shogun-accordion-body thead th { font-weight: 400; text-align: center; } .shogun-accordion-body tbody th { text-align: left; font-weight: 400; } .shogun-accordion-body tbody td { text-align: center; } /* Screenreader-only Hilfsklasse */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Mobil bis 768px: horizontales Scrollen, angepasste Typo */ @media (max-width: 768px) { .shogun-table-wrapper { overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; } .shogun-accordion-body .shogun-table { min-width: 520px; } .shogun-accordion-body p, .shogun-accordion-body li, .shogun-accordion-body th, .shogun-accordion-body td { font-size: 13px; } .shogun-accordion-body th, .shogun-accordion-body td { padding: 4px 6px; } .shogun-accordion-body thead th { white-space: nowrap; padding: 4px 6px; } } Entdecken Sie unsere moderne und lässige Stehkragenjacke Max Grey. Diese Jacke ist eine Hommage an zeitloses Design und Funktionalität, und sie bringt das gewisse Etwas in Ihre Garderobe. Die Jacke ist mit geschickt platzierten Passen und Teilungsnähten vorne und hinten gestaltet, die nicht nur eine markante Optik verleihen, sondern auch für eine bequeme Passform sorgen. Das Besondere: Die Taschen sind geschickt in diese Nähte auf der Vorderseite integriert, was nicht nur für einen schlanken Look sorgt, sondern auch Platz für Ihre Essentials bietet. Hergestellt aus vorgewaschener Baumwolle, ist diese Jacke nicht nur angenehm zu tragen, sondern auch robust und für jede Gelegenheit geeignet. Egal, ob Sie sie zu einem entspannten Freizeitoutfit oder zu einem schickeren Look kombinieren, sie passt perfekt zu Ihrem Lifestyle. Schmalere Jackenform Stehkragen, auch umlegbar Sportlicher Reißverschluss Seitliche Taschen in der Teilungsnaht Großzügige Innentaschen Länge in der hinteren Mitte ohne Kragen bei Größe M 63 cm Auf Wunsch maßgeschneidert Hergestellt in Hamburg MATERIAL 100% Baumwolle PFLEGEHINWEIS Maschinenwäsche bei 30 Grad (Reißverschluss zu und auf links ziehen), Bügeln bei niedriger Temperatur, nicht Trocknergeeignet. GRÖSSENTABELLE Größentabelle für S bis XL Maß S M L XL Oberweite 97 cm 105 cm 113 cm 121 cm Hüftweite 94 cm 99 cm 104 cm 113 cm Rückenlänge 63 cm 63 cm 63 cm 65 cm /* Delegierter Click-Handler für alle Accordion-Buttons */ document.addEventListener('click', function(e) { const btn = e.target.closest('.shogun-accordion-trigger'); if (!btn) return; const accordion = btn.closest('.shogun-accordion'); const panelId = btn.getAttribute('aria-controls'); const panel = document.getElementById(panelId); const isOpen = btn.getAttribute('aria-expanded') === 'true'; btn.setAttribute('aria-expanded', String(!isOpen)); if (panel) { panel.hidden = isOpen; accordion && accordion.classList.toggle('is-open', !isOpen); } });
