@import url("../country-guide-base.css");

.germany-article-page {
  --article-accent: #b34a3d;
  --article-accent-light: #f8dfd7;
  --article-accent-dark: #7b332a;
  --article-tint: #fff9f7;
  margin: 0;
}

.germany-article-page .article-hero.banknotes {
  --article-accent: #b34a3d;
  --article-accent-light: #f8dfd7;
  --article-accent-dark: #7b332a;
}

.germany-article-page .article-hero.payments {
  --article-accent: #4c819b;
  --article-accent-light: #dcecf2;
  --article-accent-dark: #2e5365;
}

.germany-article-page .article-hero.transit {
  --article-accent: #e4b52f;
  --article-accent-light: #faecb6;
  --article-accent-dark: #7b6018;
}

.germany-article-page .article-hero.pfand {
  --article-accent: #5c9d70;
  --article-accent-light: #dceee1;
  --article-accent-dark: #346044;
}

.germany-article-page .article-hero.tipping {
  --article-accent: #bd6d79;
  --article-accent-light: #f2dfe3;
  --article-accent-dark: #713e47;
}

.germany-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0;
}

.germany-card {
  min-width: 0;
  padding: 18px;
  border: 2px solid var(--ink);
  border-radius: 6px;
  background: linear-gradient(140deg, var(--article-accent-light), #fff 145%);
  box-shadow: 4px 5px 0 var(--article-accent-dark);
}

.germany-card strong,
.germany-card span {
  display: block;
}

.germany-card strong {
  margin-bottom: 6px;
}

.germany-card span {
  color: var(--muted);
  font-size: 0.92rem;
}

.germany-stamp {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin: 28px 0;
}

.germany-stamp span {
  padding: 15px 10px;
  border: 3px solid var(--ink);
  border-radius: 5px;
  background: linear-gradient(145deg, #faecb6, #fff);
  text-align: center;
  font-weight: 900;
}

.germany-stamp small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-weight: 600;
}

.germany-pfand-values {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 28px 0;
}

.germany-pfand-values span {
  display: grid;
  place-items: center;
  min-height: 92px;
  padding: 10px;
  border: 3px solid var(--ink);
  border-radius: 50%;
  background: linear-gradient(145deg, #f0f8d8, #83bd88);
  box-shadow: 3px 4px 0 var(--ink);
  text-align: center;
  font-weight: 900;
}

.germany-pfand-values small {
  display: block;
  font-weight: 700;
}

.germany-article-page .article-money-explorer {
  margin-inline: calc(50% - 50vw);
  padding-inline: max(22px, calc((100vw - 1180px) / 2));
  border-block: 3px solid var(--ink);
  background: linear-gradient(145deg, #f5f7f8, #fff 52%, #f8e2dc);
}

@media (max-width: 700px) {
  .germany-grid,
  .germany-stamp {
    grid-template-columns: 1fr;
  }

  .germany-pfand-values {
    grid-template-columns: 1fr;
  }

  .germany-pfand-values span {
    min-height: 74px;
    border-radius: 6px;
  }
}