/* TECHTORY – Komponenten-CSS (Präfix .tyx)
   Quelle: Seiten-Master 12/19/14 (Physical AI). Wird nur auf Seiten mit
   Theme-Kopf/-Fuß geladen; Altseiten bringen ihr CSS noch selbst mit. */
/* Schutz gegen Chromes erzwungenen Dark Mode (Android "Automatisches dunkles Design"):
   ohne diese Zeile invertiert Chrome die Farben der Seite. */
:root{color-scheme:only light;}
.tyx{--ai:#520086;--ai-d:#2b0046;--srv:#D30240;--navy:#0A0A33;--txt:#1a1a1a;--mut:#5a5f6a;--bgl:#f4f5f7;--bglav:#edecf1;--grad:linear-gradient(90deg,#D30240 0%,#170062 34%,#00938E 66%,#520086 100%);
background:#fff;font-family:'Open Sans','Segoe UI',system-ui,-apple-system,sans-serif;color:var(--txt);line-height:1.6;font-size:16px;text-align:left;white-space:normal!important;overflow-wrap:break-word;}
.tyx *{box-sizing:border-box;margin:0;padding:0;}
.tyx br{display:none!important;}
.tyx p:empty{display:none!important;}
.tyx ul{list-style:none;}
.tyx img{max-width:100%;display:block;}
.tyx a{color:inherit;text-decoration:none;}
.tyx h1,.tyx h2,.tyx h3{font-family:'Open Sans','Segoe UI',system-ui,sans-serif!important;line-height:1.16;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none;}
.tyx h1{font-weight:800;font-size:clamp(34px,5.4vw,72px);color:#fff!important;}
.tyx h2{font-weight:400;font-size:clamp(26px,3vw,44px);color:var(--txt)!important;margin-bottom:.5em;}
.tyx h3{font-weight:600;font-size:19px;}
.tyx .wrap{max-width:1280px;margin:0 auto;padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px);}
.tyx .sec{padding:clamp(48px,6.5vw,100px) 0;}
.tyx .btn{display:inline-flex;align-items:center;gap:10px;background:var(--srv);color:#fff!important;font-weight:600;font-size:15px;padding:13px 26px 13px 30px;border:none;cursor:pointer;text-decoration:none!important;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%);transition:filter .2s;}
.tyx .btn:hover{filter:brightness(1.12);}
.tyx .btn .arr{font-size:18px;line-height:1;}
.tyx .btn--ghost{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);clip-path:none;}
.tyx .btn--ghost:hover{background:rgba(255,255,255,.12);filter:none;}
.tyx .pill{display:inline-block;background:transparent;border:1px solid #d7d9de;border-radius:16px;padding:5px 16px;font-size:13px;color:var(--txt)!important;}
.tyx .pill--ghost{border-color:rgba(255,255,255,.7);color:#fff!important;}
.tyx .pill--ai{border-color:var(--ai);color:var(--ai)!important;}
.tyx .hexx{clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);}
.tyx a:focus-visible{outline:2px solid var(--srv);outline-offset:3px;}
/* Eigener Header (wie MachineCopilot-Prototyp) */
.tyx .hd{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.07);}
.tyx .hd-nav{display:flex;align-items:center;gap:28px;height:78px;max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,64px);}
.tyx .logo-wrap{display:flex;align-items:center;gap:12px;flex-shrink:1;min-width:0;padding:16px 0;}
.tyx .logo-img{height:32px;width:auto;display:block;max-width:100%;}
.tyx .logo{display:flex;flex-direction:column;line-height:1;}
.tyx .logo .l1{font-size:23px;font-weight:800;color:#170062!important;letter-spacing:.01em;}
.tyx .logo .l2{font-size:12px;font-weight:800;color:var(--ai)!important;letter-spacing:.42em;align-self:flex-end;margin-top:2px;}
.tyx .hexo{width:.74em;height:.7em;display:inline-block;vertical-align:-2%;margin:0 2px;color:var(--srv);}
.tyx .hd-main{display:flex;gap:26px;margin-left:auto;}
.tyx .hd-main a{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:28px 0;display:block;color:var(--txt)!important;}
.tyx .hd-main a:hover{color:var(--ai)!important;}
.tyx .hd-tools{display:flex;align-items:center;gap:18px;margin-left:8px;}
.tyx .hd-tools .lang{font-size:13px;font-weight:700;color:var(--txt)!important;}
/* Aufklappbare Seitenuebersicht (Checkbox-Technik, kein JavaScript noetig) */
.tyx #tymenu{position:absolute;opacity:0;pointer-events:none;}
.tyx .mbtn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;cursor:pointer;flex-shrink:0;}
.tyx .mbtn span{display:block;height:2.5px;background:var(--txt);border-radius:2px;transition:transform .18s,opacity .18s;}
.tyx #tymenu:checked~.hd-nav .mbtn span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
.tyx #tymenu:checked~.hd-nav .mbtn span:nth-child(2){opacity:0;}
.tyx #tymenu:checked~.hd-nav .mbtn span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}
.tyx .mpanel{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #e2e4e9;box-shadow:0 24px 40px rgba(10,10,51,.16);max-height:calc(100vh - 80px);overflow:auto;}
.tyx #tymenu:checked~.mpanel{display:block;}
.tyx .mrow{display:flex;align-items:center;gap:14px;padding:15px clamp(20px,4vw,64px);border-bottom:1px solid #f0f1f4;font-size:15px;font-weight:700;color:var(--txt)!important;}
.tyx .mrow b{font-size:12px;font-weight:800;color:var(--ai)!important;font-variant-numeric:tabular-nums;width:22px;}
.tyx .mrow .arr{margin-left:auto;color:var(--ai);font-size:17px;}
.tyx .mrow:hover{background:var(--bgl);}
.tyx .mquick{display:flex;flex-wrap:wrap;gap:8px 20px;padding:16px clamp(20px,4vw,64px) 20px;background:var(--bgl);font-size:14px;}
.tyx .mquick a{color:var(--ai)!important;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
/* Bereichs-Switcher an der Wortmarke (VMS-Konzept Folie 59): vier Bereiche mit Sechseck in Bereichsfarbe */
.tyx .logo-box{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:1;}
.tyx .bsw summary{list-style:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer;color:var(--txt);border-radius:4px;}
.tyx .bsw summary::-webkit-details-marker{display:none;}
.tyx .bsw summary svg{width:12px;height:8px;transition:transform .18s;}
.tyx .bsw[open] summary svg{transform:rotate(180deg);}
.tyx .bsw summary:hover{background:var(--bgl);}
.tyx .bsw summary:focus-visible{outline:2px solid var(--srv);outline-offset:2px;}
.tyx .bsw-panel{position:absolute;left:0;right:0;top:100%;z-index:120;background:#fff;border-top:1px solid #e2e4e9;box-shadow:0 24px 40px rgba(10,10,51,.16);padding:26px max(clamp(20px,4vw,64px),calc((100% - 1152px)/2)) 28px;}
.tyx .bsw-kopf{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)!important;}
.tyx .bsw-panel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.tyx .bsw-panel li a{display:flex;align-items:flex-start;gap:12px;height:100%;padding:14px;border:1px solid #e2e4e9;color:var(--txt)!important;}
.tyx .bsw-panel li a:hover{background:var(--bgl);}
.tyx .bsw-panel li a[aria-current]{border-color:var(--ai);background:var(--bglav);}
.tyx .bhex{width:30px;height:33px;flex-shrink:0;}
.tyx .bsw-panel b{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;}
.tyx .bsw-panel small{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--mut)!important;}
.tyx .bsw-group{display:inline-flex;gap:8px;margin-top:16px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--srv)!important;}
@media(max-width:1080px){.tyx .bsw-panel ul{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.tyx .bsw-panel ul{grid-template-columns:1fr;}.tyx .bsw summary{width:28px;}.tyx .bsw-panel{max-height:calc(100vh - 80px);overflow:auto;}}
/* Sprungziele unter dem klebenden Header nicht verstecken */
.tyx [id]{scroll-margin-top:94px;}
/* Hero */
.tyx .hero{background:linear-gradient(115deg,var(--ai-d) 0%,var(--ai) 62%,#7a1ab8 115%)!important;color:#fff!important;}
.tyx .hero .wrap{padding-top:clamp(70px,9vw,130px);padding-bottom:clamp(56px,7vw,100px);}
.tyx .hero .pill--ghost{margin-bottom:24px;}
.tyx .hero p.lead{margin-top:24px;font-size:clamp(15.5px,1.5vw,19px);max-width:580px;color:rgba(255,255,255,.93)!important;}
.tyx .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px;}
.tyx .hero-direkt{margin-top:20px;font-size:14.5px;color:rgba(255,255,255,.88)!important;}
.tyx .hero-direkt a{color:#fff!important;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
.tyx .hero-direkt a:hover{color:#e9c8ff!important;}
.tyx .hero-direkt .sep{margin:0 10px;opacity:.7;}
/* Hero mit Video: Text links, Clip rechts; ab 1000 px untereinander, Handy quadratisch */
.tyx .hero .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,4vw,64px);align-items:center;}
.tyx .hero .hero-grid h1{font-size:clamp(34px,3.4vw,52px);}
.tyx .hero-video{position:relative;margin:0;filter:drop-shadow(0 24px 48px rgba(10,10,51,.45));}
.tyx .hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#1b0030;clip-path:polygon(0 0,100% 0,100% 100%,22px 100%,0 calc(100% - 22px));}
.tyx .hero-video .vpause{position:absolute;right:12px;bottom:12px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(10,10,51,.62);color:#fff;cursor:pointer;display:grid;place-items:center;}
.tyx .hero-video .vpause:hover{background:rgba(10,10,51,.85);}
.tyx .hero-video .vpause:focus-visible{outline:2px solid #fff;outline-offset:3px;}
.tyx .hero-video .vpause svg{width:18px;height:18px;fill:currentColor;}
.tyx .hero-video .ic-play,.tyx .hero-video.ist-pausiert .ic-pause{display:none;}
.tyx .hero-video.ist-pausiert .ic-play{display:block;}
@media(max-width:1000px){.tyx .hero .hero-grid{grid-template-columns:minmax(0,1fr);}.tyx .hero-video{max-width:760px;}}
@media(max-width:700px){.tyx .hero-video video{aspect-ratio:1/1;}}
/* Faehigkeitsleiste */
.tyx .caps{background:var(--grad)!important;color:#fff!important;}
.tyx .caps-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,64px);}
.tyx .cap{display:flex;align-items:center;gap:14px;padding:22px 20px;border-left:1px solid rgba(255,255,255,.28);}
.tyx .cap:first-child{border-left:none;}
.tyx .cap .hx{width:40px;height:43px;flex-shrink:0;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff!important;}
.tyx .cap .t{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff!important;}
.tyx .cap .d{font-size:12px;color:rgba(255,255,255,.85)!important;}
/* Sprungleiste (statisch) */
.tyx .jump{border-bottom:1px solid #e2e4e9;background:#fff;}
.tyx .jump .wrap{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:0;scrollbar-width:none;}
.tyx .jump .wrap::-webkit-scrollbar{display:none;}
.tyx .jump a{padding:15px 20px 13px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ai)!important;border-bottom:3px solid transparent;white-space:nowrap;}
.tyx .jump a:first-child{padding-left:0;}
.tyx .jump a:hover{color:var(--srv)!important;border-bottom-color:var(--srv);}
/* Karten-Sektionen */
.tyx .intro{max-width:640px;margin-bottom:clamp(28px,4vw,46px);}
.tyx .intro .pill{margin-bottom:16px;}
.tyx .intro p{color:var(--mut)!important;font-size:15.5px;margin-top:12px;}
.tyx .g2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.tyx .card{background:var(--bgl);padding:30px 28px;display:flex;flex-direction:column;gap:10px;}
.tyx .card .num{font-size:30px;font-weight:800;color:var(--ai)!important;line-height:1;}
.tyx .card p{font-size:14.5px;color:var(--mut)!important;}
.tyx .sec--lav{background:var(--bglav);}
.tyx .sec--lav .card{background:#fff;}
/* Messezelle: klickbare Hotspots (Radio-Technik, kein JavaScript) */
.tyx .zellebox{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(24px,3.5vw,52px);align-items:start;}
.tyx .zellebox>input{position:absolute;opacity:0;pointer-events:none;}
.tyx .zstage{position:relative;}
.tyx .zelle-ph{position:relative;aspect-ratio:4/3.1;background:repeating-linear-gradient(45deg,#232346,#232346 14px,#2b2b52 14px,#2b2b52 28px);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.tyx .zelle-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.tyx .zhint{margin-top:12px;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)!important;}
.tyx .zdot{position:absolute;width:38px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));transition:transform .15s;}
.tyx .zdot:hover{transform:scale(1.12);}
.tyx .zdot svg{position:absolute;inset:0;width:100%;height:100%;}
.tyx .zdot polygon{fill:var(--ai);stroke:#fff;stroke-width:8;stroke-linejoin:round;transition:fill .15s;}
.tyx .zdot b{position:relative;color:#fff!important;font-size:14px;font-weight:800;line-height:1;}
.tyx .zinfo{background:var(--bglav);padding:28px 30px 32px;min-height:280px;position:sticky;top:96px;}
.tyx .zinfo .zk{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ai)!important;font-weight:700;margin-bottom:18px;}
.tyx .zi{display:none;}
.tyx .zi h3{font-size:20px;color:var(--txt)!important;display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.tyx .zi .zn{position:relative;width:34px;height:37px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.tyx .zi .zn svg{position:absolute;inset:0;width:100%;height:100%;}
.tyx .zi .zn polygon{fill:var(--srv);stroke:var(--srv);stroke-width:12;stroke-linejoin:round;}
.tyx .zi .zn b{position:relative;color:#fff!important;font-size:14px;font-weight:800;line-height:1;}
.tyx .zi p{font-size:15px;color:var(--mut)!important;line-height:1.65;}
#zst1:checked~.zstage .zdot[for=zst1],#zst2:checked~.zstage .zdot[for=zst2],#zst3:checked~.zstage .zdot[for=zst3],#zst4:checked~.zstage .zdot[for=zst4],#zst5:checked~.zstage .zdot[for=zst5],#zst6:checked~.zstage .zdot[for=zst6]{transform:scale(1.15);}
#zst1:checked~.zstage .zdot[for=zst1] polygon,#zst2:checked~.zstage .zdot[for=zst2] polygon,#zst3:checked~.zstage .zdot[for=zst3] polygon,#zst4:checked~.zstage .zdot[for=zst4] polygon,#zst5:checked~.zstage .zdot[for=zst5] polygon,#zst6:checked~.zstage .zdot[for=zst6] polygon{fill:var(--srv);}
#zst1:checked~.zinfo .zi1,#zst2:checked~.zinfo .zi2,#zst3:checked~.zinfo .zi3,#zst4:checked~.zinfo .zi4,#zst5:checked~.zinfo .zi5,#zst6:checked~.zinfo .zi6{display:block;}
.tyx .termin{background:var(--bglav);}
.tyx .termin-box{background:#fff;padding:clamp(30px,4vw,52px);display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(24px,4vw,60px);align-items:center;}
.tyx .termin-box h2{margin-bottom:12px;}
.tyx .termin-box p{color:var(--mut)!important;font-size:15.5px;max-width:560px;}
.tyx .termin-aktion{display:flex;flex-direction:column;gap:16px;}
.tyx .termin-direkt{font-size:14.5px;color:var(--mut)!important;}
.tyx .termin-direkt a{color:var(--ai)!important;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
.tyx .termin-direkt a:hover{color:var(--srv)!important;}
.tyx .termin-direkt .sep{margin:0 10px;}
.tyx .termin-note{font-size:13px;color:var(--mut)!important;}
.tyx .uc-teaser{grid-template-columns:280px 1.3fr 1fr;align-items:center;}
.tyx .uc-media img{width:100%;height:auto;display:block;}
@media(max-width:1080px){.tyx .uc-teaser{grid-template-columns:1fr;}
.tyx .uc-media{max-width:340px;}}
/* Edge (navy) */
.tyx .edge{background:var(--navy)!important;color:#fff!important;}
.tyx .edge h2{color:#fff!important;}
.tyx .edge .intro p{color:rgba(255,255,255,.85)!important;}
.tyx .edge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.14);}
.tyx .ecard{background:var(--navy);padding:28px 24px 32px;}
.tyx .ecard .tick{display:inline-flex;align-items:center;justify-content:center;width:36px;height:39px;background:rgba(82,0,134,.55);color:#e9c8ff!important;font-size:15px;margin-bottom:14px;}
.tyx .ecard h3{font-size:17px;color:#fff!important;margin-bottom:6px;}
.tyx .ecard p{font-size:13.5px;color:rgba(255,255,255,.82)!important;}
/* Pilot */
.tyx .pilot-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(28px,4vw,60px);align-items:stretch;}
.tyx .steps li{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:15px 0;border-top:1px solid #dcdee4;font-size:15px;color:var(--txt)!important;}
.tyx .steps li:last-child{border-bottom:1px solid #dcdee4;}
.tyx .steps .n{font-weight:800;color:var(--ai)!important;}
.tyx .pcta{background:var(--ai)!important;color:#fff!important;padding:36px 34px;display:flex;flex-direction:column;gap:16px;}
.tyx .pcta h3{font-size:23px;color:#fff!important;}
.tyx .pcta p{font-size:14.5px;color:rgba(255,255,255,.9)!important;}
.tyx .pcta .btn{align-self:flex-start;margin-top:auto;}
.tyx .pcta .note{font-size:12.5px;color:rgba(255,255,255,.8)!important;}
/* Kontakt-Band */
.tyx .kontakt{background:linear-gradient(100deg,var(--navy) 0%,var(--ai-d) 55%,var(--ai) 115%)!important;color:#fff!important;}
.tyx .kontakt .wrap{padding-top:clamp(60px,8vw,110px);padding-bottom:clamp(60px,8vw,110px);}
.tyx .kontakt h2{color:#fff!important;max-width:640px;}
.tyx .kontakt p.lead{max-width:520px;font-size:15.5px;color:rgba(255,255,255,.92)!important;margin:14px 0 28px;}
.tyx .kontakt .pill--ghost{margin-bottom:20px;}
.tyx .k-direkt{display:block;margin-top:18px;font-size:14.5px;color:rgba(255,255,255,.88)!important;}
.tyx .k-direkt a{color:#fff!important;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
.tyx .k-direkt a:hover{color:#e9c8ff!important;}
.tyx .k-direkt .sep{margin:0 10px;opacity:.7;}
.tyx .k-note{display:block;margin-top:14px;font-size:12.5px;color:rgba(255,255,255,.75)!important;}
/* Footer im Gruppen-Stil (Screendesign Automation, Abschnitt 8): Vorzeile mit Gruppenlogo, Navy-Fläche mit Spalten */
.tyx .vfuss{background:#fff;border-top:1px solid #e2e4e9;}
.tyx .vfuss .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:26px;padding-bottom:26px;}
.tyx .vfuss-logo{min-width:0;}
.tyx .vfuss-logo img{height:22px;width:auto;max-width:100%;display:block;}
.tyx .nach-oben{font-size:13px;font-weight:700;color:var(--txt)!important;white-space:nowrap;}
.tyx .nach-oben:hover{color:var(--ai)!important;}
.tyx .foot{background:var(--navy)!important;color:rgba(255,255,255,.88)!important;font-size:14px;}
.tyx .foot .wrap{padding-top:44px;padding-bottom:26px;}
.tyx .fgrid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:32px;}
.tyx .foot-logo{height:20px;width:auto;display:block;margin-bottom:16px;}
.tyx .fintro p{margin:0 0 14px;line-height:1.6;color:rgba(255,255,255,.85)!important;}
.tyx .fkopf{margin:0 0 14px;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff!important;}
.tyx .fcol ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;}
.tyx .foot a{color:rgba(255,255,255,.88)!important;text-decoration:none;}
.tyx .foot a:hover{color:#fff!important;text-decoration:underline;text-underline-offset:3px;}
.tyx .foot a[aria-current]{color:#fff!important;font-weight:700;}
.tyx .foot .fmehr{font-weight:700;color:#fff!important;}
.tyx .fbase{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);font-size:13px;}
.tyx .frecht,.tyx .fsocial{display:flex;flex-wrap:wrap;gap:6px 20px;}
.tyx .fcopy{color:rgba(255,255,255,.7)!important;}
@media(max-width:1080px){.tyx .fgrid{grid-template-columns:1fr 1fr;}.tyx .fintro{grid-column:1/-1;}}
@media(max-width:560px){.tyx .fgrid{gap:26px 16px;}.tyx .fbase{flex-direction:column;align-items:flex-start;}}
/* Sprungleiste nur auf Mobil zeigen – am Desktop traegt der Header die Anker */
@media(min-width:1081px){.tyx .jump{display:none;}}
/* Responsive */
@media(max-width:1080px){
.tyx .hd-main{display:none;}
.tyx .hd-nav{height:70px;gap:16px;}
.tyx .logo-img{height:27px;}
/* Sprungleiste klebt auf Mobil unter dem Header – schnelle Orientierung am Stand */
.tyx .jump{position:sticky;top:70px;z-index:95;}
.tyx [id]{scroll-margin-top:126px;}
.tyx .caps-grid{grid-template-columns:1fr 1fr;}
.tyx .cap{border-left:none;border-top:1px solid rgba(255,255,255,.25);}
.tyx .zellebox{grid-template-columns:1fr;gap:18px;}
.tyx .zinfo{position:static;min-height:0;}
.tyx .edge-grid{grid-template-columns:1fr 1fr;}
.tyx .pilot-grid,.tyx .termin-box{grid-template-columns:1fr;}
}
@media(max-width:700px){
.tyx .g2{grid-template-columns:1fr;gap:14px;}
}
@media(max-width:560px){
.tyx .sec{padding:40px 0;}
.tyx .hero .wrap{padding-top:52px;padding-bottom:46px;}
.tyx .hero p.lead{margin-top:18px;}
.tyx .hero-actions{flex-direction:column;align-items:stretch;margin-top:30px;}
.tyx .hero-actions .btn{justify-content:center;}
.tyx .hd-tools .lang{display:none;}
.tyx .hd-tools{gap:10px;}
.tyx .hd-nav{gap:12px;padding-left:16px;padding-right:12px;}
/* Wortmarke ist sehr breit (8,4:1) – auf kleinen Screens ueber die Breite steuern */
.tyx .logo-img{height:auto;width:min(200px,100%);}
.tyx .hd-tools .btn{padding:10px 14px 10px 18px;font-size:13.5px;}
.tyx .mbtn{width:40px;height:40px;padding:9px;}
/* Faehigkeiten: 2x2 kompakt statt langer Einzelspalte */
.tyx .cap{padding:14px 12px;gap:10px;}
.tyx .cap .hx{width:32px;height:35px;font-size:11px;}
.tyx .cap .t{font-size:12px;}
.tyx .cap .d{font-size:10.5px;}
.tyx .edge-grid{grid-template-columns:1fr;}
/* Grafik randlos ueber die volle Breite – auf 375px zaehlt jeder Pixel */
.tyx .zstage{margin-left:-20px;margin-right:-20px;}
/* Hotspot-Punkte: GROESSER statt kleiner – Tippflaeche mind. 40px */
.tyx .zdot{width:42px;height:46px;}
.tyx .zdot b{font-size:15px;}
.tyx .zinfo{padding:22px 20px 24px;}
.tyx .zi h3{font-size:18px;}
.tyx .termin-box{padding:24px 20px;}
.tyx .termin-aktion .btn{justify-content:center;}
}
/* Kopfband Unterseiten */
.tyx .kopf{background:linear-gradient(115deg,var(--ai-d) 0%,var(--ai) 70%,#7a1ab8 115%);color:#fff;}
.tyx .kopf .wrap{padding-top:clamp(44px,6vw,76px);padding-bottom:clamp(38px,5vw,64px);}
.tyx .crumb{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75)!important;margin-bottom:16px;}
.tyx .crumb a{color:rgba(255,255,255,.75)!important;}
.tyx .crumb a:hover{color:#fff!important;text-decoration:underline;}
.tyx .crumb .sep{margin:0 8px;}
.tyx .kopf h1{font-size:clamp(30px,4.2vw,56px);color:#fff!important;}
.tyx .kopf .sub{margin-top:12px;font-size:15px;color:rgba(255,255,255,.85)!important;max-width:620px;}
/* Fotos */
.tyx .uc-foto{max-width:860px;margin:0 auto;}
.tyx .uc-foto img{width:100%;height:auto;display:block;background:#fff;}
.tyx .uc-gal{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.tyx .uc-gal img{width:100%;height:auto;object-fit:cover;display:block;aspect-ratio:4/3;}
.tyx figcaption{font-size:13px;color:var(--mut)!important;margin-top:10px;}
@media(max-width:700px){.tyx .uc-gal{grid-template-columns:1fr;}}
/* Rechtstexte */
.tyx .lg{padding:clamp(44px,6vw,80px) 0;}
.tyx .lg-wrap{max-width:860px;margin:0 auto;padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px);}
.tyx .lg-sec{border-top:1px solid #e2e4e9;padding:30px 0 8px;}
.tyx .lg-sec:first-child{border-top:0;padding-top:0;}
.tyx .lg-num{display:block;font-size:13px;font-weight:800;letter-spacing:.16em;color:var(--ai)!important;margin-bottom:8px;}
.tyx .lg h2{font-size:clamp(19px,2vw,24px);font-weight:700;color:var(--txt)!important;margin-bottom:12px;}
.tyx .lg h3{font-size:17px;font-weight:700;color:var(--txt)!important;margin:20px 0 8px;}
.tyx .lg p{margin:0 0 13px;font-size:15.5px;color:var(--txt)!important;max-width:720px;}
.tyx .lg a{color:var(--ai)!important;text-decoration:underline;text-underline-offset:3px;}
.tyx .lg a:hover{color:var(--srv)!important;}
.tyx .lg-data{border-left:3px solid var(--ai);background:var(--bgl);padding:18px 22px;margin:0 0 16px;max-width:720px;}
.tyx .lg-data p{margin:0 0 4px;}
.tyx .lg-data p:last-child{margin-bottom:0;}
.tyx .lg-stand{font-size:13px;color:var(--mut)!important;border-top:1px solid #e2e4e9;padding-top:18px;margin-top:30px;}
.tyx .lg-back{margin-top:24px;}
/* Block-Editor: Abstände der Kern-Blöcke im .tyx-Raster neutralisieren */
:where(.tyx .wp-block-group){margin-block:0;}
:where(.tyx .is-layout-flow)>*{margin-block-start:0;}
/* Kopfzeile als Template-Part: der Part selbst muss kleben, nicht nur das innere .hd */
.wp-site-blocks>header.wp-block-template-part{position:sticky;top:0;z-index:100;}
body.admin-bar .wp-site-blocks>header.wp-block-template-part{top:32px;}
@media(max-width:782px){body.admin-bar .wp-site-blocks>header.wp-block-template-part{top:46px;}}
.tyx-kopf .hd{position:relative;}
.tyx-kopf .hd-main a[aria-current="page"]{color:var(--ai)!important;}
/* Kern-Blöcke im TECHTORY-Look (für Seiten, die aus Blöcken gebaut sind) */
.tyx .wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px;}
.tyx .wp-block-button__link{display:inline-flex;align-items:center;gap:10px;background:var(--srv);color:#fff!important;font-weight:600;font-size:15px;line-height:1.6;padding:13px 26px 13px 30px;border:none;border-radius:0;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%);text-decoration:none!important;transition:filter .2s;}
.tyx .wp-block-button__link:hover{filter:brightness(1.12);}
.tyx .is-style-outline>.wp-block-button__link{background:transparent!important;border:none!important;padding:13px 26px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);clip-path:none;}
.tyx .is-style-outline>.wp-block-button__link:hover{background:rgba(255,255,255,.12);filter:none;}
.tyx .wp-block-image{margin:0;}
.tyx .wp-block-image img{height:auto;}
.tyx .pcta .wp-block-buttons{margin-top:auto;}
.tyx .kontakt .wp-block-buttons{margin-top:0;}
.tyx .crumb a,.tyx .k-direkt a{white-space:nowrap;}
.tyx .k-direkt .sep,.tyx .crumb .sep{display:inline;}
@media(max-width:560px){.tyx .wp-block-buttons{flex-direction:column;align-items:stretch;}.tyx .wp-block-button__link{justify-content:center;width:100%;}}
/* Cookie-Abfrage (inc/einwilligung.php): beide Knöpfe gleichwertig */
.tyx.tyx-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;display:flex;justify-content:center;background:transparent!important;pointer-events:none;}
.tyx.tyx-cookie[hidden]{display:none;}
.tyx-cookie .ck{pointer-events:auto;width:100%;max-width:760px;background:#fff;border-top:4px solid var(--ai);box-shadow:0 20px 50px rgba(10,10,51,.28);padding:22px 26px;}
.tyx-cookie .ck-titel{margin:0 0 6px;font-weight:700;font-size:16px;color:var(--txt)!important;}
.tyx-cookie .ck-text{margin:0 0 16px;font-size:14px;line-height:1.55;color:var(--mut)!important;}
.tyx-cookie .ck-text a{color:var(--ai)!important;text-decoration:underline;}
.tyx-cookie .ck-knoepfe{display:flex;flex-wrap:wrap;gap:12px;}
.tyx-cookie .ck-btn{flex:1 1 160px;font:inherit;font-weight:600;font-size:15px;padding:12px 20px;background:var(--ai);color:#fff;border:0;border-radius:0;cursor:pointer;}
.tyx-cookie .ck-btn:hover{filter:brightness(1.18);}
.tyx-cookie .ck-btn:focus-visible{outline:2px solid var(--srv);outline-offset:3px;}
@media(max-width:560px){.tyx-cookie .ck{padding:18px 18px;}.tyx.tyx-cookie{left:10px;right:10px;bottom:10px;}}
/* Prüfbericht 12.10.2026: Tastaturfokus, Kontrast, Hotspots */
.tyx #tymenu:focus-visible~.hd-nav .mbtn{outline:2px solid var(--srv);outline-offset:2px;}
.tyx :is(.hero,.caps,.edge,.pcta,.kontakt,.foot,.kopf) :focus-visible{outline-color:#fff!important;}
.tyx .caps{background:linear-gradient(rgba(10,10,51,.32),rgba(10,10,51,.32)),var(--grad)!important;}
.tyx .cap .d{color:#fff!important;}
#zst1:focus-visible~.zstage .zdot[for=zst1],#zst2:focus-visible~.zstage .zdot[for=zst2],#zst3:focus-visible~.zstage .zdot[for=zst3],#zst4:focus-visible~.zstage .zdot[for=zst4],#zst5:focus-visible~.zstage .zdot[for=zst5],#zst6:focus-visible~.zstage .zdot[for=zst6]{outline:3px solid #fff;outline-offset:3px;border-radius:6px;}
.tyx .mquick a[hreflang]{font-weight:700;}
@media(max-width:560px){.tyx .cap .d{font-size:11.5px;}}
/* Startseite im Gruppen-Rahmen (Phase 2): Kennzahlen-Leiste, Kompetenzfelder, Status-Chips, Belege, Erweiterungen, Ablauf, FAQ */
.tyx .h1-sub{display:block;margin-top:.3em;font-size:.56em;font-weight:400;line-height:1.2;}
.tyx .kpis{display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(clamp(20px,4vw,64px),calc((100% - 1152px)/2));background:linear-gradient(90deg,#170062 0%,#3d3f48 34%,#00938E 66%,#520086 100%);color:#fff;}
.tyx .kpi{display:flex;align-items:center;gap:16px;padding:22px 20px;border-left:1px solid rgba(255,255,255,.28);}
.tyx .kpi:first-child{border-left:none;padding-left:0;}
.tyx .kpi svg{width:38px;height:38px;flex-shrink:0;fill:none;stroke:#fff;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;}
.tyx .kpi span{display:flex;flex-direction:column;font-size:12.5px;line-height:1.3;color:rgba(255,255,255,.92)!important;}
.tyx .kpi b{font-size:28px;font-weight:700;line-height:1.1;color:#fff!important;}
.tyx .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.tyx .mehr{margin-top:22px;font-weight:700;}
.tyx .mehr a{color:var(--srv)!important;}
.tyx .mehr a:hover{text-decoration:underline;text-underline-offset:3px;}
.tyx .felder{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(28px,5vw,80px);align-items:start;}
.tyx .flist{list-style:none;margin:0;padding:0;border-top:1px solid #cfd2da;}
.tyx .flist li{border-bottom:1px solid #cfd2da;}
.tyx .flist li>a,.tyx .flist li:not(:has(a)){display:grid;grid-template-columns:1fr auto;column-gap:16px;padding:16px 0;}
.tyx .flist li>a{color:var(--txt)!important;}
.tyx .flist li>a::after{content:"→";grid-column:2;grid-row:1/span 2;align-self:center;font-size:20px;color:var(--srv);}
.tyx .flist li>a:hover strong{color:var(--ai)!important;}
.tyx .flist strong{display:block;font-size:clamp(17px,1.6vw,21px);font-weight:400;color:var(--txt)!important;}
.tyx .flist li span{display:block;grid-column:1;font-size:14.5px;color:var(--mut)!important;}
.tyx .chip{display:inline-block;margin-bottom:12px;padding:3px 10px;border-radius:3px;font-size:12px;font-weight:700;letter-spacing:.02em;color:#fff!important;background:var(--ai);}
.tyx .chip--live{background:var(--ai);}
.tyx .chip--next{background:transparent;color:var(--ai)!important;box-shadow:inset 0 0 0 1px var(--ai);}
.tyx .chip--automation{background:#170062;}
.tyx .chip--service{background:var(--srv);}
.tyx .faeh .bsp{margin-top:12px;padding-left:14px;border-left:3px solid var(--ai);font-style:italic;color:var(--txt)!important;}
.tyx .haken{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.tyx .haken li{position:relative;padding-left:24px;font-size:15px;color:var(--mut)!important;}
.tyx .haken li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:13px;background:var(--ai);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);}
.tyx .beleg figure{margin:-30px -28px 10px;}
.tyx .beleg img{display:block;width:100%;height:240px;object-fit:cover;}
.tyx .beleg .wp-block-buttons{margin-top:18px;}
.tyx .herkunft{margin-top:28px;padding:28px 30px;background:var(--bglav);border-left:4px solid var(--ai);}
.tyx .herkunft .zitat{margin-top:10px;font-weight:700;color:var(--txt)!important;}
.tyx .xsec{background:#fafafa!important;}
.tyx .xcards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.tyx .xcard{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e4e9;color:var(--txt)!important;transition:box-shadow .2s;}
.tyx .xcard:hover{box-shadow:0 14px 30px rgba(10,10,51,.12);}
.tyx .xcard img{display:block;width:100%;height:150px;object-fit:cover;}
.tyx .xcard .chip{align-self:flex-start;margin:16px 18px 8px;}
.tyx .xcard strong{margin:0 18px;font-size:17px;font-weight:400;line-height:1.3;}
.tyx .xcard .xtext{margin:8px 18px 0;font-size:14px;color:var(--mut)!important;}
.tyx .xcard .xmehr{margin:auto 18px 18px;padding-top:14px;font-size:13px;font-weight:700;color:var(--srv)!important;}
.tyx .ablauf{list-style:none;margin:26px 0 0;padding:0;counter-reset:schritt;display:grid;gap:14px;}
.tyx .ablauf li{position:relative;counter-increment:schritt;padding:16px 18px 16px 70px;background:#fff;font-size:15px;color:var(--mut)!important;}
.tyx .ablauf li::before{content:"0" counter(schritt);position:absolute;left:18px;top:16px;width:36px;height:40px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;background:var(--ai);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);}
.tyx .ablauf strong{display:block;margin-bottom:2px;font-size:16px;color:var(--txt)!important;}
.tyx .pcta .k-direkt{margin-top:16px;}
.tyx .faq{display:grid;gap:10px;max-width:880px;}
.tyx .faq details{background:var(--bgl);border-left:4px solid var(--ai);}
.tyx .faq summary{cursor:pointer;list-style:none;padding:18px 52px 18px 22px;position:relative;font-size:17px;font-weight:700;color:var(--txt);}
.tyx .faq summary::-webkit-details-marker{display:none;}
.tyx .faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--ai);}
.tyx .faq details[open] summary::after{content:"–";}
.tyx .faq summary:focus-visible{outline:2px solid var(--srv);outline-offset:2px;}
.tyx .faq details p{padding:0 22px 20px;color:var(--mut)!important;}
@media(max-width:1080px){
.tyx .kpis{grid-template-columns:1fr 1fr;}
.tyx .kpi{border-left:none;border-top:1px solid rgba(255,255,255,.25);padding-left:0;}
.tyx .kpi:nth-child(-n+2){border-top:none;}
.tyx .g3{grid-template-columns:1fr;}
.tyx .felder{grid-template-columns:1fr;}
.tyx .xcards{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
.tyx .kpi{gap:10px;padding:14px 8px 14px 0;}
.tyx .kpi svg{width:28px;height:28px;}
.tyx .kpi b{font-size:22px;}
.tyx .kpi span{font-size:11px;}
.tyx .xcards{grid-template-columns:1fr;}
.tyx .beleg figure{margin:-22px -20px 18px;}
.tyx .ablauf li{padding-left:64px;}
}
.tyx p.chip,.tyx .card p.chip{align-self:flex-start;color:#fff!important;}
.tyx p.chip--next,.tyx .card p.chip--next{color:var(--ai)!important;}
.tyx .pilot-grid>.pcta{align-self:start;}
.tyx .pilot-grid>.pcta .wp-block-buttons{margin-top:10px;}
.tyx .bsp a,.tyx .flist li span a{color:var(--ai)!important;text-decoration:underline;text-underline-offset:3px;}
/* Schmale Handys (320–400 px): lange Wörter in Überschriften trennen, Pilot und Footer einspaltig ohne Mindestbreite, geschlossener Switcher ohne Platzbedarf */
.tyx h1,.tyx h2,.tyx h3{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;}
.tyx .bsw:not([open]) .bsw-panel{display:none;}
@media(max-width:1080px){.tyx .pilot-grid{grid-template-columns:minmax(0,1fr);}}
@media(max-width:400px){.tyx .kpi{gap:8px;}.tyx .kpi svg{width:24px;height:24px;}.tyx .kpi span{font-size:10.5px;}.tyx .fgrid{grid-template-columns:minmax(0,1fr);}}
/* Phase 3: MachineCopilot-Seite und FAQ */
.tyx .chip--ai{background:var(--ai);}
.tyx .kopf .hero-actions{margin-top:26px;}
.tyx .card p.dlg-f,.tyx .card p.dlg-a{margin:0;padding:10px 14px;font-size:14.5px;color:var(--txt)!important;}
.tyx .card p.dlg-f{background:#fff;border-left:3px solid var(--srv);font-style:italic;}
.tyx .card p.dlg-a{background:var(--bglav);border-left:3px solid var(--ai);}
.tyx .fussnote{margin-top:18px;font-size:13px;font-style:italic;color:var(--mut)!important;}
.tyx .herkunft .haken{margin-top:12px;}
.tyx .herkunft h3{margin-bottom:6px;}
.tyx .xsec .xcard img{object-position:center;}
.tyx .schichten{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-width:860px;}
.tyx .schichten li{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:4px 24px;padding:16px 20px;background:rgba(255,255,255,.06);border-left:4px solid rgba(255,255,255,.25);}
.tyx .schichten li:nth-child(3){background:rgba(255,255,255,.16);border-left-color:#fff;}
.tyx .schichten strong{color:#fff!important;}
.tyx .schichten span{color:rgba(255,255,255,.82)!important;font-size:15px;}
.tyx .phase p{font-size:14.5px;}
.tyx .phase p strong{color:var(--ai)!important;}
.tyx .fgruppe{max-width:880px;margin-bottom:clamp(36px,5vw,64px);}
.tyx .fgruppe:last-child{margin-bottom:0;}
.tyx div.frage{padding:22px 0;border-bottom:1px solid #e2e4e9;}
.tyx div.frage h2{margin-bottom:8px;font-size:clamp(19px,2vw,23px);font-weight:700;}
.tyx div.frage p{color:var(--mut)!important;}
.tyx div.frage p a{color:var(--ai)!important;text-decoration:underline;text-underline-offset:3px;}
@media(max-width:700px){.tyx .schichten li{grid-template-columns:minmax(0,1fr);}}
.tyx .mehr--hell a{color:#fff!important;}