/*
 * AMM COLOR BURST – Designrunde 02.
 * Akzentfarben sind von den gelieferten AMM-Logovarianten abgeleitet.
 * Keine externen Bilder, keine Änderung an der aktiven Website.
 */
:root {
  --paper: #ffffff;
  --ink: #22242b;
  --muted: #505965;
  --line: #d8dce3;
  --accent: #275d91;
  --amm-blue: #4e7db1;
  --amm-pink: #e71978;
  --amm-orange: #ffae24;
  --amm-green: #8ac747;
  --amm-teal: #007b97;
  --amm-lime: #dfff50;
  --amm-night: #202631;
  --amm-round: "Nunito", "Trebuchet MS", "Avenir Next", sans-serif;
}
body.amm-body {
  background: #ffffff;
  color: var(--ink);
  font-family: var(--amm-round);
  font-size: 16px;
  line-height: 1.65;
}
button, input, textarea, select, .amm-nav, .amm-footer {
  font-family: var(--amm-round);
}
h1, h2, h3, .amm-card-title, .amm-world-grid {
  font-family: var(--amm-round);
}
.amm-header {
  background: #ffffff;
  border-color: #e1e5eb;
}
.amm-nav {
  gap: clamp(7px, 1vw, 17px);
}
.amm-nav a {
  font-size: 13px;
  font-weight: 850;
  letter-spacing: -0.025em;
  border-radius: 999px;
  padding: 7px 9px;
  line-height: 1.25;
  transition: background .2s ease, color .2s ease;
}
.amm-nav a:hover,
.amm-nav a[aria-current="page"] {
  background: var(--amm-lime);
  color: var(--amm-night);
}
.amm-logo-image { max-height: 90px; }
.amm-brand-mark { text-transform: lowercase; letter-spacing: -.075em; }

/* Electric citrus replaces the old pale/beige areas. */
.amm-hero, .amm-page-hero {
  background: var(--amm-lime);
  color: var(--amm-night);
}
.amm-hero .amm-overline,
.amm-page-hero .amm-overline {
  color: #1e4771;
}
.amm-hero h1, .amm-page-hero h1 {
  font-weight: 900;
  letter-spacing: -.072em;
}
.amm-hero h1 em {
  font-family: var(--amm-round);
  font-style: normal;
  font-weight: 800;
  color: #ae005b;
  letter-spacing: -.065em;
}
.amm-hero-index, .amm-page-hero p.amm-lead {
  color: #28343c;
}
.amm-round-arrow {
  background: var(--amm-night);
  color: #ffffff;
  border-color: var(--amm-night);
  font-weight: 900;
}
.amm-round-arrow:hover {
  background: var(--amm-pink);
  border-color: var(--amm-pink);
  color: #ffffff;
}
.amm-dot { color: #af005b; }

/* High-energy magenta instead of the old beige News strip.
 * All small text in the strip uses white on dark magenta. */
.amm-news-section {
  background: #bd075f;
  color: #ffffff;
}
.amm-news-section .amm-overline,
.amm-news-section .amm-section-top h2,
.amm-news-section .amm-text-link {
  color: #ffffff;
}
.amm-news-section .amm-text-link:hover {
  color: var(--amm-lime);
}
.amm-news-section .amm-card {
  color: var(--amm-night);
}
.amm-news-section .amm-card .amm-overline {
  color: #424b55;
}
.amm-news-section .amm-empty {
  background: #ffffff;
  color: var(--amm-night);
  border-radius: 15px;
}

/* Cards: one coherent system, lively accents, friendly rounded silhouette. */
.amm-card {
  border-radius: 20px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 6px 24px rgb(26 35 45 / 8%);
}
.amm-card:hover {
  box-shadow: 0 16px 32px rgb(22 30 37 / 17%);
}
.amm-card-media {
  background: var(--amm-lime);
}
.amm-card-art {
  background: var(--amm-blue);
  color: #ffffff;
  letter-spacing: -.09em;
}
.amm-grid .amm-card:nth-child(5n+1) .amm-card-art {
  background: var(--amm-blue);
  color: #ffffff;
}
.amm-grid .amm-card:nth-child(5n+2) .amm-card-art {
  background: var(--amm-orange);
  color: var(--amm-night);
}
.amm-grid .amm-card:nth-child(5n+3) .amm-card-art {
  background: var(--amm-pink);
  color: #ffffff;
}
.amm-grid .amm-card:nth-child(5n+4) .amm-card-art {
  background: var(--amm-green);
  color: var(--amm-night);
}
.amm-grid .amm-card:nth-child(5n+5) .amm-card-art {
  background: var(--amm-teal);
  color: #ffffff;
}
.amm-art-dot { color: var(--amm-lime); }
.amm-card-title { font-weight: 900; letter-spacing: -.035em; }
.amm-card-title span { color: #215684; }
.amm-card-copy, .amm-about-text { line-height: 1.62; }
.amm-feature-grid .amm-card:first-child .amm-card-art {
  background: var(--amm-orange);
  color: var(--amm-night);
}
.amm-feature-grid .amm-card:last-child .amm-card-art {
  background: var(--amm-teal);
  color: #ffffff;
}

/* The long-form reading area stays calm, white and legible. */
.amm-content {
  background: #ffffff;
}
.amm-prose, .amm-project-block p {
  font-size: 18px;
  line-height: 1.72;
}
.amm-prose a { color: #145585; }
.amm-prose a:hover { color: #a50055; }
.amm-overline { font-weight: 900; }
.amm-section-top h2, .amm-project-block h2 { font-weight: 900; }
.amm-btn {
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: -.01em;
}
.amm-btn:hover {
  background: #bf075e;
  border-color: #bf075e;
  color: #ffffff;
}
.amm-badge {
  border-radius: 999px;
  border-color: #bded35;
  background: var(--amm-lime);
  color: var(--amm-night);
  font-weight: 900;
}

/* The project-world switchboard uses the whole palette without clutter. */
.amm-explore {
  background: var(--amm-night);
  color: #ffffff;
}
.amm-explore .amm-overline { color: var(--amm-lime); }
.amm-world-grid>a { border-bottom-color: #596575; }
.amm-world-grid>a:nth-child(4n+1) span:last-child { color: var(--amm-lime); }
.amm-world-grid>a:nth-child(4n+2) span:last-child { color: #ffa528; }
.amm-world-grid>a:nth-child(4n+3) span:last-child { color: #ff61a0; }
.amm-world-grid>a:nth-child(4n+4) span:last-child { color: #79d9ee; }
.amm-world-grid>a:hover { color: var(--amm-lime); }
.amm-footer { background: #1b2030; }
.amm-footer .amm-overline { color: var(--amm-lime); }
.amm-footer-logo span { color: var(--amm-lime); }
.amm-footer-main a:hover { color: var(--amm-lime); }

/* Keep focus highly visible on pink, lime, dark and white surfaces. */
:focus-visible { outline: 3px solid #13517b; outline-offset: 4px; }
.amm-news-section :focus-visible, .amm-explore :focus-visible,
.amm-footer :focus-visible { outline-color: var(--amm-lime); }
@media (max-width: 1120px) {
  .amm-nav a { font-size: 12px; padding: 5px 6px; }
}
@media (max-width: 900px) {
  .amm-nav { background: #ffffff; }
  .amm-nav a { font-size: 21px; font-weight: 850; padding: 12px; }
  .amm-nav a[aria-current="page"] { border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .amm-nav a { transition: none; }
}