/*
Theme Name: WITTBIX
Theme URI: https://www.wittbix.com
Author: WITTBIX · Dr. Tobias S. Witte
Description: Website von WITTBIX (Process Intelligence, KI, Value Execution). Zweisprachig, Deutsch auf der Hauptebene und Englisch unter /en/. Legt beim Aktivieren alle Seiten selbst an.
Version: 1.6
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: Proprietär, nur für wittbix.com
Text Domain: wittbix
*/
html{color-scheme:light} body{margin:0;background:#fff}
/* Open Sans lokal · relativ zu style.css */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/OpenSans-Regular.woff2') format('woff2')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/OpenSans-SemiBold.woff2') format('woff2')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/OpenSans-Bold.woff2') format('woff2')}

/* WITTBIX Website · Astra Additional CSS · Fassung 5 · Stand 14.09.2026 */
.wx{--navy:#0F1B2D;--navy2:#16263D;--green:#348434;--green2:#6CC04A;--grey:#F3F5F8;--line:#D5DAE2;--ink:#1B1B1B;--muted:#5F6B7A;--bg:#FFFFFF;
  font-family:'Open Sans',Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
.wx *{box-sizing:border-box}
.wx h1,.wx h2,.wx h3,.wx .num{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.01em;text-wrap:balance;margin:0;color:inherit}
.wx h1{font-size:clamp(40px,6vw,88px);line-height:1.04} .wx h2{font-size:clamp(28px,3.2vw,44px);line-height:1.12} .wx h3{font-size:22px;line-height:1.3}
.wx p{margin:0;max-width:68ch} .wx ul{margin:0;padding:0} .wx li{margin:0}
.wx a{color:var(--green);text-decoration:none} .wx a:hover{text-decoration:underline}
.wx a:focus-visible,.wx button:focus-visible{outline:3px solid var(--green2);outline-offset:2px}
.wx .wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.wx .kicker{max-width:none;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--green)}
.wx .muted{color:var(--muted);font-size:14px} .wx .small{font-size:15px}
.wx section{padding:clamp(56px,7vw,96px) 0;margin:0} .wx .grey{background:var(--grey)}
.wx .btn{display:inline-block;padding:15px 26px;font-weight:700;font-size:16px;text-decoration:none;border:2px solid var(--green);color:#fff;background:var(--green);border-radius:2px;line-height:1.3}
.wx .btn:hover{background:#2b6e2b;border-color:#2b6e2b;text-decoration:none} .wx .btn.ghost{background:transparent;color:var(--green)} .wx .btn.ghost:hover{background:var(--grey)}
.wx .btns{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px}
.wx header.top{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.wx nav.top{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wx nav.top .logo{height:72px;width:auto;flex:none;display:block}
.wx nav.top ul{display:flex;gap:22px;list-style:none;font-size:14px;font-weight:600;white-space:nowrap;flex-wrap:wrap;justify-content:flex-end} .wx nav.top ul a{color:var(--ink)}
.wx .burger{display:none;background:none;border:1px solid var(--line);border-radius:2px;width:44px;height:40px;padding:9px 10px;cursor:pointer;flex-direction:column;justify-content:space-between;margin-left:auto} .wx .burger span{display:block;height:2px;background:var(--ink)}
.wx .lang{display:inline-flex;border:1px solid var(--line);border-radius:2px;overflow:hidden;flex:none}
.wx .lang a{font:600 13px 'Open Sans',Arial,sans-serif;padding:7px 12px;color:var(--muted);line-height:1.2;text-decoration:none} .wx .lang a.on{background:var(--navy);color:#fff}
.wx .spektral{display:flex;height:4px;width:100%} .wx .spektral i{flex:1;display:block}
.wx .grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px;align-items:center}
.wx .grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px}
.wx .grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.wx .grid5{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px}
.wx .num{color:var(--green);font-size:56px;line-height:1;font-variant-numeric:tabular-nums} .wx .num.md{font-size:38px} .wx .num.sm{font-size:30px} .wx .num.xl{font-size:clamp(56px,7vw,88px);white-space:nowrap}
.wx .src{font-size:13px;color:var(--muted);margin-top:8px}
.wx .line-top{border-top:2px solid var(--ink);padding-top:20px} .wx .hair{border-top:1px solid var(--line)}
.wx .card{background:#fff;border:1px solid var(--line);padding:32px}
.wx .tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border:1px solid currentColor}
.wx .quote{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.4;font-style:italic}
.wx .foto{background:repeating-linear-gradient(135deg,#e3e7ec 0 12px,#eef1f5 12px 24px);border:1px solid var(--line);display:flex;align-items:flex-end;padding:14px;font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;min-height:320px}
.wx .foto.tall{min-height:460px}
.wx img.pic{display:block;width:100%;height:auto;max-width:100%} .wx img.pic.portrait{aspect-ratio:4/5;object-fit:cover} .wx img.pic.full{max-height:640px;object-fit:contain;object-position:top}
.wx .timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));border-top:3px solid var(--navy);margin-top:40px}
.wx .timeline>div{padding:26px 22px 0 20px;border-left:1px solid var(--line)} .wx .timeline>div:first-child{border-left:0;padding-left:0}
.wx .timeline .d{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:38px;color:var(--green)}
.wx .tabs{display:flex;border-bottom:1px solid var(--line);flex-wrap:wrap} .wx .tabs button{background:none;border:0;border-bottom:4px solid transparent;padding:14px 26px;font:700 16px 'Open Sans',Arial,sans-serif;color:var(--muted);cursor:pointer;margin-bottom:-1px}
.wx .tabs button.on{color:var(--ink);border-color:var(--green)}
.wx .pane{display:none} .wx .pane.on{display:grid}
.wx table{width:100%;border-collapse:collapse;font-size:15px} .wx th,.wx td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top} .wx th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.wx .tablewrap{overflow-x:auto}
.wx .stackrows{display:grid;gap:28px} .wx .srow{display:grid;grid-template-columns:80px minmax(200px,280px) 1fr minmax(180px,240px);gap:28px;align-items:start}
.wx .phase{display:grid;grid-template-columns:120px 1fr;gap:32px;padding:32px 0;border-top:1px solid var(--line)}
.wx .phase .d{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:44px;color:var(--green);line-height:1}
.wx .cols3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin-top:18px}
.wx .day{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:14px 0;border-top:1px solid var(--line)} .wx .day b{font-family:Georgia,'Times New Roman',serif;color:var(--green);font-size:20px}
.wx .cta-band{background:var(--grey);padding:clamp(48px,6vw,80px) 0}
.wx .band{height:clamp(200px,30vw,400px);background-size:cover;background-position:center;background-repeat:no-repeat}
.wx .cta-band.photo{position:relative;background-size:cover;background-position:center;color:#fff} .wx .cta-band.photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,27,45,.9),rgba(15,27,45,.72))}
.wx .cta-band.photo>.wrap{position:relative} .wx .cta-band.photo h2,.wx .cta-band.photo p{color:#fff} .wx .cta-band.photo .kicker{color:var(--green2)}
.wx .cta-band.photo .btn.ghost{color:#fff;border-color:#fff} .wx .cta-band.photo .btn.ghost:hover{background:rgba(255,255,255,.14)}
.wx .fuss{background:var(--navy);color:#fff;padding:56px 0 36px;font-size:14px} .wx .fuss a{color:#fff} .wx .fuss .logo{height:110px;width:auto;display:block}
.wx .fuss .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.wx .stationen{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.wx .marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.wx .marquee .track{display:flex;gap:64px;width:max-content;animation:wxscroll 70s linear infinite} .wx .marquee:hover .track{animation-play-state:paused}
.wx .marquee .track span{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:26px;color:#8a94a1;white-space:nowrap;letter-spacing:.02em}
.wx .marquee .track img,.wx .marquee .track svg{height:34px;width:auto;opacity:.75}
@keyframes wxscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.wx .plogo{height:32px;width:auto;display:block} .wx .partner{display:flex;gap:48px;align-items:center;flex-wrap:wrap;margin-top:18px}
.wx .doct-logo{height:64px;width:auto;display:block}
.wx .logorow{display:flex;gap:40px;align-items:center;flex-wrap:wrap;min-height:72px;margin-top:12px}
.wx .ergtab td{padding:18px 18px 18px 0} .wx .ergtab .eff{width:24%} .wx .ergtab .num.sm{font-size:26px;line-height:1.15} .wx .ergtab b{font-family:Georgia,'Times New Roman',serif;font-size:17px}
.wx .legal h2{font-size:22px;margin-top:36px} .wx .legal h2:first-child{margin-top:0} .wx .legal p{margin-top:12px;max-width:none;font-size:16px} .wx .legal ul{margin:10px 0 0 20px;font-size:16px} .wx .legal li{margin-top:4px}
.wx .case{border-top:2px solid var(--ink);padding-top:18px} .wx .case .num{font-size:34px;line-height:1.1} .wx .case h3{font-size:19px;margin-top:12px}
.wx .team{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}
.wx .team .card{padding:24px;display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:start} .wx .team img.pic{aspect-ratio:4/5;object-fit:cover}
@media (prefers-reduced-motion:reduce){.wx .marquee .track{animation:none;flex-wrap:wrap;width:auto}}
@media (max-width:760px){.wx nav.top{height:auto;padding:12px 0;flex-wrap:wrap;gap:12px} .wx nav.top .logo{height:56px} .wx .burger{display:flex} .wx .lang{order:1} .wx nav.top ul{display:none;order:3;width:100%;flex-direction:column;gap:0;font-size:16px;border-top:1px solid var(--line);margin-top:4px} .wx nav.top.open ul{display:flex} .wx nav.top ul li{border-bottom:1px solid var(--line)} .wx nav.top ul a{display:block;padding:12px 0} .wx .tabs button{flex:1;padding:12px 4px;font-size:13px;white-space:nowrap;text-align:center} .wx .srow{grid-template-columns:1fr;gap:6px} .wx .srow .num{font-size:28px} .wx .gruender p{font-size:17px!important} .wx .phase{grid-template-columns:1fr} .wx .ergtab thead,.wx .stacktab thead{display:none} .wx .ergtab tr,.wx .stacktab tr{display:block;border-top:2px solid var(--ink);padding:14px 0} .wx .ergtab td,.wx .stacktab td{display:block;border:0;padding:4px 0;width:auto} .wx .ergtab .eff{width:auto} .wx .stacktab tr{border-top-width:1px} .wx [style*="grid-template-columns"]{grid-template-columns:1fr!important} .wx img.pic.full{max-width:320px}}

/* Bildbänder: Fotos mit Navy-Duotone, 1800 x 692 px */
.wx .f-analyse{background-image:url(assets/img/band-analyse.jpg)}
.wx .f-zahlen{background-image:url(assets/img/band-zahlen.jpg)}
.wx .f-workshop{background-image:url(assets/img/band-workshop.jpg)}
.wx .f-teamarbeit{background-image:url(assets/img/band-teamarbeit.jpg)}
.wx .f-auswertung{background-image:url(assets/img/band-auswertung.jpg)}
.wx .f-handschlag{background-image:url(assets/img/band-handschlag.jpg)}
.wx .f-erstgespraech{background-image:url(assets/img/band-erstgespraech.jpg)}
.wx .f-gespraech{background-image:url(assets/img/band-gespraech.jpg)}
.wx .f-bausteine{background-image:url(assets/img/band-bausteine.jpg)}

/* WordPress-Adminleiste: klebender Kopf darunter */
.admin-bar .wx header.top{top:32px} @media (max-width:782px){.admin-bar .wx header.top{top:46px}}