/* Auswahl der Märkte – Farben aus dem Logo (Weinrot / Gold) */
.aw { --wein: #4f1325; --wein-2: #6b1c33; --gold-ci: #c9a96a; min-height: 100vh;
  background: radial-gradient(120% 90% at 50% 0%, var(--wein-2) 0%, var(--wein) 65%); color: #f6ead2; }
.aw-seite { max-width: 760px; margin: 0 auto; padding: clamp(32px, 8vh, 80px) 20px 40px; text-align: center; }
.aw-titel { margin: 0; font: 700 clamp(30px, 6vw, 52px)/1.05 var(--zier); color: var(--gold-ci); letter-spacing: .02em; text-transform: uppercase; }
.aw-frage { margin: 14px 0 34px; color: #e8d6b6; }
.aw-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.aw-markt { display: flex; flex-direction: column; align-items: center; gap: 10px; height: 100%; padding: 28px 20px 26px;
  border: 1px solid rgba(201, 169, 106, .45); border-radius: 18px; background: rgba(0, 0, 0, .14);
  color: inherit; text-decoration: none; transition: background .2s, border-color .2s, transform .2s; }
.aw-markt:hover, .aw-markt:focus-visible { background: rgba(0, 0, 0, .26); border-color: var(--gold-ci); transform: translateY(-2px); outline: none; }
.aw-markt svg { width: 64px; height: 64px; fill: none; stroke: var(--gold-ci); stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }
.aw-name { font: 500 22px/1.2 var(--zier); color: #fff3d6; }
.aw-unter { font-size: 13px; color: #d9c29a; }
@media (prefers-reduced-motion: reduce) { .aw-markt { transition: none; } .aw-markt:hover { transform: none; } }