/*
Theme Name: VisyFlux Systems
Theme URI: https://visyflux.com
Author: VisyFlux
Description: VisyFlux Unternehmens- und Produktwebsite, direkt verbunden mit dem VisyFlux Shop.
Version: 1.3.1
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: visyflux-systems
*/
:root{--red:#ef1723;--ink:#10161d;--muted:#68737e;--line:#dde2e5;--soft:#f3f5f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.site-header{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:30px;height:88px;padding:0 max(28px,calc((100vw - 1440px)/2));border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}.site-brand img{display:block;width:139px;height:auto}.main-nav{display:flex;justify-content:center;gap:32px}.main-nav a,.header-actions a{font-size:13px;font-weight:750;text-decoration:none}.main-nav a:hover{color:var(--red)}.header-actions{display:flex;align-items:center;gap:18px}.portal-link{display:inline-flex;gap:18px;align-items:center;padding:12px 18px;border-radius:99px;background:var(--ink);color:#fff}.portal-link span{color:var(--red)}.hero{position:relative;display:grid;grid-template-columns:1.03fr .97fr;min-height:790px;overflow:hidden}.hero:before{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(20,27,34,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(20,27,34,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 50%);content:""}.hero-copy{position:relative;z-index:2;padding:105px 40px 70px max(40px,calc((100vw - 1360px)/2))}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--red);font-size:11px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.eyebrow i{width:30px;height:1px;background:currentColor}.hero h1,.section-heading h2,.process h2,.professional-card h2{margin:24px 0 28px;font-size:clamp(68px,7.4vw,110px);font-weight:530;letter-spacing:-.072em;line-height:.83}.hero h1 em{color:var(--red);font-style:normal}.hero-lead{max-width:670px;color:var(--muted);font-size:18px;line-height:1.68}.hero-actions{display:flex;gap:12px;margin:36px 0 48px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 23px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:14px;font-weight:800;text-decoration:none}.button--primary{border-color:var(--red);background:var(--red);color:#fff}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);max-width:700px;border-top:1px solid var(--line);padding-top:24px}.hero-facts div{display:grid;gap:7px}.hero-facts strong{font-size:18px}.hero-facts span{color:var(--muted);font-size:11px}.hero-stage{position:relative;min-height:700px;background:radial-gradient(circle at 48% 50%,#fff 0,#f2f4f5 36%,#e8ecee 70%)}.hero-stage:before,.hero-stage:after{position:absolute;border:1px solid rgba(239,23,35,.24);border-radius:50%;content:""}.hero-stage:before{inset:16% 7%}.hero-stage:after{inset:27% 18%}.hero-product{position:absolute;z-index:2;object-fit:contain;filter:drop-shadow(0 34px 38px rgba(12,18,24,.25))}.hero-product--front{right:18%;bottom:2%;width:61%;height:88%}.hero-product--rear{right:-3%;bottom:8%;width:37%;height:65%;opacity:.65}.floating-spec{position:absolute;z-index:4;display:grid;gap:5px;padding:15px 18px;border:1px solid rgba(255,255,255,.8);border-radius:15px;background:rgba(255,255,255,.8);box-shadow:0 20px 45px rgba(25,34,42,.1);backdrop-filter:blur(14px)}.floating-spec small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.floating-spec--top{top:16%;left:7%}.floating-spec--bottom{right:7%;bottom:9%}.floating-spec--bottom span{font-size:11px;color:var(--muted)}.intro-strip{display:flex;justify-content:center;align-items:center;gap:28px;padding:18px;background:var(--ink);color:#fff;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.intro-strip i{width:3px;height:3px;border-radius:50%;background:var(--red)}.section-shell{max-width:1360px;margin:0 auto;padding:120px 30px}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end;margin-bottom:60px}.section-heading h2{font-size:clamp(60px,7vw,95px);margin-bottom:0}.section-heading__action{padding-bottom:8px}.section-heading__action p{color:var(--muted);line-height:1.7;margin-bottom:22px}.world-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.world-card{position:relative;min-height:430px;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 78% 78%,#f9dddd,transparent 44%),var(--soft);padding:28px}.world-card--large{grid-column:span 2;min-height:500px}.world-card__meta{display:flex;justify-content:space-between;color:var(--red);font-size:12px;font-weight:800}.world-card__meta small{color:var(--muted);letter-spacing:.14em;text-transform:uppercase}.world-card__copy{position:relative;z-index:2;max-width:48%;margin-top:45px}.world-card__copy h3{margin:0 0 12px;font-size:42px;letter-spacing:-.05em}.world-card__copy p{color:var(--muted);line-height:1.6}.world-card__copy a{color:var(--red);font-size:13px;font-weight:800;text-decoration:none}.world-card__product-link{position:absolute;right:3%;bottom:-5%;display:block;width:47%;height:76%}.world-card__product-link img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(20,27,34,.14))}.process{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:110px max(30px,calc((100vw - 1320px)/2));background:var(--ink);color:#fff}.process h2{font-size:clamp(58px,6vw,88px)}.process-visual>p{max-width:620px;color:#aeb7bf;line-height:1.65}.process-terminal{margin-top:45px;border:1px solid #303943;border-radius:20px;background:#161d24;padding:25px}.terminal-head{display:flex;gap:7px;padding-bottom:18px;border-bottom:1px solid #303943}.terminal-head span{width:8px;height:8px;border-radius:50%;background:#45505a}.terminal-head span:first-child{background:var(--red)}.terminal-head small{margin-left:auto;color:#7f8b96}.terminal-row{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #29323b}.terminal-row span{color:#89949e}.terminal-status{margin-top:20px;color:#b8efc9}.terminal-status i{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#29ba61}.workflow-list article{display:grid;grid-template-columns:60px 1fr;gap:15px;padding:30px 0;border-bottom:1px solid #303943}.workflow-list article>span{color:var(--red);font-weight:800}.workflow-list h3{margin:0 0 9px;font-size:28px}.workflow-list p{margin:0;color:#aeb7bf;line-height:1.6}.professional-card{border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,#f7f8f8,#fff);padding:70px}.professional-card h2{font-size:clamp(54px,6vw,88px)}.professional-card>p{max-width:900px;color:var(--muted);font-size:18px;line-height:1.7}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:42px}.role-grid div{display:grid;gap:7px;padding:24px;border:1px solid var(--line);border-radius:17px;background:#fff}.role-grid span{color:var(--red);font-size:11px;font-weight:800}.role-grid strong{font-size:21px}.role-grid small{color:var(--muted)}.site-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:46px max(30px,calc((100vw - 1360px)/2));border-top:1px solid var(--line)}.site-footer img{width:130px}.site-footer p{text-align:center;color:var(--muted)}.site-footer span{text-align:right;color:var(--muted);font-size:12px}.page-content{min-height:65vh}.page-standard{max-width:1000px;margin:auto;padding:90px 25px}.page-standard h1{font-size:64px;letter-spacing:-.06em}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}.main-nav{display:none}.hero{grid-template-columns:1fr}.hero-stage{min-height:650px}.section-heading,.process{grid-template-columns:1fr}.world-card--large{grid-column:span 1}.process{gap:50px}.world-grid{grid-template-columns:1fr}.world-card{min-height:440px}.world-card__copy{max-width:56%}}
@media(max-width:650px){.site-header{height:74px;padding:0 18px}.site-brand img{width:115px}.header-actions>a:first-child{display:none}.portal-link{padding:10px 14px}.hero-copy{padding:75px 19px 50px}.hero h1{font-size:60px}.hero-stage{min-height:480px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-facts{grid-template-columns:1fr;gap:18px}.intro-strip{overflow:hidden;justify-content:flex-start;padding-left:20px}.section-shell{padding:80px 18px}.section-heading h2{font-size:54px}.world-card{min-height:520px;padding:22px}.world-card__copy{max-width:100%}.world-card__product-link{width:76%;height:55%}.process{padding:75px 19px}.professional-card{padding:38px 24px}.role-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;gap:15px;text-align:center}.site-footer img{margin:auto}.site-footer span{text-align:center}.floating-spec--top{top:5%}.floating-spec--bottom{right:4%}}
.site-footer{grid-template-columns:1fr 2fr 1fr;gap:30px}.site-footer__brand p{margin:10px 0 0;text-align:left;color:var(--muted);font-size:12px}.site-footer__legal{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.site-footer__legal a{color:var(--muted);font-size:12px;text-decoration:none}.site-footer__legal a:hover{color:var(--red)}.site-footer>span{text-align:right}@media(max-width:650px){.site-footer{grid-template-columns:1fr}.site-footer__brand p,.site-footer>span{text-align:center}.site-footer__legal{gap:12px 18px}}
