/* Themebar via CSS-Vars; Defaults neutral, jeder Client überschreibt. Eckig, Hairline. */
.ak-banner{--ak-bg:#f4efe6;--ak-ink:#1c1a16;--ak-accent:#1d5038;
  display:flex;align-items:center;gap:16px;justify-content:space-between;
  background:var(--ak-bg);color:var(--ak-ink);border-bottom:1px solid var(--ak-accent);
  padding:10px 20px;font-size:.95rem;line-height:1.4}
.ak-banner.ak-wichtig{border-bottom-width:2px}
.ak-text{flex:1;margin:0;max-width:70ch;transition:opacity .3s ease, filter .3s ease}
.ak-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
@media (prefers-reduced-motion:reduce){.ak-text{transition:none}}
.ak-text::before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;
  background:var(--ak-accent);vertical-align:middle}
.ak-close{flex:none;background:none;border:0;font-size:1.3rem;line-height:1;color:var(--ak-ink);
  cursor:pointer;min-width:44px;min-height:44px;display:grid;place-items:center}
.ak-close:hover{color:var(--ak-accent)}
.ak-close:focus-visible{outline:2px solid var(--ak-accent);outline-offset:2px}
@media (max-width:560px){.ak-banner{font-size:.9rem;padding:10px 12px;gap:8px}}