/* KI-Bereich: Texte, Leistungen und gemeinsames Layout. */
.lp-learning { display:grid; grid-template-columns:.85fr 1.15fr; grid-template-areas:"intro visual" "services visual"; gap:30px clamp(36px,5vw,76px); align-items:start; padding-block:80px 125px; }
.lp-intro { grid-area:intro; }
.lp-intro h2 { font-size:clamp(43px,4.2vw,62px); line-height:1.07; letter-spacing:-.055em; }
.lp-intro h2 > span { position:relative; display:inline-block; z-index:0; }
.lp-intro h2 > span svg { position:absolute; z-index:-1; width:101%; height:24px; left:-1%; bottom:-13px; fill:none; stroke:#C7E64C; stroke-width:4; stroke-linecap:round; overflow:visible; }
.lp-intro > p { max-width:445px; margin-top:34px; color:#626860; font-size:15px; line-height:1.75; }
.lp-services { grid-area:services; padding-top:4px; }
.lp-service { margin-bottom:24px; }
.lp-service h3 { margin-bottom:8px; font-size:20px; line-height:1.3; letter-spacing:-.03em; font-weight:500; }
.lp-service p { max-width:430px; color:#626860; font-size:13px; line-height:1.75; }
.lp-services > .text-link { margin-top:7px; font-size:13px; }
.pt-paper-tape { position:absolute; z-index:1; top:-10px; left:37%; width:29%; height:25px; background:#DBE0C9B8; transform:rotate(3deg); border-left:1px solid #D4D9C3; border-right:1px solid #D4D9C3;  }
.pt-worktable svg path[pathLength] { stroke-dasharray:1; stroke-dashoffset:0; stroke-linecap:round;  }

/* Ein gemeinsamer Arbeitstisch, keine Produktoberfläche. */
.pt-partnership { padding-block:10px 110px; }
.pt-heading { display:grid; grid-template-columns:1.25fr .75fr; gap:65px; align-items:end; margin-bottom:54px; }
.pt-heading h2 { font-size:clamp(39px,4vw,58px); line-height:1.1; letter-spacing:-.055em; }
.pt-heading > p { padding-bottom:3px; max-width:350px; color:#626860; font-size:15px; line-height:1.75; }
.pt-content { display:grid; grid-template-columns:1.07fr .93fr; gap:clamp(45px,7vw,105px); align-items:center; }
.pt-chapters { padding-block:8px; }
.pt-chapter { max-width:410px; margin-bottom:34px; }
.pt-chapter:nth-child(2) { margin-left:20px; }
.pt-chapter:last-child { margin-bottom:0; }
.pt-chapter > span { display:block; margin-bottom:11px; color:#6E7568; font-size:11px; }
.pt-chapter h3 { font-size:clamp(24px,2.25vw,31px); line-height:1.15; letter-spacing:-.04em; font-weight:500; }
.pt-chapter p { margin-top:13px; color:#626860; font-size:13px; line-height:1.75; }
.pt-continuity { display:grid; grid-template-columns:1.07fr .93fr; gap:clamp(45px,7vw,105px); align-items:center; margin-top:56px; padding-top:37px; border-top:1px solid #D6DCCF; }
.pt-continuity h3 { font-size:clamp(34px,3.6vw,51px); line-height:1.08; font-weight:500; letter-spacing:-.055em; }
.pt-continuity h3 > span { position:relative; display:inline-block; z-index:0; }
.pt-continuity h3 svg { position:absolute; z-index:-1; width:101%; height:30px; bottom:-15px; left:0; color:#C7E64C; stroke-width:3.5; fill:none; }
.pt-continuity p { max-width:410px; color:#626860; font-size:14px; line-height:1.75; }

@media(max-width:1100px) {
 .lp-learning { gap:28px 35px; padding-block:60px 100px; }
 .lp-intro h2 { font-size:47px; }
 .lp-intro > p { font-size:14px; }
 .lp-service h3 { font-size:19px; }
 .pt-heading { gap:35px; }
 .pt-heading h2 { font-size:45px; }
 .pt-content,.pt-continuity { gap:45px; }
 .pt-chapter { margin-bottom:28px; }
}
@media(max-width:900px) {
 .lp-learning { grid-template-columns:1fr 1fr; grid-template-areas:"intro intro" "visual services"; gap:36px 30px; align-items:center; }
 .lp-intro { display:grid; grid-template-columns:1fr 1fr; column-gap:30px; align-items:end; }
 .lp-intro > .section-index { grid-column:1 / -1; }
 .lp-intro h2 { font-size:43px; }
 .lp-intro > p { margin:0; padding-bottom:2px; }
 .pt-heading { grid-template-columns:1fr; gap:24px; margin-bottom:35px; }
 .pt-heading > p { max-width:590px; }
 .pt-content { gap:32px; grid-template-columns:1fr 1fr; }
 .pt-chapter h3 { font-size:25px; }
 .pt-chapter p { font-size:12px; }
 .pt-chapter:nth-child(2) { margin-left:0; }
 .pt-continuity { gap:32px; grid-template-columns:1fr 1fr; margin-top:43px; }
}
@media(max-width:680px) {
 .lp-learning { grid-template-columns:1fr; grid-template-areas:"intro" "visual" "services"; gap:32px; padding-block:38px 80px; }
 .lp-intro { display:block; }
 .lp-intro h2 { font-size:clamp(39px,10vw,57px); }
 .lp-intro > p { margin-top:31px; max-width:520px; font-size:14px; }
 .lp-services { padding-top:2px; }
 .lp-service p { max-width:520px; font-size:14px; }
 .lp-service h3 { font-size:21px; }
 .lp-service { margin-bottom:25px; }
 .lp-services > .text-link { font-size:14px; }
 .pt-partnership { padding-block:0 82px; }
 .pt-heading { margin-bottom:29px; gap:24px; }
 .pt-heading h2 { font-size:clamp(36px,8.7vw,52px); }
 .pt-heading > p { font-size:14px; }
 .pt-content { grid-template-columns:1fr; gap:37px; }
 .pt-chapters { padding:0; display:grid; gap:30px; }
 .pt-chapter { margin:0; max-width:500px; }
 .pt-chapter > span { font-size:11px; margin-bottom:10px; }
 .pt-chapter h3 { font-size:28px; }
 .pt-chapter p { font-size:14px; margin-top:12px; }
 .pt-continuity { grid-template-columns:1fr; gap:28px; margin-top:38px; padding-top:32px; }
 .pt-continuity h3 { font-size:42px; }
 .pt-continuity p { max-width:500px; font-size:14px; }
}
@media(max-width:480px) {
}
@media(max-width:370px) {
 .pt-heading h2 { font-size:34px; }
}
/* Eine gemeinsam ausgearbeitete Projektmappe mit Korrekturbogen. */
.pt-meeting-visual { position:relative; min-width:0; height:540px; border-radius:35px; background:#EAECE3; container-type:inline-size; overflow:hidden; isolation:isolate; }
.pt-worktable { position:relative; width:100%; height:100%; }
.pt-material-bow { position:absolute; width:86%; max-width:none; left:-41%; top:44%; transform:rotate(29deg); opacity:.8; }
.pt-folio-cover { --folio-angle:-7deg; position:absolute; z-index:1; left:6%; top:12%; width:82%; height:77%; border-radius:13px 22px 22px 13px; transform:rotate(var(--folio-angle)); background:#252B29; box-shadow:0 27px 36px -24px #25302270,0 7px 11px -7px #2530224D; }
.pt-folio-cover::after { content:""; position:absolute; inset:8px 8px 8px 18px; border:1px solid #56604F80; border-radius:4px 15px 15px 4px; }
.pt-folio-spine { position:absolute; inset:0 auto 0 0; width:20px; background:#323B32; border-right:1px solid #171F1A66; border-radius:12px 0 0 12px; }
.pt-folio-imprint { position:absolute; bottom:4%; left:9%; color:#D5DCCB; font-size:clamp(8px,1.9cqw,11px); letter-spacing:.01em; }
.pt-folio-cover > img { position:absolute; bottom:3.8%; right:7%; width:15%; height:auto; opacity:.75; }
.pt-page-back { --folio-angle:-3deg; position:absolute; z-index:2; top:8.5%; left:12%; width:76%; height:72%; border:1px solid #D5DBCE; border-radius:10px; transform:rotate(var(--folio-angle)); background:#D9DFCD; box-shadow:1px 2px 0 #C4CCB8; }
.pt-project-sheet { --folio-angle:-6deg; position:absolute; z-index:3; top:7%; left:10%; width:76%; height:74%; padding:clamp(22px,5.3cqw,34px); border-radius:9px 13px 13px 9px; border:1px solid #E4E7DB; background:#FAFAF2; transform:rotate(var(--folio-angle)); box-shadow:0 17px 23px -18px #24301D60,1px 1px 0 #FFFFFF; }
.pt-project-sheet::before { content:""; position:absolute; top:0; bottom:0; left:11px; width:1px; background:#E3E7D8; }
.pt-sheet-heading { display:flex; align-items:center; gap:12px; padding-bottom:13px; border-bottom:1px solid #CED7C3; }
.pt-sheet-heading > span { color:#6C7564; font-size:clamp(8px,1.85cqw,11px); line-height:1.3; white-space:nowrap; }
.pt-sheet-heading > i { display:block; width:7px; height:7px; margin-left:auto; border:1px solid #A2B08F; transform:rotate(45deg); flex-shrink:0; }
.pt-sheet-title { display:block; margin-top:25px; font-size:clamp(45px,11.4cqw,69px); line-height:.88; letter-spacing:-.065em; font-weight:500; color:#222629; }
.pt-fieldwork { position:relative; width:76%; margin-top:18px; }
.pt-fieldwork > span { font-size:clamp(11px,2.6cqw,15px); line-height:1.2; letter-spacing:-.025em; }
.pt-fieldwork-lines { display:flex; flex-direction:column; gap:7px; margin-top:16px; }.pt-fieldwork-lines > i { width:92%; height:3px; background:#C8D0C0; border-radius:1px; }.pt-fieldwork-lines > i:nth-child(2) { width:77%; }.pt-fieldwork-lines > i:last-child { width:85%; }
.pt-fieldwork > svg { position:absolute; width:89%; height:25px; top:5px; left:-4px; stroke:#9CBB36; stroke-width:1.5; fill:none; }
.pt-sheet-rule { display:flex; align-items:center; gap:6px; margin-top:25px; }.pt-sheet-rule > span { height:1px; width:52%; background:#D9DFD0; }.pt-sheet-rule > i { width:4px; height:4px; border-radius:50%; background:#ACB79E; }.pt-sheet-rule > span:last-child { width:20%; }
.pt-sheet-bottom { position:absolute; left:clamp(22px,5.3cqw,34px); bottom:19px; display:flex; align-items:center; gap:15px; }.pt-sheet-bottom > span { color:#728064; font-size:clamp(8px,1.8cqw,10px); }.pt-sheet-bottom > svg { width:65px; height:22px; stroke:#77866A; stroke-width:1; fill:none; }
.pt-vellum-sheet { --folio-angle:7deg; position:absolute; z-index:4; top:52%; left:31%; width:64%; height:36%; padding:clamp(20px,4.4cqw,29px); border:1px solid #FFFFFFB3; border-radius:11px; background:#F0F3E8F5; transform:rotate(var(--folio-angle)); box-shadow:0 17px 30px -20px #26372073,0 1px 2px #26372012; }
.pt-vellum-sheet::before { content:""; position:absolute; left:14px; top:14px; right:14px; bottom:14px; border:1px solid #BAC6AD40; border-radius:4px; pointer-events:none; }
.pt-vellum-label { display:block; color:#6A795B; font-size:clamp(8px,1.8cqw,10px); line-height:1; }
.pt-vellum-title { position:relative; width:max-content; max-width:100%; margin-top:15px; }
.pt-vellum-title > strong { position:relative; z-index:1; display:block; color:#273022; font-size:clamp(25px,5.8cqw,35px); font-weight:500; line-height:.98; letter-spacing:-.045em; }
.pt-decision-ring { position:absolute; width:130%; height:143%; left:-13%; top:-18%; stroke:#A6C431; stroke-width:1.6; fill:none; overflow:visible; }
.pt-vellum-signoff { display:flex; align-items:center; gap:9px; margin-top:20px; }
.pt-vellum-signoff > span { color:#67765B; font-size:clamp(8px,1.9cqw,11px); }.pt-vellum-signoff > svg { height:14px; width:18px; stroke:#88A62D; stroke-width:1.7; }.pt-vellum-signoff > img { margin-left:auto; width:clamp(53px,12cqw,72px); height:auto; }
.pt-registration { position:absolute; width:9px; height:9px; border-top:1px solid #AAB49D; border-left:1px solid #AAB49D; }.pt-registration-one { left:8px; top:8px; }.pt-registration-two { right:8px; bottom:8px; transform:rotate(180deg); }
.pt-folio-clip { position:absolute; z-index:5; top:3%; left:69%; width:29px; height:66px; stroke:#8B9580; stroke-width:2; fill:none; transform:rotate(-6deg); filter:drop-shadow(2px 3px 1px #27322226); }
.pt-team-marker { position:absolute; z-index:5; bottom:6%; left:15%; display:grid; place-items:center; width:clamp(43px,10.5cqw,64px); aspect-ratio:1; background:#C7E64C; border-radius:50%; transform:rotate(-7deg); box-shadow:0 6px 12px -7px #2A391F60; }
.pt-team-marker > svg { width:54%; height:54%; stroke:#3D5127; stroke-width:1.7; fill:none; }
.pt-meeting-visual.is-animating :is(.pt-folio-cover,.pt-page-back,.pt-project-sheet,.pt-vellum-sheet) { animation:pt-folio-arrive .95s cubic-bezier(.22,1,.36,1) both; }
.pt-meeting-visual.is-animating .pt-page-back { animation-delay:.1s; }.pt-meeting-visual.is-animating .pt-project-sheet { animation-delay:.22s; }.pt-meeting-visual.is-animating .pt-vellum-sheet { animation-delay:.9s; }
.pt-meeting-visual.is-animating .pt-fieldwork > svg { animation:pt-ink-appear .6s ease .9s both; }.pt-meeting-visual.is-animating .pt-decision-ring { animation:pt-ink-appear .65s ease 1.7s both; }.pt-meeting-visual.is-animating .pt-team-marker { animation:pt-mark-arrive .65s cubic-bezier(.22,1,.36,1) 2.1s both; }
@keyframes pt-folio-arrive { from { opacity:0; transform:translate(8px,24px) rotate(calc(var(--folio-angle) + 3deg)); } to { opacity:1; transform:translate(0,0) rotate(var(--folio-angle)); } }
@keyframes pt-ink-appear { from { opacity:0; transform:translateX(-4px); } to { opacity:1; transform:translateX(0); } }
@keyframes pt-mark-arrive { from { opacity:0; transform:translateY(7px) rotate(-13deg) scale(.82); } to { opacity:1; transform:translateY(0) rotate(-7deg) scale(1); } }
@media(max-width:1100px) {
 .pt-meeting-visual { height:480px; }.pt-project-sheet { padding:27px; }.pt-sheet-heading { padding-bottom:11px; }.pt-sheet-title { margin-top:23px; }.pt-fieldwork { margin-top:18px; }.pt-fieldwork-lines { margin-top:13px; gap:6px; }.pt-sheet-rule { margin-top:22px; }.pt-vellum-sheet { padding:24px; }.pt-vellum-title { margin-top:13px; }.pt-vellum-signoff { margin-top:17px; }.pt-folio-clip { width:25px; height:59px; }
}
@media(max-width:900px) {
 .pt-meeting-visual { height:435px; border-radius:28px; }.pt-project-sheet { padding:22px; }.pt-sheet-title { margin-top:21px; font-size:clamp(38px,11.4cqw,54px); }.pt-fieldwork { margin-top:22px; width:84%; }.pt-fieldwork > span { font-size:11px; }.pt-fieldwork-lines { margin-top:12px; gap:6px; }.pt-vellum-sheet { padding:19px; top:53%; height:34%; }.pt-vellum-label { font-size:8px; }.pt-vellum-title > strong { font-size:clamp(24px,6.1cqw,30px); }.pt-vellum-signoff { margin-top:16px; gap:6px; }.pt-vellum-signoff > span { font-size:8px; }.pt-vellum-signoff > img { width:53px; }.pt-sheet-bottom { left:23px; bottom:17px; }.pt-folio-clip { top:3.2%; width:23px; height:53px; }
}
@media(max-width:680px) {
 .pt-meeting-visual { width:100%; max-width:480px; height:490px; margin-inline:auto; border-radius:31px; }.pt-project-sheet { padding:clamp(24px,6cqw,31px); }.pt-sheet-heading > span { font-size:clamp(8px,2.2cqw,11px); }.pt-sheet-title { margin-top:24px; font-size:clamp(45px,12.8cqw,61px); }.pt-fieldwork { margin-top:27px; }.pt-fieldwork > span { font-size:clamp(12px,3cqw,14px); }.pt-fieldwork-lines { margin-top:16px; gap:7px; }.pt-sheet-rule { margin-top:26px; }.pt-sheet-bottom { left:clamp(24px,6cqw,31px); bottom:18px; }.pt-vellum-sheet { top:53%; height:34%; padding:clamp(21px,5cqw,26px); }.pt-vellum-label { font-size:clamp(8px,2.1cqw,10px); }.pt-vellum-title > strong { font-size:clamp(27px,6.9cqw,33px); }.pt-vellum-signoff { margin-top:18px; }.pt-vellum-signoff > span { font-size:clamp(8px,2.2cqw,10px); }.pt-vellum-signoff > img { width:clamp(54px,14cqw,67px); }.pt-folio-clip { width:26px; height:61px; }.pt-folio-imprint { font-size:clamp(8px,2cqw,10px); }
}
@media(max-width:480px) {
 .pt-meeting-visual { height:450px; }.pt-project-sheet { padding:25px; }.pt-sheet-title { margin-top:22px; font-size:clamp(42px,12.5cqw,54px); }.pt-fieldwork { margin-top:23px; }.pt-fieldwork > span { font-size:12px; }.pt-fieldwork-lines { margin-top:14px; }.pt-sheet-rule { margin-top:23px; }.pt-vellum-sheet { padding:21px; }.pt-vellum-title > strong { font-size:clamp(25px,7cqw,30px); }.pt-vellum-signoff { margin-top:17px; }.pt-folio-clip { width:23px; height:55px; }.pt-sheet-bottom { left:25px; }.pt-sheet-bottom > svg { width:56px; }
}
@media(max-width:370px) {
 .pt-meeting-visual { height:405px; border-radius:26px; }.pt-project-sheet { padding:21px; }.pt-sheet-heading { padding-bottom:10px; gap:8px; }.pt-sheet-heading > span { font-size:8px; }.pt-sheet-title { margin-top:20px; font-size:40px; }.pt-fieldwork { margin-top:21px; width:89%; }.pt-fieldwork > span { font-size:11px; }.pt-fieldwork-lines { margin-top:13px; gap:6px; }.pt-fieldwork > svg { top:3px; height:23px; }.pt-sheet-rule { margin-top:20px; }.pt-vellum-sheet { left:30%; width:65%; padding:18px; top:54%; }.pt-vellum-title { margin-top:12px; }.pt-vellum-title > strong { font-size:24px; }.pt-vellum-signoff { gap:5px; margin-top:15px; }.pt-vellum-signoff > svg { width:14px; height:11px; }.pt-vellum-signoff > img { width:49px; }.pt-vellum-signoff > span { font-size:8px; }.pt-sheet-bottom { left:21px; bottom:17px; }.pt-sheet-bottom > svg { width:45px; }.pt-folio-clip { width:21px; height:48px; }.pt-folio-imprint { font-size:8px; }
}

.motion-paused [data-partner-motion] *, .motion-paused [data-partner-motion] *::before, .motion-paused [data-partner-motion] *::after { animation:none !important; transition:none !important; }
@media(prefers-reduced-motion:reduce) { [data-partner-motion] *, [data-partner-motion] *::before, [data-partner-motion] *::after { animation:none !important; transition:none !important; } }
