@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Nunito+Sans:ital,opsz,wght@0,6..12,300..800;1,6..12,300..600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--forest:#244635;--moss:#2e5d46;--sage:#5c9c7b;--mint:#cbe6da;--foam:#cbe6da;--cream:#fcfaf6;--sand:#fcfaf6;--amber:#f4a261;--ink:#37423c;--muted:#7d8c82;--border:#efeae1;--c-spiel:#3d7a5a;--ch-spiel:#e8f5ee;--c-ort:#2b5fa8;--ch-ort:#e4eefb;--c-event:#b85c1a;--ch-event:#fff0e4;--c-projekt:#8b1a6b;--ch-projekt:#fce8f5;--c-artikel:#8b6914;--ch-artikel:#fdf5e0;--c-kinder:#2d6a4f;--ch-kinder:#d8f3dc;--c-erwachsene:#5b4fcf;--ch-erwachsene:#eeeaff;--c-gemeinsam:#5b4fcf;--ch-gemeinsam:#eeeaff;--c-kraft:#5b4fcf;--ch-kraft:#eeeaff;--c-arbeit:#1565c0;--ch-arbeit:#e3f0ff;--shadow:0 2px 12px rgba(60,50,30,.1)}body,html{height:100%;background:#fcfaf6;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{width:100%;max-width:440px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--cream);position:relative;box-shadow:0 0 50px rgba(0,0,0,.15);display:flex;flex-direction:column}@media (min-width:768px){body{background:#f0ece4;background-image:radial-gradient(circle at 15% 20%,rgba(82,164,116,.08) 0,transparent 40%),radial-gradient(circle at 85% 80%,rgba(232,157,66,.06) 0,transparent 40%);min-height:100vh}.app{max-width:1200px;width:94%;margin:20px auto 36px;border-radius:24px;box-shadow:0 16px 50px rgba(36,70,53,.12);overflow:hidden}}.screen{display:flex;flex-direction:column;flex:1 1;min-height:0;width:100%}.sbar{display:none!important}.bnav{position:-webkit-sticky;position:sticky;bottom:0;background:#fff;border-top:1px solid var(--border);padding:8px 0 max(16px,env(safe-area-inset-bottom,16px));flex-shrink:0;justify-content:space-around;gap:0;z-index:100;box-shadow:0 -2px 10px rgba(0,0,0,.05)}.bnav,.bni{display:flex}.bni{flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px 8px;border:none;background:none;position:relative;transition:transform .15s ease}.bni:active{transform:scale(.95)}.bni-ico{font-size:20px;line-height:1}.bni-lbl{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);transition:color .15s ease}.bni.on .bni-lbl{color:var(--forest)}.dnav{display:none}@media (min-width:768px){.bnav{display:none!important}.dnav{display:block;position:-webkit-sticky;position:sticky;top:0;z-index:150;background:hsla(40,50%,98%,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:0 2px 14px rgba(0,0,0,.03)}.dnav-container{max-width:1140px;margin:0 auto;padding:12px 24px;justify-content:space-between;gap:20px}.dnav-brand,.dnav-container{display:flex;align-items:center}.dnav-brand{gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dnav-logo-icon{font-size:26px}.dnav-logo-text{display:flex;flex-direction:column}.dnav-title{font-family:Quicksand,sans-serif;font-size:20px;font-weight:700;color:var(--forest);line-height:1.1}.dnav-title em{font-style:normal;color:#438a60}.dnav-tagline{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}.dnav-links{background:rgba(36,70,53,.05);padding:4px}.dnav-item,.dnav-links{display:flex;align-items:center;gap:6px;border-radius:100px}.dnav-item{padding:8px 16px;border:none;background:transparent;color:var(--ink);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.dnav-item:hover{background:hsla(0,0%,100%,.6);color:var(--forest)}.dnav-item.active{background:var(--forest);color:#fff;box-shadow:0 2px 8px rgba(36,70,53,.25)}.dnav-item-icon{font-size:16px}.dnav-actions{gap:10px}.dnav-actions,.dnav-btn-icon{display:flex;align-items:center}.dnav-btn-icon{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:#fff;cursor:pointer;justify-content:center;font-size:16px;transition:all .15s ease}.dnav-btn-icon:hover{background:#f4f8f5;border-color:var(--forest);transform:translateY(-1px)}.dnav-user-pill{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 6px;border-radius:100px;background:#fff;border:1px solid var(--border);cursor:pointer;transition:all .15s ease}.dnav-user-pill:hover{border-color:var(--forest);box-shadow:0 2px 8px rgba(0,0,0,.06)}.dnav-user-avatar{font-size:20px}.dnav-user-info{display:flex;flex-direction:column}.dnav-user-name{font-size:12px;font-weight:700;color:var(--ink);line-height:1.2}.dnav-user-tier{font-size:9.5px;font-weight:600;color:var(--forest)}}.cards-grid{display:flex;flex-direction:column;gap:14px}@media (min-width:768px){.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.fcard{margin-bottom:0;height:100%;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.fcard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(36,70,53,.12)}.fcard-body{flex:1 1;display:flex;flex-direction:column}.fcard-footer{margin-top:auto}}@media (min-width:1080px){.cards-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (min-width:768px){.overlay.on{display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(20,35,28,.45)}.overlay .sheet{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;max-width:620px!important;width:100%!important;max-height:85vh!important;border-radius:24px!important;box-shadow:0 24px 60px rgba(0,0,0,.3)!important;animation:desktopModalIn .25s cubic-bezier(.16,1,.3,1)!important;transform:none!important}.sheet-handle{width:48px;height:5px;margin:12px auto 8px}.scroll{padding:24px 32px 40px!important}#s-abo,#s-interessen,#s-onboard{max-width:580px;margin:32px auto;border-radius:24px;box-shadow:0 12px 40px rgba(36,70,53,.1);border:1px solid var(--border);overflow:hidden}.ktabs-wrap{max-width:560px;margin-left:auto;margin-right:auto;padding:4px;border-radius:24px}.ktab{font-size:12px;padding:8px 16px;border-radius:20px}.stories{padding:16px 32px;gap:16px}.srow{transition:background .15s ease,transform .15s ease}.srow:hover{background:rgba(36,70,53,.04)}.group-card{margin-bottom:0;transition:transform .2s ease,box-shadow .2s ease}.group-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(36,70,53,.08)}.aff-box{padding:18px 22px;border-radius:16px;margin-bottom:22px}}@keyframes desktopModalIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.scroll{flex:1 1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{display:none}.pb80{padding-bottom:80px}.chip{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:100px;font-size:10px;font-weight:700;white-space:nowrap}.chip-spiel{background:var(--ch-spiel);color:var(--c-spiel)}.chip-ort{background:var(--ch-ort);color:var(--c-ort)}.chip-event{background:var(--ch-event);color:var(--c-event)}.chip-projekt{background:var(--ch-projekt);color:var(--c-projekt)}.chip-artikel{background:var(--ch-artikel);color:var(--c-artikel)}.chip-neutral{background:#f5f0e8;color:#5a4a2a}.chip-kinder{background:var(--ch-kinder);color:var(--c-kinder)}.chip-erwachsene{background:var(--ch-erwachsene);color:var(--c-erwachsene)}.chip-gemeinsam{background:var(--ch-gemeinsam);color:var(--c-gemeinsam)}.chip-kraft{background:var(--ch-kraft);color:var(--c-kraft)}.chip-arbeit{background:var(--ch-arbeit);color:var(--c-arbeit)}.chip-purple{background:#f3eafa;color:#6a3d9a}.btn{border:none;cursor:pointer;font-family:Nunito Sans,sans-serif;font-weight:600;display:inline-flex;align-items:center;gap:6px;justify-content:center;transition:.15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--sage);color:#fff;border-radius:100px;padding:13px 22px;font-size:14px;width:100%}.btn-secondary{background:var(--foam);border-radius:100px}.btn-outline,.btn-secondary{color:var(--forest);padding:11px 18px;font-size:13px;width:100%}.btn-outline{background:transparent;border:1.5px solid var(--forest);border-radius:100px}.btn-ico{background:rgba(36,70,53,.07);border:none;border-radius:50%;width:34px;height:34px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.btn-ico:hover{background:rgba(36,70,53,.12)}.btn-back{background:rgba(36,70,53,.07);border:none;border-radius:100px;padding:5px 12px;color:var(--forest);cursor:pointer;font-size:12px;margin-bottom:12px;display:inline-flex;align-items:center;font-family:Nunito Sans,sans-serif;font-weight:600}.ptabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.ptabs::-webkit-scrollbar{display:none}.ptab{background:#fff;border:1.5px solid var(--border);border-radius:100px;padding:6px 13px;font-size:11px;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:.15s}.ptab.on{background:#dcd6ee;color:#5b4fcf;border-color:#dcd6ee}.ktabs-wrap{display:flex;background:#eaf4ee;border-radius:20px;padding:3px;margin-bottom:5px}.ktab{flex:1 1;background:transparent;border:none;border-radius:18px;padding:6px 4px;cursor:pointer;font-size:10px;font-weight:400;color:var(--muted);font-family:Nunito Sans,sans-serif;transition:.2s;white-space:nowrap;text-align:center}.ktab.on{background:#dcd6ee;color:#5b4fcf;font-weight:700}.ttabs-wrap{display:flex;background:#eaf4ee;border-radius:20px;padding:2px}.ttab{flex:1 1;background:transparent;border:none;border-radius:18px;padding:5px 4px;cursor:pointer;font-size:10px;font-weight:400;color:var(--muted);font-family:Nunito Sans,sans-serif;white-space:nowrap}.ttab.on{background:#dcd6ee;color:#5b4fcf;font-weight:700}.ttab2{background:#fff;border:1.5px solid var(--border);border-radius:100px;padding:6px 12px;font-size:11px;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:Nunito Sans,sans-serif;transition:.15s}.ttab2.on{background:#dcd6ee;color:#5b4fcf;border-color:#dcd6ee}.overlay{display:none;position:fixed;inset:0;background:rgba(30,20,10,.55);z-index:200;align-items:flex-end;justify-content:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);-webkit-overflow-scrolling:touch}.overlay.on{display:flex}.sheet{background:var(--cream);border-radius:22px 22px 0 0;width:100%;max-width:420px;max-height:91vh;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.sheet::-webkit-scrollbar{display:none}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:14px auto 0}.sheet-body{padding:16px 18px 40px}.sheet-title{font-family:Quicksand,sans-serif;font-size:21px;color:var(--ink);margin-bottom:5px}.sheet-sub{font-size:13px;color:var(--muted);margin-bottom:18px;line-height:1.6}.fcard{background:#fff;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;cursor:pointer;margin-bottom:14px;transition:transform .15s ease,box-shadow .15s ease}.fcard:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(60,50,30,.12)}.fcard-body{padding:13px 15px 15px}.fcard-title{font-family:Quicksand,sans-serif;font-size:15px;font-weight:700;color:var(--ink);margin:7px 0 5px;line-height:1.4}.fcard-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.kv{background:#fff;border-radius:14px;overflow:hidden;cursor:pointer;border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .15s ease}.kv:hover{transform:translateY(-1px)}.kv-img{display:flex;align-items:center;justify-content:center;font-size:34px;position:relative}.kv-body{padding:9px 11px 11px}.kv-title{font-family:Quicksand,sans-serif;font-size:12px;font-weight:700;color:#2a2018;margin-bottom:3px;line-height:1.3}.kv-meta{font-size:9px;color:var(--muted);line-height:1.5}.step{display:flex;gap:10px;margin-bottom:10px;align-items:flex-start}.step-n{width:24px;height:24px;border-radius:50%;background:var(--forest);color:#fff;justify-content:center;font-size:10px;font-weight:800;flex-shrink:0}.srow,.step-n{display:flex;align-items:center}.srow{gap:11px;padding:13px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.srow:active{background:rgba(0,0,0,.02)}.srow-ico{font-size:19px}.srow-lbl{font-size:14px;color:var(--ink);flex:1 1}.srow-val{font-size:12px;color:var(--muted)}.srow-arr{color:var(--muted);font-size:15px}.prog-wrap{background:#f5f0e6;border-radius:10px;height:7px;overflow:hidden}.prog-bar{height:100%;border-radius:10px;background:linear-gradient(90deg,#8b1a6b,#c050a0)}.filter-group{margin-bottom:16px}.filter-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px}.ndot{width:8px;height:8px;background:#e85a5a;border-radius:50%;position:absolute;top:3px;right:7px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px}.signal-btn{display:flex;align-items:center;gap:6px;background:var(--foam);border:1.5px solid var(--sage);border-radius:100px;padding:6px 12px;font-size:11px;font-weight:700;color:var(--forest);cursor:pointer;transition:.15s}.signal-btn.on{background:var(--sage);color:#fff;border-color:var(--sage)}.group-card{background:#fff;border-radius:14px;border:1px solid var(--border);padding:14px;margin-bottom:10px;cursor:pointer}.member-av{width:26px;height:26px;border-radius:50%;background:var(--foam);border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:12px;margin-left:-6px}.member-av:first-child{margin-left:0}.media-placeholder{background:#f0f0f0;border-radius:10px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-bottom:12px;border:1.5px dashed #ccc;cursor:pointer}.badge-item{background:#fff;border-radius:13px;border:1px solid var(--border);padding:11px 6px;text-align:center}.badge-item.earned{border-color:var(--sage);background:var(--foam)}.badge-item.locked{opacity:.5;filter:grayscale(1)}.stories{display:flex;gap:10px;overflow-x:auto;padding:12px 14px;background:#fff;border-bottom:1px solid var(--border);scrollbar-width:none}.stories::-webkit-scrollbar{display:none}.story{flex-direction:column;gap:5px;cursor:pointer;flex-shrink:0;width:58px}.story,.story-ring{display:flex;align-items:center}.story-ring{width:54px;height:54px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--sage),var(--amber));justify-content:center}.story-ring.new{background:linear-gradient(135deg,#ffb347,#ff6b6b)}.story-av{width:100%;height:100%;border-radius:50%;background:var(--foam);border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:19px}.story-lbl{font-size:9px;color:var(--muted);font-weight:600;width:100%;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}#s-onboard,.story-lbl{text-align:center;overflow:hidden}#s-onboard{background:#eaf4ee;color:var(--ink);align-items:center;justify-content:center;padding:36px 24px;position:relative;min-height:100vh}#s-onboard:before{content:"";position:absolute;inset:-50%;border-radius:50%;background:radial-gradient(ellipse,rgba(203,230,218,.75) 0,transparent 55%),radial-gradient(ellipse at 70% 25%,rgba(207,224,236,.55) 0,transparent 50%),radial-gradient(ellipse at 20% 75%,rgba(220,214,238,.4) 0,transparent 45%);filter:url(#aq2);pointer-events:none;animation:drift 14s ease-in-out infinite}#s-onboard>*{position:relative;z-index:1}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-1.5%,1.5%,0) scale(1.04)}}#s-interessen{background:#eaf4ee;color:var(--ink);padding:0;min-height:100vh}.ik{border-radius:14px;padding:16px;cursor:pointer;transition:.2s;border:2.5px solid var(--border);display:flex;gap:13px;align-items:center;margin-bottom:9px;background:hsla(0,0%,100%,.72)}.ik.on{border-color:var(--moss);background:hsla(0,0%,100%,.92)}.ik-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--sage);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:auto;font-size:12px;transition:.2s;color:transparent}.ik-check.on{background:var(--sage);border-color:var(--sage);color:#fff}.feed-header{background:#eaf4ee;padding:11px 14px 12px;flex-shrink:0;border-bottom:.5px solid #c8ddd0}.feed-logo{font-family:Quicksand,sans-serif;font-size:20px;color:var(--ink);font-weight:700}.feed-logo em{color:var(--sage);font-style:normal}.feed-filter-btn{background:#fff;border:.5px solid var(--border);border-radius:100px;padding:8px 14px;color:var(--muted);font-size:12px;width:100%;cursor:pointer;text-align:left;display:flex;gap:9px;align-items:center;font-family:Nunito Sans,sans-serif;font-weight:500;margin-bottom:9px}.feed-filter-row .feed-filter-btn{width:auto;margin-bottom:0}.aff-box{border-radius:13px;padding:13px;margin-bottom:13px}.sol-av{width:32px;height:32px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:14px;margin-left:-7px}.sol-av:first-child{margin-left:0}.eng-tab-wrap{display:flex;background:rgba(36,70,53,.08);border-radius:20px;padding:3px;margin-top:10px}.eng-tab{flex:1 1;background:transparent;border:none;border-radius:16px;padding:6px 4px;cursor:pointer;font-size:10px;font-weight:400;color:var(--muted);font-family:Nunito Sans,sans-serif;transition:.2s;white-space:nowrap;text-align:center}.eng-tab.on{background:rgba(36,70,53,.12);color:var(--forest);font-weight:700}.privacy-opt{display:flex;align-items:flex-start;gap:11px;padding:12px;border-radius:12px;border:1.5px solid var(--border);background:#fff;margin-bottom:8px;cursor:pointer;transition:.15s}.privacy-opt.on{border-color:var(--forest);background:var(--foam)}.update-card{background:#fff;border-radius:14px;border:1px solid var(--border);overflow:hidden;margin-bottom:10px}.update-badge{display:inline-flex;align-items:center;gap:4px;background:#fff0c8;color:#8b6914;padding:3px 9px;border-radius:100px;font-size:10px;font-weight:700}.abo-card{background:#fff;border:2px solid var(--border);border-radius:16px;padding:16px;margin-bottom:12px;cursor:pointer;transition:.2s}.abo-card.sel{border-color:var(--forest)}*{-webkit-tap-highlight-color:transparent}[onclick],button{cursor:pointer}input,select,textarea{font-size:16px}