Mylo Grey

Claudia Paulus Design Verified independent store

→

: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; --spac e-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; } } Zeitlose Stehkragenjacke mit Teilungsnähten und eingearbeiteten Taschen. Quernähte im Vorder- und Rückenteil unterstreichen die sportlich, elegante Silhouette. Ausgestattet mit zwei großzügigen Innentaschen, die bis in die Seitennaht konstruiert sind. Vielseitig kombinierbar zur Jeans oder Stoffhose, gedacht auch als Sakkoersatz. Schmalere Jackenform Stehkragen, auch umlegbar Brünierter, leicht gängiger Reißverschluss Seitliche Eingriffstaschen in Teilungsnaht Großzügige Innentaschen bis zur Seitennaht Länge in der hinteren Mitte ohne Kragen bei Größe M 63 cm Auf Wunsch maßgeschneidert Hergestellt in Hamburg MATERIAL 98% Baumwolle (vorgewaschen), 2% Elasthan PFLEGEHINWEIS Maschinenwäsche auf links bei 30°, 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 89 cm 97 cm 105 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); } }); Show more