@import "https://files.letsflip.de/shoelace/cdn/themes/light.css";
@import "promo.css";
@import "promo-banner.css";
@import "footer_partner.css";
@import "known_from.css";
@import "awards_prizes.css";
@import "elevation-snippet.css";

:root {
  --font-family-one: 'EB Garamond', sans-serif;
  --font-weight-one-light: 400;
  --font-weight-one-bold: 700;

  --font-family-three: 'Inter', sans-serif;
  --font-weight-three-regular: 400;
  --font-weight-three-medium: 500;
  --font-weight-three-bold: 700;
}


/* Body-Klassen - Art der Mitgliedschaft */
.member .visible-for-members {
  visibility: visible;
  display: inherit;
}

.member .hidden-for-members {
  visibility: hidden;
  display: none;
}

.no-member .visible-for-no-members {
  visibility: visible;
  display: inherit;
}

.no-member .hidden-for-no-members {
  visibility: hidden;
  display: none;
}

.paid-member .visible-for-paid-members {
  visibility: visible;
  display: inherit;
}

.paid-member .hidden-for-paid-members {
  visibility: hidden;
  display: none;
}

.no-paid-member .visible-for-no-paid-members {
  visibility: visible;
  display: inherit;
}

.no-paid-member .hidden-for-no-paid-members {
  visibility: hidden;
  display: none;
}

a, a:link, a:active, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Links im Content farblich hervorheben */
.post-content {
  a, a:link, a:active, a:visited {
    color: var(--ghost-accent-color);
  }
}

/* Schriftfarbe bei "Konto"-Schaltfläche in Mobilversion */
@media (max-width: 1024px) {
  .header-nav .signup a, .header-nav .account a {
    color: white !important;
  }
}