:root{--ink: #1b3327;--muted: #446055;--accent: #157a38;--accent-soft: #eaf7e6;--border: #dce8d6;--bg: #fbfdfa;--warn: #a15c00;--warn-soft: #fff6e5;--radius: 12px;--card-shadow: none;--accent-contrast: #ffffff;--font-heading: inherit;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.5;color:var(--ink);background:var(--bg)}h1{font-size:1.9rem;margin:0 0 .25rem}h2{font-size:1.35rem;margin:0 0 .25rem}p.intro{color:var(--muted);margin:0 0 1.5rem;max-width:60ch}.wizard{display:grid;grid-template-columns:240px 1fr;gap:2.5rem;max-width:1080px;margin:0 auto;padding:2rem 1.25rem 4rem}@media(max-width:800px){.wizard{grid-template-columns:1fr;gap:1.25rem}}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;position:sticky;top:1.5rem;align-self:start}@media(max-width:800px){.steps{flex-direction:row;flex-wrap:wrap;position:static}}.steps button{width:100%;display:flex;align-items:center;gap:.6rem;background:none;border:1px solid transparent;border-radius:var(--radius);padding:.6rem .75rem;font:inherit;color:inherit;text-align:left;cursor:pointer}.steps button:hover{background:#fff;border-color:var(--border)}.steps button[aria-current=step]{background:#fff;border-color:var(--accent);font-weight:600}.badge{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:grid;place-items:center;font-size:.75rem;flex:0 0 auto}.badge.done{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast, #fff)}.badge.skipped{border-style:dashed;color:var(--muted)}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.field{margin-bottom:1.1rem}label{display:block;font-weight:600;margin-bottom:.25rem}.hint{color:var(--muted);font-size:.9rem;margin-top:.25rem}input:where(:not([type=checkbox]):not([type=radio]):not([type=file])),textarea,select{width:100%;padding:.6rem .7rem;border:1px solid var(--border);border-radius:10px;font:inherit;background:#fff}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.toggle{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:1rem}.toggle input{margin-top:.3rem;width:20px;height:20px}.toggle label{margin:0}button.primary{background:var(--accent);color:var(--accent-contrast, #fff);border:none;border-radius:10px;padding:.7rem 1.1rem;font:inherit;font-weight:600;cursor:pointer}button.primary:disabled{background:#b9cfc0;cursor:not-allowed}button.secondary{background:#fff;color:var(--ink);border:1px solid var(--border);border-radius:10px;padding:.7rem 1.1rem;font:inherit;cursor:pointer}.preview{background:linear-gradient(160deg,var(--accent-soft),#fff);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.preview .site-title{font-size:1.5rem;font-weight:700;color:var(--accent)}.preview .site-claim{color:var(--muted)}.savestate{font-size:.85rem;color:var(--muted);min-height:1.2em}.savestate.error{color:#a12525}.checklist{list-style:none;margin:0;padding:0}.checklist li{display:flex;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--border)}.checklist li:last-child{border-bottom:none}.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.65rem 0;border-bottom:1px solid var(--border)}.list li:last-child{border-bottom:none}.list select{width:auto}.notice{background:var(--warn-soft);color:var(--warn);border-radius:10px;padding:.75rem .9rem;margin:.75rem 0}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}@media(max-width:640px){.grid2{grid-template-columns:1fr}}.site{min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}.preview-banner{background:var(--warn-soft);color:var(--warn);text-align:center;padding:.5rem 1rem;font-size:.95rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.1rem 1.5rem;border-bottom:1px solid var(--border);background:#fff}.site-nav{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap}.site-nav a,.linkish{color:var(--ink);text-decoration:none;border:none;background:none;font:inherit;cursor:pointer;padding:0}.site-nav a:hover,.linkish:hover{text-decoration:underline}.site-main{flex:1;width:100%;max-width:62rem;margin:0 auto;padding:1.75rem 1.5rem 3rem}.site-footer{border-top:1px solid var(--border);padding:1.25rem 1.5rem 2rem;text-align:center}.site-footer div{display:flex;gap:1.1rem;justify-content:center;flex-wrap:wrap;margin-bottom:.4rem}.site-footer a{color:var(--muted)}.program-grid{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}.program-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.35rem}.program-card a{color:inherit;text-decoration:none}.program-card h2{color:var(--accent)}.program-meta{margin:0;color:var(--muted);font-size:.93rem}.program-text{margin:.4rem 0 .7rem}a.button-link{align-self:flex-start;margin-top:auto;display:inline-block;background:var(--accent);color:var(--accent-contrast, #fff);border-radius:999px;padding:.45rem 1.1rem;text-decoration:none;font-size:.95rem}.back-link{color:var(--muted);text-decoration:none;display:inline-block;margin-bottom:.5rem}.detail-grid{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0 0 .75rem}.detail-grid dt{color:var(--muted)}.detail-grid dd{margin:0}.card.narrow{max-width:30rem;margin:0 auto}.legal h1{font-size:1.6rem}.legal h2{font-size:1.15rem;margin-top:1.2rem}.quote{margin:.8rem 0;padding:.5rem .9rem;border-left:3px solid var(--border);color:var(--muted)}.status-badge{display:inline-block;border-radius:999px;padding:.05rem .6rem;font-size:.85rem;background:var(--accent-soft);color:var(--accent)}.status-badge.rejected{background:var(--warn-soft);color:var(--warn)}.status-badge.pending{background:#eef1f4;color:#4a5560}.admin-nav{display:flex;gap:1.1rem;flex-wrap:wrap;margin-bottom:1.25rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.admin-nav a{color:var(--muted);text-decoration:none}.admin-nav a:hover{color:var(--ink);text-decoration:underline}.cancel-box{flex:1 1 100%;margin-top:.6rem;padding:.8rem .9rem;background:var(--warn-soft);border-radius:10px}.cancel-box label{display:block;font-weight:600;margin-bottom:.35rem}.adresszeile{display:flex;align-items:stretch;gap:0}.adresszeile input{border-top-right-radius:0;border-bottom-right-radius:0}.adresssuffix{display:flex;align-items:center;padding:0 .8rem;background:#f2f4f0;border:1px solid var(--border);border-left:none;border-radius:0 10px 10px 0;color:var(--muted, #5c7068);white-space:nowrap}.frei{color:#157a38;font-weight:600}.belegt{color:#a12525;font-weight:600}.vorschlag{background:#eaf7e6;border:1px solid #cfe6c6;border-radius:999px;padding:.2rem .7rem;margin-right:.4rem;cursor:pointer;font:inherit;min-height:32px}h1,h2,h3{font-family:var(--font-heading)}.card{box-shadow:var(--card-shadow)}.showcase{position:fixed;right:16px;bottom:16px;z-index:60;font-family:var(--font-body)}.showcase-auf{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);background:#fff;color:#1b2733;border-radius:999px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;box-shadow:0 4px 18px #0000001f}.showcase-punkte{display:inline-flex}.showcase-punkte i{width:14px;height:14px;border-radius:50%;border:2px solid #fff;margin-left:-5px}.showcase-punkte i:first-child{margin-left:0}.showcase-panel{width:270px;background:#fff;color:#1b2733;border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 10px 36px #0000002e;display:grid;gap:10px}.showcase-kopf{display:flex;justify-content:space-between;align-items:center}.showcase-zu{border:none;background:none;font-size:1.3rem;line-height:1;cursor:pointer;color:#5c6f7e;padding:2px 6px}.showcase-hinweis{margin:0;font-size:.78rem;color:#5c6f7e}.showcase-gruppe{display:grid;grid-template-columns:1fr 1fr;gap:6px}.showcase-tpl{border:1.5px solid var(--border);background:#fff;border-radius:9px;padding:7px 4px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;color:#1b2733}.showcase-tpl.aktiv{border-color:#1b2733;background:#1b2733;color:#fff}.showcase-paletten{display:flex;gap:6px;flex-wrap:wrap}.showcase-farbe{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--border);cursor:pointer;padding:0}.showcase-farbe.aktiv{box-shadow:0 0 0 2px #fff,0 0 0 4px #1b2733}.showcase-reset{border:none;background:none;font:inherit;font-size:.82rem;color:#5c6f7e;cursor:pointer;text-decoration:underline;justify-self:start;padding:0}@media(max-width:480px){.showcase{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.showcase-panel{width:min(300px,calc(100vw - 24px))}}.site-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-kachel{width:46px;height:46px;border-radius:calc(var(--radius) * .7);background:var(--accent);color:var(--accent-contrast, #fff);display:grid;place-items:center;font-weight:800;font-size:1.05rem;font-family:var(--font-heading);flex:none}.brand-text{display:grid;line-height:1.25}.brand-text strong{font-family:var(--font-heading);font-size:1.1rem;color:var(--accent)}.brand-text span{color:var(--muted);font-size:.8rem}.hero-band{position:relative;padding:2.6rem 0 2.2rem;margin-bottom:.6rem;overflow:visible}.hero-deko{position:absolute;top:-40px;right:-10%;bottom:0;left:-10%;pointer-events:none;z-index:-1}.blob{position:absolute;border-radius:50%;filter:blur(46px);opacity:.5}.blob-a{width:340px;height:340px;left:-80px;top:-60px;background:var(--accent-soft)}.blob-b{width:260px;height:260px;right:-40px;top:30px;background:var(--accent-soft);background:color-mix(in srgb,var(--accent) 14%,transparent)}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--ink);border:1px solid var(--border);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:999px;padding:6px 16px;font-size:.85rem;font-weight:600;margin-bottom:1rem;animation:hero-auftritt .6s ease both}.hero-titel{font-family:var(--font-heading);font-size:clamp(2.2rem,5.5vw,3.4rem);line-height:1.06;letter-spacing:-.015em;margin:0 0 .7rem;max-width:18ch;text-wrap:balance;animation:hero-auftritt .6s .08s ease both}.wort-akzent{color:var(--accent);position:relative;white-space:nowrap}.wort-akzent:after{content:"";position:absolute;left:2%;right:2%;bottom:-.12em;height:.16em;background:currentColor;opacity:.45;border-radius:999px;transform:rotate(-1.2deg)}.hero-lead{color:var(--muted);font-size:1.08rem;max-width:46ch;margin:0;animation:hero-auftritt .6s .16s ease both}@keyframes hero-auftritt{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.filterleiste{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:1.2rem 0 1.4rem}.filterleiste input[type=search]{flex:1;min-width:200px;font:inherit;padding:.6rem 1rem;border:1.5px solid var(--border);border-radius:999px;background:#fff;color:var(--ink)}.filterleiste select{font:inherit;padding:.6rem .9rem;border:1.5px solid var(--border);border-radius:999px;background:#fff;color:var(--ink);width:auto;flex:0 0 auto}.filterleiste input:focus-visible,.filterleiste select:focus-visible{outline:3px solid var(--accent-soft);outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--accent)}.filter-anzahl{color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}.program-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.pk{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:var(--radius);background:var(--accent-soft);border:1px solid transparent;box-shadow:var(--card-shadow);transition:transform .2s ease,box-shadow .2s ease}@supports (color: color-mix(in srgb,red 50%,white)){.pk{background:var(--karten-tint, var(--accent-soft))}}.pk:hover{transform:translateY(-4px);box-shadow:0 10px 28px #0000001a}.pk-t0{--karten-tint: color-mix(in srgb, var(--accent) 13%, #fff)}.pk-t1{--karten-tint: color-mix(in srgb, var(--accent-2, var(--accent)) 16%, #fff)}.pk-t2{--karten-tint: color-mix(in srgb, var(--accent) 7%, #fff)}.pk-t3{--karten-tint: color-mix(in srgb, var(--accent-2, var(--accent)) 9%, #fff)}.pk-kopfzeile{display:flex;justify-content:space-between;align-items:center;gap:8px}.pk-alter{background:#ffffffbf;border:1px solid var(--border);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--ink);border-radius:999px;padding:3px 12px;font-size:.78rem;font-weight:700}.pk-preis{font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.pk-titel{text-decoration:none;color:var(--ink)}.pk-titel h2{font-family:var(--font-heading);font-size:1.28rem;line-height:1.2;margin:0}.pk-titel:hover h2{color:var(--accent)}.pk-text{color:var(--muted);font-size:.93rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pk-metas{display:grid;gap:5px;margin-top:2px}.pk-meta{display:flex;align-items:center;gap:8px;margin:0;font-size:.88rem;color:var(--ink)}.pk-meta svg{color:var(--accent);flex:none}.pk-voll{background:#fde8e8;color:#b42318;border:1px solid #f5c6c0;border-radius:999px;padding:1px 10px;font-size:.75rem;font-weight:700}.pk-aktion{margin-top:auto;padding-top:10px;font-weight:700;text-decoration:none;color:var(--ink);font-family:var(--font-heading)}.pk-aktion:hover{color:var(--accent)}html[data-template=verspielt] .pk{border-radius:calc(var(--radius) + 4px)}html[data-template=verspielt] .pk:hover{transform:translateY(-4px) rotate(-.5deg) scale(1.01)}html[data-template=verspielt] .pk-alter{transform:rotate(-2deg)}html[data-template=verspielt] .hero-badge{transform:rotate(-1.5deg)}html[data-template=verspielt] .hero-titel{font-weight:800}html[data-template=verspielt] .brand-kachel{transform:rotate(-3deg)}html[data-template=klar] .blob{display:none}html[data-template=klar] .wort-akzent:after{display:none}html[data-template=klar] .hero-badge{background:transparent;border:1px solid var(--border);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;border-radius:6px}html[data-template=klar] .pk{--karten-tint: #fff;background:#fff;border:1px solid var(--border);border-left:4px solid var(--accent);box-shadow:none}html[data-template=klar] .pk:hover{transform:none;border-color:var(--accent);box-shadow:0 2px 10px #0000000f}html[data-template=klar] .pk-alter{background:transparent;border:1px solid var(--border);border-radius:6px}html[data-template=klar] .filterleiste input[type=search],html[data-template=klar] .filterleiste select,html[data-template=klar] .brand-kachel{border-radius:8px}html[data-template=natur] .hero-band{padding-bottom:3.2rem}html[data-template=natur] .hero-band:after{content:"";position:absolute;left:-24px;right:-24px;bottom:0;height:22px;background-repeat:repeat-x;background-size:90px 22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='22'%3E%3Cpath d='M0 11 Q22.5 0 45 11 T90 11' fill='none' stroke='%2377935c' stroke-opacity='0.35' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");opacity:.8}html[data-template=natur] .pk-t0{--karten-tint: color-mix(in srgb, var(--accent) 16%, #fdfbf5)}html[data-template=natur] .pk-t1{--karten-tint: color-mix(in srgb, var(--accent-2, var(--accent)) 18%, #fdfbf5)}html[data-template=natur] .pk-t2{--karten-tint: color-mix(in srgb, var(--accent) 9%, #fdfbf5)}html[data-template=natur] .pk-t3{--karten-tint: color-mix(in srgb, var(--accent-2, var(--accent)) 11%, #fdfbf5)}html[data-template=natur] .blob{filter:blur(60px);opacity:.4}html[data-template=bunt] .pk{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}html[data-template=bunt] .pk:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}html[data-template=bunt] .wort-akzent{color:var(--accent-contrast, #fff);background:var(--accent);padding:0 .18em;border-radius:.12em;box-shadow:3px 3px 0 var(--ink)}html[data-template=bunt] .wort-akzent:after{display:none}html[data-template=bunt] .hero-badge{border:2px solid var(--ink);background:#fff;box-shadow:3px 3px 0 var(--ink);transform:rotate(1.5deg)}html[data-template=bunt] .pk-alter{border:2px solid var(--ink);background:#fff;transform:rotate(-2deg)}html[data-template=bunt] .pk-voll{border:2px solid #b42318;transform:rotate(2deg)}html[data-template=bunt] .brand-kachel{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}html[data-template=bunt] .filterleiste input[type=search],html[data-template=bunt] .filterleiste select{border:2px solid var(--ink)}@media(prefers-reduced-motion:reduce){.hero-badge,.hero-titel,.hero-lead{animation:none!important}.pk,.pk:hover{transform:none!important;transition:none}}