:root{--bg:#121414;--panel:#1d2020;--line:#3b4141;--text:#f7f7f2;--muted:#b6bcbc;--gold:#10b981;--blue:#123653;--teal:#075e62;--purple:#542b70}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% -10%,#302b25 0,transparent 28%),var(--bg);color:var(--text);font:16px/1.5 Arial,Helvetica,sans-serif}button,select{font:inherit}.top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px clamp(18px,4vw,64px);background:#101212f2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.brand>b{width:42px;height:42px;border-radius:12px;background:var(--gold);color:#111;display:grid;place-items:center}.brand span{display:flex;flex-direction:column}.brand small{color:#aeb5b5;font-size:11px}.top nav{display:flex;gap:8px}.top nav a{color:#c6cccc;text-decoration:none;padding:10px 14px;border:1px solid #414646;border-radius:999px;min-height:44px;display:grid;place-items:center}.top nav a.active{background:var(--gold);color:#111;border-color:var(--gold);font-weight:800}main{min-height:calc(100vh - 150px)}.hero{padding:54px clamp(20px,6vw,90px) 30px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.12em;font-size:12px}.hero h1{margin:8px 0;font-size:clamp(36px,6vw,72px);line-height:1}.hero h1 span{display:block;color:#aeb5b5;font-weight:500;font-size:.48em;margin-top:10px}.hero>p:last-child{max-width:850px;color:var(--muted);font-size:18px}.selector{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:22px clamp(20px,6vw,90px);border-bottom:1px solid var(--line)}.selector label{font-weight:800}.selector select{min-height:48px;min-width:min(420px,100%);background:#1b1e1e;color:#fff;border:1px solid #5a6262;border-radius:10px;padding:0 13px}.selector button,.path-actions button,.example button,.step-actions button{min-height:46px;border:1px solid #656d6d;border-radius:10px;background:#303535;color:#fff;padding:10px 14px;cursor:pointer;touch-action:manipulation}.selector button:hover,.selector button:focus-visible,.path-actions button:hover,.path-actions button:focus-visible,.example button:hover,.step-actions button:hover{background:#fff;color:#111}.intro,.path-view{padding:30px clamp(20px,6vw,90px) 60px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.profile-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#20333a,#1c2020 70%);color:#fff;text-align:left;padding:20px;min-height:180px;cursor:pointer;touch-action:manipulation}.profile-card b{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:var(--gold);color:#111;font-size:20px}.profile-card h3{margin:18px 0 7px;font-size:20px}.profile-card p{margin:0;color:var(--muted)}.path-head{display:flex;justify-content:space-between;gap:22px;align-items:end;padding-bottom:24px;border-bottom:1px solid var(--line)}.path-head h2{font-size:clamp(28px,4vw,48px);margin:5px 0}.path-head p{color:var(--muted);max-width:720px}.path-actions{display:flex;gap:9px;flex-wrap:wrap}.path-actions button:first-child{background:var(--gold);color:#111;border-color:var(--gold);font-weight:800}.steps{list-style:none;margin:30px auto;padding:0;max-width:1000px;counter-reset:path}.step-card{counter-increment:path;display:grid;grid-template-columns:92px 1fr;gap:20px;position:relative;padding-bottom:22px}.step-card:not(:last-child)::before{content:"";position:absolute;left:44px;top:76px;bottom:-3px;width:4px;background:linear-gradient(var(--gold),#335b6d)}.step-number{position:relative;z-index:2;width:88px;height:88px;border:8px solid #eef0ed;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-size:25px;font-weight:900}.step-number::after{content:counter(path,decimal-leading-zero)}.step-content{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.step-top{display:flex;justify-content:space-between;gap:12px}.step-top h3{margin:0;font-size:22px}.tag{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.08em}.step-content p{color:var(--muted)}.template{white-space:pre-wrap;overflow-wrap:anywhere;background:#111414;border-left:4px solid var(--gold);padding:15px;border-radius:8px;color:#fff;font:15px/1.6 Arial,Helvetica,sans-serif}.step-actions{display:flex;gap:10px;flex-wrap:wrap}.step-actions label{display:flex;align-items:center;gap:8px;min-height:46px;padding:8px 12px;border:1px solid #565d5d;border-radius:10px}.step-actions input{width:22px;height:22px;accent-color:var(--gold)}.example{max-width:1000px;margin:22px auto 0;padding:22px;border:1px solid var(--line);border-radius:16px;background:#1b1e1e}.example pre{white-space:pre-wrap;font:15px/1.65 Arial,Helvetica,sans-serif;color:#fff}.toast{position:fixed;z-index:40;left:50%;bottom:24px;transform:translate(-50%,20px);background:#fff;color:#111;padding:12px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}footer{display:flex;justify-content:space-between;gap:16px;padding:25px clamp(20px,6vw,90px);border-top:1px solid var(--line);color:#aeb5b5}@media(max-width:850px){.top{position:static;align-items:stretch;flex-direction:column}.top nav{display:grid;grid-template-columns:1fr}.top nav a{text-align:center}.path-head{align-items:stretch;flex-direction:column}.step-card{grid-template-columns:64px 1fr;gap:12px}.step-number{width:62px;height:62px;border-width:5px;font-size:18px}.step-card:not(:last-child)::before{left:29px;top:58px}.step-content{padding:16px}.step-top{flex-direction:column}.selector{align-items:stretch;flex-direction:column}.selector select{width:100%}footer{flex-direction:column}}@media(max-width:520px){.intro,.path-view{padding-left:12px;padding-right:12px}.hero,.selector{padding-left:16px;padding-right:16px}.step-card{grid-template-columns:46px 1fr;gap:8px}.step-number{width:44px;height:44px;border-width:4px;font-size:14px}.step-card:not(:last-child)::before{left:20px;top:41px}.step-content{padding:13px}.step-top h3{font-size:19px}.template{font-size:14px}.path-actions,.step-actions{display:grid}.path-actions button,.step-actions button,.step-actions label{width:100%}}
/* Sichtbare Gliederung der profilbezogenen Handlungspfade */
.phase-header{display:flex;align-items:center;gap:16px;margin:42px 0 18px;padding:16px 20px;border-left:6px solid #10b981;border-radius:12px;background:#192624}.phase-header:first-child{margin-top:0}.phase-header>span{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:50%;background:#10b981;color:#07130f;font-size:20px;font-weight:900}.phase-header small{color:#8fdcc3;font-size:11px;font-weight:800;letter-spacing:.12em}.phase-header h3{margin:2px 0 0;font-size:24px}