@font-face{font-family:Motley Forces;src:url(/fonts/motley-forces.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/fonts/open-sans-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/fonts/open-sans-italic-400.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Open Sans;src:url(/fonts/open-sans-600.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/fonts/open-sans-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.pub{--papier:#f2e6cd;--papier-2:#ecdcb8;--tinte:#2b2118;--gruen:#4a766d;--gruen-dunkel:#395a53;--rot:#e4572e;--orange:#e89005;--braun:#8b5e34;--himmel:#cfe8e3;--font-hand:"Motley Forces","Segoe Print","Bradley Hand",cursive;--font-text:"Open Sans","Segoe UI",system-ui,sans-serif;background:var(--papier);color:var(--tinte);font-family:var(--font-text);font-size:17px;line-height:1.6;min-height:100vh;background-image:radial-gradient(ellipse at 20% 10%,rgba(139,94,52,.05),transparent 40%),radial-gradient(ellipse at 80% 90%,rgba(74,118,109,.06),transparent 40%)}.pub *{box-sizing:border-box}.pub .wrap-p{max-width:980px;margin:0 auto;padding:0 18px 80px}.pub h1,.pub h2,.pub h3{font-family:var(--font-text);font-weight:700;color:var(--gruen-dunkel);line-height:1.15;letter-spacing:-.01em}.pub .figurname{font-family:var(--font-hand);font-weight:400;font-style:normal;letter-spacing:.01em}.pub h3{font-size:clamp(19px,3vw,23px);margin:0 0 8px}.pub .hand{font-family:var(--font-text);font-weight:700}.pub h1{font-size:clamp(34px,7vw,62px);margin:.3em 0}.pub h2{font-size:clamp(24px,4.5vw,36px);margin:1.4em 0 .5em}.pub .marker{background:linear-gradient(104deg,transparent 2%,#ffe066 4%,#ffe066 96%,transparent 98%);padding:0 6px}.pub .karte{background:#fff;box-shadow:4px 5px 0 rgba(43,33,24,.9);padding:20px;margin:18px 0}.pub .karte,.pub .knopf{border:3.5px solid var(--tinte);border-radius:14px}.pub .knopf{display:inline-block;font-family:var(--font-text);font-weight:700;font-size:17px;background:var(--rot);color:#fff;box-shadow:4px 4px 0 var(--tinte);padding:12px 26px;min-height:52px;cursor:pointer;text-decoration:none;transition:transform .12s}.pub .knopf:hover{transform:translateY(-2px)}.pub .knopf:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--tinte)}.pub .knopf.gruen{background:var(--gruen)}.pub .knopf.blass{background:#fff;color:var(--tinte);font-size:17px}.pub .knopf:disabled{opacity:.5;cursor:not-allowed}.pub .sticker{display:inline-block;font-family:var(--font-text);font-weight:700;font-size:13px;background:var(--himmel);border:2.5px solid var(--tinte);border-radius:999px;padding:3px 14px;box-shadow:2px 2px 0 var(--tinte)}.pub .sticker.gelb{background:#ffe066}.pub .blase{position:relative;background:#fff;border:3px solid var(--tinte);border-radius:16px 16px 16px 4px;padding:14px 18px;font-family:var(--font-text);font-size:17px;box-shadow:3px 3px 0 rgba(43,33,24,.85)}.pub input,.pub select{padding:12px 14px}.pub .wahl,.pub input,.pub select{font-family:var(--font-text);font-size:17px;width:100%;min-height:52px;border:3px solid var(--tinte);border-radius:12px;background:#fff}.pub .wahl{display:block;text-align:left;box-shadow:3px 3px 0 rgba(43,33,24,.5);padding:14px 16px;margin:10px 0;cursor:pointer}.pub .wahl:hover{background:var(--papier-2)}.pub .wahl.aktiv{background:var(--gruen);color:#fff;box-shadow:3px 3px 0 var(--tinte)}.pub .duo{display:grid;grid-gap:20px;gap:20px;grid-template-columns:1fr}@media (min-width:700px){.pub .duo{grid-template-columns:1fr 1fr}}.pub .reihe{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.pub .stufen{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.pub .kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;flex-wrap:wrap}.pub .kopf a{color:var(--gruen-dunkel);text-decoration:none;font-family:var(--font-text);font-size:17px;font-weight:600}.pub .kopf a:hover{color:var(--gruen);-webkit-text-decoration:underline wavy var(--rot) 2px;text-decoration:underline wavy var(--rot) 2px}.pub .nav-menue{position:relative}.pub .nav-menue summary{cursor:pointer;list-style:none;font-family:var(--font-text);font-size:17px;font-weight:600;color:var(--gruen-dunkel)}.pub .nav-menue summary::-webkit-details-marker{display:none}.pub .nav-menue summary:hover{color:var(--gruen);-webkit-text-decoration:underline wavy var(--rot) 2px;text-decoration:underline wavy var(--rot) 2px}.pub .nav-menue-liste{position:absolute;top:calc(100% + 8px);left:0;z-index:50;min-width:220px;background:#fff;border:3px solid var(--tinte);border-radius:14px;box-shadow:4px 5px 0 rgba(43,33,24,.9);padding:8px;display:flex;flex-direction:column}.pub .nav-menue-liste a{padding:8px 12px;border-radius:8px;white-space:nowrap}.pub .nav-menue-liste a:hover{background:var(--papier-2);text-decoration:none}.pub .kopf a.knopf{font-family:var(--font-text);font-weight:700}.pub .logo{font-family:var(--font-hand);font-size:26px;font-weight:700;color:var(--gruen-dunkel);display:inline-block}.pub .logo em{color:var(--rot);font-style:normal}.pub .marke{display:inline-flex;align-items:center;gap:8px}.pub .marke-wort{font-family:var(--font-hand);font-size:28px;line-height:1;color:var(--gruen-dunkel);white-space:nowrap}.pub .marke-wort em{color:var(--rot);font-style:normal}.pub footer{border-top:3px dashed var(--gruen);margin-top:60px;padding-top:24px;font-size:15px}.pub footer a{color:var(--gruen-dunkel)}.pub footer a:hover{color:var(--gruen)}.pub footer .hand{color:var(--gruen-dunkel)}.pub .klein{font-size:14px;opacity:.75}.pub .fehler{color:var(--rot);font-weight:600}.pub .figur-pop{display:inline-block;filter:drop-shadow(3px 4px 0 rgba(43,33,24,.45))}.pub .spur{position:relative;height:46px;border-bottom:3px dashed var(--tinte);margin:8px 0 20px}.pub .spur .laeufer{position:absolute;bottom:-2px;transition:left .35s ease-out}@media (prefers-reduced-motion:reduce){.pub *{transition-duration:.001ms!important;animation:none!important}}.pub .figur-ruhend{display:none}@media (prefers-reduced-motion:reduce){.pub .figur-bewegt{display:none}.pub .figur-ruhend{display:block}}