/* Detailed service pages. Components inherit the approved homepage tokens. */
.detail-hero{padding:0 0 64px;background:radial-gradient(ellipse 62% 72% at 81% 90%,#dfeaff 0,rgba(232,240,253,.55) 39%,transparent 74%),radial-gradient(ellipse at 12% 5%,#edf3fc,transparent 62%),#f8fafd;position:relative;border-bottom:1px solid #e4ebf4}
.breadcrumbs{display:flex;align-items:center;gap:11px;padding:24px 0;font-size:11px;color:#6c7c93;line-height:1.7;flex-wrap:wrap}.breadcrumbs a{color:#526985}.breadcrumbs a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.breadcrumbs [aria-current]{color:#8593a7}
.detail-hero-copy{text-align:center;padding-top:23px}.detail-hero h1{font-size:clamp(44px,5.1vw,72px);line-height:1.08;letter-spacing:-.055em;font-weight:570;max-width:1020px;margin:22px auto 25px}.detail-hero h1 span{color:var(--blue)}.detail-hero h1:focus{outline:none}.detail-hero-copy>p{max-width:610px;font-size:17px;line-height:1.75;margin:auto}.detail-hero-copy>.button{margin-top:29px}.detail-hero-copy>small{display:block;font-size:11px;color:#6b7d97;margin-top:13px}
.detail-benefits{padding-top:59px}.detail-benefits .section-heading>div{max-width:720px}.detail-benefits .section-heading h2{font-size:40px;max-width:700px}.detail-benefits .section-heading>p{max-width:295px;font-size:13px}.detail-grid{align-items:stretch}.detail-card-wide{grid-column:span 7;background:linear-gradient(150deg,#fff 50%,#f4f7fc)}.detail-card-side{grid-column:span 5;background:linear-gradient(140deg,#fff,#f8fafd)}.detail-card-half{grid-column:span 6}.detail-feature{display:flex;flex-direction:column}.detail-feature .card-copy{padding:31px 32px 0}.detail-feature .card-copy h3{font-size:30px;line-height:1.17;max-width:560px}.detail-feature .card-copy p{max-width:540px;font-size:14px;line-height:1.8}.detail-visual{margin:29px 25px 25px}.detail-visual.product-demo{padding:0}.detail-product{margin:0}.detail-product .product-frame{aspect-ratio:1.6}.detail-product figcaption{font-size:9px;color:#6d7e96;line-height:1.5;margin:10px 4px 0}.detail-product .product-frame.close-frame img{object-fit:contain}.detail-card-half .detail-visual{margin-top:auto;padding-top:28px}.detail-ui{position:relative;border:1px solid #dbe4f0;border-top-color:#e6edf7;border-radius:16px;background:linear-gradient(140deg,#fff,#f9fbfe);padding:18px 20px;box-shadow:0 2px 3px #142e4b0b,0 10px 22px -16px #2b4c7766,inset 0 1px 0 #fff}.detail-ui-head{display:flex;align-items:center;gap:11px;padding-bottom:17px;border-bottom:1px solid #e5ebf4;min-height:34px}.detail-ui-head>strong{font-size:12px;font-weight:600;line-height:1.55}.detail-ui-head .demo-label{font-size:9px;white-space:nowrap}.field-pair{display:flex;justify-content:space-between;gap:15px;padding-top:15px;font-size:11px;color:#68809b;line-height:1.6}.field-pair b{font-weight:550;color:#3b5675;text-align:right}.data-sources{display:flex;gap:16px;align-items:stretch}.source-slip{width:50%;background:#fff;padding:16px 13px;border:1px solid #dce6f2;border-radius:13px;box-shadow:0 3px 7px #2b476d09;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:136px}.source-slip>b{display:flex;align-items:center;justify-content:center;width:37px;height:37px;background:#edf5f0;border:1px solid #d5e5da;color:#527a66;border-radius:9px;font-size:12px;font-weight:600}.source-slip>span:not(.app-icon){display:block;font-size:12px;color:#3f5774;font-weight:550;margin-top:10px}.source-slip small{font-size:9px;color:#71849d;margin-top:3px}.merge-path{height:43px;display:flex;align-items:center;justify-content:center;color:#91abc7;font-size:22px}
.detail-task{display:flex;align-items:center;gap:12px;padding:20px 0 4px}.detail-task+.detail-task{padding-top:23px}.detail-task strong{display:block;font-size:11px;line-height:1.5;font-weight:600;color:#3b5370}.detail-task small{display:block;font-size:9px;color:#73859d;margin-top:4px}.task-circle{display:block;width:10px;height:10px;flex-shrink:0;border:2px solid #6290dd;border-radius:50%;background:#e4efff}.task-circle.quiet{border-color:#a3b4cb;background:#fff}.task-tag{background:#eaf2ff;color:#5b7bad;white-space:nowrap;border-radius:5px;padding:4px 6px;font-size:9px;font-weight:500;margin-left:auto}.task-tag.quiet{background:#eef2f7;color:#71849f}.paper-stack{box-shadow:0 5px 0 -2px #eaf0f7,0 6px 0 -2px #d6e0ec,0 11px 0 -5px #f1f4f9,0 12px 0 -5px #dce5f0,0 14px 25px -18px #254a8366}.paper-stack .handbook-line{padding:15px 0}.paper-stack .handbook-line:first-of-type{border-top:0}.scenario-demo .scenario-panel{padding:7px 5px 0}.scenario-demo .flow-node{padding:16px 18px}.scenario-demo .flow-node strong{font-size:13px}.scenario-demo .flow-node small{font-size:11px}.scenario-demo .visual-caption{font-size:10px}.scenario-demo .product-switch{margin-bottom:16px}.scenario-demo .flow-connector{height:22px}.rule-detail{padding:18px 0;border-bottom:1px solid #e7edf5}.rule-detail>p{font-size:12px;line-height:1.65;margin-top:7px;color:#4d6686}.rule-token{display:inline-block;background:#eaf2ff;color:#5e7bb0;font-size:8px;letter-spacing:.09em;border-radius:4px;font-weight:650;padding:3px 7px}.stop-rule .rule-token{background:#f3f0e9;color:#8e7753}.ui-footnote{font-size:9px;color:#7789a0;margin-top:15px;line-height:1.6}.connection-ui{display:flex;gap:20px;align-items:center;justify-content:center;min-height:150px;background:radial-gradient(ellipse at center,#e8f0fc,transparent 80%)}.connection-app{display:flex;flex-direction:column;align-items:center;gap:8px}.connection-app small{font-size:10px;color:#6d819c}.connection-core{padding:23px 19px;background:linear-gradient(#fff,#f3f7fe);color:#3d669f;border:1px solid #c6d8f2;border-radius:16px;box-shadow:0 4px 12px #264b8221;text-align:center;font-size:15px;font-weight:650}.connection-core small{display:block;font-size:9px;font-weight:450;margin-top:7px;color:#6d839e}.connection-arrow{color:#8ba4c5;font-size:21px}.mail-subject{font-size:13px;font-weight:600;line-height:1.6;color:#3d5574;padding:18px 0 10px}.mail-ui>p{font-size:12px;line-height:1.85;color:#607591}.mail-footer{display:flex;align-items:center;gap:7px;border-top:1px solid #e4ebf5;margin-top:18px;padding-top:14px;color:#7b8fa6;font-size:9px}.draft-dot{width:5px;height:5px;flex-shrink:0;background:#89a7d0;border-radius:50%}.segment-visual{padding:19px 21px;background:linear-gradient(140deg,#fff,#f3f7fe);border:1px solid #dfe7f3;border-radius:16px;box-shadow:0 3px 8px #2a48670b}.segment-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dfe7f2;border-radius:11px;padding:18px 14px;margin-top:14px}.segment-number{color:#7893b8;font-size:10px}.segment-row strong{display:block;font-size:12px;font-weight:600;line-height:1.6;color:#385273}.segment-row small{display:block;font-size:10px;color:#70839e;margin-top:3px;line-height:1.5}.segment-tag{margin-left:auto;white-space:nowrap;font-size:9px;color:#6888b6;background:#eef4fe;border-radius:6px;padding:4px 7px}.segment-visual .visual-caption{margin-top:15px}.outcome-row{display:flex;gap:14px;padding:17px 0 0;align-items:center}.outcome-row strong{display:block;font-size:12px;line-height:1.5;color:#445b79;font-weight:600}.outcome-row small{display:block;font-size:10px;color:#7186a0;line-height:1.6;margin-top:3px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.blue{background:#719adb}.status-dot.amber{background:#c8ac76}.status-dot.gray{background:#a2b3ca}.review-row{display:flex;align-items:center;gap:15px;padding:21px 0;border-bottom:1px solid #e9eff7}.review-row>span{font-size:10px;color:#859abb}.review-row strong{display:block;font-size:12px;font-weight:600;color:#3c5474;line-height:1.5}.review-row small{display:block;font-size:10px;color:#7990ac;line-height:1.5;margin-top:5px}.review-row>b{font-size:9px;font-weight:500;color:#6685af;background:#eef4fc;border-radius:6px;padding:5px 8px;margin-left:auto}.priority-ui .detail-ui-head{padding-inline:3px}.priority-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding-top:20px}.column-title{display:block;color:#7b8fa7;font-size:9px;margin-bottom:10px;letter-spacing:.02em}.priority-note{border:1px solid #e0e7f1;border-radius:12px;padding:17px 14px;background:#fff;box-shadow:0 4px 12px #3b587213;min-height:132px}.priority-note.active{border-color:#ccdafa;background:linear-gradient(135deg,#fff,#eff5ff)}.priority-note small{font-size:8px;color:#7c94b4;letter-spacing:.08em}.priority-note strong{display:block;font-size:13px;font-weight:550;color:#3f5979;line-height:1.5;margin-top:12px}.company-line{display:flex;align-items:center;gap:13px;padding:21px 0 5px}.company-mark{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #cddcf1;border-radius:10px;background:#edf4ff;color:#7393c1;font-size:17px;font-weight:600}.company-line strong{display:block;font-size:13px;line-height:1.6;font-weight:600;color:#3f5875}.company-line small{display:block;font-size:10px;line-height:1.5;color:#7b8fa8}.communication-row{display:flex;gap:12px;padding-top:18px;align-items:center}.communication-row strong{display:block;color:#455c77;font-size:11px;line-height:1.6;font-weight:600}.communication-row small{display:block;font-size:9px;line-height:1.6;color:#7b8ca1}.channel-label{font-size:9px;color:#6f87a9}
.detail-card-half .rule-detail{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding:15px 0}.detail-card-half .rule-detail>p{margin-top:0}.detail-card-half .rule-token{justify-self:start}
/* Depth gives way to open editorial sections below the cards. */
.detail-scope{padding-top:10px}.scope-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:88px;align-items:start}.scope-copy h2{font-size:39px;margin-top:17px;max-width:475px}.scope-copy>p{font-size:14px;margin-top:22px;line-height:1.85;max-width:455px}.scope-note{margin-top:29px;padding:17px 0 0;border-top:1px solid #d6e0ee;max-width:455px}.scope-note>span{display:block;font-size:10px;font-weight:650;color:#7790ae;letter-spacing:.07em;text-transform:uppercase}.scope-note p{font-size:11px;line-height:1.85;margin-top:8px;color:#71849d}.deliverables{list-style:none;padding:0;margin:0}.deliverables li{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid #dce5f0}.deliverables li:first-child{padding-top:0}.deliverable-mark{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:27px;height:27px;border:1px solid #d4e1f4;background:#edf4ff;color:#5f88c7;border-radius:8px;font-size:12px;margin-top:2px}.deliverables h3{font-size:18px;line-height:1.5;letter-spacing:-.025em}.deliverables p{font-size:13px;line-height:1.8;margin-top:5px;color:#708199}.detail-process .section-heading h2{max-width:850px;font-size:40px}.detail-process .process-grid{margin-top:36px}.detail-process .process-step h3{font-size:24px}.detail-faq .faq-grid{gap:75px;grid-template-columns:1fr 1.4fr}.detail-faq .faq-grid h2{font-size:36px;line-height:1.2;overflow-wrap:break-word}.detail-faq .faq-list details:not([open]) p{display:none}.detail-related{padding:0 0 80px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:19px}.related-card{position:relative;display:block;padding:23px 55px 24px 24px;border:1px solid #dae4f1;border-radius:17px;background:linear-gradient(145deg,#fff,#f7fafd);box-shadow:0 3px 7px #25456507;transition:border-color .16s,background-color .16s}.related-card:hover{border-color:#a9c0e4;background:#f7faff}.related-card .eyebrow{font-size:9px}.related-card strong{display:block;font-size:18px;line-height:1.5;letter-spacing:-.03em;font-weight:550;max-width:410px;margin-top:10px}.related-arrow{position:absolute;right:24px;top:50%;color:#7595c6;font-size:24px;margin-top:-18px}.detail-final .final-card{padding:57px 35px}.detail-final .final-card h2{font-size:47px;line-height:1.13}.advisor{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:24px}.advisor img{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 32%;border:3px solid #fff;box-shadow:0 2px 5px #23426416}.advisor span{font-size:10px;color:#6c819d;text-align:left;line-height:1.7}.advisor strong{display:block;font-size:11px;font-weight:550;color:#435f81}.detail-final .button{margin-top:28px}
@media(max-width:1050px){.detail-hero h1{font-size:62px}.detail-feature .card-copy{padding:27px 26px 0}.detail-feature .card-copy h3{font-size:27px}.detail-feature .card-copy p{font-size:13px}.detail-visual{margin:25px 20px 22px}.detail-ui{padding:16px}.detail-ui-head{gap:8px}.detail-ui-head>strong{font-size:11px}.detail-ui-head .demo-label{font-size:8px}.field-pair{font-size:10px}.scope-grid{gap:48px}.scope-copy h2{font-size:35px}.detail-benefits .section-heading h2{font-size:36px}.detail-benefits .section-heading>div{max-width:620px}.segment-tag{font-size:8px}.segment-row{padding:15px 12px;gap:10px}.detail-task{gap:8px}.detail-task strong{font-size:10px}.detail-task small{font-size:8px}.detail-faq .faq-grid{gap:45px}}
@media(max-width:760px){.detail-hero{padding-bottom:43px}.breadcrumbs{font-size:9px;padding:17px 0;gap:8px}.detail-hero-copy{padding-top:18px}.detail-hero-copy .eyebrow{font-size:9px;letter-spacing:.09em}.detail-hero h1{font-size:clamp(36px,7.9vw,48px);line-height:1.08;letter-spacing:-.052em;margin:23px auto 23px}.detail-hero-copy>p{font-size:14px;line-height:1.8;max-width:460px}.detail-hero-copy>.button{font-size:12px;min-height:50px;margin-top:26px;gap:20px;padding:12px 18px}.detail-hero-copy>small{font-size:10px;margin-top:12px}.detail-benefits{padding-top:41px}.detail-benefits .section-heading h2{font-size:31px;line-height:1.18;max-width:none}.detail-benefits .section-heading>p{font-size:13px;max-width:460px}.detail-card-wide,.detail-card-side,.detail-card-half{grid-column:auto}.detail-feature .card-copy{padding:25px 24px 0}.detail-feature .card-copy h3{font-size:27px;line-height:1.22}.detail-feature .card-copy p{font-size:13px;line-height:1.8}.detail-visual{margin:25px 18px 22px}.detail-card-half .detail-visual{margin-top:0;padding-top:25px}.detail-product figcaption{font-size:8px;margin:9px 3px 0}.detail-ui{padding:16px}.detail-ui-head>strong{font-size:11px}.detail-ui-head .demo-label{font-size:8px}.scenario-demo .product-switch{width:100%;display:flex}.scenario-demo .product-switch button{flex:1;font-size:10px;white-space:nowrap;padding:8px 6px}.scenario-demo .scenario-panel{padding:4px 0 0}.scenario-demo .flow-node{padding:13px 12px;gap:12px}.scenario-demo .flow-node strong{font-size:12px}.scenario-demo .flow-node small{font-size:10px}.scenario-demo .visual-caption{font-size:8px}.source-slip{min-height:126px;padding:15px 9px}.source-slip small{font-size:8px}.field-pair{font-size:10px;gap:10px}.detail-task{gap:9px}.detail-task strong{font-size:10px}.detail-task small{font-size:8px}.task-tag{font-size:8px;padding:4px 5px}.connection-ui{gap:12px;min-height:145px}.connection-core{padding:18px 12px;font-size:13px}.connection-core small{font-size:8px}.connection-app .app-icon{width:42px;height:42px}.connection-app small{font-size:8px}.connection-arrow{font-size:16px}.connection-ui+.visual-caption{font-size:8px}.mail-ui>p{font-size:11px}.mail-subject{font-size:12px}.segment-visual{padding:16px 13px}.segment-row{padding:14px 11px;gap:9px}.segment-row strong{font-size:11px}.segment-row small{font-size:9px}.segment-tag{display:none}.segment-visual .visual-caption{font-size:8px}.outcome-row strong{font-size:11px}.outcome-row small{font-size:9px}.review-row{gap:10px;padding:18px 0}.review-row strong{font-size:11px}.review-row small{font-size:9px}.review-row>b{font-size:8px;padding:4px 5px}.priority-note{padding:14px 11px;min-height:125px}.priority-note strong{font-size:12px}.priority-ui .visual-caption{font-size:8px}.scope-grid{grid-template-columns:1fr;gap:30px}.detail-scope{padding-top:0}.scope-copy h2{font-size:32px;max-width:none}.scope-copy>p{font-size:13px;margin-top:17px}.scope-note{margin-top:23px;max-width:none}.scope-note p{font-size:11px}.deliverables h3{font-size:17px}.deliverables p{font-size:12px}.deliverables li{gap:13px;padding:20px 0}.detail-process .section-heading h2{font-size:31px}.detail-process .process-grid{margin-top:30px}.detail-process .process-step h3{font-size:24px}.detail-faq .faq-grid{grid-template-columns:1fr;gap:30px}.detail-faq .faq-grid h2{font-size:30px}.detail-faq .faq-list summary{font-size:13px}.related-grid{grid-template-columns:1fr;gap:14px;margin-top:16px}.related-card{padding:22px 50px 22px 22px}.related-card strong{font-size:17px}.detail-related{padding-bottom:56px}.detail-final .final-card{padding:40px 20px}.detail-final .final-card h2{font-size:34px;line-height:1.15}.advisor{gap:11px}.advisor strong{font-size:10px}.detail-final .button{font-size:12px;gap:18px;padding-inline:15px}.detail-final .eyebrow{font-size:8px;letter-spacing:.1em}}
@media(max-width:390px){.detail-hero h1{font-size:36px}.detail-feature .card-copy h3{font-size:26px}.detail-ui{padding:14px}.detail-task small{max-width:170px}.detail-final .final-card h2{font-size:31px}.detail-faq .faq-grid h2{font-size:28px}}
@media(max-width:430px){.detail-page[data-page="bestandskunden-reaktivierung"] .detail-hero h1{font-size:clamp(30px,8vw,32px)}}