/* website-abo.css — Panzer IT: Seite /website-abo/ (Hauptprodukt).
   Baut auf base.css/components.css/inner.css/wartung.css/faq.css auf
   (keine Neudefinition von Tokens, keine Duplikate bestehender Klassen). */

.abo-hero__cta{
  display:flex; flex-wrap:wrap; gap:var(--sp-2); margin-top:var(--sp-4);
}
.page-hero__inner h1{
  font-size:clamp(1.9rem, 1.3rem + 2.6vw, 3.1rem);
  max-width:20ch;
}

/* ==========================================================================
   Platzhalter-Kennzeichnung — für Angaben, die vor Veröffentlichung noch
   von Frank festgelegt werden müssen.
   ========================================================================== */
.abo-placeholder{
  border:1px dashed var(--c-copper); border-radius:var(--radius);
  background:rgba(184,115,51,.06); padding:var(--sp-3);
  margin-top:var(--sp-4); max-width:56ch;
}
.abo-placeholder p{ color:var(--c-text); margin:0; }
.abo-placeholder__tag{
  display:inline-block; font-family:var(--font-display); text-transform:uppercase;
  letter-spacing:.12em; font-size:.68rem; color:var(--c-copper);
  background:rgba(184,115,51,.16); padding:.3em .8em; border-radius:999px;
  margin-bottom:.6em;
}
.abo-placeholder__note{
  display:block; margin-top:.5em; color:var(--c-brass); font-size:.85rem;
}

/* ==========================================================================
   Abo-vs-Einmalkauf — Rechenbeispiel
   ========================================================================== */
.abo-calc{ margin-top:var(--sp-4); max-width:64ch; }
.abo-calc h3{ font-size:1.1rem; color:var(--c-brass); }
.abo-calc p{ color:var(--c-muted); margin-top:.5em; }
.abo-calc strong{ color:var(--c-text); }

/* ==========================================================================
   Was nicht enthalten ist
   ========================================================================== */
.abo-exclude-list{
  list-style:none; margin-top:var(--sp-4); max-width:56ch;
  display:flex; flex-direction:column;
}
.abo-exclude-list li{
  display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3);
  padding:.85em 0; border-top:1px solid var(--c-line);
}
.abo-exclude-list li:last-child{ border-bottom:1px solid var(--c-line); }
.abo-exclude-list span{ color:var(--c-text); }
.abo-exclude-list em{
  font-style:normal; color:var(--c-muted); font-size:.85rem;
  font-family:var(--font-display); text-transform:uppercase; letter-spacing:.08em;
  flex:none;
}