#osterkarte{container-type:inline-size;container-name:osterkarte;aspect-ratio:2/1;background:url("/images/ostern/osterkarte_2026__1240.jpg") no-repeat center/contain;position:relative;cursor:pointer}#osterkarte .circle{position:absolute;width:5%;aspect-ratio:1;border-radius:50%;text-align:center;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:grid;place-items:center;overflow:visible;font-size:clamp(.5rem,.12rem + 2.1vw,1.6rem);line-height:1;font-weight:bold;border:2px solid rgba(0,255,78,.6705882353);background:rgba(5,90,3,.4784313725);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.6);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#osterkarte .circle .nr{display:block}#osterkarte .circle .dashicons{display:none;color:red;opacity:.7;font-size:32px;width:32px;height:32px;line-height:32px}#osterkarte .circle:hover{background:rgba(0,0,0,0);color:hsla(0,0%,100%,.2);text-shadow:0px -4px 10px rgba(0,0,0,0);-webkit-box-shadow:0 0 2em 2px #301927,inset 0 0 10px 0 hsla(0,0%,100%,0);box-shadow:0 0 2em 2px #301927,inset 0 0 10px 0 hsla(0,0%,100%,0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#osterkarte .circle:hover .nr{display:none}#osterkarte .circle:hover .dashicons{display:block}#osterkarte .circle.just-created:hover .dashicons{display:none}#osterkarte .ausgabe{position:absolute;color:red;top:-60px;right:5px;font-size:.8em;display:none}@container osterkarte (max-width: 630px){#osterkarte .circle{border-width:1px}}div#osterkarte,div#osterkarte .solution-set,div#osterkarte .token-set{background:url("/images/ostern/osterkarte_2026__1240__mit_unterschieden.jpg") no-repeat center/contain}div#osterkarte.solution{cursor:default}div#osterkarte.solution .solution-set,div#osterkarte.solution .token-set{position:absolute;width:100%;height:100%}div#osterkarte.solution .solution-set{clip-path:url(#clip-solutionset);z-index:1}div#osterkarte.solution .solution-set::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:#f3f38f;mix-blend-mode:color-burn}div#osterkarte.solution .token-set{clip-path:url(#clip-tokenset);z-index:2;mix-blend-mode:screen}div#osterkarte.solution.overlay::after{content:"";position:absolute;inset:0;background:#000;width:100%;height:100%;opacity:.7}div#osterkarte.overlay{left:0;right:0}div#osterkarte2{display:none;aspect-ratio:2/1;position:relative;background:url("/images/ostern/osterkarte_2026__1240.jpg") no-repeat center/contain}.btn-card2{cursor:pointer}.card-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-flow:wrap;flex-flow:wrap;margin-bottom:.3em}.card-title p{font-weight:bold;margin:0}.card-title .btn-card2{cursor:pointer;font-size:.8em;color:#95569e;border-radius:4px;border:1px solid #eee;padding:.2em .8em;background:#f5f5f5;position:relative;isolation:isolate}.card-title .btn-card2::after{content:"";position:absolute;inset:0;width:0;background:#e6e5e5;z-index:-1;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.card-title .btn-card2:hover{color:#6b4d46}.card-title .btn-card2:hover::after{width:100%}.box-results{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1px;text-align:center;margin-block:2px;position:relative;z-index:1}.box-results.table{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.box-results>div{width:calc(6.25% - 1px)}.box-results>div .results-circle{height:1.8em;background:#eee;font-size:.8rem;line-height:1;display:grid;place-items:center;font-weight:bold;isolation:isolate}.box-results>div .results-circle::after{content:"";position:absolute;left:0;height:100%;width:0;z-index:-1}@media(max-width: 500px){.box-results>div .results-circle{font-size:.7rem}}.box-results>div.set .results-circle{background:#94a830;position:relative;color:#fff}.box-results>div.set .results-circle::after{width:100%;-webkit-transition:width .9s ease-in-out;transition:width .9s ease-in-out}.box-results>div.hit .results-circle{background:#61bf0b}.box-results>div.hit .results-status{color:#61bf0b}.box-results>div.hit .results-text{font-size:.7em;color:#777;font-weight:400;-webkit-transform:rotate(26deg);transform:rotate(26deg);-webkit-transform-origin:left;transform-origin:left;line-height:1;text-align:left;white-space:nowrap;left:1.9em;top:-5px;position:relative;background:#f9f6f6;border:1px solid #ccc;border-top:none;border-right:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:3px 5px;border-radius:0 4px 4px;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.box-results:hover .results-text{opacity:.2}#box-form-ostern{container-type:inline-size;container-name:boxformostern;margin-block:3em}#box-form-ostern #buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-flow:wrap;flex-flow:wrap;gap:2em;padding-block:2em}#box-form-ostern #buttons>*{margin:0}#box-form-ostern #buttons .btn-submit{background:#70a02a;padding:.4em 2em;text-shadow:0px 1px 2px rgba(0,0,0,.4666666667)}#box-form-ostern #buttons .btn-submit:disabled,#box-form-ostern #buttons .btn-submit[disabled],#box-form-ostern #buttons .btn-submit[disabled]:hover{color:#333;background:#fff;opacity:.5;-webkit-box-shadow:none;box-shadow:none;text-shadow:none;cursor:not-allowed;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}#box-form-ostern #buttons .text-count-info{background:#fffae2;border-radius:4px;padding:.2em .5em;color:#900;font-weight:500;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}#box-form-ostern #buttons .text-count-info.incomplete{background:#70a02a;color:#fff}#box-form-ostern #buttons .text-count-info.full{display:none}#box-form-ostern .box-success{text-align:center}#box-form-ostern .box-success h2{color:#6fa73c}#box-form-ostern .box-token>span{display:inline-block;font-size:1.1em;margin-block:1em;padding:1em 1.5em;border:4px solid #6fa73c;border-radius:10px}#box-form-ostern .box-token .token{margin-left:.5em;font-weight:bold}#box-form-ostern .box-token .text-success{color:#6fa73c;font-size:.9em}ol.gewinne li{padding-left:15px}#form_ostern>div,#form_ostern .teiler>div>div+div{margin-top:1.5em}#form_ostern .teiler{display:grid;gap:2em;margin-bottom:3em}@container boxformostern (min-width: 830px){#form_ostern .teiler{grid-template-columns:60% 1fr}#form_ostern .teiler>div+div{border-left:1px solid #eee;padding-left:2em}}#form_ostern .box-anrede input{margin-bottom:10px}#form_ostern .box-anrede label,#form_ostern .box-anrede input{cursor:pointer}#form_ostern .box-anrede label[for=anrede_w]{margin-right:1em}#form_ostern #box-ds-check,#form_ostern #box-agecheck,#form_ostern #box-newsletter{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:0}.box-name>div,.box-kontaktinfos,.box-street-nr,.box-zip-city{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem}.box-name>div>*,.box-kontaktinfos>*,.box-street-nr>*,.box-zip-city>*{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.box-nr{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:clamp(50px,20%,100px)}.box-zip{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:clamp(60px,25%,120px)}#box-newsletter-info{display:none;margin:.4em 0 0 1.5em !important;font-size:90%;line-height:1.2em}div.box-mytoken{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5em}div.box-mytoken>*{margin:0}#token{max-width:150px;text-align:center}.buttons-auswertung{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;gap:1.5em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 2em 0;text-wrap:nowrap}.buttons-auswertung label{border:1px solid #eee;border-radius:6px;padding:.5em 1em}.buttons-auswertung label div{margin-left:.6em}.btn-toggle-both .check{opacity:.2}.btn-toggle-both:hover .check{opacity:1}.osterspielliste{margin:.3em 0}.osterspielliste td{vertical-align:top}.osterspielliste>div{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1em}pre{width:auto !important}.btn-control-solution-label,.btn-control-tokenset-label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}