.buehne{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;max-width:1360px;margin:0 auto;padding:10px 40px 0;display:grid}.schild{background:linear-gradient(90deg,#120a0426,#120a04d1 55%),url(/bilder/tresen.webp) 50% 45%/cover;border-radius:4px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:28px 36px;padding:40px 44px;display:flex;box-shadow:inset 0 0 60px #0009,0 14px 30px #00000073}.emaille{filter:drop-shadow(0 10px 14px #0009);background:url(/bilder/emailleschild.webp) 50%/100% 100% no-repeat;padding:30px 56px 36px;position:relative}.emaille h1{font-family:var(--schrift-schild);white-space:nowrap;color:#efe4c2;text-shadow:0 1px #0006;margin:0;font-size:clamp(48px,5.5vw,80px);font-weight:400;line-height:.95}.emaille p{color:#d6dcc6;margin:2px 0 0;font-size:16px}.fakten{color:var(--schaum);text-shadow:0 1px 2px #000c;margin:0;padding:0;font-size:16px;list-style:none}.fakten li{padding:2px 0}.fakten b{font-weight:800}.gesamt{text-align:center;flex:none;place-content:center;width:210px;height:210px;margin-left:auto;display:grid;transform:rotate(6deg)}.gesamt .zahl{font-family:var(--schrift-schild);color:var(--pilsrot);font-size:72px;line-height:.9}.gesamt .unterzeile{font-family:var(--schrift-hand);font-size:20px;line-height:1.1}.karte{border-radius:4px;padding:30px 34px 26px;position:relative}.karte:before{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff29 0 14%,#0000 30% 70%,#ffffff2e 82%);border-radius:4px;position:absolute;inset:0}.karte h2,.quatsch h2{font-family:var(--schrift-schild);color:var(--pilsrot);margin:0 0 4px;font-size:40px;font-weight:400;line-height:1}.karte .untertitel,.quatsch .untertitel{margin:0 0 18px;font-style:italic}.wertung{border-bottom:1px dashed #b9a985;grid-template-columns:1fr auto;gap:2px 16px;padding:12px 0;display:grid}.wertung:last-of-type{border-bottom:0}.wertung h3{margin:0;font-size:19px;font-weight:800}.wertung p{color:#5a4636;grid-column:1;margin:0;font-size:15px}.mollen{grid-area:1/2/span 2;align-items:center;gap:3px;display:flex}.mollen svg{width:22px;height:30px}.mollen .voll{--bier-fill:var(--bier);--schaum-fill:#fffaf0}.mollen .halb{--bier-fill:url(#halbvoll);--schaum-fill:transparent}.mollen .leer{--bier-fill:transparent;--schaum-fill:transparent}.mollen .zahl{min-width:2.2em;margin-left:8px;font-size:18px;font-weight:800}.karte .knopf{margin-top:18px}.quatsch{color:var(--tinte)}.quatsch h2{text-shadow:0 2px 6px #0009;color:#e2523f}.quatsch .untertitel{color:var(--schaum);text-shadow:0 1px 3px #000000e6}.quatsch .neu{background:#f6eedbe6}.spruch{margin:0 0 18px;padding:16px 20px 14px;position:relative}.spruch:nth-child(odd){transform:rotate(-.8deg)}.spruch:nth-child(2n){margin-left:18px;transform:rotate(.9deg)}.spruch .wer{font-size:15px;font-weight:800}.spruch .wann{color:#6b5844;font-size:14px}.spruch blockquote{font-family:var(--schrift-hand);margin:6px 0 0;font-size:23px;line-height:1.2}.spruch .striche{font-family:var(--schrift-hand);color:var(--pilsrot);font-size:18px;position:absolute;top:12px;right:14px}.neu{border:2px dashed var(--tinte);background:#f6eedb8c;border-radius:4px;padding:18px 20px}.neu label{margin-bottom:6px;font-weight:800;display:block}.neu input[name=name]{width:100%;font:inherit;background:#ffffffb3;border:0;border-radius:3px;margin-bottom:10px;padding:8px 10px;font-size:17px}.neu textarea{width:100%;min-height:84px;font-family:var(--schrift-hand);background:repeating-linear-gradient(180deg, var(--schaum) 0 31px, #c9d6e6 31px 32px);color:var(--tinte);resize:vertical;border:0;border-radius:2px;padding:8px 10px;font-size:22px}.neu .knopf{margin-top:10px}.handlungen{justify-items:start;gap:12px;display:grid}.kaschemmen-frage{color:var(--schaum);text-shadow:0 1px 3px #000000e6;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px 18px;margin-top:-14px;display:flex}.kaschemmen-frage .urteil{font-family:var(--schrift-hand);margin:0;font-size:22px}.kaschemmen-frage .urteil.echt{font-family:var(--schrift-schild);color:#ffcf6a;font-size:28px}.stimme{gap:10px;display:flex}.stimme .knopf{padding:8px 14px;font-size:15px}.stimme .knopf[aria-pressed=true]{outline:3px solid var(--bier);outline-offset:2px}.selba{margin-top:18px}.selba summary{cursor:pointer;list-style:none;display:inline-block}.selba summary::-webkit-details-marker{display:none}.wertungs-form{gap:10px;margin-top:16px;display:grid}.tippen{border:0;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:0;display:flex}.tippen legend{float:left;padding:0;font-size:16px;font-weight:800}.wahl-mollen{flex-direction:row-reverse;justify-content:flex-end;display:flex}.wahl-mollen input{opacity:0;width:1px;height:1px;position:absolute}.wahl-mollen label{cursor:pointer;--bier-fill:transparent;--schaum-fill:transparent;padding:2px}.wahl-mollen svg{width:26px;height:34px;display:block}.wahl-mollen input:checked~label,.wahl-mollen label:hover,.wahl-mollen label:hover~label{--bier-fill:var(--bier);--schaum-fill:#fffaf0}.wahl-mollen input:focus-visible+label{outline:3px solid var(--bier);outline-offset:1px;border-radius:3px}.fehler{color:#7a1a12;background:#a3261b1f;border-radius:3px;margin:0 0 12px;padding:8px 12px;font-weight:800}.spruch .wer{--gross:30px;align-items:center;gap:8px;display:flex}.spruch-aktion{text-align:right;margin-top:6px}.foto-aktion{text-align:center;color:#a99f8a;margin-top:4px;font-size:13px}.foto-aktion button{font:inherit;color:#c9bfa6;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.foto .rand img{height:auto}.spruch-aktion .klein{font:inherit;color:#6b5844;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.kumpels-hier{max-width:220px;color:var(--schaum);text-shadow:0 1px 2px #000000e6;--gross:34px;align-items:center;gap:10px;margin-top:4px;font-size:14px;line-height:1.3;display:flex}.stapel{flex:none;display:flex}.stapel .kopp+.kopp{margin-left:-10px}.fotoalbum{grid-column:1/-1;margin-top:10px}.fotoalbum h2{font-family:var(--schrift-schild);color:#efe8d6;margin:0 0 4px;font-size:40px;font-weight:400;line-height:1}.fotoalbum .untertitel{color:#b9ae96;margin:0 0 30px;font-style:italic}.dart{grid-column:1/-1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.dart-wand{background:linear-gradient(#140a0359,#140a038c),url(/bilder/taefelung.webp) 50%/360px;border-radius:4px;padding:34px;position:relative;box-shadow:inset 0 0 40px #0009,0 14px 30px #00000073}.scheibe{aspect-ratio:1;cursor:none;touch-action:manipulation;filter:drop-shadow(0 14px 16px #0009);width:min(460px,100%);margin:0 auto;position:relative}.scheibe>svg:first-child{width:100%;height:100%;display:block}.scheibe .feld{stroke:#b9b1a0;stroke-width:.8px}.scheibe .zahl{font-family:var(--schrift-text);fill:#f1ead6;text-anchor:middle;dominant-baseline:central;font-size:15px;font-weight:800}.scheibe .zielkreuz{pointer-events:none;opacity:0;width:34px;height:34px;margin:-17px 0 0 -17px;transition:opacity .15s;position:absolute;top:0;left:0}.scheibe:hover .zielkreuz{opacity:1}.scheibe .pfeil-steckt{pointer-events:none;width:44px;height:44px;margin:-6px 0 0 -6px;position:absolute}.pfeil-steckt.frisch{animation:.16s cubic-bezier(.2,.9,.3,1.3) einschlag}@keyframes einschlag{0%{opacity:.3;transform:translate(-24px,-30px)scale(1.6)}}.anzeige{color:#ece9e0;font-family:var(--schrift-hand);background:linear-gradient(#10161459,#10161459),url(/bilder/kreide-flaeche.webp) 50%/cover;border:14px solid #0000;border-image:url(/bilder/taefelung.webp) 60/14px round;padding:26px 30px;box-shadow:0 14px 30px #00000073}.anzeige h2{font-family:var(--schrift-hand);color:#fff;margin:0 0 6px;font-size:40px;font-weight:400;line-height:1}.anzeige .pegel{font-family:var(--schrift-text);flex-wrap:wrap;gap:8px;margin:12px 0 18px;display:flex}.anzeige .pegel button{font:inherit;color:#ece9e0;cursor:pointer;background:0 0;border:2px solid #ece9e080;border-radius:999px;padding:4px 12px;font-size:14px}.anzeige .pegel button[aria-pressed=true]{color:#1d2321;background:#ece9e0;border-color:#ece9e0}.wuerfe{gap:4px;margin:0;padding:0;font-size:26px;list-style:none;display:grid}.wuerfe li{border-bottom:2px solid #ece9e02e;justify-content:space-between;padding:2px 0;display:flex}.wuerfe li span:last-child{color:#f1e3a0}.runde-summe{justify-content:space-between;margin-top:10px;font-size:34px;display:flex}.runde-summe span:last-child{color:#f1e3a0}.dart-spruch{color:#ffcf8a;min-height:1.3em;margin:12px 0 0;font-size:26px}.rekord{color:#9fa8a2;margin:14px 0 0;font-size:19px}.anzeige .knopf{margin-top:16px;padding:9px 16px;font-size:15px}@media (width<=900px){.dart{grid-template-columns:1fr}.dart-wand{padding:16px}.buehne{grid-template-columns:1fr;padding:10px 16px 0}.schild{flex-wrap:wrap;gap:24px;padding:24px 18px}.emaille{padding:22px 34px 28px}.wertung{grid-template-columns:1fr}.mollen{grid-area:auto/1;margin-top:6px}.gesamt{margin-left:0}}.leer{font-family:var(--schrift-hand);color:var(--tinte);margin:0;font-size:22px;line-height:1.2}.quatsch .leer{color:var(--schaum);text-shadow:0 1px 3px #000000e6}.naehe{color:var(--tinte);grid-column:1/-1;padding:22px 26px}.naehe h2{font-family:var(--schrift-schild);color:var(--pilsrot);margin:0 0 14px;font-size:32px;font-weight:400;line-height:1}.naehe ul{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 18px;margin:0;padding:0;list-style:none;display:grid}.naehe a{color:var(--tinte);-webkit-text-decoration-color:var(--pilsrot);text-decoration-color:var(--pilsrot);font-weight:800}.naehe small{color:#5e4630;font-size:13px;display:block}
