.spiel-auswahl{padding:var(--abstand-block) 0 0;background:var(--farbe-zelle);overflow-x:clip}
.spiel-auswahl__kopf{display:grid;gap:1.5rem;margin-bottom:clamp(3rem,2rem + 4vw,5.5rem)}
.spiel-auswahl__sprung{display:flex;flex-wrap:wrap;gap:.75rem 1.75rem}
.spiel-gruppe__liste{display:grid;gap:clamp(3rem,2rem + 3vw,4.5rem) 1.5rem}
@media (min-width:40rem){
.spiel-gruppe--allein .spiel-gruppe__liste{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:64rem){
.spiel-auswahl__kopf{grid-template-columns:minmax(0,1fr) auto;align-items:end}
.spiel-gruppe--allein .spiel-gruppe__liste{column-gap:clamp(2rem,4vw,4rem)}
.spiel-gruppe--allein .spiel-karte:nth-child(2){margin-top:clamp(3rem,6vw,6rem)}
}
.spiel-gruppe+.spiel-gruppe{margin-top:var(--abstand-block)}
.spiel-gruppe--buendnis{position:relative;isolation:isolate;padding:var(--abstand-block) 0}
.spiel-gruppe--buendnis::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--farbe-feld) url(/werk/bild/grund-buendnis.webp) center/cover no-repeat}
.spiel-gruppe--buendnis .spiel-karte__meta,.spiel-gruppe--buendnis .spiel-gruppe__zahl{color:var(--farbe-sand)}
.spiel-gruppe--nachbarn .spiel-karte,.spiel-gruppe--nachbarn .spiel-karte__text{grid-template-rows:auto 1fr}
.spiel-gruppe--nachbarn .spiel-karte--breit .spiel-karte__text{grid-template-rows:auto auto 1fr auto}
.spiel-gruppe--nachbarn .spiel-karte--quadrat .spiel-karte__text{grid-template-rows:auto auto 1fr auto}
.spiel-gruppe--buendnis .spiel-gruppe__liste{row-gap:clamp(3.5rem,2.5rem + 4vw,6rem)}
.spiel-gruppe--buendnis .spiel-karte__name{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem)}
@media (min-width:40rem){
.spiel-gruppe--nachbarn .spiel-gruppe__liste{grid-template-columns:repeat(2,minmax(0,1fr))}
.spiel-gruppe--nachbarn .spiel-karte--breit{grid-column:1/-1}
}
@media (min-width:64rem){
.spiel-gruppe--nachbarn .spiel-gruppe__liste{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(1.5rem,2.5vw,2.25rem)}
.spiel-gruppe--nachbarn .spiel-karte--breit{grid-column:1/3}
.spiel-gruppe--buendnis .spiel-karte{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem;align-items:center}
.spiel-gruppe--buendnis .spiel-karte__rahmen{grid-column:1/7;grid-row:1}
.spiel-gruppe--buendnis .spiel-karte__text{grid-column:8/13;grid-row:1}
.spiel-gruppe--buendnis .spiel-karte:nth-child(2) .spiel-karte__rahmen{grid-column:7/13}
.spiel-gruppe--buendnis .spiel-karte:nth-child(2) .spiel-karte__text{grid-column:1/6}
}
.spiel-weise{background:linear-gradient(180deg,#FCD0C6 0%,var(--farbe-rosa) 55%,#F7B3AB 100%);color:var(--farbe-rahmen);padding:var(--abstand-block) 0}
.spiel-weise__titel{color:var(--farbe-feld);max-width:34rem}
.spiel-weise__kursiv{display:block;font-style:italic;color:var(--farbe-rosa-tief)}
.spiel-weise__hell{color:var(--farbe-feld)}
.spiel-weise__feld{display:grid;row-gap:clamp(2.25rem,1.75rem + 2.5vw,3.5rem)}
.spiel-weise__einheit{align-self:start;max-width:27rem;padding:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);border-radius:var(--radius-kadr);background:var(--farbe-feld)}
.spiel-weise__marke{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-marke);background:var(--farbe-funke);color:var(--farbe-feld)}
.spiel-weise__marke svg{width:1.375rem;height:1.375rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.spiel-weise__einheit-text{margin-top:.9rem;text-indent:3.4rem;font:600 clamp(1.1875rem,1.05rem + .5vw,1.375rem)/1.5 var(--schrift-text);color:var(--farbe-rose)}
.spiel-weise__einheit-text b{font-weight:800;color:var(--farbe-creme)}
.spiel-weise__einheit--zwei{margin-left:clamp(0rem,10vw,5rem)}
.spiel-weise__einheit--drei{margin-left:clamp(0rem,4vw,2rem)}
.spiel-weise__gemeinsam{margin-top:clamp(5rem,4rem + 5vw,8.5rem);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,2rem + 2vw,3.5rem)}
.spiel-weise__titel--klein{font-size:clamp(1.625rem,1.3rem + 1.4vw,2.375rem)}
.spiel-weise__reihe{display:grid;gap:2.5rem}
.spiel-weise__punkt:nth-child(2){background:linear-gradient(160deg,#FFE3D4 0%,#FFD2BE 52%,#F7BCA9 100%)}
.spiel-weise__punkt:nth-child(3){background:linear-gradient(160deg,#FFEBD0 0%,#FFDDB5 52%,#FBC6A6 100%)}
.spiel-weise__zeichen{order:3;width:3rem;height:3rem;margin-top:1.5rem;stroke:var(--farbe-feld);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:40rem){
.spiel-weise__reihe{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
}
@media (min-width:64rem){
.spiel-weise__feld{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem;row-gap:clamp(4rem,6vw,6rem)}
.spiel-weise__titel{grid-column:1/8;grid-row:1}
.spiel-weise__einheit{margin-left:0}
.spiel-weise__einheit--eins{grid-column:1/6;grid-row:2}
.spiel-weise__einheit--zwei{grid-column:8/13;grid-row:2;margin-top:clamp(3rem,5vw,5rem)}
.spiel-weise__einheit--drei{grid-column:3/8;grid-row:3;margin-top:clamp(-2rem,-2vw,-1rem)}
.spiel-weise__reihe{width:100%}
.spiel-weise__titel--klein{grid-column:auto;grid-row:auto}
}
.mass-stab{position:relative;overflow:clip;background:var(--farbe-feld);padding:var(--abstand-block) 0}
.mass-stab__feld{display:grid;row-gap:clamp(2.5rem,2rem + 2.5vw,4rem)}
.mass-stab__titel{max-width:36rem}
.mass-stab__liste{display:grid;gap:clamp(5.5rem,5rem + 1.6vw,6.5rem);padding-top:4rem}
.mass-stab__deko{justify-self:end;width:min(80vw,26rem);height:auto;margin:0 calc(var(--rand-seite) * -1) calc(var(--abstand-block) * -1) 0;pointer-events:none}
.mass-stab__seite{display:grid;align-content:start;gap:1.25rem}
.mass-stab__unter{font:700 clamp(1.25rem,1.1rem + .6vw,1.625rem)/1.2 var(--schrift-text);color:var(--farbe-creme)}
.mass-stab__wolke{display:flex;flex-wrap:wrap;gap:.625rem}
.mass-stab__berichte{justify-self:start;margin-top:.75rem}
.mass-stab__pille{text-decoration:none;transition:background-color .25s,color .25s}
.mass-stab__pille:hover,.mass-stab__pille:focus-visible{background:var(--farbe-zelle-hoch);color:var(--farbe-creme)}
@media (min-width:40rem){
.mass-stab__liste{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,1.5rem + 2vw,3.5rem)}
.mass-stab__punkt:nth-child(even){margin-top:clamp(2rem,1rem + 3vw,4rem)}
}
@media (min-width:64rem){
.mass-stab__feld{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem}
.mass-stab__titel{grid-column:1/9;grid-row:1}
.mass-stab__liste{grid-column:1/9;grid-row:2}
.mass-stab__seite{grid-column:9/13;grid-row:1/3;align-self:start;padding-top:.5rem}
.mass-stab__deko{position:absolute;right:0;bottom:0;width:clamp(22rem,30vw,34rem);margin:0}
}
.spiel-start{background:var(--farbe-zelle);padding:var(--abstand-block) 0}
.spiel-start__spalt{display:grid;gap:.5rem}
.spiel-start__haelfte{aspect-ratio:4/3}
@media (min-width:40rem){
.spiel-start__spalt{grid-template-columns:repeat(2,minmax(0,1fr))}
.spiel-start__haelfte{aspect-ratio:1.2/1}
}
@media (min-width:64rem){
.spiel-start__haelfte{aspect-ratio:auto;height:clamp(24rem,30vw,34rem)}
}