/* Hinweis-Popup „Noch in Entwicklung – nicht final“ (entwicklung.js), audiSys-Tokens aus marke.css (body.p-au) */
.entwicklung { width: min(30rem, calc(100% - 32px)); padding: 1.6rem 1.8rem 1.8rem; border: 0; border-top: 6px solid var(--accent); border-radius: 0;
  background: var(--surface, #fff); color: var(--ink); font-family: var(--font); box-shadow: 0 24px 60px -20px rgba(7, 27, 42, .6); }
.entwicklung::backdrop { background: rgba(7, 27, 42, .55); }
.entwicklung h2 { font-size: var(--step-2, 1.6rem); line-height: 1.15; margin: 0 0 .7rem; max-width: none; color: var(--head); }
.entwicklung p { margin: 0 0 1.3rem; }
.entwicklung .entwicklung-marke { font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent-text); margin-bottom: .5rem; }
.entwicklung form { margin: 0; }
.entwicklung-knopf { min-height: 48px; padding: .55rem 1.3rem; font: 700 1rem/1.2 var(--font); color: var(--accent-ink); background: var(--accent);
  border: 2px solid var(--accent); border-radius: 0; cursor: pointer; }
.entwicklung-knopf:hover { background: #a8d235; border-color: #a8d235; }
.entwicklung-knopf:focus-visible { outline: 3px solid var(--head); outline-offset: 3px; }