.start-buehne{background-image:url(/assets/startstil2-hg-03@1x-CjSDBvBE.webp);background-image:-webkit-image-set(url(/assets/startstil2-hg-03@1x-CjSDBvBE.webp) 1x,url(/assets/startstil2-hg-03-B5-2RjTy.webp) 2x);background-image:image-set(url(/assets/startstil2-hg-03@1x-CjSDBvBE.webp) 1x,url(/assets/startstil2-hg-03-B5-2RjTy.webp) 2x)}.start-menue{display:flex;flex-direction:row;flex-wrap:nowrap;gap:14px;white-space:nowrap}.start-knopf{font:inherit;font-family:Fraunces,Georgia,serif;font-optical-sizing:auto;font-weight:700;font-size:18px;letter-spacing:.06em;text-transform:uppercase;color:#1e140c;padding:14px 26px;border-radius:8px;border:1px solid rgba(30,20,12,.85);box-shadow:inset 0 1px #ffecbe59,inset 0 -2px #1e140c59,0 4px 10px #00000073;background-image:url(/assets/men7-button-brKqWSDt.webp);background-size:cover;background-position:center;cursor:pointer;text-shadow:0 1px 0 rgba(255,236,190,.25);transition:filter .12s ease,transform 80ms ease}.start-knopf--haupt{font-size:20px;padding:15px 32px}.start-knopf:hover:not(:disabled),.start-knopf:focus-visible{filter:brightness(1.08);outline:2px solid #e8b45e;outline-offset:2px}.start-knopf:active:not(:disabled){filter:brightness(.9);transform:translateY(1px);box-shadow:inset 0 2px 4px #1e140c8c,0 1px 3px #00000073}.start-knopf:disabled{cursor:not-allowed;filter:grayscale(.6) brightness(.7);opacity:.75}@media(max-height:500px){.start-menue{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 16px);gap:8px}.start-knopf{font-size:13px;padding:8px 14px}.start-knopf--haupt{font-size:14px;padding:9px 16px}}.start-bildschirm{--ss-tinte: #311d12;--ss-grund: #1a0f09;--ss-orange: #de843b;--ss-orange-tief: #d36c2a;--ss-rost: #943c18;--ss-limette: #a2d848;--ss-limette-hell: #cae366;--ss-gruen: #739f35;--ss-gold: #ebbc72;--ss-creme: #f7ee90;--ss-comic: "Fraunces", Georgia, serif;background:var(--ss-grund)!important}.start-buehne:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle,rgba(26,15,9,.35) 1px,transparent 1.7px) 0 0 / 7px 7px,radial-gradient(ellipse at 50% 40%,#1a0f0966,#1a0f09a8)}.start-buehne>header,.start-buehne>.start-menue{z-index:1}.start-bildschirm .start-knopf{font-family:var(--ss-comic);font-weight:800;font-size:22px;letter-spacing:.07em;line-height:1;color:var(--ss-tinte);padding:14px 24px 12px;border:3px solid var(--ss-tinte);border-radius:12px;background:linear-gradient(180deg,var(--ss-creme) 0%,var(--ss-gold) 58%,#d9a858 100%);box-shadow:inset 0 3px #ffffff73,inset 0 -5px #943c1847,4px 5px 0 var(--ss-tinte);text-shadow:0 1px 0 rgba(255,255,255,.35);transition:transform 90ms ease,box-shadow 90ms ease,background .12s ease}.start-bildschirm .start-knopf--haupt{font-size:26px;padding:15px 32px 13px;background:linear-gradient(180deg,#f0a35a 0%,var(--ss-orange) 50%,var(--ss-orange-tief) 100%);box-shadow:inset 0 3px #ffecbe8c,inset 0 -5px #943c1873,4px 5px 0 var(--ss-tinte);text-shadow:0 1px 0 rgba(255,220,160,.45)}.start-bildschirm .start-knopf:hover:not(:disabled),.start-bildschirm .start-knopf:focus-visible{filter:none;transform:translate(-1px,-2px);outline:3px solid var(--ss-limette);outline-offset:3px;box-shadow:inset 0 3px #ffffff80,inset 0 -5px #943c184d,6px 8px 0 var(--ss-tinte)}.start-bildschirm .start-knopf:not(.start-knopf--haupt):hover:not(:disabled){background:linear-gradient(180deg,#f4f7b0 0%,var(--ss-limette-hell) 60%,var(--ss-limette) 100%)}.start-bildschirm .start-knopf:active:not(:disabled){filter:none;transform:translate(3px,4px);box-shadow:inset 0 3px 5px #311d1259,1px 1px 0 var(--ss-tinte)}.start-bildschirm .start-knopf:disabled{filter:none;opacity:1;color:#311d12b3;background:linear-gradient(180deg,#a89572,#857252);box-shadow:inset 0 -4px #311d1233,3px 4px #311d12cc;text-shadow:none}@media(max-height:500px){.start-bildschirm .start-knopf{font-size:15px;padding:8px 13px 6px;border-width:2px;box-shadow:inset 0 2px #ffffff73,inset 0 -3px #943c1847,3px 3px 0 var(--ss-tinte)}.start-bildschirm .start-knopf--haupt{font-size:17px;padding:9px 16px 7px}}.start-bildschirm .rang2-abzeichen{background:linear-gradient(180deg,var(--ss-creme) 0%,var(--ss-gold) 100%);border:3px solid var(--ss-tinte);border-radius:10px;box-shadow:inset 0 -4px #943c1838,4px 5px 0 var(--ss-tinte);color:var(--ss-tinte);transform:rotate(-2deg);transform-origin:top left}.start-bildschirm .rang2-abzeichen .rang2-marke{color:var(--ss-rost)}.start-bildschirm .rang2-abzeichen .rang2-medaille{border-color:var(--ss-tinte)}@keyframes glp11-start-marke-ein{0%{opacity:0;transform:translateY(-9%) scale(1.06)}to{opacity:1;transform:none}}@keyframes glp11-start-knopf-ein{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}@keyframes glp11-start-blende-ein{0%{opacity:0}to{opacity:1}}.start-marke-ein{animation:glp11-start-marke-ein .62s cubic-bezier(.2,.7,.2,1) backwards}.start-bildschirm .start-menue>.start-knopf{animation:glp11-start-knopf-ein .42s cubic-bezier(.2,.7,.2,1) backwards}.start-bildschirm .start-menue>.start-knopf:nth-child(1){animation-delay:.26s}.start-bildschirm .start-menue>.start-knopf:nth-child(2){animation-delay:.33s}.start-bildschirm .start-menue>.start-knopf:nth-child(3){animation-delay:.4s}.start-bildschirm .start-menue>.start-knopf:nth-child(4){animation-delay:.47s}.start-bildschirm>.rang2-abzeichen{animation:glp11-start-blende-ein .4s ease-out .3s backwards}@media(prefers-reduced-motion:reduce){.start-marke-ein,.start-bildschirm .start-menue>.start-knopf,.start-bildschirm>.rang2-abzeichen{animation:glp11-start-blende-ein .18s ease-out backwards}}.start-bildschirm .rang2-abzeichen .rang2-punkte{color:var(--ss-tinte)}.start-bildschirm .rang2-abzeichen .rang2-balken{height:.6rem;background:#fff8d2;border:2px solid var(--ss-tinte)}.start-bildschirm .rang2-abzeichen .rang2-balken__fuell{background:linear-gradient(180deg,var(--ss-limette-hell) 0%,var(--ss-limette) 55%,var(--ss-gruen) 100%)}.rang2-abzeichen,.rang2-laufende{box-sizing:border-box;display:inline-grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.2rem .7rem;padding:.45rem .9rem;background:#17120de0;border:1px solid #3b2f22;border-top:2px solid #c9963f;border-radius:6px;box-shadow:0 6px 14px #00000073;color:#f1e3bd;font-family:Archivo,ui-sans-serif,system-ui,sans-serif}.rang2-abzeichen{position:absolute;top:clamp(.6rem,2vh,1.2rem);left:clamp(.6rem,2vw,1.4rem);z-index:2;grid-template-columns:auto auto;min-width:11rem}.rang2-medaille{display:inline-block;width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid #311d12;box-shadow:inset 0 2px #ffffff73,inset 0 -3px #00000040;background:radial-gradient(circle at 35% 30%,#f0c08a,#b8763a 55%,#7a4a22)}.rang2-abzeichen[data-rang2-stufe=silber] .rang2-medaille{background:radial-gradient(circle at 35% 30%,#fff,#c2c6cc 55%,#7d828a)}.rang2-abzeichen[data-rang2-stufe=gold] .rang2-medaille{background:radial-gradient(circle at 35% 30%,#fff1b0,#e8b45e 55%,#a8741f)}.rang2-abzeichen[data-rang2-stufe=diamant] .rang2-medaille{background:radial-gradient(circle at 35% 30%,#fff,#9fe3f0,#3b8fb0)}.rang2-abzeichen[data-rang2-stufe=legendaer] .rang2-medaille{background:radial-gradient(circle at 35% 30%,#ffd6f0,#cf3a30 55%,#6d1a14)}.rang2-abzeichen .rang2-balken{grid-column:1 / -1}.rang2-laufende{width:min(100%,34rem);margin:.4rem auto .8rem;grid-template-columns:auto auto 1fr auto}.rang2-laufende .rang2-balken{grid-column:1 / -2}.rang2-marke{font-size:clamp(.62rem,1.4vh,.8rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a99c86}.rang2-stufe{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:700;font-size:clamp(1rem,2.6vh,1.4rem);color:#e8b45e}.rang2-wechsel{justify-self:start;padding:.05rem .45rem;border-radius:3px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#c9963f;color:#17120d}.rang2-wechsel--ab{background:#3b2f22;color:#f1e3bd}.rang2-balken{position:relative;display:block;height:.45rem;background:#211a13;border:1px solid #3b2f22;border-radius:999px;overflow:hidden}.rang2-balken__fuell{display:block;height:100%;width:var(--rang2-nach, 0%);background:linear-gradient(90deg,#b08d4f,#e8b45e)}.rang2-balken__fuell--lauf{animation:rang2-fuell 1.1s cubic-bezier(.2,.8,.2,1) .5s both}@keyframes rang2-fuell{0%{width:var(--rang2-vor, 0%)}to{width:var(--rang2-nach, 0%)}}.rang2-punkte{font-size:clamp(.72rem,1.6vh,.9rem);font-weight:700;font-variant-numeric:tabular-nums;color:#d9b877;white-space:nowrap}.rang2-delta{font-size:clamp(1rem,3vh,1.5rem);font-weight:700;font-variant-numeric:tabular-nums;color:#e8b45e;animation:rang2-delta .6s ease-out .4s both}.rang2-delta--minus{color:#cf3a30}@keyframes rang2-delta{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.rang2-balken__fuell--lauf,.rang2-delta{animation:none}}.hand.cl1-hand{position:relative;top:calc(var(--cl1-versatz) / var(--lay6-karten-massstab, 1))}.cl1-hand .d14-faecher{scale:var(--cl1-massstab);transform-origin:50% 0}.cl1-hand .d14-faecher{transition:translate .16s ease-out}.cl1-hand.hc1-eingeklappt .d14-faecher{translate:0 var(--hc1-weg, 72%)}.cl1-hand .d14-karte:focus-visible{outline:2px solid #e8b45e;outline-offset:3px}@media(prefers-reduced-motion:reduce){.cl1-hand .d14-faecher{transition:none}}
