/* uverCash-Website: Ergänzungen zu shop.css (Homepage, Admin, Partner) */
.bar .logo{display:flex;align-items:center}
.bar nav a.on{color:var(--g)}
.ft{background:var(--d);color:#cfe0db;padding:46px 0 24px;margin-top:70px}
.ft .w{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
.ft .w.small{display:block;margin-top:28px;font-size:13px;opacity:.7;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
.ft b{display:block;color:#fff;margin-bottom:8px}
.ft a{display:block;color:#cfe0db;text-decoration:none;font-size:14.5px;padding:3px 0}
.ft p{font-size:14px;opacity:.85;max-width:320px}
.sec{padding:72px 0}
.sec.alt{background:#fff}
.sec h2{font-size:34px;letter-spacing:-.4px;text-align:center}
.sec .lead{color:var(--m);font-size:18px;text-align:center;max-width:720px;margin:0 auto 36px}
.kicker{display:block;text-align:center;color:var(--g);font-weight:700;letter-spacing:.14em;font-size:12.5px;text-transform:uppercase;margin-bottom:8px}
.hero2{background:linear-gradient(135deg,var(--d),var(--g));color:#fff;padding:76px 0 0;overflow:hidden}
.hero2 .w{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.hero2 h1{font-size:52px;letter-spacing:-1px;line-height:1.08}
.hero2 p{font-size:19px;opacity:.9}
.hero2 .shot{border-radius:20px 20px 0 0;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.35);align-self:end;margin-top:20px}
.hero2 .shot img{display:block;width:100%}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 30px}
.btn.light{background:#fff;color:var(--d)}
.btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.pills{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:40px}
.pills span{background:rgba(255,255,255,.12);border-radius:99px;padding:6px 14px;font-size:13.5px;font-weight:700}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--l);border-radius:22px;padding:24px}
.sec.alt .card{background:var(--bg)}
.card h3{font-size:19px}
.card p{color:var(--m);font-size:15px;margin:6px 0 0}
.ico{width:48px;height:48px;border-radius:15px;background:var(--tint);color:var(--g);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px}
.mod2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:36px 0;border-top:1px solid var(--l)}
.mod2:first-of-type{border-top:0}
.mod2.rev .txt{order:2}
.mod2 .img{border-radius:18px;overflow:hidden;border:1px solid var(--l);box-shadow:0 14px 40px rgba(0,0,0,.08);background:#fff}
.mod2 .img img{display:block;width:100%;height:330px;object-fit:cover;object-position:top}
.mod2 h3{font-size:26px}
.mod2 ul{padding-left:0;list-style:none;margin:14px 0 0}
.mod2 li{padding:5px 0 5px 30px;position:relative;color:#3D4441}
.mod2 li::before{content:"✓";position:absolute;left:0;top:5px;width:20px;height:20px;border-radius:50%;background:var(--g);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.badge2{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--tint);color:var(--g)}
.badge2.add{background:#FFF1E3;color:#B5532E}
.was{color:var(--m);font-size:.6em;font-weight:600}
.sale{display:inline-block;background:var(--c);color:#1B1B1B;font-weight:700;font-size:13px;border-radius:99px;padding:3px 10px;margin-top:6px}
.plan.promo{border:2px solid var(--c);box-shadow:0 14px 36px rgba(251,107,107,.18)}
.plan.promo .badge{background:var(--c)}
details{background:#fff;border:1px solid var(--l);border-radius:16px;padding:16px 20px;margin-bottom:10px}
details summary{font-weight:700;cursor:pointer;list-style:none}
details p{color:var(--m);margin:10px 0 0}
.cta2{background:linear-gradient(135deg,var(--g),var(--d));color:#fff;border-radius:28px;padding:44px;text-align:center}
.cta2 h2{color:#fff}
.aktion{background:linear-gradient(90deg,var(--c),#FF8E6E);color:#1B1B1B;text-align:center;font-weight:700;padding:10px 16px}
/* Admin/Partner */
.app{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 68px)}
.side{background:#fff;border-right:1px solid var(--l);padding:20px 14px}
.side a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--t);text-decoration:none;font-weight:700;font-size:14.5px}
.side a.on{background:var(--tint);color:var(--g)}
.side small{display:block;color:var(--m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:16px 12px 6px}
.content{padding:28px 32px;min-width:0}
.content h1{font-size:28px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 24px}
.kpi{background:#fff;border:1px solid var(--l);border-radius:18px;padding:16px 18px}
.kpi span{color:var(--m);font-size:13px;font-weight:700}
.kpi b{display:block;font-size:26px;color:var(--d);margin-top:2px}
.tbl{background:#fff;border:1px solid var(--l);border-radius:18px;overflow:auto}
.tbl table{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--m);padding:12px 14px;background:#FAFBFA;border-bottom:1px solid var(--l);white-space:nowrap}
.tbl td{padding:11px 14px;border-bottom:1px solid var(--l);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:#F8F9F8}
.st{display:inline-block;font-size:11.5px;font-weight:700;border-radius:99px;padding:2px 9px;white-space:nowrap}
.st.ok{background:#E7F4EE;color:#13804B}.st.warn{background:#FFF1E3;color:#B5532E}.st.no{background:#FDECEC;color:#C0392B}.st.mute{background:#EEF0EE;color:#6B726E}.st.info{background:#E7EEF8;color:#2B5F8F}
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.toolbar input,.toolbar select{width:auto}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.form .full{grid-column:1/-1}
select,textarea,input[type=number],input[type=date],input[type=password],input[type=url],input[type=datetime-local]{width:100%;border:1.5px solid var(--l);border-radius:14px;padding:12px 14px;font:600 15px Quicksand;color:var(--t);background:#fff;outline:none}
textarea{min-height:90px}
.checks2{display:flex;flex-wrap:wrap;gap:8px}
.checks2 label{display:flex;gap:8px;align-items:center;border:1.5px solid var(--l);border-radius:12px;padding:8px 12px;font-weight:700;font-size:14px;margin:0;cursor:pointer;background:#fff}
.checks2 input{accent-color:var(--g);width:18px;height:18px}
.flash{background:#E7F4EE;color:#13804B;border-radius:12px;padding:12px 16px;font-weight:700;margin-bottom:16px}
.flash.err{background:#FDECEC;color:#C0392B}
.hint{color:var(--m);font-size:13px;margin-top:4px}
.copy{display:flex;gap:8px}.copy input{font-family:ui-monospace,monospace}
@media(max-width:980px){.hero2 .w,.g2,.mod2{grid-template-columns:1fr}.mod2.rev .txt{order:0}.g3,.g4,.kpis{grid-template-columns:1fr 1fr}.ft .w{grid-template-columns:1fr 1fr}.app{grid-template-columns:1fr}.side{display:flex;flex-wrap:wrap;gap:4px;border-right:0;border-bottom:1px solid var(--l)}.side small{display:none}.hero2 h1{font-size:36px}}
@media(max-width:600px){.g3,.g4,.kpis,.form{grid-template-columns:1fr}.content{padding:20px 16px}}
input[type=file]{width:100%;border:1.5px dashed var(--l);border-radius:14px;padding:12px 14px;font:600 14px Quicksand;background:#fff}
