:root{--primary:#474747;--primary-dark:#2d2d2d;--secondary:#F9891D;--accent:#5E3735;--success:#2f9e44;--danger:#d9485f;--ink:#474747;--muted:#626262;--paper:#ffffff;--surface:#f7f5f3;--surface-alt:#f3ece8;--line:#d8cfca;--shadow-sm:0 4px 14px rgba(71,71,71,.10);--shadow-md:0 10px 28px rgba(71,71,71,.16);--radius-sm:12px;--radius-md:20px;--radius-lg:28px}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;background:var(--surface);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}[hidden]{display:none!important}button,input,select{font:inherit}button,.button{min-height:44px;padding:.65rem .9rem;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-weight:700}button.secondary,.button.secondary{background:#fff;color:var(--primary)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}a{color:var(--primary-dark);font-weight:700}.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:#fff;border-bottom:1px solid var(--line)}.brand{font-size:1.1rem;text-decoration:none;display:flex;align-items:center;gap:.6rem}.brand img{width:42px;height:42px;object-fit:contain;border-radius:8px}.brand b{color:var(--secondary)}main{max-width:1180px;margin:auto;padding:1rem 1rem 6rem}.hero,.panel,.card,.field-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);padding:1rem}.hero{background:linear-gradient(135deg,#fff,var(--surface-alt));margin-bottom:1rem}.grid{display:grid;gap:1rem}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{display:flex;flex-direction:column;gap:.7rem}.image{height:120px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:grid;place-items:center;font-weight:800}.meta,.tags,.actions{display:flex;flex-wrap:wrap;gap:.45rem}.tag{background:#dff4f1;color:#075f5f;border-radius:999px;padding:.2rem .55rem;font-size:.82rem;font-weight:700}.muted{color:var(--muted)}.filters{display:grid;gap:.7rem;margin:1rem 0}.filters input,.filters select,.form input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:.6rem;background:#fff}.nav{position:fixed;z-index:5;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;overflow:auto}.nav button{flex:1;min-width:94px;border:0;border-radius:0;background:#fff;color:var(--primary-dark);font-size:.77rem}.nav button.active{background:var(--primary);color:#fff}.toast{position:fixed;z-index:10;bottom:5rem;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:.7rem 1rem;border-radius:10px;box-shadow:var(--shadow-md);opacity:0;pointer-events:none}.toast.show{opacity:1}.modal-backdrop{position:fixed;inset:0;z-index:20;background:rgba(19,34,56,.6);display:grid;place-items:end center;padding:1rem}.dialog{width:min(720px,100%);max-height:92dvh;overflow-y:auto;background:#fff;border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-md)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.checklist{display:flex;flex-wrap:wrap;gap:.5rem}.checklist label{border:1px solid var(--line);padding:.45rem;border-radius:10px}.empty{padding:2rem;text-align:center}@media(min-width:760px){main{padding-bottom:2rem}.nav{position:sticky;top:61px;justify-content:center}.nav button{flex:0 1 auto;border-radius:0}.filters{grid-template-columns:2fr repeat(4,1fr) auto}.toast{bottom:1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important;animation:none!important}}
.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.button.whatsapp{background:#25D366;border-color:#188b43;color:#092d18}

/* Detaildialog: Jede primäre Aktion wird nur einmal angezeigt. */
.dialog .actions{margin-top:1rem}

.video-section{margin:1rem 0}.video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius-sm);overflow:hidden}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.social-connect{margin:2rem auto 0;max-width:var(--max,1100px);padding:1.25rem;background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius-md);text-align:center}.social-connect h2{margin:.1rem 0}.social-connect p{margin:.35rem auto 1rem}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.social{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border-radius:999px;color:#fff!important;text-decoration:none;font-weight:700}.social svg{width:22px;height:22px;fill:currentColor}.social.instagram svg{fill:none;stroke:currentColor;stroke-width:2}.social.youtube{background:#ff0033}.social.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.social.tiktok{background:#111}.social:hover{filter:brightness(.92);transform:translateY(-1px)}

/* Social-Bereich bleibt oberhalb der festen mobilen Navigation sichtbar. */
body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
.social-connect{position:relative;z-index:2;margin-bottom:1.5rem;scroll-margin-bottom:120px}
footer{position:relative;z-index:2;margin-bottom:1rem}
@media (min-width:760px){body{padding-bottom:0}.social-connect,footer{margin-bottom:0}}

.header-social{display:flex;align-items:center;gap:.35rem;margin-left:.25rem}.hs{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff!important;text-decoration:none}.hs svg{width:18px;height:18px;fill:currentColor}.hs.youtube{background:#ff0033}.hs.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.hs.instagram svg{fill:none;stroke:currentColor;stroke-width:2}.hs.tiktok{background:#111}.hs:hover{transform:translateY(-1px);filter:brightness(.92)}@media(max-width:520px){.brand span{font-size:.93rem}.brand img{width:36px;height:36px}.header-social{gap:.22rem}.hs{width:30px;height:30px}.hs svg{width:16px;height:16px}}

.card{touch-action:pan-y;position:relative}.card.swiping{transition:none!important;will-change:transform}.card.swipe-left:before,.card.swipe-right:before{position:absolute;z-index:4;top:1rem;padding:.4rem .65rem;border:3px solid;border-radius:8px;font-weight:800;font-size:.9rem;letter-spacing:.06em;background:#fff}.card.swipe-left:before{content:"WEITER";right:1rem;color:#d9485f;transform:rotate(10deg)}.card.swipe-right:before{content:"GEMERKT";left:1rem;color:#2f9e44;transform:rotate(-10deg)}

.card{transition:transform .18s ease,opacity .22s ease,max-height .22s ease,margin .22s ease,padding .22s ease}

.install-app{margin-left:.45rem;white-space:nowrap;padding:.5rem .7rem;border:0;border-radius:999px;background:var(--secondary);color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:.82rem;cursor:pointer}.install-app:hover{filter:brightness(.94)}@media(max-width:650px){.install-app{font-size:0;width:32px;height:32px;padding:0;margin-left:.2rem}.install-app:after{content:"↓";font-size:1.25rem;line-height:1}.header-social{margin-left:auto}.brand{gap:.35rem}}

.install-app{display:inline-flex!important;align-items:center;justify-content:center;min-height:34px}

.install-hint{display:none}.install-hint:target{display:block;position:fixed;z-index:80;left:1rem;right:1rem;top:1rem;max-width:620px;margin:auto;padding:1rem;background:#fff;border:2px solid var(--secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}

.top{display:flex;align-items:center;gap:.55rem}.brand{display:flex;align-items:center;gap:.45rem}.brand img{width:38px;height:38px;object-fit:contain;border-radius:50%}.header-social{display:flex;gap:.3rem;margin-left:auto}.hs{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-weight:800;color:#fff!important;text-decoration:none}.hs.youtube{background:#f00}.hs.instagram{background:#c13584}.hs.tiktok{background:#111}.install-app{background:#f9891d;color:#fff;border:0;border-radius:999px;padding:.5rem .7rem;font-weight:700;white-space:nowrap;cursor:pointer}@media(max-width:580px){.brand img{width:30px;height:30px}.brand{font-size:.88rem}.install-app{font-size:0;width:32px;height:32px;padding:0}.install-app:after{content:'↓';font-size:1.2rem}.hs{width:27px;height:27px;font-size:.75rem}}

.hs svg{width:17px;height:17px;fill:currentColor}.hs.instagram svg{fill:none;stroke:currentColor;stroke-width:2}.hs:hover{filter:brightness(.92);transform:translateY(-1px)}

.install-app:disabled{opacity:.65;cursor:wait}