@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
:root {
  --content-max-width: 1180px;
  --content-padding-inline: clamp(20px, 5vw, 72px);
  --color-primary-aqua: #00DDD8;
  --color-white: #FFFFFF;
  --color-dark-surface: #102A35;
  --padding-xs: 8px;
  --padding-sm: 16px;
  --padding-md: 28px;
  --border-xs: 1px;
  --border-sm: 2px;
  --text-fontfamily: "Manrope", Arial, sans-serif;
  --after-button-text-fontsize: clamp(14px, 1.1vw, 16px);
  --after-button-text-lineheight: 1.55;
}
/* LANDING LÁBLÉC START */
.landing-footer {
  padding-block: var(--padding-md) var(--padding-sm);
  background: var(--color-dark-surface);
  color: var(--color-white);
  font-family: var(--text-fontfamily);
}

.landing-footer .content {
  display: grid;
  justify-items: center;
  gap: var(--padding-sm);
}

.landing-footer__links,
.produkton-footer-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-family: var(--text-fontfamily);
  font-weight: 400;
  line-height: var(--after-button-text-lineheight);
  text-align: center;
}

.landing-footer__links {
  gap: var(--padding-sm);
  color: var(--color-white);
  font-size: calc(var(--after-button-text-fontsize) * 1.04);
}

.landing-footer__links a {
  color: var(--color-white);
  font-family: inherit;
  font-weight: 400;
  text-decoration: none;
}

.landing-footer__links a:is(:hover, :focus-visible) {
  color: var(--color-white);
  text-decoration: underline;
  text-decoration-thickness: var(--border-xs);
  text-underline-offset: .18em;
}

.landing-footer a:focus-visible {
  outline: var(--border-sm) solid var(--color-primary-aqua);
  outline-offset: var(--padding-xs);
}

.landing-footer__divider,
.produkton-footer-bar__divider {
  width: var(--border-xs);
  height: 1em;
  background: currentColor;
  color: var(--color-white);
  opacity: .46;
}

.produkton-footer-bar {
  gap: var(--padding-sm);
  color: rgba(255, 255, 255, .70);
  font-size: calc(var(--after-button-text-fontsize) * .78);
}

/* Az általános span tipográfiát csak ebben a sötét láblécben írjuk felül. */
.produkton-footer-bar :where(.produkton-footer-bar__company, .produkton-footer-bar__credit, .produkton-footer-bar__year) {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.produkton-footer-bar a {
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.produkton-footer-bar a:is(:hover, :focus-visible) {
  color: var(--color-white);
  text-decoration: underline;
  text-decoration-thickness: var(--border-xs);
  text-underline-offset: .18em;
}

@media (max-width: 580px) {
  .landing-footer__links,
  .produkton-footer-bar { gap: var(--padding-xs); }
}
/* LANDING LÁBLÉC END */
.landing-footer .content { width:calc(100% - 2 * var(--content-padding-inline)); max-width:var(--content-max-width); margin-inline:auto; }