/* Fokusfeld-Wortmarke in den Stampio-Seiten */
@font-face { font-family: "Nunito Sans"; src: url("../fonts/nunito-sans-latin-wght-normal.woff2") format("woff2"); font-weight: 200 1000; font-display: swap; }
html, body { margin: 0; }
.ff-wortmarke { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; font-family: "Nunito Sans", "Avenir Next", system-ui, sans-serif; font-weight: 650; font-size: 1.35rem; letter-spacing: -0.025em; color: #fff; background: #0B0B0C; border-radius: 10px; padding: 8px 12px 7px; white-space: nowrap; }
.ff-wortmarke i { display: inline-block; width: 0.2em; height: 0.2em; margin-left: 0.05em; border-radius: 50%; background: #E8B64A; vertical-align: baseline; }
.ff-wortmarke small { display: block; font-weight: 300; font-size: 0.42em; letter-spacing: 0.6em; padding-left: 0.6em; margin-top: 4px; }
.ff-wortmarke b { font-weight: inherit; }

/* Fokusfeld-Schriften für Stampio */
@font-face { font-family: "Newsreader"; src: url("../fonts/newsreader-latin-opsz-normal.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }

/* Fokusfeld-Stil: ruhige Serif für große Überschriften, klare Sans für alles Kleine */
#stampio .fdsk h1, #stampio .fdsk h2, #stampio .fdsk h2 em, #stampio .fdsk h1 em,
#stampio .fdsk .plan__amount, #stampio .fdsk .marquee__item { font-weight: 400; letter-spacing: -0.015em; }
#stampio .fdsk h1 { line-height: 1.02; }
#stampio .fdsk h3 { font-weight: 400; letter-spacing: -0.01em; }
#stampio .fdsk b, #stampio .fdsk i, #stampio .fdsk summary, #stampio .fdsk h4,
#stampio .fdsk .card__logo, #stampio .fdsk .note__app, #stampio .fdsk .redeemed, #stampio .fdsk .extra__price { font-family: var(--body); }
#stampio .fdsk summary { font-weight: 700; }
#stampio .fdsk h4, #stampio .fdsk .kicker, #stampio .fdsk .mperk__badge { text-transform: none; letter-spacing: 0.02em; }
#stampio .fdsk h3[style], #stampio .fdsk footer h3 { font-family: var(--body); }

/* Handy: Logo in der Leiste etwas kleiner, damit der Menü-Knopf Platz hat */
@media (max-width: 480px) {
  #stampio .fdsk .ff-wortmarke { font-size: 1.05rem; padding: 6px 9px 5px; border-radius: 8px; }
  #stampio .fdsk .ff-wortmarke small { margin-top: 3px; }
}
@media (max-width: 380px) {
  #stampio .fdsk .ff-wortmarke + span b, #stampio .fdsk .ff-wortmarke + * { font-size: 0.86rem; }
}
@media (max-width: 360px) {
  #stampio .fdsk .area-switch__opt { font-size: 0.74rem; padding-left: 9px; padding-right: 9px; }
}
@media (max-width: 360px) {
  #stampio .fdsk .logo { min-width: 0; flex-shrink: 1; }
  #stampio .fdsk .logo__product b { font-size: 0.82rem; }
  #stampio .fdsk .burger { flex-shrink: 0; }
}

/* ---------- Kopfzeile wie auf der Hauptseite: schwarze Leiste ---------- */
#stampio .fdsk .site-header { padding-top: 0; background: rgba(11,11,12,0.92); -webkit-backdrop-filter: saturate(140%) blur(10px); backdrop-filter: saturate(140%) blur(10px); border-bottom: 1px solid rgba(255,255,255,0.14); }
#stampio .fdsk .site-header__bar { min-height: 76px; border-radius: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 0; color: #fff; }
#stampio .fdsk .ff-wortmarke { background: transparent; padding: 0; border-radius: 0; }
#stampio .fdsk .logo__product b { color: #fff; }
#stampio .fdsk .logo__product span { color: rgba(255,255,255,0.55); }
#stampio .fdsk .site-header .nav a { color: rgba(255,255,255,0.68); }
#stampio .fdsk .site-header .nav a:hover { background: rgba(255,255,255,0.08); color: #fff; }
#stampio .fdsk .site-header .nav a[aria-current="page"] { background: #fff; color: #0B0B0C; }
#stampio .fdsk .site-header .nav .nav__login { color: rgba(255,255,255,0.55); }
#stampio .fdsk .header-cta { background: #fff; color: #0B0B0C; }
#stampio .fdsk .burger { background: #fff; }
#stampio .fdsk .burger span, #stampio .fdsk .burger span::before, #stampio .fdsk .burger span::after { background: #0B0B0C; }
#stampio .fdsk .logo { gap: 16px; }
#stampio .fdsk .logo__product { padding-left: 16px; border-left: 1px solid rgba(255,255,255,0.14); }
@media (max-width: 480px) { #stampio .fdsk .logo__product { padding-left: 12px; } #stampio .fdsk .logo { gap: 12px; } }

/* Handy-Menü dunkel wie auf der Hauptseite */
#stampio .fdsk .mobile-nav { background: #0B0B0C; color: #fff; border: 1px solid rgba(255,255,255,0.12); box-shadow: 0 30px 60px -30px rgba(0,0,0,0.8); }
#stampio .fdsk .mobile-nav a { color: #fff; border-color: rgba(255,255,255,0.1); }
#stampio .fdsk .mobile-nav a:hover { background: rgba(255,255,255,0.06); }
#stampio .fdsk .mobile-nav .btn, #stampio .fdsk .mobile-nav [class*="btn"] { background: #fff; color: #0B0B0C; }