/* Ergänzung zur bestehenden Variante C; ersetzt nur den einzelnen Ring auf der Karte. */
.membership-card .card-network{
  position:absolute;
  top:17%;
  left:22.5%;
  width:55%;
  height:auto;
  max-width:none;
  opacity:.94;
  filter:drop-shadow(0 12px 16px #0008);
  pointer-events:none;
}
.membership-card>p{transform:translateY(-15px)}

/* Kreis-Vorteilskarten (Codex 29.09.): In der dreispaltigen Ansicht beginnen die Texte aller
   Karten auf derselben Hoehe, auch wenn eine Headline mehr oder weniger Zeilen braucht. Nummer,
   Headline und Text teilen sich ueber ein Subgrid drei gemeinsame Zeilen. */
@media(min-width:641px){
  #kreis-vorteile{grid-template-rows:auto auto 1fr;row-gap:0}
  #kreis-vorteile>div{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start}
  /* Als Grid-Element faellt die Zeilenbox um die Nummer weg (4 px); so bleibt der Abstand wie vorher. */
  #kreis-vorteile>div>span{justify-self:start;margin-bottom:20px}
}
