/* Kundenportal – Dein Start, Deine Unterlagen, Kampagnen-Assistent, Angebote */
.ob-card{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,var(--primary-soft),var(--accent-soft));border:1px solid var(--line);text-decoration:none;color:var(--text);margin:0 0 16px}
.ob-card-top{display:flex;align-items:center;gap:12px}.ob-card-top small{display:block;color:var(--muted);font-size:12.5px}
.ob-ico{font-size:24px}.ob-cta{font-weight:600;color:var(--primary);white-space:nowrap}
.ob-bar{height:7px;border-radius:99px;background:var(--surface-2);overflow:hidden}.ob-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:99px;transition:width .3s}.ob-bar.big{height:10px;margin:10px 0 4px}
.ob-chips{display:flex;flex-wrap:wrap;gap:6px}.ob-chips span{font-size:12px;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:2px 10px}
.ob-camps{display:flex;flex-direction:column;gap:10px;margin:0 0 16px}.ob-launch{font-size:14px}
.ob-camp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.ob-camp{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.ob-stepper{list-style:none;margin:4px 0;padding:0;display:flex;gap:0}.ob-stepper li{flex:1;position:relative;text-align:center;font-size:10.5px;color:var(--faint);min-width:0}
.ob-stepper li i{display:block;width:12px;height:12px;border-radius:50%;background:var(--surface-2);border:2px solid var(--line-2);margin:0 auto 4px;position:relative;z-index:1}
.ob-stepper li::before{content:"";position:absolute;top:6px;left:-50%;width:100%;height:2px;background:var(--line-2)}.ob-stepper li:first-child::before{display:none}
.ob-stepper li.done i,.ob-stepper li.on i{background:var(--primary);border-color:var(--primary)}.ob-stepper li.done::before,.ob-stepper li.on::before{background:var(--primary)}
.ob-stepper li.on{color:var(--primary);font-weight:600}.ob-stepper li.on i{box-shadow:0 0 0 4px var(--primary-soft)}.ob-stepper span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}
.ob-head{margin:0 0 14px}.ob-head h1{font-size:24px;margin:2px 0 6px}.ob-head p{margin:0 0 4px}
.ob-steps{display:flex;flex-direction:column;gap:10px}
.ob-step{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.ob-step.on{border-color:var(--primary);box-shadow:0 4px 18px rgba(51,49,163,.08)}
.ob-step-h{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;cursor:pointer}.ob-step-h small{display:block;color:var(--muted);font-size:12px;font-weight:400}
.ob-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-weight:600;font-size:13px;flex:none}.ob-step.done .ob-num{background:var(--good);color:#fff}
.ob-chev{color:var(--muted)}.ob-step-b{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}
.ob-doc{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:4px 16px;background:var(--surface-2);font-size:13.5px}.ob-doc h2{font-size:16px}.ob-doc h3{font-size:14px}
.ob-info{font-size:14px}.ob-info h3{font-size:16px;margin:4px 0}
.ob-agree{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;cursor:pointer}.ob-agree input{margin-top:3px;flex:none;width:18px;height:18px}
.ob-paper summary,.ob-step details summary{cursor:pointer;color:var(--primary);font-size:13px}
.ob-proof{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;background:var(--good-soft);border-radius:12px;padding:10px 14px}.ob-proof b{color:var(--good)}.ob-proof small{color:var(--muted);flex-basis:100%}
.ob-warn{background:var(--warn-soft);color:var(--warn);border-radius:10px;padding:8px 12px;margin:0;font-size:13px}
.ob-sec{border:0;border-top:1px solid var(--line);padding:10px 0 0;margin:0;display:flex;flex-direction:column;gap:12px}.ob-sec legend{font-weight:600;font-size:14px;padding-right:8px}
.ob-opts{display:flex;flex-wrap:wrap;gap:6px}.ob-opts label{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line-2);border-radius:99px;padding:5px 12px;font-size:13px;cursor:pointer;background:var(--surface)}
.ob-opts label:has(input:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.ob-req{color:var(--bad)}
.ob-cats{display:flex;flex-direction:column;gap:8px}.ob-cat{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.ob-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:8px}.ob-files.big{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:12px 16px}
.ob-file{display:flex;flex-direction:column;gap:3px;font-size:12px;min-width:0}.ob-file img,.ob-ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-weight:600;color:var(--muted)}
.ob-file select{font-size:11px;padding:2px 4px;flex:1;min-width:0}
.ob-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.ob-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.ob-folder{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:2px}.ob-folder span{font-size:24px}.ob-folder small{color:var(--muted)}
.ob-folder.on,.ob-folder:hover{border-color:var(--primary)}
.ob-goals{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.ob-goal{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:8px;font-size:15px}.ob-goal span{font-size:30px}.ob-goal:hover,.ob-goal.on{border-color:var(--primary);background:var(--primary-soft)}
.ob-wq{display:flex;flex-direction:column;gap:12px}.ob-sum{padding:6px 0;border-bottom:1px solid var(--line)}.ob-sum div{white-space:pre-wrap}
/* Angebote */
.of-doc{background:#fff;color:#191919;border:1px solid var(--line);border-radius:14px;padding:18px;overflow:auto}.of-doc table{width:100%;border-collapse:collapse;font-size:13px}.of-doc td,.of-doc th{padding:6px 8px;border-bottom:1px solid #eee;text-align:left}.of-doc .r{text-align:right;white-space:nowrap}
.of-sig{border:1px dashed var(--line-2);border-radius:12px;background:#fff;touch-action:none;width:100%;max-width:480px;height:150px;display:block}
@media (max-width:600px){.ob-head h1{font-size:20px}.ob-stepper span{font-size:9px}.ob-step-h{padding:12px}.ob-step-b{padding:0 12px 14px}}
@media print{.ob-card,.ob-camps{display:none}}
.ob-step-b>.btn,.ob-step-b>label.btn{align-self:flex-start}
.of-doc .of-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}