/* TelefonHaus Club · Website-Einbindung (Button, Abschnitt, Leiste, QR-Fenster) */
.club-nav-btn{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--navy);font-family:var(--head);font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;padding:9px 16px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:transform .15s,background .15s}
.club-nav-btn svg{width:18px;height:18px}
.club-nav-btn:hover{background:#fff;transform:translateY(-1px)}
@media(max-width:760px){.club-nav-btn{padding:7px 12px;font-size:.78rem}.club-nav-btn svg{display:none}}

/* Abschnitt auf der Startseite */
.club-sec{background:var(--navy);color:#fff;overflow:hidden;position:relative}
.club-sec::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-58deg,rgba(255,255,255,.035) 0 18px,transparent 18px 36px);pointer-events:none}
.club-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.club-phone{position:relative;justify-self:center;max-width:340px;width:100%}
.club-phone::after{content:"";position:absolute;left:8%;right:8%;bottom:-18px;height:30px;border-radius:50%;background:rgba(0,0,0,.35);filter:blur(16px);z-index:0}
.club-phone img{position:relative;z-index:1;width:100%;height:auto;display:block;transform:rotate(-3deg)}
.club-badge{position:absolute;z-index:2;right:-18px;top:18%;background:var(--gold);color:var(--navy);font-family:var(--head);font-weight:900;font-size:1.6rem;line-height:1;padding:14px 16px;border-radius:16px;box-shadow:0 14px 30px rgba(0,0,0,.3);transform:rotate(6deg);text-align:center}
.club-badge small{display:block;font-size:.7rem;letter-spacing:1px;text-transform:uppercase;font-weight:800}
.club-sec .eyebrow{color:#fff}
.club-sec .eyebrow b{color:var(--gold)}
.club-sec h2{color:#fff;margin-bottom:.5em}
.club-sec p.lead{color:rgba(255,255,255,.85);max-width:540px;margin:0 0 24px}
.club-list{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}
.club-list li{display:flex;gap:12px;align-items:flex-start;color:#fff}
.club-list svg{flex:none;width:26px;height:26px;color:var(--gold);margin-top:1px}
.club-list b{display:block;font-family:var(--head);font-size:1.05rem;letter-spacing:.3px}
.club-list span{font-size:.9rem;color:rgba(255,255,255,.75);line-height:1.45}
.club-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.club-cta-row small{color:rgba(255,255,255,.75);font-size:.88rem}
@media(max-width:900px){.club-grid{grid-template-columns:1fr;gap:40px}.club-phone{max-width:260px;order:2}.club-badge{right:-8px}}
@media(max-width:560px){.club-list{grid-template-columns:1fr}}

/* Leiste unten (Handy) */
.club-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:70;background:var(--navy);color:#fff;border-radius:18px;padding:10px 10px 10px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 36px rgba(0,0,0,.3);transform:translateY(140%);transition:transform .45s cubic-bezier(.2,.9,.25,1.1)}
.club-bar.show{transform:none}
.club-bar img{width:40px;height:40px;border-radius:10px;flex:none}
.club-bar .cb-t{flex:1;min-width:0;display:grid;line-height:1.2}
.club-bar .cb-t b{font-family:var(--head);font-size:.98rem}
.club-bar .cb-t span{font-size:.78rem;opacity:.8}
.club-bar .cb-go{background:var(--gold);color:var(--navy);font-family:var(--head);font-weight:800;font-size:.9rem;padding:10px 14px;border-radius:999px;text-decoration:none;white-space:nowrap}
.club-bar .cb-x{background:none;border:0;color:#fff;opacity:.7;width:30px;height:30px;padding:4px;cursor:pointer;flex:none}
@media(min-width:900px){.club-bar{display:none}}

/* QR-Fenster (Computer) */
.club-modal{position:fixed;inset:0;z-index:200;background:rgba(13,15,46,.6);display:grid;place-items:center;padding:16px;opacity:0;transition:opacity .25s}
.club-modal.show{opacity:1}
.cm-box{position:relative;background:#fff;border-radius:24px;width:min(760px,100%);display:grid;grid-template-columns:260px 1fr;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(16px);transition:transform .3s}
.club-modal.show .cm-box{transform:none}
.cm-qr{background:var(--navy);padding:32px 28px;display:grid;justify-items:center;align-content:center;gap:14px;color:#fff;text-align:center}
.cm-qr svg{width:200px;height:200px;background:#fff;border-radius:16px;padding:10px;box-shadow:0 0 0 4px var(--gold)}
.cm-qr span{font-size:.88rem;opacity:.85}
.cm-txt{padding:34px 34px 30px}
.cm-txt h2{font-size:1.9rem;margin-bottom:.5em}
.cm-txt ol{margin:0 0 20px;padding-left:20px;display:grid;gap:10px;color:var(--ink)}
.cm-txt ol b{color:var(--navy)}
.cm-link{color:var(--navy);font-weight:600}
.cm-x{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:var(--bg-soft);cursor:pointer;display:grid;place-items:center;padding:9px;color:var(--ink)}
@media(max-width:700px){.cm-box{grid-template-columns:1fr}.cm-qr{padding:24px}}
.cm-url{margin:6px 0 0;font-size:.85rem;color:#6b6f8a;letter-spacing:.01em}