/*
 * Patrick Krisch Website
 * Datei: assets/css/ki-system-detail.css
 * Bereich: KI-Systeme Detailseiten
 * Stand: 2026-09-10
 */

.ki-detail-page main{background:linear-gradient(180deg,var(--surface) 0,var(--surface) 24px,#fbfdff 190px,var(--page-bg) 440px,var(--page-bg) 100%)}
.ki-detail-hero{padding:var(--subpage-hero-padding-top) 0 var(--subpage-hero-padding-bottom)}
.ki-detail-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:var(--subpage-breadcrumb-gap);font-size:12px;color:#52657f}.ki-detail-breadcrumb a{color:var(--navy)}.ki-detail-breadcrumb a:hover{text-decoration:underline}
.ki-detail-hero-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(380px,1.04fr);gap:50px;min-height:var(--subpage-hero-min-height);align-items:start}.ki-detail-copy{max-width:650px}.ki-detail-kicker{display:block;margin:0 0 14px;color:#007b91;font-size:12px;font-weight:850;letter-spacing:.08em}.ki-detail-copy h1{max-width:590px;margin:0;color:var(--subpage-title-color);font-size:var(--subpage-title-size);line-height:.98;letter-spacing:-.045em}.ki-detail-copy h1 span{color:#008f93}.ki-detail-accent{display:block;width:46px;height:2px;margin:22px 0;background:#089bb0}.ki-detail-lead{margin:0;color:#253b5d;font-size:var(--hero-copy-size);line-height:1.7}.ki-detail-points{display:grid;gap:8px;margin:22px 0 0;padding:0;list-style:none}.ki-detail-points li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;color:#405775;font-size:13px}.ki-detail-points .ui-icon{width:16px;height:16px;margin-top:2px;color:#078d9e}
.ki-detail-visual{position:relative;min-height:330px;align-self:center}.ki-detail-panel{position:absolute;inset:15px 22px 15px 38px;padding:20px;border:1px solid var(--card-border);border-radius:var(--radius);background:linear-gradient(145deg,#fff,#f3f9fd);box-shadow:var(--shadow)}.ki-detail-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #e4edf5}.ki-detail-panel-head strong{color:var(--navy);font-size:13px}.ki-detail-panel-head span{color:#078c98;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.ki-detail-stack{position:relative;display:grid;gap:9px;margin-top:14px}.ki-detail-stack:before{content:"";position:absolute;left:28px;top:47px;bottom:47px;width:1px;background:linear-gradient(#8bd7d3,#9dbfe6);z-index:0}.ki-detail-stack-row{position:relative;z-index:1;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;padding:10px;border:1px solid #dfebf4;border-radius:10px;background:rgba(255,255,255,.92)}.ki-detail-stack-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#eef8fb,#edf2fb);color:#0b6fd7}.ki-detail-stack-icon .ui-icon{width:18px;height:18px}.ki-detail-stack-row>span:not(.ki-detail-stack-icon) strong,.ki-detail-stack-row>span:not(.ki-detail-stack-icon)>span{display:block}.ki-detail-stack-row strong{color:var(--navy);font-size:12px}.ki-detail-stack-row>span:not(.ki-detail-stack-icon)>span{margin-top:2px;color:#718197;font-size:10.5px}.ki-detail-badge{position:absolute;right:0;bottom:4px;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #d5e5f2;border-radius:10px;background:#fff;box-shadow:0 10px 26px rgba(7,31,77,.11);color:#315a78;font-size:10.5px;font-weight:750}.ki-detail-badge .ui-icon{width:16px;height:16px;color:#078d9e}

.ki-detail-section{padding:24px 0 0}.ki-detail-heading{max-width:790px;margin-bottom:22px}.ki-detail-heading .ki-detail-kicker{margin-bottom:9px}.ki-detail-heading h2{margin:0;color:var(--navy);font-size:clamp(29px,4vw,40px);line-height:1.1;letter-spacing:-.035em}.ki-detail-heading h2 span{color:#008f93}.ki-detail-heading p{margin:13px 0 0;color:#405775;font-size:16px;line-height:1.7}.ki-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ki-detail-card{padding:22px;border:1px solid var(--card-border);border-radius:var(--radius);background:#fff;box-shadow:var(--card-shadow)}.ki-detail-card-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:17px;border:1px solid #d9e7f2;border-radius:11px;background:linear-gradient(145deg,#f7fcff,#edf5fb);color:#0b6fd7}.ki-detail-card-icon .ui-icon{width:23px;height:23px}.ki-detail-card h3{margin:0;color:var(--navy);font-size:18px}.ki-detail-card p{margin:8px 0 0;color:#566981;font-size:13px;line-height:1.65}

.ki-detail-applications{padding:50px 0 0}.ki-detail-application-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ki-detail-application{padding:24px;border:1px solid var(--card-border);border-radius:var(--radius);background:#fff;box-shadow:var(--card-shadow)}.ki-detail-application h3{margin:0 0 12px;color:var(--navy);font-size:20px}.ki-detail-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.ki-detail-list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;color:#435c78;font-size:13px;line-height:1.55}.ki-detail-list .ui-icon{width:16px;height:16px;margin-top:2px;color:#078d9e}.ki-detail-application--dark{position:relative;overflow:hidden;border:0;background:linear-gradient(135deg,#071f4d,#075f91 68%,#078e92);color:#fff}.ki-detail-application--dark h3{color:#fff}.ki-detail-application--dark .ki-detail-list li{color:#e6eff7}.ki-detail-application--dark .ki-detail-list .ui-icon{color:#7de0da}.ki-detail-application--dark:after{content:"";position:absolute;right:-80px;bottom:-120px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 42px rgba(255,255,255,.03),0 0 0 84px rgba(255,255,255,.02)}.ki-detail-application--dark>*{position:relative;z-index:1}

.ki-detail-architecture{padding:50px 0 0}.ki-architecture-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ki-architecture-step{position:relative;padding:20px;border:1px solid var(--card-border);border-radius:var(--radius);background:#fff;box-shadow:var(--card-shadow)}.ki-architecture-step small{display:block;color:#078c98;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.ki-architecture-step strong{display:block;margin-top:6px;color:var(--navy);font-size:15px}.ki-architecture-step span{display:block;margin-top:6px;color:#61738a;font-size:12px;line-height:1.5}.ki-architecture-step:not(:last-child):after{content:"→";position:absolute;top:50%;right:-10px;z-index:2;width:20px;height:20px;display:grid;place-items:center;border:1px solid #d6e5f1;border-radius:50%;background:#fff;color:#0b6fd7;font-size:11px;transform:translateY(-50%)}

.ki-detail-note{padding:50px 0 0}.ki-detail-note-card{display:grid;grid-template-columns:60px minmax(0,1fr);gap:18px;align-items:start;padding:24px 26px;border:1px solid #cfe3eb;border-radius:var(--radius);background:linear-gradient(90deg,#f8fdff,#eef9f8);box-shadow:var(--card-shadow)}.ki-detail-note-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--primary-gradient);color:#fff}.ki-detail-note-icon .ui-icon{width:27px;height:27px}.ki-detail-note-card h2{margin:0;color:var(--navy);font-size:22px}.ki-detail-note-card p{margin:7px 0 0;color:#4e637e;font-size:14px;line-height:1.65}

.ki-detail-cta{padding:50px 0 0}.ki-detail-cta-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;padding:30px;border-radius:var(--radius);background:linear-gradient(120deg,#061d43,#075f91 65%,#07928f);color:#fff;box-shadow:0 18px 42px rgba(7,31,77,.18)}.ki-detail-cta-card h2{margin:0;color:#fff;font-size:28px}.ki-detail-cta-card p{max-width:720px;margin:8px 0 0;color:#e3edf6;font-size:14px;line-height:1.65}.ki-detail-cta-card .btn{background:#fff;color:#073668;white-space:nowrap}

@media(max-width:1040px){.ki-detail-hero-grid{grid-template-columns:1fr .9fr;gap:28px;min-height:var(--subpage-hero-tablet-min-height)}.ki-detail-copy h1{font-size:clamp(42px,5vw,56px)}.ki-detail-grid{grid-template-columns:1fr 1fr}.ki-architecture-flow{grid-template-columns:1fr 1fr}.ki-architecture-step:nth-child(2):after{display:none}}
@media(max-width:820px){.ki-detail-hero-grid{grid-template-columns:1fr;min-height:0}.ki-detail-visual{min-height:310px}.ki-detail-grid,.ki-detail-application-grid{grid-template-columns:1fr}.ki-detail-cta-card{grid-template-columns:1fr}.ki-detail-cta-card .btn{width:100%}}
@media(max-width:720px){.ki-detail-hero{padding:24px 0 28px}.ki-detail-breadcrumb{margin-bottom:18px}.ki-detail-copy h1{font-size:44px}.ki-detail-section{padding-top:6px}.ki-detail-applications,.ki-detail-architecture,.ki-detail-note,.ki-detail-cta{padding-top:38px}}
@media(max-width:620px){.ki-detail-visual{min-height:290px}.ki-detail-panel{inset:10px 0 16px 12px;padding:15px}.ki-detail-grid,.ki-architecture-flow{grid-template-columns:1fr}.ki-architecture-step:after{display:none!important}.ki-detail-note-card{grid-template-columns:1fr;padding:22px}.ki-detail-cta-card{padding:25px 22px}.ki-detail-cta-card h2{font-size:25px}}