/* Hinweis als kleine News-Box unten links */
.azw-sn {
	--sn-c: var(--azt-accent, #e30613); --sn-bg: var(--azt-bg, #fff); --sn-fg: var(--azt-fg, #0a0a0a); --sn-muted: var(--azt-muted, #5c5c5c); --sn-line: var(--azt-line, rgba(10,10,10,.12));
	position: fixed; left: 24px; bottom: 24px; z-index: 85; width: min(380px, calc(100vw - 48px));
	padding: 16px 18px 18px; border-radius: 18px; background: var(--sn-bg); color: var(--sn-fg);
	box-shadow: 0 0 0 1px var(--sn-line), 0 18px 50px rgba(0, 0, 0, .16), 0 2px 8px rgba(0, 0, 0, .06);
	animation: azw-sn-in .6s cubic-bezier(.2, .7, .2, 1) 1.2s both;
}
.azw-sn::before { content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 3px; border-radius: 0 3px 3px 0; background: var(--sn-c); }
.azw-sn.is-ok { --sn-c: #12a150; }
.azw-sn.is-info { --sn-c: var(--sn-fg); }
.azw-sn[hidden], .azw-sn.is-out { display: none; }
.azw-sn__head { display: flex; align-items: center; gap: 8px; margin: 0 -6px 8px 0; }
.azw-sn__dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--sn-c); animation: azw-sn-pulse 2s ease-in-out infinite; }
.azw-sn__kicker { flex: 1; font-size: 12px; line-height: 1; font-weight: 500; letter-spacing: .02em; text-transform: uppercase; color: var(--sn-muted); }
.azw-sn__x { flex: none; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 1px solid var(--sn-line); border-radius: 50%; background: color-mix(in srgb, var(--sn-fg) 4%, var(--sn-bg)); color: var(--sn-fg); cursor: pointer; transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
.azw-sn__x svg { width: 14px; height: 14px; transition: transform .25s ease; }
.azw-sn__x:hover, .azw-sn__x:focus-visible { background: var(--sn-fg); border-color: var(--sn-fg); color: var(--sn-bg); }
.azw-sn__x:hover svg { transform: rotate(90deg); }
.azw-sn__x:active { transform: scale(.94); }
.azw-sn__x:focus-visible { outline: 2px solid var(--sn-c); outline-offset: 2px; }
.azw-sn__title { margin: 0 0 6px; font-size: 17px; line-height: 1.3; font-weight: 600; letter-spacing: -0.02em; }
.azw-sn__text { margin: 0; font-size: 14px; line-height: 1.5; color: color-mix(in srgb, var(--sn-fg) 80%, var(--sn-bg)); }
.azw-sn.is-leaving { animation: azw-sn-out .35s ease forwards; }
@keyframes azw-sn-in { from { opacity: 0; transform: translateY(16px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes azw-sn-out { to { opacity: 0; transform: translateY(12px); } }
@keyframes azw-sn-pulse { 0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--sn-c) 55%, transparent); } 50% { box-shadow: 0 0 0 5px color-mix(in srgb, var(--sn-c) 0%, transparent); } }
@media (prefers-reduced-motion: reduce) { .azw-sn, .azw-sn__dot, .azw-sn.is-leaving { animation: none; } }
@media (max-width: 600px) {
	.azw-sn { left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); width: auto; padding: 14px 16px 16px; }
	.azw-sn__title { font-size: 16px; }
}
/* Mobil: nicht gleichzeitig mit dem Cookie-Hinweis, und den Nach-oben-Knopf solange ausblenden. */
@media (max-width: 900px) {
	body:has(#azt-cc.is-in) .azw-sn { display: none; }
	body:has(.azw-sn:not([hidden])) .azt-totop { display: none !important; }
}
