/* Spiltyper: fire kort med en and, der stikker op over kanten */
.side-spiltyper .st-kort{margin-top:clamp(70px,4.7vw,90px);row-gap:clamp(96px,7vw,110px)}
.side-spiltyper .st-kort .aj-box{padding-top:0}
/* Punkt 28: samme cirkel bag alle fire aender, i kortets farve (lyse, afdaempede toner) */
.side-spiltyper .st-andejagt{--cirkel:#8FBBEA}
.side-spiltyper .st-royale{--cirkel:#BBA2E2}
.side-spiltyper .st-lyn{--cirkel:#A9D47C}
.side-spiltyper .st-nisse{--cirkel:#F0A8A8}
.side-spiltyper .st-fig{--h:clamp(210px,58vw,250px);position:relative;display:flex;align-items:flex-end;justify-content:center;
  height:var(--h);margin-top:clamp(-60px,-3.1vw,-50px)}
.side-spiltyper .st-fig::before{content:"";position:absolute;left:50%;bottom:3%;width:calc(var(--h) * .84);aspect-ratio:1;transform:translateX(-50%);
  border-radius:50%;background:var(--cirkel);border:4px solid var(--ink);box-shadow:5px 6px 0 var(--ink)}
.side-spiltyper .st-fig img{position:relative;height:var(--h);width:auto;max-width:100%;object-fit:contain;object-position:center bottom}
.side-spiltyper .st-navn{text-shadow:none;margin-top:10px}
.side-spiltyper .st-ul{background:var(--c);width:180px;max-width:70%;margin:6px auto 18px}
.side-spiltyper .aj-p + .aj-p{margin-top:.3em}
.side-spiltyper .st-tag{padding-top:22px}
.side-spiltyper .aj-tag.st-rod{background:#B91C1C;color:#fff}
/* KOMMER SENERE fyldte naesten hele bredden paa 390 */
.side-spiltyper .st-senere{font-size:17px}
@media (min-width:900px){
  .side-spiltyper .st-fig{--h:clamp(200px,14vw,260px)}
  .side-spiltyper .st-fig::before{border-width:5px;box-shadow:6px 8px 0 var(--ink)}
  .side-spiltyper .st-senere{font-size:clamp(20px,1.35vw,26px)}
}
/* Visuel gennemgang 18/10: ved 1100-1250 px broed "ANDE ROYALE" og "GODT TIL"-maerkatet over to linjer */
@media (min-width:1100px){
  .side-spiltyper .st-navn{font-size:clamp(46px,4.4vw,88px)}
  .side-spiltyper .st-tag .aj-tag{font-size:clamp(17px,calc(1.6vw - 1px),26px)}
}
