/* Redaktionelle Führung und individuelle Projektarbeit. */
.site-header { background: transparent; border: 0; padding: 14px 0 0; pointer-events: none; }
.header-inner { width: calc(100% - 48px); max-width: 1352px; padding: 13px 20px 13px 25px; background: #F7F8F4F2; border-radius: 60px; box-shadow: 0 6px 32px #22262907,inset 0 0 0 1px #22262909; backdrop-filter: blur(18px); pointer-events: auto; }
.header-inner .brand img { width: 136px; }
#main-nav { gap: 26px; }
#main-nav > a:not(.button) { font-size: 11px; }
.button { padding: 8px 8px 8px 24px; min-height: 58px; gap: 23px; box-shadow: none; }
.button > svg { box-sizing: border-box; width: 39px; height: 39px; padding: 11px; border-radius: 50%; background: #22262912; }
.button-dark > svg { background: #F7F8F41A; }
.button:hover { transform: translateY(-2px); box-shadow: none; }
.button:hover > svg { transform: rotate(4deg); }
.button:active { transform: scale(.97); }
.button-small { min-height: 44px; padding: 6px 6px 6px 17px; gap: 13px; font-size: 11px; }
.button-small > svg { width: 32px; height: 32px; padding: 8px; }
.hero { padding-top: 65px; padding-bottom: 85px; grid-template-columns: .96fr 1.04fr; gap: 30px; }
.hero h1 { font-size: clamp(62px,6.1vw,88px); line-height: .98; letter-spacing: -.065em; }
.hero .headline-last { font-size: 1em; margin-top: 8px; }
.hero .headline-last::after { background: var(--lime); height: 12px; bottom: -3px; border-radius: 4px 7px 6px 3px; transform: rotate(-1.5deg); }
.hero-description { max-width: 380px; font-size: 15px; line-height: 1.75; margin-top: 17px; }
.hero-service { max-width: 460px; color: var(--ink); font-size: 21px; line-height: 1.45; letter-spacing: -.025em; margin-top: 32px; font-weight: 500; }
.hero .eyebrow { font-size: 11px; margin-bottom: 30px; }
.hero-actions { gap: 23px; margin-top: 28px; }
.hero-actions .text-link { font-size: 11px; }
.service-strip { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 25px 0; border-block: 1px solid var(--line); font-size: 11px; }
.service-strip > span { color: var(--muted); }
.service-strip > div { display: flex; align-items: center; gap: 28px; font-weight: 600; }
.service-strip > div > span { width: 4px; height: 4px; background: var(--ink); border-radius: 50%; }
.service-strip a { transition: opacity .2s; }
.service-strip a:hover { opacity: .6; }
.service-strip > svg { width: 22px; }
.work-section { width: calc(100% - 32px); max-width: 1568px; margin: 65px auto 0; padding: 88px 0 40px; background: var(--ink); color: var(--paper); border-radius: 48px; overflow: hidden; }
.work-shell { width: calc(100% - 112px); max-width: 1280px; }
.work-section .cs-connection-scene { margin-top: 45px; }
.work-section .section-intro { grid-template-columns: 1.2fr .8fr; gap: 0 55px; }
.work-section .section-index { color: #BAC7AC; }
.work-section .section-intro h2 { font-size: clamp(40px,4.5vw,66px); letter-spacing: -.055em; }
.work-section .muted-text { color: var(--lime); }
.work-section .section-intro > p { color: #C4CAC3; max-width: 385px; font-size: 14px; line-height: 1.8; }
.work-section :focus-visible { outline-color: var(--lime); }
.principle-section { padding-block: 135px; grid-template-columns: .3fr 1fr; gap: 60px; align-items: center; }
.principle-symbol img { width: 150px; transform: rotate(-18deg); }
.principle-copy h2 { font-size: clamp(34px,3.8vw,55px); }
.contact-panel { padding: 75px 67px; border-radius: 40px; }
.contact-main h2 { font-size: clamp(44px,4.9vw,72px); }
.contact-main > p { line-height: 1.8; }
.contact-art { opacity: 1; width: 40%; right: -50px; top: 8%; transform: rotate(21deg); }
.contact-art img { filter: none; }
@media(max-width:1150px) {
  #main-nav { gap: 18px; } #main-nav > a:not(.button) { font-size: 10px; }
  .header-inner { padding-inline: 22px 12px; }.header-inner .brand img { width: 120px; }
  .hero h1 { font-size: 64px; }.hero-service { font-size: 19px; }.hero .eyebrow { font-size: 10px; }
  .hero { gap: 22px; padding-top: 50px; }.hero-actions { flex-wrap: wrap; gap: 20px; }
  .service-strip { font-size: 10px; }.service-strip > div { gap: 20px; }
  .work-shell { width: calc(100% - 80px); }.work-section .section-intro { gap: 0 35px; }.work-section .section-intro > p { font-size: 13px; }
  .contact-art { width: 38%; right: -50px; top: 23%; }
}
@media(max-width:900px) {
  .site-header { padding-top: 10px; }
  .header-inner { width: calc(100% - 32px); padding: 12px 14px 12px 22px; }
  .header-inner .brand img { width: 125px; }
  .menu-toggle { display:flex; flex-direction:column; justify-content:center; align-items:center; width:40px; height:40px; border-radius:50%; background:var(--ink); gap:5px; z-index:42; }
  .menu-toggle span { width:15px; height:1px; background:var(--paper); transition:transform .25s var(--ease); }
  .menu-toggle[aria-expanded=true] span:first-child { transform:translateY(3px) rotate(45deg); }
  .menu-toggle[aria-expanded=true] span:last-child { transform:translateY(-3px) rotate(-45deg); }
  #main-nav { position:absolute; left:16px; right:16px; top:85px; display:none; flex-direction:column; align-items:stretch; gap:0; background:var(--paper); padding:18px; border:0; border-radius:27px; box-shadow:0 18px 35px #22262915; }
  #main-nav.is-open { display:flex; animation: menu-enter .35s var(--ease); }
  #main-nav > a:not(.button) { display:block; padding:17px 10px; font-size:14px; }
  #main-nav .button { margin-top:10px; min-height:48px; justify-content: space-between; }
  .hero { grid-template-columns: 1fr; padding-top: 55px; gap: 15px; }.hero h1 { font-size: 85px; }.hero-service { font-size: 22px; }.hero-description { max-width: 480px; }
  .service-strip { align-items: flex-start; flex-direction: column; gap: 16px; }.service-strip > svg { display: none; }
  .work-section { padding-top: 65px; border-radius: 37px; }.work-shell { width: calc(100% - 64px); }.work-section .section-intro h2 { font-size: 45px; }.work-section .section-intro { grid-template-columns: 1fr 1fr; gap: 0 28px; }
  .principle-section { gap: 35px; padding-block: 95px; }.principle-symbol img { width: 95px; }.principle-copy h2 { font-size: 38px; }
}
@media(max-width:680px) {
  .header-inner { width: calc(100% - 24px); padding: 10px 12px 10px 18px; }.header-inner .brand img { width: 120px; }
  .hero { padding-top: 38px; padding-bottom: 38px; gap: 24px; }.hero h1 { font-size: clamp(52px,12.7vw,76px); }.hero .headline-last { font-size: 1em; }.hero-service { font-size: 19px; margin-top: 27px; }.hero .eyebrow { font-size: 10px; }
  .hero-actions { align-items: center; gap: 21px; }.hero-actions .text-link { font-size: 11px; }
  .hero-actions .button { padding: 7px 7px 7px 20px; gap: 19px; }
  .service-strip { padding: 23px 0; font-size: 10px; }.service-strip > div { gap: 14px; font-size: 10px; flex-wrap: wrap; }
  .work-section { width: calc(100% - 16px); padding-block: 48px 22px; margin-top: 35px; border-radius: 29px; }.work-shell { width: calc(100% - 36px); }.work-section .section-intro { display: block; }.work-section .section-intro h2 { font-size: 39px; }.work-section .section-intro > p { margin-top: 25px; max-width: 400px; }.work-section .cs-connection-scene { margin-top: 30px; }
  .principle-section { display: block; padding-block: 80px 65px; }.principle-symbol img { width: 83px; }.principle-copy h2 { font-size: 34px; }
  .contact-panel { padding: 40px 27px; border-radius: 29px; }.contact-main h2 { font-size: 42px; }.contact-main > p { max-width: 240px; }.contact-main .button { padding: 7px 7px 7px 20px; }
  .contact-art { width: 52%; right: -46px; top: auto; bottom: 20px; opacity: .16; }
  .form-bottom .button { padding: 7px 7px 7px 20px; }
}
@media(max-width:370px) {
  .hero h1 { font-size: 45px; }.hero-actions .text-link { font-size: 10px; }.hero-actions .button { padding-left: 16px; font-size: 11px; gap: 10px; }.service-strip > div { gap: 10px; font-size: 9px; }
  .work-section .section-intro h2 { font-size: 33px; }.contact-main h2 { font-size: 35px; }.contact-panel { padding-inline: 22px; }
}
@keyframes menu-enter { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }
@media(prefers-reduced-motion:reduce) { #main-nav.is-open { animation: none; } }

/* Gemeinsamer Projektkontext in vorhandenen KI-Werkzeugen. */
#ki-team .kp-project-visual { grid-area:visual; position:relative; width:100%; max-width:710px; min-width:0; height:650px; align-self:center; isolation:isolate; }
.kp-stage { position:relative; width:100%; height:100%; font-size:12px; line-height:1.4; color:#222629; }
.kp-stage svg { flex-shrink:0; width:18px; height:18px; stroke-width:1.5; }
.kp-brand-bows { position:absolute; z-index:-1; width:42%; right:0; bottom:0; opacity:.82; transform:rotate(12deg); }
.kp-workspace { position:absolute; top:35px; left:0; width:95%; border:1px solid #DDE0D5; border-radius:24px; background:#FEFFFB; box-shadow:0 26px 55px -35px #22262955,0 3px 9px #22262908; overflow:hidden; }
.kp-workspace-head { display:flex; align-items:center; gap:13px; min-height:90px; padding:19px 24px; border-bottom:1px solid #E5E7DF; background:#FFFFFC; }
.kp-project-icon { display:grid; flex-shrink:0; place-items:center; width:44px; height:44px; border:1px solid #D4DAAA; border-radius:14px; background:#EBF2CB; color:#4F601A; }
.kp-project-icon svg { width:24px; height:24px; }
.kp-workspace-head > div { min-width:0; }
.kp-workspace-head > div > span { display:block; margin-bottom:3px; color:#81877A; font-size:10px; }
.kp-workspace-head > div > strong { display:block; font-size:24px; line-height:1.1; letter-spacing:-.055em; font-weight:500; white-space:nowrap; }
.kp-shared { display:flex; align-items:center; gap:6px; margin-left:auto; padding:7px 10px; color:#73796C; font-size:10px; border:1px solid #E5E7DD; border-radius:8px; }
.kp-shared svg { width:14px; height:14px; }
.kp-window-menu { margin-left:1px; font-size:19px; color:#767D6F; letter-spacing:.02em; }
.kp-workspace-body { display:grid; grid-template-columns:27% minmax(0,1fr); min-height:294px; }
.kp-sidebar { display:flex; flex-direction:column; padding:23px 12px 19px; background:#282D2A; color:#D3D8CF; }
.kp-nav-label { padding-inline:9px; margin-bottom:14px; color:#939D8E; font-size:10px; }
.kp-chat-item { display:flex; align-items:center; gap:8px; min-height:39px; margin-bottom:4px; padding:9px; border:1px solid transparent; border-radius:9px; font-size:11px; white-space:nowrap; }
.kp-chat-item svg { width:14px; height:14px; opacity:.7; }
.kp-chat-current { color:#E4F4AC; background:#3C4630; border-color:#59643A; box-shadow:inset 0 1px 0 #FFFFFF06; }
.kp-chat-current svg { opacity:1; }
.kp-linked-context { display:flex; align-items:center; gap:7px; margin-top:auto; padding:23px 9px 0; color:#A6B099; font-size:10px; }
.kp-linked-context svg { width:15px; height:15px; }
.kp-project-context { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); grid-template-rows:22px 49px 49px; align-content:start; gap:10px; padding:25px 21px; background:#F9FAF5; }
.kp-context-heading { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; padding-bottom:6px; }
.kp-context-heading strong { font-size:13px; font-weight:500; letter-spacing:-.025em; }
.kp-context-heading svg { width:14px; height:14px; color:#7B8370; }
.kp-file { display:flex; align-items:center; gap:8px; min-width:0; padding:8px 0; }
.kp-file-first { grid-column:1; grid-row:2; }
.kp-file-second { grid-column:1; grid-row:3; }
.kp-file-icon { display:grid; flex-shrink:0; place-items:center; width:29px; height:34px; border:1px solid #D8DECB; border-radius:7px; background:#EFF2E7; color:#6C7A4C; font-size:7px; font-weight:600; letter-spacing:.03em; }
.kp-file-doc { background:#F4F4ED; color:#6A7160; }
.kp-file-doc svg { width:18px; height:18px; }
.kp-file > div { min-width:0; }
.kp-file strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; font-weight:500; letter-spacing:-.02em; }
.kp-file > div > span { display:block; margin-top:3px; color:#93988A; font-size:8px; white-space:nowrap; }
.kp-file > svg { display:none; }
.kp-instructions { grid-column:2; grid-row:2 / 4; padding:13px 12px; border:1px solid #E1E5D8; border-radius:12px; background:#FFFFFF; box-shadow:0 3px 8px #22262903; }
.kp-instructions > div { display:flex; align-items:center; gap:6px; margin-bottom:10px; }
.kp-instructions svg { width:13px; height:13px; color:#7A8565; }
.kp-instructions strong { font-size:11px; font-weight:500; }
.kp-instructions > span { display:block; margin-top:7px; color:#737C67; font-size:9px; white-space:nowrap; }
.kp-conversation { position:absolute; z-index:2; top:282px; right:0; width:76%; max-width:470px; overflow:hidden; border:1px solid #CED4C4; border-radius:22px; background:#FFFFFC; box-shadow:0 31px 52px -28px #22262970,0 8px 18px -12px #22262936; }
.kp-conversation-head { display:flex; align-items:center; gap:9px; min-height:48px; padding:12px 20px; background:#222629; color:#F7F8F4; }
.kp-conversation-head > svg { width:17px; height:17px; color:#C7E64C; }
.kp-conversation-head > strong { font-size:13px; font-weight:500; letter-spacing:-.02em; }
.kp-conversation-head > span { margin-left:auto; font-size:18px; color:#91988E; }
.kp-conversation-body { padding:19px 21px 18px; }
.kp-question { width:fit-content; max-width:84%; margin-left:auto; margin-bottom:16px; padding:10px 13px; border-radius:13px 13px 3px 13px; background:#EFF1E9; color:#606956; font-size:12px; line-height:1.5; }
.kp-briefing { padding:16px 18px 13px; border:1px solid #E2E7D8; border-radius:13px; background:#FFFFFF; box-shadow:0 4px 8px #22262903; }
.kp-briefing-title { display:flex; align-items:center; gap:9px; margin-bottom:11px; }
.kp-briefing-title > span { display:grid; place-items:center; width:28px; height:31px; border:1px solid #DCE6BC; border-radius:8px; background:#F0F6DF; color:#647A28; }
.kp-briefing-title svg { width:17px; height:17px; }
.kp-briefing-title > strong { font-size:16px; letter-spacing:-.035em; font-weight:500; }
.kp-briefing-row { display:flex; align-items:baseline; gap:11px; padding-block:5px; font-size:12px; color:#626B58; }
.kp-briefing-row > span:first-child { width:15px; color:#AFB6A5; font-size:9px; font-variant-numeric:tabular-nums; }
.kp-source-list { display:flex; gap:6px; flex-wrap:wrap; margin-top:11px; padding-top:11px; border-top:1px solid #EBEEE5; }
.kp-source-list > span { display:flex; align-items:center; gap:4px; padding:4px 6px; border:1px solid #E4E8DA; border-radius:5px; color:#7B8765; background:#F8FAF2; font-size:9px; }
.kp-source-list svg { width:12px; height:12px; }
.kp-conversation-foot { display:flex; align-items:center; gap:7px; min-height:37px; padding:9px 21px; border-top:1px solid #E4E9DB; background:#F1F6E4; color:#728347; font-size:9px; }
.kp-conversation-foot svg { width:13px; height:13px; }
.kp-conversation-foot > svg:last-child { margin-left:auto; color:#718A34; }

.kp-project-visual.is-animating .kp-workspace { animation:kp-window-enter .7s cubic-bezier(.22,1,.36,1) both; }
.kp-project-visual.is-animating .kp-file-first { animation:kp-detail-enter .5s ease .35s both; }
.kp-project-visual.is-animating .kp-file-second { animation:kp-detail-enter .5s ease .5s both; }
.kp-project-visual.is-animating .kp-instructions { animation:kp-detail-enter .55s ease .7s both; }
.kp-project-visual.is-animating .kp-conversation { animation:kp-conversation-enter .85s cubic-bezier(.22,1,.36,1) .95s both; }
.kp-project-visual.is-animating .kp-briefing-row { animation:kp-detail-enter .45s ease 1.65s both; }
.kp-project-visual.is-animating .kp-briefing-row:nth-child(3) { animation-delay:1.85s; }
.kp-project-visual.is-animating .kp-briefing-row:nth-child(4) { animation-delay:2.05s; }
.kp-project-visual.is-animating .kp-source-list { animation:kp-detail-enter .5s ease 2.3s both; }
.kp-project-visual.is-animating .kp-conversation-foot { animation:kp-detail-enter .5s ease 2.65s both; }
@keyframes kp-window-enter { from { opacity:0; transform:translateY(16px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes kp-conversation-enter { from { opacity:0; transform:translate(14px,28px) scale(.97); } to { opacity:1; transform:none; } }
@keyframes kp-detail-enter { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:none; } }

@media(min-width:1001px) and (max-width:1200px) {
 .kp-workspace-head { padding-inline:19px; }
 .kp-workspace-body { grid-template-columns:26% minmax(0,1fr); }
 .kp-sidebar { padding-inline:8px; }
 .kp-chat-item { padding-inline:6px; gap:5px; font-size:10px; }
 .kp-project-context { padding-inline:15px; gap:8px; }
 .kp-file-icon { width:24px; }
 .kp-file { gap:6px; }
 .kp-file strong { font-size:10px; }
 .kp-instructions { padding-inline:9px; }
 .kp-instructions > span { font-size:8px; }
 .kp-conversation { width:80%; }
}
@media(max-width:1000px) {
 #ki-team.lp-learning { grid-template-columns:minmax(0,1fr); grid-template-areas:"intro" "visual" "services"; gap:33px; }
 #ki-team .lp-intro { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:0 30px; }
 #ki-team .lp-intro .section-index { grid-column:1 / -1; }
 #ki-team .lp-intro > p { margin:0; }
 #ki-team .kp-project-visual { max-width:650px; margin-inline:auto; }
 #ki-team .lp-services { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 30px; }
 #ki-team .lp-service { margin-bottom:0; }
 #ki-team .lp-services > .text-link { grid-column:1 / -1; justify-self:start; }
}
@media(max-width:680px) {
 #ki-team.lp-learning { gap:25px; }
 #ki-team .lp-intro { display:block; }
 #ki-team .lp-intro > p { margin-top:31px; }
 #ki-team .kp-project-visual { max-width:480px; height:650px; }
 #ki-team .lp-services { display:block; }
 #ki-team .lp-service { margin-bottom:24px; }
 .kp-brand-bows { width:46%; bottom:8px; left:0; right:auto; transform:rotate(-10deg); }
 .kp-workspace { top:13px; width:100%; border-radius:20px; }
 .kp-workspace-head { min-height:76px; padding:16px 18px; gap:11px; }
 .kp-project-icon { width:37px; height:37px; border-radius:12px; }
 .kp-project-icon svg { width:21px; height:21px; }
 .kp-workspace-head > div > strong { font-size:23px; }
 .kp-workspace-head > div > span { font-size:9px; }
 .kp-shared { padding:6px 8px; font-size:9px; }
 .kp-window-menu { display:none; }
 .kp-workspace-body { display:block; min-height:0; }
 .kp-sidebar { flex-direction:row; align-items:center; gap:3px; padding:7px 10px; }
 .kp-nav-label,.kp-linked-context { display:none; }
 .kp-chat-item { justify-content:center; flex:1; min-width:0; min-height:32px; margin:0; padding:6px; font-size:10px; gap:5px; border-radius:7px; }
 .kp-chat-item svg { width:12px; height:12px; }
 .kp-project-context { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); grid-template-rows:20px 43px 43px; gap:7px 13px; padding:17px 18px 20px; }
 .kp-context-heading strong { font-size:12px; }
 .kp-file strong { font-size:11px; }
 .kp-file > div > span { font-size:8px; }
 .kp-instructions { padding:11px; }
 .kp-instructions > div { margin-bottom:8px; }
 .kp-instructions > span { margin-top:6px; font-size:9px; }
 .kp-conversation { top:294px; right:0; width:94%; max-width:410px; border-radius:18px; }
 .kp-conversation-head { min-height:43px; padding:10px 16px; }
 .kp-conversation-head > strong { font-size:12px; }
 .kp-conversation-body { padding:16px; }
 .kp-question { max-width:90%; padding:9px 12px; font-size:11px; margin-bottom:13px; }
 .kp-briefing { padding:13px 15px 11px; border-radius:11px; }
 .kp-briefing-title { gap:7px; margin-bottom:8px; }
 .kp-briefing-title > strong { font-size:15px; }
 .kp-briefing-title > span { width:25px; height:28px; border-radius:7px; }
 .kp-briefing-row { gap:9px; padding-block:4px; font-size:11px; }
 .kp-source-list { margin-top:9px; padding-top:9px; }
 .kp-source-list > span { font-size:8px; padding:4px; }
 .kp-conversation-foot { min-height:34px; padding:8px 16px; font-size:8px; }
}
@media(max-width:370px) {
 #ki-team .kp-project-visual { height:650px; }
 .kp-workspace-head { padding-inline:14px; gap:9px; }
 .kp-workspace-head > div > strong { font-size:21px; }
 .kp-shared { padding:6px; }
 .kp-shared > span { display:none; }
 .kp-chat-item { font-size:10px; padding-inline:3px; }
 .kp-chat-item svg { display:none; }
 .kp-project-context { padding-inline:13px; column-gap:9px; }
 .kp-file { gap:5px; }
 .kp-file-icon { display:none; }
 .kp-file strong { font-size:11px; }
 .kp-instructions { padding:11px 8px; }
 .kp-instructions > span { font-size:8px; }
 .kp-conversation { width:96%; }
 .kp-conversation-body { padding:13px; }
 .kp-briefing { padding-inline:12px; }
 .kp-briefing-title > strong { font-size:14px; }
}
.motion-paused .kp-project-visual *, .motion-paused .kp-project-visual *::before, .motion-paused .kp-project-visual *::after { animation:none!important; transition:none!important; }
@media(prefers-reduced-motion:reduce) { .kp-project-visual *, .kp-project-visual *::before, .kp-project-visual *::after { animation:none!important; transition:none!important; } }