/* Gutschein-Ticket (B19 Variante ticket): Ergaenzungen zu out-ticket.css (Aufbau .o2 der Weiterleitungsseite, Farben --o2-* aus den Design-Tokens).
   Angemeldet-Ansicht nach vorlagen/dcb/entwurf-zwischenseite-angemeldet.html, Registrieren-Block mit dem eingebetteten Anmelde-Fenster (#af-ein). */
.gt [hidden]{display:none!important}
.gt .kopf .marke{flex:none;white-space:nowrap}
.gt .kopf .zurueck{text-align:right;line-height:1.35}
.gt .weg.gt-konto{align-items:center;cursor:default}
.gt .weg .nr.gt-buchstabe{font-size:15px;font-weight:800}
.gt .weg.gt-konto b span{display:inline}
.gt .gt-hinweis{margin-top:12px;padding:11px 14px;border-radius:12px;font-size:13.5px;line-height:1.45;border:1px solid var(--o2-gold-line);background:var(--o2-gold-bg);color:var(--o2-gold-ink)}
.gt .gt-hinweis.ok{border-color:var(--o2-gruen-line);background:var(--o2-gruen-bg);color:var(--o2-gruen-2)}
.gt .spalte a.gt-los{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:14px;background:var(--o2-gruen);color:#fff;border:0;border-radius:12px;
  padding:16px;font-size:16px;font-weight:800;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer}
.gt .spalte a.gt-los:hover{background:var(--o2-gruen-2);color:#fff}
.gt .spalte a.gt-los svg{flex:none;stroke:#fff}
.gt .spalte a.gt-los:focus-visible,.gt .spalte a.ohne:focus-visible,.gt .code .kop:focus-visible{outline:3px solid var(--o2-gold);outline-offset:2px}
.gt .reg #af-ein .af-kopf h2{font-size:20px}
.gt .reg #af-ein .af-kopf p{font-size:14px;max-width:330px;margin-left:auto;margin-right:auto}
.gt .reg #af-ein section[data-ansicht="reg"] .af-vert{display:none}
.gt .gt-mehr{background:var(--o2-card);border:1px solid var(--o2-line);border-radius:18px;padding:20px 24px 12px;margin-top:14px}
.gt .gt-mehr h2{font-size:16px;letter-spacing:-.02em;margin-bottom:6px}
.gt .gt-mehr a.zeile{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--o2-line);color:var(--o2-ink);font-size:14.5px;font-weight:600;line-height:1.4}
.gt .gt-mehr a.zeile:first-of-type{border-top:0}
.gt .gt-mehr a.zeile:hover .zt{text-decoration:underline}
.gt .gt-mehr .rest{flex:none;background:var(--o2-gold-bg);border:1px solid var(--o2-gold-line);color:var(--o2-gold-ink);border-radius:100px;padding:3px 10px;font-size:12px;font-weight:800}
@media(max-width:460px){
  .gt .gt-mehr{padding-left:18px;padding-right:18px}
  .gt .code .wert{font-size:17px;letter-spacing:.06em;padding:15px 8px}
  .gt .code .kop{padding:0 13px}
}