:root[data-theme='light']{
      --bg:#f7f8fb; --text:#1b1b1b; --muted:#5f6672; --brand:#2b5dab; --card:#ffffff; --stroke:#dde1e6; --accent:#eef1f6;
    }
    :root[data-theme='dark']{
      --bg:#0f1115; --text:#e5e7eb; --muted:#b5bcc6; --brand:#2b5dab; --card:#14171c; --stroke:rgba(255,255,255,.12); --accent:#0c0f14;
    }
    *{box-sizing:border-box}
    body{margin:0; font-family:Inter, system-ui, sans-serif; background:var(--bg); color:var(--text); line-height:1.6;}
    .container{width:min(1100px,90%);margin:0 auto}
    header{background:var(--accent); padding:2.4rem 1rem; border-bottom:1px solid var(--stroke)}
    header .head{display:flex; gap:1rem; align-items:center; justify-content:space-between}
    header h1{font-size:2rem; margin:0; font-weight:700}
    header p{max-width:62ch; color:var(--muted); font-size:1.05rem; margin:.7rem 0 0}
    .toggle{display:inline-flex; align-items:center; gap:.5rem; background:var(--card); border:1px solid var(--stroke); color:var(--text); border-radius:8px; padding:.45rem .7rem; font-weight:600; cursor:pointer}
    .section-title{margin:0 0 1rem; font-size:1.5rem; font-weight:700}
    section{padding:2rem 1rem; border-top:1px solid var(--stroke)}
    .grid{display:grid;gap:1.2rem}
    .grid.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
    .card{background:var(--card);border:1px solid var(--stroke);border-radius:8px;padding:1rem}
    .card h3{margin:0 0 .4rem;font-size:1.1rem}
    .muted{color:var(--muted)}
    .checks{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
    .check{display:flex;gap:.55rem;align-items:flex-start}
    .tick{flex:0 0 1rem;height:1rem;border-radius:3px;background:var(--brand);display:grid;place-items:center;color:#fff;font-size:.7rem}
    .check p {margin: -4px 5px;}
    .gallery{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
    .thumb{margin:0;background:var(--card);border:1px solid var(--stroke);border-radius:8px;overflow:hidden;cursor:pointer}
    .thumb img{width:100%;height:220px;object-fit:cover;display:block;background:#000}
    .thumb figcaption{padding:.6rem .8rem;font-size:.9rem;color:var(--muted);border-top:1px solid var(--stroke)}
    .lightbox{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;padding:2rem;z-index:50}
    .lightbox.open{display:flex}
    .lightbox-inner{max-width:min(1200px,92vw);max-height:86vh;display:grid;gap:.6rem}
    .lightbox img{max-width:100%;max-height:80vh;border-radius:10px;border:1px solid var(--stroke);background:#000}
    .lightbox .caption{color:#e7e7ea;text-align:center;font-size:.95rem}
    .lightbox .close{position:absolute;top:12px;right:12px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.35);color:#fff;border-radius:8px;padding:.4rem .6rem;cursor:pointer}
    .nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
    .nav button{pointer-events:auto;border:none;background:rgba(0,0,0,.35);color:#fff;font-size:1.4rem;padding:.6rem .9rem;border-radius:10px;cursor:pointer}
    .btn{display:inline-block;padding:.65rem 1.1rem;background:var(--brand);color:#fff;border-radius:6px;font-weight:600;margin-top:1rem;text-decoration:none;font-size:.95rem}
    footer{padding:1.6rem 1rem;text-align:center;font-size:.85rem;color:var(--muted);border-top:1px solid var(--stroke)}
    /* App Store Badge (120×40) */
    .appstore { 
      display: inline-block; 
      line-height: 0; 
      /* Clear-Space: 1/4 der Höhe = 10px rundherum */
      /* margin: 21px; */
    }
    .appstore img { width:180px; height:55px; display:block; }

    /* Default = hell zeigen, dunkel verstecken (Fallback ohne JS) */
    .appstore img.badge-dark { display:none; }

    /* Theme-abhängiges Umschalten */
    :root[data-theme='light'] .appstore img.badge-light { display:block; }
    :root[data-theme='light'] .appstore img.badge-dark  { display:none;  }
    :root[data-theme='dark']  .appstore img.badge-light { display:none;  }
    :root[data-theme='dark']  .appstore img.badge-dark  { display:block; }