Fiona Brown

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; } } Einfach zeitlos! Coole Schurwolljacke mit hohem, leicht halsfernem Stehkragen, leicht oversized geschnitten. Minimalistisch und lässig zu fast jedem Anlass und Kleidungsstück kombinierbar. Die Jacke ist komplett gefüttert. Cooler, minimalistischer Schnitt Großzügige Pattentaschen Hoher Stehkragen, auch umlegbar Brünierter, leicht gängiger Reißverschluss Hochwertiges Innenfutter Länge in der hinteren Mitte ohne Kragen bei Größe M 58 cm Auf Wunsch maßgeschneidert Hergestellt in Hamburg MATERIAL 100 % Schurwolle PFLEGEHINWEIS Reinigung, Bügeln auf niedriger Temperatur GRÖSSENTABELLE Maß S M L XL Oberweite 109 cm 115 cm 121 cm Taillenweite 106 cm 112 cm 118 cm Hüftweite 104 cm 110 cm 116 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