/* Akkordeon-Tabs — 1:1 aus ERP (assets/css/mage-components.css) portiert.
   Fullwidth/flush, offen = beige, Header-Icon wird orange, Body mit 20px Außen-Spacing.
   Marken-Orange über var(--o); neutrale Grautöne wie im Original. Opt-in per Wrapper .acctab. */
.acctab{border-top:1px solid #d1d1d1}
.acctab .accordion-section{background:#fff;border-bottom:1px solid #d1d1d1}
.acctab .accordion-header{padding:17px 20px;background:#fff;cursor:pointer;user-select:none;
  display:flex;justify-content:space-between;align-items:center;transition:background .15s ease}
.acctab .accordion-header:hover{background:#f8f8f8}
.acctab .accordion-section.open .accordion-header{background:#f5f5f5}
.acctab .accordion-section.open .accordion-header:hover{background:#ececec}
.acctab .accordion-header h3{margin:0;font-size:17px;font-weight:600;color:var(--text);display:flex;align-items:center}
.acctab .acc-h-icon{margin-right:10px;font-size:18px;color:#888;line-height:1;transition:color .15s ease}
.acctab .accordion-header:hover .acc-h-icon,
.acctab .accordion-section.open .acc-h-icon{color:var(--o)}
.acctab .accordion-icon{transition:transform .2s ease;color:#514943;font-size:14px;width:34px;height:34px;
  border:1px solid #adadad;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}
.acctab .accordion-header:hover .accordion-icon{border-color:#888;color:var(--text)}
.acctab .accordion-section.open .accordion-icon{transform:rotate(180deg)}
.acctab .accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}
.acctab .accordion-section.open .accordion-content{max-height:10000px;transition:max-height .5s ease-in}
.acctab .accordion-body{padding:20px;background:#fff;border-top:1px solid #e3e3e3}