@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-vietnamese-full-normal.1rrbje563hlz_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-latin-ext-full-normal.1st4f_y6zi7uq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-latin-full-normal.40m4cggjzbqwa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/atkinson-hyperlegible-next-latin-ext-wght-normal.06adi5qjgm3bm.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/atkinson-hyperlegible-next-latin-wght-normal.1o9o6__l__p-w.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--papier:#fbf5e6;--papier-hell:#fffdf6;--papier-dunkel:#f1e6cc;--tinte:#1f2a44;--tinte-weich:#56607a;--nacht:#141d38;--nacht-hell:#26356a;--honig:#f5b942;--honig-hell:#fde9b8;--kupfer:#b9571a;--kupfer-dunkel:#8a3d0d;--salbei:#2f7f77;--beere:#b03a5b;--hintergrund:var(--papier);--flaeche:var(--papier-hell);--text:var(--tinte);--gedaempft:var(--tinte-weich);--linie:#e3d5b4;--akzent:var(--kupfer);--akzent-dunkel:var(--kupfer-dunkel);--akzent-hell:var(--honig-hell);--verweis:#1d4f8c;--fokus:#1d5fa8;--schrift:"Atkinson Hyperlegible Next Variable", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--erzaehlschrift:"Fraunces Variable", Georgia, "Times New Roman", serif;--titelschrift:var(--erzaehlschrift);--rund:16px;--schatten:0 1px 0 #1f2a440f, 0 10px 30px -12px #1f2a4447;--korn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23k)'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--korn), radial-gradient(60rem 30rem at 85% -10%, #f5b94238, transparent 70%), radial-gradient(50rem 28rem at -10% 20%, #2f7f771a, transparent 70%), var(--papier);min-height:100dvh;color:var(--text);font-family:var(--schrift);overflow-wrap:break-word;background-attachment:fixed;flex-direction:column;margin:0;font-size:1.0625rem;line-height:1.55;display:flex}body>main{flex:1 0 auto;width:100%}h1,h2,h3{font-family:var(--erzaehlschrift);font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:-.01em;text-wrap:balance;font-weight:650;line-height:1.15}h1{font-size:clamp(1.7rem,1.2rem + 2.4vw,2.5rem)}img,svg,video,audio{max-width:100%}a{color:var(--verweis);text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{color:var(--akzent-dunkel)}:focus-visible{outline:3px solid var(--fokus);outline-offset:2px;border-radius:6px}::selection{background:var(--honig);color:var(--nacht)}button,input,select,textarea{font:inherit;color:inherit;max-width:100%}button{background:var(--papier-hell);cursor:pointer;border:1.5px solid #cdbb93;border-radius:12px;min-height:2.75rem;padding:.55rem 1.1rem;transition:transform 80ms,box-shadow 80ms,background-color .15s;box-shadow:0 3px #cdbb93}button:hover:not(:disabled):not([aria-disabled=true]){background:#fff}button:active:not(:disabled):not([aria-disabled=true]){transform:translateY(3px);box-shadow:0 0 #cdbb93}button:disabled{opacity:.6;cursor:not-allowed}button.wie-verweis{min-height:0;box-shadow:none;color:var(--gedaempft);text-underline-offset:.15em;background:0 0;border:none;padding:0;text-decoration:underline}button.wie-verweis:active{transform:none}.hauptknopf,a.hauptknopf,.nebenknopf,a.nebenknopf{text-align:center;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.45em;min-height:2.9rem;padding:.65rem 1.4rem;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background-color .15s;display:inline-flex}.hauptknopf,a.hauptknopf{border:1.5px solid var(--kupfer-dunkel);background:linear-gradient(180deg, #cf6a25, var(--kupfer));box-shadow:0 4px 0 var(--kupfer-dunkel);color:#fff}.hauptknopf:hover,a.hauptknopf:hover{color:#fff;background:linear-gradient(#db7630,#c35f1e)}.nebenknopf,a.nebenknopf{background:var(--papier-hell);color:var(--text);border:1.5px solid #cdbb93;box-shadow:0 4px #cdbb93}.nebenknopf:hover,a.nebenknopf:hover{color:var(--text);background:#fff}.hauptknopf:active,.nebenknopf:active{transform:translateY(4px);box-shadow:0 0 #0000}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input:not([type]),select,textarea{background:#fff;border:1.5px solid #cdbb93;border-radius:12px;min-height:2.75rem;padding:.5rem .7rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--kupfer);outline:none;box-shadow:0 0 0 4px #f5b94259}input[type=checkbox],input[type=radio]{vertical-align:-.15em;width:1.15rem;height:1.15rem;accent-color:var(--akzent)}table{border-collapse:collapse}.karte{border:1px solid var(--linie);border-radius:var(--rund);background:var(--papier-hell);box-shadow:var(--schatten);padding:1.2rem 1.3rem}@keyframes auftritt{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.auftritt>*{animation:.55s cubic-bezier(.2,.7,.2,1) both auftritt}.auftritt>:nth-child(2){animation-delay:70ms}.auftritt>:nth-child(3){animation-delay:.14s}.auftritt>:nth-child(4){animation-delay:.21s}.auftritt>:nth-child(5){animation-delay:.28s}.auftritt>:nth-child(n+6){animation-delay:.35s}.fuss{color:var(--gedaempft);text-align:center;border-top:1px dashed #d8c79f;flex:none;margin-top:2rem;padding:1.1rem 1rem 1.4rem;font-size:.85rem}.fuss>span:first-child{font-family:var(--erzaehlschrift);color:var(--kupfer-dunkel);font-size:1rem;font-weight:700}.fuss a{color:inherit;white-space:nowrap;margin:0 .5rem}.formularseite{max-width:30rem;margin:clamp(1.5rem,5vw,3.5rem) auto;padding:0 1rem}.formularseite>.karte{padding:clamp(1.2rem,4vw,2rem)}.formularseite h1{margin:0 0 1rem}.formularseite h1:after{content:"";background:var(--honig);border-radius:999px;width:3.2rem;height:.35rem;margin-top:.5rem;display:block}.meldung{background:#fff7e0;border:1.5px solid #e6c766;border-radius:12px;padding:.7rem .9rem}.namensschilder{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.namensschild{border:1.5px solid var(--linie);background:#fff;border-radius:20px;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;padding:.8rem 1rem;transition:transform .2s,box-shadow .2s;display:flex}.namensschild:hover,.namensschild:focus-within{box-shadow:var(--schatten);transform:translateY(-2px)rotate(-.4deg)}.namensschild-bild{width:3.4rem;height:3.4rem;font-family:var(--erzaehlschrift);color:#fff;border-radius:50%;flex:none;place-items:center;font-size:1.6rem;font-weight:700;display:grid;box-shadow:inset 0 -6px #00000024}.namensschild-name{flex:8rem;min-width:0}.namensschild-name strong{font-family:var(--erzaehlschrift);font-size:1.3rem;line-height:1.15;display:block}.namensschild-name span{color:var(--gedaempft);font-size:.9rem}.regal{grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:2.2rem 1.4rem;margin:0;padding:.5rem .4rem 0;list-style:none;display:grid}.band{flex-direction:column;display:flex;position:relative}.band-platz{position:relative}.band-platz:after{content:"";z-index:0;background:linear-gradient(#c99862,#9c6b3a);border-radius:3px;height:.7rem;position:absolute;top:100%;left:-.7rem;right:-.7rem;box-shadow:0 8px 14px -6px #3c230a73}.band-deckel{z-index:1;aspect-ratio:3/4;transform-origin:bottom;background:linear-gradient(135deg,#2d3f7a,#16203c);border-radius:4px 10px 10px 4px;transition:transform .25s cubic-bezier(.2,.8,.2,1.2);display:block;position:relative;overflow:hidden;box-shadow:inset 7px 0 #00000038,inset 9px 0 #ffffff1f,0 10px 18px -8px #1f2a448c}.band-deckel:hover,.band-deckel:focus-visible{transform:translateY(-10px)rotate(-2deg)}.band-deckel img{object-fit:cover;width:100%;height:100%;display:block}.band-deckel .band-leer{text-align:center;height:100%;font-family:var(--erzaehlschrift);color:var(--honig-hell);place-items:center;padding:1.2rem 1rem 1rem 1.4rem;font-size:1.1rem;font-weight:650;line-height:1.2;display:grid}.band-zettel{z-index:2;background:var(--honig);color:var(--nacht);border-radius:6px 0 0 6px;padding:.2rem .6rem .25rem;font-size:.78rem;font-weight:700;position:absolute;top:.6rem;right:-.35rem;box-shadow:0 2px 6px #00000040}.band-zettel.schreibt{background:var(--salbei);color:#fff}.band-text{z-index:1;flex-direction:column;flex:1;gap:.4rem;padding:1.5rem .1rem 0;display:flex;position:relative}.band-text h3{overflow-wrap:anywhere;margin:0;font-size:1.12rem}.band-text p{color:var(--gedaempft);margin:0;font-size:.9rem}.band-leiste{background:var(--papier-dunkel);border-radius:999px;height:.4rem;overflow:hidden}.band-leiste>span{background:linear-gradient(90deg, var(--honig), var(--kupfer));border-radius:999px;height:100%;display:block}.band-knoepfe{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.3rem;font-size:.88rem;display:flex}.band-knoepfe .hauptknopf,.band-knoepfe .nebenknopf{min-height:2.6rem;padding:.4rem .9rem}.regal-leer{text-align:center;background:#fffdf6b3;border:2px dashed #d8c79f;border-radius:24px;margin:1.5rem 0;padding:2.2rem 1.5rem}@keyframes funkeln{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes schweben{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-10px)rotate(1.5deg)}}@keyframes kritzeln{0%,to{transform:translate(0)rotate(-18deg)}25%{transform:translate(10px,-3px)rotate(-10deg)}50%{transform:translate(20px,1px)rotate(-20deg)}75%{transform:translate(30px,-2px)rotate(-12deg)}}@keyframes tintenspur{0%{width:0}to{width:100%}}@keyframes platzen{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}25%{opacity:1}to{opacity:0;transform:translate(var(--x), var(--y)) scale(1.1) rotate(160deg)}}.schreibfeder{flex:none;width:4.6rem;height:2.2rem;position:relative}.schreibfeder:before{content:"✒️";font-size:1.5rem;animation:1.6s ease-in-out infinite kritzeln;position:absolute;top:-.1rem;left:0}.schreibfeder:after{content:"";background:repeating-linear-gradient(90deg, var(--tinte) 0 .5rem, transparent .5rem .75rem);border-radius:3px;max-width:3.2rem;height:3px;animation:1.6s ease-in-out infinite tintenspur;position:absolute;bottom:.25rem;left:.5rem}.sternenregen{height:0;position:relative}.sternenregen i{color:var(--honig);opacity:0;font-size:1.1rem;font-style:normal;animation:1.4s ease-out .15s both platzen;position:absolute;top:.6rem;left:50%}.start-held{background:radial-gradient(40rem 22rem at 78% 8%, #f5b94238, transparent 70%), linear-gradient(180deg, #0f1730 0%, var(--nacht) 45%, var(--nacht-hell) 100%);color:#fdf6e3;text-align:center;padding:clamp(3rem,9vw,6.5rem) 1rem clamp(5rem,11vw,8rem);position:relative;overflow:hidden}.start-held:after{content:"";background:var(--papier);border-radius:50% 50% 0 0/100% 100% 0 0;height:clamp(2.5rem,6vw,4.5rem);position:absolute;bottom:-1px;left:-5%;right:-5%}.start-himmel{pointer-events:none;position:absolute;inset:0}.start-himmel i{background:#fff6cf;border-radius:50%;width:.28rem;height:.28rem;animation:3.2s ease-in-out infinite funkeln;position:absolute;box-shadow:0 0 8px 1px #fff0b4cc}.start-mond{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#fff8dc,#f5d57a 70%);border-radius:50%;width:clamp(3.2rem,8vw,5.5rem);animation:9s ease-in-out infinite schweben;position:absolute;top:clamp(1.2rem,5vw,3rem);right:clamp(1rem,9vw,9rem);box-shadow:0 0 0 .6rem #f5d57a1f,0 0 4rem 1rem #f5d57a59}.start-inhalt{z-index:1;position:relative}.start-held h1{color:#fff9e8;max-width:14em;margin:1rem auto 1.1rem;font-size:clamp(2.3rem,1.3rem + 5.4vw,4.6rem);font-weight:700;line-height:1.02}.start-held h1 em{color:var(--honig);font-style:italic}.start-held p{color:#d9dff2;max-width:34em;margin:0 auto 1.8rem;font-size:clamp(1.05rem,.95rem + .5vw,1.3rem)}.start-marke{color:var(--honig-hell);letter-spacing:.02em;background:#fde9b81f;border:1px solid #fde9b873;border-radius:999px;padding:.3rem 1rem;font-size:.92rem;display:inline-block}.start-knoepfe{flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.start-buch{width:min(19rem,70vw);height:6.2rem;margin:2.6rem auto 0;animation:7s ease-in-out infinite schweben;position:relative}.start-buch b{background:repeating-linear-gradient(#0000 0 .8rem,#1f2a4421 .8rem .9rem),linear-gradient(#fffaf0,#f3e3bd);width:50%;height:100%;position:absolute;bottom:0;box-shadow:0 16px 30px -12px #000000b3}.start-buch b:first-child{transform-origin:100% 100%;border-radius:10px 2px 2px 18px;left:0;transform:perspective(40rem)rotateY(24deg)rotate(2deg)}.start-buch b:last-child{transform-origin:0 100%;border-radius:2px 10px 18px 2px;right:0;transform:perspective(40rem)rotateY(-24deg)rotate(-2deg)}.start-buch i{color:var(--honig);font-style:normal;animation:2.4s ease-in-out infinite funkeln;position:absolute;bottom:70%}.start-abschnitt{max-width:68rem;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) 1rem}.start-abschnitt>h2{text-align:center;margin:0 0 .4rem;font-size:clamp(1.7rem,1.2rem + 2vw,2.5rem)}.start-abschnitt>p{max-width:36em;color:var(--gedaempft);text-align:center;margin:0 auto 2rem}.start-karten{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.start-karten>li{border:1px solid var(--linie);background:var(--papier-hell);box-shadow:var(--schatten);border-radius:20px;padding:1.3rem 1.4rem 1.4rem;transition:transform .25s cubic-bezier(.2,.8,.2,1.2);position:relative}.start-karten>li:nth-child(odd){transform:rotate(-.6deg)}.start-karten>li:nth-child(2n){transform:rotate(.5deg)}.start-karten>li:hover{transform:translateY(-5px)rotate(0)}.start-karten h3{margin:0 0 .4rem;font-size:1.25rem}.start-karten p{color:var(--gedaempft);margin:0;font-size:.98rem}.start-zeichen,.start-nummer{background:var(--honig-hell);border-radius:14px;justify-content:center;align-items:center;width:2.7rem;height:2.7rem;margin-bottom:.7rem;font-size:1.35rem;display:inline-flex}.start-nummer{background:var(--nacht);color:var(--honig);font-family:var(--erzaehlschrift);border-radius:50%;font-weight:700}.rechtstext{max-width:44rem;margin:2rem auto 3rem;padding:0 1rem}.platzhalter{background:#fff7e0;border:2px dashed #c98a2b;border-radius:10px;padding:.8rem 1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.sternenregen i{display:none}}