/* DIMATA Solutions GmbH — Erstellt von Sedin Mehmedovic */
.ma-accordion{--acc-accent:#e93b3b;--acc-text:#222;--acc-muted:#6b6b6b;--acc-divider:#e9e9e9;--acc-row-py:18px;--acc-content-pad:16px;--acc-no-size:.95rem;--acc-no-shift:0px;--acc-no-col:48px;--acc-title-shift:0px}
.ma-accordion{color:var(--acc-text)}
.ma-accordion .acc-item{position:relative}
.ma-accordion .acc-trigger{appearance:none;background:transparent;border:0;width:100%;display:grid;grid-template-columns:var(--acc-no-col) minmax(0,1fr) auto;align-items:center;gap:8px;padding:var(--acc-row-py) 14px;cursor:pointer;text-align:left;color:inherit;border-bottom:1px solid var(--acc-divider)}
.ma-accordion .acc-item:last-child .acc-trigger{border-bottom:none}
.ma-accordion .acc-no{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--acc-muted);font-weight:600;font-size:var(--acc-no-size);display:inline-block;transform:translateY(var(--acc-no-shift))}
.ma-accordion .acc-title{font-weight:600;font-size:1.15rem;min-width:0;white-space:normal;overflow-wrap:anywhere;display:inline-block;transform:translateX(var(--acc-title-shift))}
.ma-accordion .acc-icon{height:18px;width:18px;justify-self:end}
.ma-accordion .acc-icon-open{display:none}
.ma-accordion .acc-trigger[aria-expanded="true"] .acc-icon-open{display:inline-block}
.ma-accordion .acc-trigger[aria-expanded="true"] .acc-icon-closed{display:none}
.ma-accordion .acc-panel{overflow:hidden;max-height:0;transition:max-height .3s ease;will-change:max-height;border-bottom:1px solid var(--acc-divider)}
.ma-accordion .acc-item:last-child .acc-panel{border-bottom:none}
.ma-accordion .acc-content{padding:10px var(--acc-content-pad) 18px calc(var(--acc-no-col) + var(--acc-content-pad));line-height:1.65;color:var(--acc-muted);position:relative}
.ma-accordion .acc-content:before{content:"";position:absolute;left:24px;top:10px;bottom:18px;width:3px;background:var(--acc-accent);border-radius:2px;opacity:.75}
.ma-accordion .acc-trigger:focus-visible{outline:2px dashed var(--acc-accent);outline-offset:4px;border-radius:10px}
@media(hover:hover){.ma-accordion .acc-trigger:hover{background:#fafafa}}
@media (max-width: 480px){
  .ma-accordion{--acc-no-col:36px;--acc-content-pad:14px}
  .ma-accordion .acc-icon{width:16px;height:16px}
}
