Je ne regrette Rien! T-Shirt Lavendel / Neongelb

Beschreibung

.bb-acc{font-family:’DM Sans‘,system-ui,-apple-system,sans-serif;max-width:680px;margin:0 auto;color:#2c2825}
.bb-acc *{box-sizing:border-box}
.bb-sec{border-bottom:1px solid #e0d6cc}
.bb-sec:last-child{border-bottom:none}
.bb-hdr{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.bb-hdr:hover{opacity:.8}
.bb-hdr h3{margin:0;font-size:15px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:#2c2825}
.bb-chv{font-size:18px;transition:transform .3s ease;color:#c4703c;font-weight:700;line-height:1}
.bb-chv.bb-open{transform:rotate(180deg)}
.bb-chv::after{content:“⌄“;display:inline-block}
.bb-bdy{max-height:0;overflow:hidden;transition:max-height .4s ease}
.bb-bdy.bb-open{max-height:800px}
.bb-bdy-inner{padding:0 4px 20px}
.bb-bdy-inner p{margin:0 0 10px;font-size:14px;line-height:1.7;color:#4a4541}
.bb-bdy-inner table{font-size:13px}
.bb-bdy-inner table td{color:#4a4541}
.bb-tag{display:inline-block;background:#f3f0eb;color:#8a7e74;font-size:11px;padding:3px 10px;border-radius:20px;margin:0 6px 6px 0;letter-spacing:.3px}

(function () {
document.querySelectorAll(‚.bb-hdr‘).forEach(function (h) {
h.addEventListener(‚click‘, function () {
var b = this.nextElementSibling;
var c = this.querySelector(‚.bb-chv‘);
var isOpen = b.classList.contains(‚bb-open‘);
// Close all in same accordion
var acc = this.closest(‚.bb-acc‘);
acc.querySelectorAll(‚.bb-bdy.bb-open‘).forEach(function (ob) { ob.classList.remove(‚bb-open‘) });
acc.querySelectorAll(‚.bb-chv.bb-open‘).forEach(function (oc) { oc.classList.remove(‚bb-open‘) });
// Toggle clicked
if (!isOpen) { b.classList.add(‚bb-open‘); c.classList.add(‚bb-open‘) }
});
});
})();