/* W505 · Startseite: der Hero beginnt mit AICTIONBOT™, der Business Case folgt als Kapitel 02. Scope: .ka-w505, .ka-w505-bc */
.ka-w505-hero{max-width:820px}
.ka-w505-hero .ka-w476-hero{display:none!important}
.ka-w505{margin-top:1.7rem;max-width:720px;padding:1.25rem 1.4rem 1.1rem;border:1px solid rgba(214,162,73,.42);
  background:linear-gradient(160deg,rgba(9,24,37,.92),rgba(5,14,24,.88));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 60px rgba(0,0,0,.38)}
.ka-w505[hidden]{display:block}
.ka-w505__kopf{display:flex;align-items:center;gap:1.1rem;margin-bottom:1rem}
.ka-w505__bot{position:relative;flex:0 0 124px;width:124px;height:108px}
.ka-w505__bot .kb{position:absolute;left:0;top:-16px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5))}
.ka-w505__bot::after{content:"";position:absolute;left:12px;right:12px;bottom:-2px;height:14px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(216,172,92,.28),rgba(216,172,92,0) 70%)}
.ka-w505__kick{margin:0 0 .45rem;font:700 10.5px/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:#5dc9d6}
.ka-w505__kick b{color:#e6c878;font-weight:700}
.ka-w505__sub{margin:0;font-size:1.06rem;line-height:1.5;color:#e9eef4;max-width:34em}
.ka-w505__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ka-w505__zeile{display:flex;gap:.6rem;align-items:stretch}
.ka-w505__zeile textarea{flex:1;min-height:3.4rem;resize:none;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.38);color:#f4efe3;
  font:inherit;font-size:1.05rem;line-height:1.45;padding:.8rem .95rem;transition:border-color .2s,box-shadow .2s}
.ka-w505__zeile textarea::placeholder{color:rgba(232,238,245,.5)}
.ka-w505__zeile textarea:focus{outline:0;border-color:rgba(93,201,214,.75);box-shadow:0 0 0 3px rgba(93,201,214,.16)}
.ka-w505__zeile .w310-hero__btn{border:0;cursor:pointer;white-space:nowrap;justify-content:center;text-align:center;min-width:8.5rem}
.ka-w505__zeile .w310-hero__btn:disabled{opacity:.6;cursor:wait}
.ka-w505__fragen{list-style:none;margin:.85rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.ka-w505__fragen button{display:inline-flex;align-items:center;gap:.45rem;min-height:2.3rem;padding:.35rem .9rem;border:1px solid rgba(143,163,184,.32);border-radius:999px;
  background:rgba(5,14,24,.55);color:#dce5ee;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.ka-w505__fragen button::before{content:"\201C";color:#d8ac5c;font-weight:800}
.ka-w505__fragen button:hover,.ka-w505__fragen button:focus-visible{border-color:rgba(216,172,92,.65);color:#f1d692;background:rgba(216,172,92,.08);outline:0}
.ka-w505__antwort{margin-top:1rem}
.ka-w505__hinweis{margin:.9rem 0 0;font-size:.8rem;line-height:1.5;color:rgba(220,229,238,.66)}
.ka-w505__hinweis a{color:#e6cf98;text-decoration:none;border-bottom:1px solid rgba(216,172,92,.45)}
.ka-w505__hinweis a:hover{color:#fff}
.ka-w505.is-busy .ka-w505__zeile textarea{border-color:rgba(230,200,120,.6)}
.ka-w505-hero .ka-w456-more{display:flex;flex-wrap:wrap;gap:.9rem 1.4rem;align-items:center}

/* Kapitel 02: Business Case */
.ka-w505-bc__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.4rem,4vw,3.5rem);align-items:center}
.ka-w505-bc__h{margin:0 0 .8rem;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.1;color:#f4f0e6}
.ka-w505-bc__lead{margin:0;font-size:1.05rem;line-height:1.6;color:#c7d0db;max-width:32em}
.ka-w505-bc .ka-w456-calc{margin-top:0;max-width:none}

@media (max-width:700px){
  .ka-w505{padding:1rem 1rem .95rem}
  .ka-w505__kopf{gap:.8rem;align-items:flex-start}
  .ka-w505__bot{flex-basis:96px;width:96px;height:86px}
  .ka-w505__bot .kb{transform:scale(.77);transform-origin:0 0;top:-8px}
  .ka-w505__sub{font-size:.97rem}
  .ka-w505__zeile{flex-direction:column}
  .ka-w505__zeile .w310-hero__btn{min-height:3rem}
  .ka-w505-bc__grid{grid-template-columns:1fr}
}