@font-face{font-family:"Inter";src:url(/wp-content/talentknot/assets/fonts/Inter-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(/wp-content/talentknot/assets/fonts/Inter-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Inter";src:url(/wp-content/talentknot/assets/fonts/Inter-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Display";src:url(/wp-content/talentknot/assets/fonts/InterDisplay-Medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"Inter Display";src:url(/wp-content/talentknot/assets/fonts/InterDisplay-SemiBold.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"Inter Display";src:url(/wp-content/talentknot/assets/fonts/InterDisplay-Bold.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Inter Display";src:url(/wp-content/talentknot/assets/fonts/InterDisplay-ExtraBold.woff) format("woff");font-weight:800;font-display:swap}
:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

/* Layout: sticky header, full-width colour bands (navy hero/CTA, orange guarantee stripe), content in a 1180px column. Brand from the TalentKnot company profile: navy + amber. */
:root{
  --bg:#F3F5F9; --surface:#FFFFFF; --surface-2:#E8EDF5; --ink:#132241; --muted:#56637B; --line:#D7DFEA;
  --navy:#16264A; --navy-2:#1E3260; --on-navy:#EEF2F9; --on-navy-muted:#B5C1D8;
  --accent:#F2A33A; --accent-strong:#D9861A; --on-accent:#14213F; --accent-soft:#FDEBCB; --ph-ink:#7A4A06;
  --dots:#AEB9CB; --ok:#2E8B57; --shadow:0 1px 2px rgba(19,34,65,.06),0 8px 24px rgba(19,34,65,.07);
  --f-display:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-body:"Source Sans 3","Source Sans Pro",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:14px; --wrap:1180px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0B1426; --surface:#121E37; --surface-2:#1A2846; --ink:#E9EEF7; --muted:#A6B2C7; --line:#263659;
  --navy:#16264A; --navy-2:#1E3260; --on-navy:#EEF2F9; --on-navy-muted:#B5C1D8;
  --accent:#F2A33A; --accent-strong:#F6B85E; --on-accent:#14213F; --accent-soft:#4A3615; --ph-ink:#F8D394;
  --dots:#34466B; --ok:#5CC08A; --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0B1426; --surface:#121E37; --surface-2:#1A2846; --ink:#E9EEF7; --muted:#A6B2C7; --line:#263659;
  --navy:#16264A; --navy-2:#1E3260; --on-navy:#EEF2F9; --on-navy-muted:#B5C1D8;
  --accent:#F2A33A; --accent-strong:#F6B85E; --on-accent:#14213F; --accent-soft:#4A3615; --ph-ink:#F8D394;
  --dots:#34466B; --ok:#5CC08A; --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25); color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--surface)}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.15;margin:0;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:clamp(2rem,4.4vw,3.35rem);font-weight:800}
h2{font-size:clamp(1.6rem,3vw,2.35rem);font-weight:800}
h3{font-size:1.18rem;font-weight:700}
p{margin:0}
a{color:inherit}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.wrap{max-width:calc(var(--wrap) + 2*max(16px,env(safe-area-inset-left,0px)));margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:720px){.wrap{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}
.band{padding-block:clamp(56px,8vw,104px)}
.band.tight{padding-block:clamp(40px,5vw,64px)}
.band.alt{background:var(--surface)}
.band.navy{background:var(--navy);color:var(--on-navy)}
.stack{display:flex;flex-direction:column;gap:16px}
.lead{font-size:1.18rem;color:var(--muted);max-width:62ch}
.navy .lead,.navy .muted{color:var(--on-navy-muted)}
.muted{color:var(--muted)}
.small{font-size:.9rem}
.eyebrow{font-family:var(--f-display);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong)}
.navy .eyebrow{color:var(--accent)}
.sec-head{display:flex;flex-direction:column;gap:14px;max-width:760px;margin-bottom:clamp(28px,4vw,48px)}
.ic{width:22px;height:22px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic.fill{fill:currentColor;stroke:none}

/* placeholders */
.ph{background:var(--accent-soft);color:var(--ph-ink);border-bottom:1.5px dashed var(--accent-strong);padding:0 .25em;border-radius:3px;font-style:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.navy .ph{background:rgba(242,163,58,.18);color:#F8D394}
.photo{position:relative;border-radius:var(--r);overflow:hidden;background:var(--surface-2);max-width:100%}
.photo.img{background-size:cover;background-position:center}
.photo-ph{display:grid;place-items:center;text-align:center;padding:18px;color:var(--muted);font-size:.9rem;
  background:repeating-linear-gradient(135deg,var(--surface-2) 0 12px,transparent 12px 24px),var(--surface);border:1.5px dashed var(--line)}
.photo-ph .lbl{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:28ch}
.photo-ph .lbl b{font-family:var(--f-display);font-weight:700;color:var(--ink);font-size:.92rem}
.tom{background-image:url(/wp-content/talentknot/assets/img/img-01-ba5a15ccfc.jpg);background-size:cover;background-position:50% 22%}
.podium{background-image:url(/wp-content/talentknot/assets/img/img-02-3a981a30ac.jpg);background-size:cover;background-position:50% 50%}
.internorga{background-image:url(/wp-content/talentknot/assets/img/img-03-dfc5456f02.jpg);background-size:cover;background-position:50% 40%}

/* draft bar */
.draftbar{background:var(--accent-soft);color:var(--ph-ink);font-size:.88rem;text-align:center;padding-block:7px}
.draftbar .wrap{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}

/* header */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--surface);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;gap:20px;min-height:72px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--f-display);font-weight:800;font-size:1.28rem;letter-spacing:-.02em;flex:none}
.knot{width:34px;height:34px;background:currentColor;-webkit-mask:url(/wp-content/talentknot/assets/img/img-04-012d625a6d.png) center/contain no-repeat;mask:url(/wp-content/talentknot/assets/img/img-04-012d625a6d.png) center/contain no-repeat;flex:none}
.mainnav{display:flex;gap:4px;margin-inline:auto}
.mainnav a{white-space:nowrap;font-family:var(--f-display);font-weight:600;font-size:.95rem;text-decoration:none;padding:8px 12px;border-radius:8px;color:var(--ink);position:relative}
.mainnav a:hover{background:var(--surface-2)}
.mainnav a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:3px;border-radius:2px;background:var(--accent)}
.head-actions{display:flex;align-items:center;gap:6px;flex:none}
.tel{display:flex;align-items:center;gap:6px;font-family:var(--f-display);font-weight:600;font-size:.92rem;text-decoration:none;padding:8px;border-radius:8px;white-space:nowrap}
.iconbtn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:9px;color:var(--ink);text-decoration:none;background:none;border:0;cursor:pointer}
.iconbtn:hover,.tel:hover{background:var(--surface-2)}
.menu-toggle{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-display);font-weight:700;font-size:.98rem;line-height:1.2;text-decoration:none;
  padding:14px 22px;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease;text-align:center}
.btn-primary{background:var(--accent);color:var(--on-accent)}
.btn-primary:hover{background:var(--accent-strong);transform:translateY(-1px)}
.btn-outline{border-color:currentColor;color:var(--ink);background:transparent}
.navy .btn-outline{color:var(--on-navy)}
.btn-outline:hover{background:var(--surface-2)}
.navy .btn-outline:hover{background:var(--navy-2)}
.btn-sm{padding:10px 16px;font-size:.9rem}
.textlink{font-family:var(--f-display);font-weight:700;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-bottom:2px solid var(--accent);padding-bottom:2px;width:fit-content}
.navy .textlink{color:var(--on-navy)}
.textlink:hover{color:var(--accent-strong)}
@media (max-width:1359px){.tel span{display:none}}
@media (max-width:1180px){
  .mainnav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--line);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));box-shadow:var(--shadow)}
  .mainnav.open{display:flex}
  .mainnav a{padding:14px 12px;font-size:1.05rem}
  .mainnav a[aria-current="page"]::after{left:0;right:auto;top:12px;bottom:12px;width:3px;height:auto}
  .menu-toggle{display:inline-grid}
  .head-actions{margin-left:auto}
  .head-cta{display:none}
}
@media (max-width:420px){.head-social{display:none}}

/* mobile bottom bar */
.bottombar{display:none}
@media (max-width:720px){
  .bottombar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--surface);border-top:1px solid var(--line);
    padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));gap:8px;box-shadow:0 -6px 20px rgba(19,34,65,.08)}
  .bottombar .btn{padding:12px}
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
}

/* hero */
.hero{background:var(--navy);color:var(--on-navy);overflow:hidden;position:relative}
.hero::after{content:"";position:absolute;inset:auto -10% -40% 45%;height:120%;background:radial-gradient(closest-side,rgba(242,163,58,.16),transparent);pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1.02fr 1fr;grid-template-areas:"copy media" "cta media";column-gap:clamp(32px,5vw,72px);row-gap:28px;align-items:center;padding-block:clamp(48px,7vw,96px);position:relative;z-index:1}
.hero-copy{grid-area:copy;display:flex;flex-direction:column;gap:20px;align-self:end}
.hero-copy p{color:var(--on-navy-muted);font-size:1.2rem;max-width:56ch}
.hero-media{grid-area:media}
.hero-cta{grid-area:cta;display:flex;flex-direction:column;gap:12px;align-self:start;align-items:flex-start}
.hero-cta .small{color:var(--on-navy-muted)}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;grid-template-areas:"copy" "media" "cta"}}
.video{position:relative;aspect-ratio:16/9;width:100%;max-width:100%;border-radius:16px;overflow:hidden;border:3px solid var(--accent);background-color:var(--navy-2);cursor:pointer;display:block;padding:0;color:#fff;font:inherit;text-align:left}
.video::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,25,52,0) 35%,rgba(13,25,52,.88))}
.video .play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .2s ease}
.video:hover .play{transform:translate(-50%,-50%) scale(1.06)}
.video .play .ic{width:30px;height:30px;margin-left:4px}
.video .cap{position:absolute;left:20px;right:20px;bottom:16px;font-family:var(--f-display);font-weight:700;font-size:clamp(.95rem,1.6vw,1.12rem);line-height:1.3}
.video .note{position:absolute;inset:auto 12px 12px auto;font-size:.8rem;background:rgba(0,0,0,.55);padding:4px 8px;border-radius:6px}
.video.portrait{aspect-ratio:9/16;width:240px;max-width:100%}

/* tiles */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px 24px 22px;display:flex;flex-direction:column;gap:4px;min-width:0}
.tile .big{font-family:var(--f-display);font-weight:800;font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.tile .big em{font-style:normal;color:var(--accent-strong)}
.tile .sub{color:var(--muted);hyphens:auto;overflow-wrap:break-word}
.tile.barmer .big{font-size:clamp(1.5rem,2.6vw,1.9rem);letter-spacing:.02em}
@media (max-width:760px){.tiles{grid-template-columns:repeat(2,1fr);gap:12px}.tile{padding:18px}.tile .sub{font-size:.9rem;line-height:1.4}}
.press-strip{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin-top:16px;padding:18px 24px;border-radius:var(--r);border:1px dashed var(--line)}
.press-strip .eyebrow{color:var(--muted)}
.press-strip a{font-family:var(--f-display);font-weight:700;text-decoration:none;color:var(--ink)}
.press-strip a:hover{color:var(--accent-strong)}

/* method */
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.cols3{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:12px;min-width:0}
.band.alt .card{background:var(--bg)}
.card .badge{width:48px;height:48px;border-radius:12px;background:var(--navy);color:var(--accent);display:grid;place-items:center}
.card .badge .ic{width:24px;height:24px}
.card p{color:var(--muted)}
.cefr{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:4px}
.cefr span{font-family:var(--f-display);font-weight:700;font-size:.78rem;text-align:center;padding:6px 0;border-radius:6px;background:var(--surface-2);color:var(--muted)}
.cefr span.on{background:var(--navy);color:var(--on-navy)}
.cefr span.top{background:var(--accent);color:var(--on-accent)}
.cefr-cap{font-size:.8rem;color:var(--muted)}
.center-cta{display:flex;justify-content:center;margin-top:36px}

/* guarantee */
.guarantee{background:var(--accent);color:var(--on-accent)}
.guarantee .wrap{display:flex;align-items:center;gap:24px 36px;flex-wrap:wrap;padding-block:30px}
.seal{width:84px;height:84px;border-radius:50%;border:3px solid var(--on-accent);display:grid;place-items:center;text-align:center;font-family:var(--f-display);line-height:1;flex:none}
.seal b{font-size:2rem;font-weight:800;display:block}
.seal small{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.guarantee .g-text{flex:1 1 320px;display:flex;flex-direction:column;gap:4px}
.guarantee .g-big{font-family:var(--f-display);font-weight:800;font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.15}
.guarantee .g-sub{font-size:1.1rem}
.guarantee .textlink{color:var(--on-accent);border-color:var(--on-accent)}
.guarantee-box{background:var(--accent);color:var(--on-accent);border-radius:var(--r);padding:clamp(24px,4vw,40px);display:grid;grid-template-columns:auto 1fr;gap:20px 28px;align-items:start}
.guarantee-box h2{font-size:clamp(1.4rem,2.6vw,2rem)}
.guarantee-box .ph{background:rgba(255,255,255,.5);color:var(--on-accent);border-color:var(--on-accent)}
@media (max-width:600px){.guarantee-box{grid-template-columns:1fr}}

/* problem */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.split > *{min-width:0}
.solution{border-left:4px solid var(--accent);padding:8px 0 8px 24px;font-size:1.2rem;font-family:var(--f-display);font-weight:600;line-height:1.45}

/* industries */
.inds{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1000px){.inds{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.inds{grid-template-columns:1fr}}
.ind{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease}
.ind:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.ind .photo{border-radius:0;aspect-ratio:4/3}
.ind .photo-ph{border:0;border-bottom:1px dashed var(--line)}
.ind .body{padding:20px;display:flex;flex-direction:column;gap:8px}
.ind .body p{color:var(--muted);font-size:.98rem}
.ind h3{display:flex;align-items:center;gap:10px}
.ind h3 .ic{color:var(--accent-strong)}

/* map */
.mapfig{position:relative;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(8px,2vw,20px);overflow:hidden}
.mapfig svg{display:block;width:100%;height:auto}
.land{fill:url(#dotgrid)}
.dot-fill{fill:var(--dots)}
.arc{fill:none;stroke:var(--accent);stroke-width:1.6;opacity:.6}
.mk{cursor:pointer;outline:none}
.mk circle.core{fill:var(--accent);stroke:var(--surface);stroke-width:2.5}
.mk circle.halo{fill:var(--accent);opacity:.22}
.mk:hover circle.halo,.mk:focus-visible circle.halo,.mk.active circle.halo{opacity:.45}
.mk text{font-family:var(--f-display);font-weight:700;font-size:15px;fill:var(--ink);paint-order:stroke;stroke:var(--surface);stroke-width:4px}
.home circle.core{fill:var(--navy);stroke:var(--accent);stroke-width:3}
:root[data-theme="dark"] .home circle.core{fill:var(--on-navy)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .home circle.core{fill:var(--on-navy)}}
.home circle.pulse{fill:none;stroke:var(--accent);stroke-width:2;transform-origin:center;transform-box:fill-box;animation:pulse 2.6s ease-out infinite}
@keyframes pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.4);opacity:0}}
.maptip{position:absolute;z-index:3;pointer-events:none;background:var(--navy);color:var(--on-navy);padding:8px 12px;border-radius:8px;font-size:.9rem;line-height:1.35;box-shadow:var(--shadow);transform:translate(-50%,calc(-100% - 14px));max-width:240px}
.maptip b{font-family:var(--f-display)}
.maplegend{display:flex;gap:18px;flex-wrap:wrap;font-size:.88rem;color:var(--muted);margin-top:14px}
.maplegend span{display:inline-flex;align-items:center;gap:8px}
.maplegend i{width:12px;height:12px;border-radius:50%;background:var(--accent);display:inline-block}
.maplegend i.h{background:var(--navy);border:2px solid var(--accent)}
.countries{margin-top:20px}
.countries summary{font-family:var(--f-display);font-weight:700;cursor:pointer;padding:10px 0;list-style:none;display:flex;align-items:center;gap:8px}
.countries summary::-webkit-details-marker{display:none}
.countries summary::before{content:"+";display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--surface-2)}
.countries[open] summary::before{content:"–"}
.regions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
@media (max-width:900px){.regions{grid-template-columns:repeat(2,1fr)}}
@media (max-width:440px){.regions{grid-template-columns:1fr}}
.region{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.region h3{font-size:1rem;margin-bottom:8px;display:flex;justify-content:space-between;gap:8px}
.region h3 span{color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}
.region ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.region li{font-size:.92rem;padding:3px 10px 3px 5px;border-radius:999px;background:var(--surface-2);display:inline-flex;align-items:center;gap:7px}
.flag{width:21px;height:14px;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.14);display:inline-block;vertical-align:middle;overflow:hidden}
.tipflags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}
.tipflags .flag{box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.region.inds-map li{background:transparent;padding:0}

/* timeline */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s;list-style:none;margin:0;padding:0;position:relative}
.steps::before{content:"";position:absolute;left:24px;right:24px;top:23px;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 14px)}
.step{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0}
.step .num{width:48px;height:48px;border-radius:50%;background:var(--navy);color:var(--on-navy);border:3px solid var(--accent);display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:1.1rem;position:relative;z-index:1}
.band.navy .step .num{background:var(--accent);color:var(--on-accent);border-color:var(--navy)}
.step p{color:var(--muted)}
.navy .step p{color:var(--on-navy-muted)}
@media (max-width:860px){
  .steps{grid-template-columns:1fr;gap:28px}
  .steps::before{left:23px;right:auto;top:24px;bottom:24px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--accent) 0 8px,transparent 8px 14px)}
  .step{padding-left:68px}
  .step .num{position:absolute;left:0;top:-4px}
}
.after-steps{margin-top:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line)}
.after-steps p{font-weight:600}

/* phases (Leistungen) */
.phases{display:flex;flex-direction:column;gap:16px;list-style:none;padding:0;margin:0}
.phase{display:grid;grid-template-columns:220px 1fr 1fr;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.phase > div{padding:22px 24px;min-width:0}
.phase .ph-head{background:var(--navy);color:var(--on-navy);display:flex;flex-direction:column;gap:8px}
.phase .ph-head .n{font-family:var(--f-display);font-weight:800;color:var(--accent);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}
.phase .ph-head h3{font-size:1.08rem}
.phase .ph-head .dur{font-size:.88rem;color:var(--on-navy-muted)}
.phase .lbl{font-family:var(--f-display);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:6px}
.phase .we .lbl{color:var(--accent-strong)}
.phase .you{background:var(--surface-2)}
.phase .you .lbl{color:var(--muted)}
.phase p{color:var(--ink)}
.phase.last{grid-template-columns:220px 2fr}
@media (max-width:860px){.phase,.phase.last{grid-template-columns:1fr}}

/* checklist */
.checks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
.checks li{display:flex;gap:10px;align-items:flex-start}
.checks .ic{color:var(--ok);margin-top:2px}
@media (max-width:640px){.checks{grid-template-columns:1fr}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3.5vw,36px)}

/* jump nav */
.jumpnav{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.jumpnav a{font-family:var(--f-display);font-weight:600;font-size:.9rem;text-decoration:none;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}
.jumpnav a:hover{border-color:var(--accent);background:var(--accent-soft)}
.navy .jumpnav a{background:transparent;border-color:rgba(255,255,255,.25);color:var(--on-navy)}
.navy .jumpnav a:hover{border-color:var(--accent);background:rgba(242,163,58,.15)}

/* industry detail */
.ind-detail{display:grid;grid-template-columns:280px 1fr;gap:clamp(20px,4vw,48px);padding-block:32px;border-top:1px solid var(--line);scroll-margin-top:96px}
.ind-detail:first-of-type{border-top:0;padding-top:0}
.ind-detail .photo{aspect-ratio:4/3}
.ind-detail .txt{display:flex;flex-direction:column;gap:12px;max-width:68ch;min-width:0}
.ind-detail .txt p{color:var(--muted)}
.callout{background:var(--surface-2);border-radius:12px;padding:16px 18px;color:var(--ink)!important}
.callout b{font-family:var(--f-display)}
@media (max-width:760px){.ind-detail{grid-template-columns:1fr}}

/* person */
.person{display:grid;grid-template-columns:minmax(220px,380px) 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.person .photo{aspect-ratio:4/5}
.person .txt{display:flex;flex-direction:column;gap:18px;min-width:0}
@media (max-width:760px){.person{grid-template-columns:1fr}.person .photo{max-width:360px}}
blockquote{margin:0;font-family:var(--f-display);font-weight:600;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.4;position:relative;padding-left:24px;border-left:4px solid var(--accent)}
blockquote footer{font-family:var(--f-body);font-weight:400;font-size:.95rem;color:var(--muted);margin-top:10px}
.navy blockquote footer{color:var(--on-navy-muted)}

/* testimonials */
.voices{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,48px);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,3vw,32px)}
@media (max-width:640px){.voices{grid-template-columns:1fr}.voices .video.portrait{max-width:220px}}

/* faq */
.faq{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;font-family:var(--f-display);font-weight:700;font-size:1.06rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;border-right:2.5px solid var(--accent-strong);border-bottom:2.5px solid var(--accent-strong);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease}
.faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq .a{padding:0 0 22px;color:var(--muted);max-width:72ch}
.faq-wrap{display:grid;grid-template-columns:320px 1fr;gap:clamp(24px,5vw,64px)}
.faq-wrap > *{min-width:0}
@media (max-width:860px){.faq-wrap{grid-template-columns:1fr}}

/* booking */
.booking .wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,5vw,64px);align-items:center}
@media (max-width:900px){.booking .wrap{grid-template-columns:1fr}}
.booking .copy{display:flex;flex-direction:column;gap:18px}
.calendly{background:var(--surface);color:var(--ink);border-radius:var(--r);padding:clamp(20px,3vw,32px);box-shadow:0 20px 50px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:16px;min-height:360px}
.cal-head{display:flex;gap:14px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}
.cal-head .avatar{width:56px;height:56px;border-radius:50%;flex:none;border:2px solid var(--accent)}
.cal-head b{font-family:var(--f-display);font-size:1.08rem;display:block}
.cal-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:.92rem}
.cal-meta span{display:inline-flex;align-items:center;gap:6px}
.cal-meta .ic{width:18px;height:18px}
.cal-consent{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;background:var(--surface-2);border-radius:12px;padding:20px}
.cal-consent p{font-size:.92rem;color:var(--muted)}
.direct{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.direct a{font-family:var(--f-display);font-weight:700;text-decoration:none;font-size:1.1rem;display:inline-flex;align-items:center;gap:8px}
.navy .direct a{color:var(--on-navy)}

/* social */
.follow{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.follow .btns{display:flex;gap:10px;flex-wrap:wrap}

/* principles / partners / news */
.cols4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1000px){.cols4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.cols4{grid-template-columns:1fr}}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:760px){.cols2{grid-template-columns:1fr}}
.events{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin-top:28px}
.events-txt{grid-column:1/-1;max-width:68ch}
.events figure{margin:0;display:flex;flex-direction:column;gap:10px}
.events .photo{aspect-ratio:684/750}
.events figcaption{font-size:.9rem;color:var(--muted)}
@media (max-width:640px){.events{grid-template-columns:1fr}}
.regional{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);align-items:center;margin-top:20px}
.regional figure{margin:0;display:flex;flex-direction:column;gap:10px}
.regional .photo{aspect-ratio:684/750;max-height:520px}
.regional figcaption{font-size:.9rem;color:var(--muted)}
@media (max-width:760px){.regional{grid-template-columns:1fr}}
.press{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:760px){.press{grid-template-columns:1fr}}
.press a.card{text-decoration:none;color:inherit;transition:border-color .15s}
.press a.card:hover{border-color:var(--accent)}
.press-img{width:100%;aspect-ratio:604/423;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.press-card .ttl{font-family:var(--f-display);font-weight:700;font-size:1.12rem}
.press .src{font-family:var(--f-display);font-weight:800;font-size:1.05rem}
.press .ttl{font-size:1.1rem;color:var(--ink)!important}
.news{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:860px){.news{grid-template-columns:1fr}}
.news .card{padding:0;overflow:hidden;gap:0}
.news .photo{aspect-ratio:16/9;border-radius:0}
.news .photo-ph{border:0}
.news .nb{padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.chip{display:inline-block;font-family:var(--f-display);font-weight:700;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong)}

/* page intro */
.intro .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.intro .copy{display:flex;flex-direction:column;gap:18px}
.intro .photo{aspect-ratio:4/3.4}
.intro.textonly .wrap{grid-template-columns:1fr}
@media (max-width:860px){.intro .wrap{grid-template-columns:1fr}.intro .photo{max-width:520px}}

/* talents */
.langswitch{display:inline-flex;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:3px;gap:2px}
.langswitch button{font:700 .85rem var(--f-display);color:var(--on-navy);background:none;border:0;padding:7px 14px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.langswitch button[aria-pressed="true"]{background:var(--accent);color:var(--on-accent)}
.intro-top{display:flex;justify-content:flex-end}
.offers{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
@media (max-width:1100px){.offers{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.offers{grid-template-columns:1fr 1fr}}
@media (max-width:440px){.offers{grid-template-columns:1fr}}
.offers .card{padding:22px}
.req{font-size:.94rem;padding-top:12px;border-top:1px dashed var(--line);color:var(--ink)!important}
.apply{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,48px)}
@media (max-width:860px){.apply{grid-template-columns:1fr}}
.apply > *{min-width:0}
.mailbox{background:var(--navy);color:var(--on-navy);border-radius:var(--r);padding:clamp(22px,3vw,32px);display:flex;flex-direction:column;gap:16px}
.mailaddr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--navy-2);border-radius:10px;padding:12px 14px}
.mailaddr code{font-family:var(--f-display);font-weight:700;font-size:1.05rem;word-break:break-all;user-select:all}
.mailaddr .iconbtn{color:var(--on-navy)}
.mailaddr .iconbtn:hover{background:rgba(255,255,255,.12)}
.subject{background:var(--surface-2);border-radius:10px;padding:14px 16px;font-family:var(--f-display);font-weight:600}
.copied{font-size:.82rem;color:var(--accent)}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(24px,4vw,48px);align-items:start}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
.contact-grid > *{min-width:0}
.dl{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:0}
.dl dt{font-family:var(--f-display);font-weight:700;color:var(--muted);font-size:.9rem;padding-top:2px}
.dl dd{margin:0}
.dl a{font-weight:600}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){form .row{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label,.field legend{font-family:var(--f-display);font-weight:600;font-size:.9rem}
.field input,.field select,.field textarea{font:inherit;font-size:1rem;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(242,163,58,.25)}
fieldset.field{border:0;padding:0;margin:0}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts label{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1.5px solid var(--line);border-radius:999px;font-family:var(--f-body);font-weight:400;font-size:.98rem;cursor:pointer;background:var(--bg)}
.opts input{accent-color:var(--accent-strong);width:16px;height:16px;margin:0}
.opts label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
form{display:flex;flex-direction:column;gap:16px}
.formnote{font-size:.88rem;color:var(--muted)}
.thanks{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.thanks .tick{width:52px;height:52px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center}
.hint-box{border:1px dashed var(--line);border-radius:12px;padding:16px 18px;font-size:.95rem;display:flex;flex-direction:column;gap:6px}

/* legal / misc */
.doc{max-width:760px;display:flex;flex-direction:column;gap:18px}
.doc h2{font-size:1.4rem;margin-top:12px}
.doc h3{font-size:1.08rem;margin-top:6px}
.doc h4{font-size:1rem;margin:0}
.doc ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.doc a{overflow-wrap:anywhere}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters button{font:600 .9rem var(--f-display);padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--navy);color:var(--on-navy);border-color:var(--navy)}
.empty{border:1.5px dashed var(--line);border-radius:var(--r);padding:clamp(28px,5vw,56px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted)}

/* footer */
.site-foot{background:#0E1830;color:#C9D3E6;padding-block:56px 32px;font-size:.96rem}
.site-foot .wrap{display:flex;flex-direction:column;gap:36px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.foot-grid{grid-template-columns:1fr}}
.site-foot h4{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#F2A33A;margin-bottom:12px}
.site-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.site-foot a{color:#EEF2F9;text-decoration:none}
.site-foot a:hover{color:#F2A33A}
.site-foot .brand{color:#EEF2F9}
.site-foot .ph{background:rgba(242,163,58,.18);color:#F8D394}
.foot-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:.88rem;color:#93A1BC}
.linkbtn{background:none;border:0;color:#EEF2F9;font:inherit;padding:0;cursor:pointer;text-align:left}
.linkbtn:hover{color:#F2A33A}

/* cookie */
.cookie{position:fixed;z-index:70;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:420px;width:calc(100% - 32px);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 20px 50px rgba(0,0,0,.22);padding:20px;display:flex;flex-direction:column;gap:12px}
.cookie h3{font-size:1.02rem}
.cookie p{font-size:.9rem;color:var(--muted)}
.cookie .row{display:flex;gap:8px;flex-wrap:wrap}
.cookie label{display:flex;gap:10px;align-items:flex-start;font-size:.9rem}
.cookie input{accent-color:var(--accent-strong);margin-top:4px}
@media (max-width:720px){.cookie{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}

.page[hidden]{display:none!important}
.brand{gap:10px}
.brand-icon{height:40px;width:auto;flex:none}
.brand-word{display:block;width:124px;height:18px;flex:none;background:currentColor;-webkit-mask:url(/wp-content/talentknot/assets/img/img-05-2e7fdef91f.png) left center/contain no-repeat;mask:url(/wp-content/talentknot/assets/img/img-05-2e7fdef91f.png) left center/contain no-repeat}
.site-head .brand{color:#182E43}
.site-foot .brand-icon{height:44px}

.talente-img{background-image:url(/wp-content/talentknot/assets/img/img-06-de877e9c80.jpg);background-size:cover;background-position:center 30%}
.ind-logistik{background-image:url(/wp-content/talentknot/assets/img/img-07-d870ba6b80.jpg);background-size:cover;background-position:center}
.ind-health{background-image:url(/wp-content/talentknot/assets/img/img-08-0eff15b723.jpg);background-size:cover;background-position:center}
.ind-handwerk{background-image:url(/wp-content/talentknot/assets/img/img-09-e39bea7cc4.jpg);background-size:cover;background-position:center}
.ind-gastro{background-image:url(/wp-content/talentknot/assets/img/img-10-10ba866f0c.jpg);background-size:cover;background-position:center}
.logo-plate{display:inline-flex;align-items:center;justify-content:center;background:#FFFFFF;border:1px solid var(--line);border-radius:10px;padding:10px 16px;text-decoration:none;transition:border-color .15s}
a.logo-plate:hover{border-color:var(--accent)}
.logo-plate img{height:34px;width:auto;max-width:100%}
.press-logos{display:flex;gap:12px;flex-wrap:wrap}
.tile .barmer-logo{height:44px;width:auto;margin-bottom:6px;align-self:flex-start}
.card .barmer-logo{height:40px;width:auto;align-self:flex-start}
.mt{margin-top:28px}
/* ===== Variante „Grün“ – Farben aus dem TalentKnot-Logo: Petrol-Grün, Schiefer und Papierweiß ===== */
:root:root:root{
  --bg:#F1EEEA; --surface:#FAF8F5; --surface-2:#E8E3DD; --ink:#1F3138; --muted:#5C696C; --line:#DBD4CB;
  --navy:#0F3F42; --navy-2:#155553; --on-navy:#F4F1EC; --on-navy-muted:#B7CCC9;
  --accent:#1D7C76; --accent-strong:#145E5A; --on-accent:#FFFFFF; --accent-soft:#D6EAE5; --ph-ink:#6E4706;
  --dots:#C9C2B8; --ok:#1D7C76; --shadow:0 1px 2px rgba(31,49,56,.06),0 10px 28px rgba(31,49,56,.08);
  --teal-light:#6CC3B5; --teal-grad:linear-gradient(135deg,#30837E 0%,#1D7C76 45%,#104B50 100%);
  color-scheme:light;
}
body{background:#F1EEEA}
body::before{background:#FAF8F5}

/* Platzhalter bleiben gelb markiert */
.ph{background:#FBE7BF;color:#6E4706;border-bottom-color:#C9821E}
.navy .ph,.site-foot .ph{background:rgba(251,231,191,.18);color:#F6D79A}

/* Logo-Knoten im Petrol-Verlauf, Schriftzug in Schiefer */
.site-head .knot{background:var(--teal-grad)}
.site-head .brand{color:#182E43}
.site-head{background:rgba(250,248,245,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.mainnav a[aria-current="page"]::after{background:var(--accent)}

/* Buttons */
.btn-primary{background:linear-gradient(135deg,#238A83,#1D7C76 50%,#166A65);color:#FFFFFF}
.btn-primary:hover{background:linear-gradient(135deg,#1D7C76,#145E5A)}
.navy .btn-primary,.hero .btn-primary,.mailbox .btn-primary{background:#FFFFFF;color:#0F3F42}
.navy .btn-primary:hover,.hero .btn-primary:hover,.mailbox .btn-primary:hover{background:#E4F2EF}
.eyebrow{color:var(--accent)}
.navy .eyebrow,.hero .eyebrow{color:var(--teal-light)}
.textlink{border-bottom-color:var(--accent)}
.textlink:hover{color:var(--accent)}

/* Hero: Petrol-Verlauf */
.hero{background:
  radial-gradient(900px 520px at 85% 0%,rgba(108,195,181,.28),transparent 60%),
  linear-gradient(135deg,#0B2F32 0%,#0F3F42 45%,#1A6662 100%)}
.hero::after{display:none}
.video{border-color:#6CC3B5}
.video .play{background:#FFFFFF;color:#0F3F42}

/* Dunkle Bänder: Petrol-Verläufe */
.band.navy,.band.navy.intro{background:
  radial-gradient(800px 460px at 90% 0%,rgba(108,195,181,.22),transparent 60%),
  linear-gradient(140deg,#0B2F32 0%,#0F3F42 55%,#185E5B 100%)}
.booking.band.navy{background:
  radial-gradient(700px 420px at 10% 100%,rgba(108,195,181,.2),transparent 60%),
  linear-gradient(160deg,#145552 0%,#0B2F32 80%)}
.band.alt{background:linear-gradient(180deg,#FAF8F5 0%,#F4F1EC 100%)}

/* Kacheln und Karten */
.tile .big em{color:var(--accent)}
.card .badge{background:var(--teal-grad);color:#FFFFFF}
.cefr span.on{background:#0F3F42;color:#F4F1EC}
.cefr span.top{background:#1D7C76;color:#FFFFFF}
.step .num{background:#0F3F42;color:#FFFFFF;border-color:#6CC3B5}
.steps::before{background:repeating-linear-gradient(90deg,#1D7C76 0 8px,transparent 8px 14px)}
@media (max-width:860px){.steps::before{background:repeating-linear-gradient(180deg,#1D7C76 0 8px,transparent 8px 14px)}}
.solution{border-left-color:var(--accent)}
blockquote{border-left-color:var(--accent)}
.ind h3 .ic{color:var(--accent)}
.ind:hover{box-shadow:var(--shadow),0 0 0 1px rgba(29,124,118,.35)}
.phase .ph-head{background:linear-gradient(160deg,#155553,#0F3F42)}
.phase .ph-head .n{color:var(--teal-light)}
.phase .we .lbl{color:var(--accent)}
.checks .ic{color:var(--accent)}
.jumpnav a:hover{border-color:var(--accent);background:var(--accent-soft)}
.navy .jumpnav a:hover{border-color:var(--teal-light);background:rgba(108,195,181,.15)}
.opts label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(29,124,118,.2)}
.faq summary::after{border-color:var(--accent)}
.filters button[aria-pressed="true"]{background:#0F3F42;border-color:#0F3F42}
.langswitch button[aria-pressed="true"]{background:#FFFFFF;color:#0F3F42}
.mailbox{background:linear-gradient(150deg,#155553,#0B2F32)}
.mailaddr{background:rgba(0,0,0,.2)}
.press-strip a:hover{color:var(--accent)}

/* Garantie: Petrol-Verlauf mit weißer Schrift */
.guarantee,.guarantee-box{background:linear-gradient(100deg,#104B50 0%,#1D7C76 55%,#30837E 100%);color:#FFFFFF}
.guarantee .textlink,.guarantee-box .textlink{color:#FFFFFF;border-color:#FFFFFF}
.seal{border-color:#FFFFFF}
.guarantee-box .ph{background:rgba(255,255,255,.85);color:#6E4706}

/* Karte */
.arc{stroke:#1D7C76}
.mk circle.core{fill:#1D7C76;stroke:#FAF8F5}
.mk circle.halo{fill:#1D7C76}
.home circle.core{fill:#22323A;stroke:#6CC3B5}
.home circle.pulse{stroke:#1D7C76}
.maplegend i{background:#1D7C76}
.maplegend i.h{background:#22323A;border-color:#6CC3B5}
.maptip{background:#0F3F42}

/* Footer */
.site-foot{background:linear-gradient(180deg,#0F3F42,#0A2A2D);color:#C3D4D1}
.site-foot h4{color:#6CC3B5}
.site-foot a:hover,.linkbtn:hover{color:#6CC3B5}
.site-foot .knot{background:linear-gradient(135deg,#6CC3B5,#30837E)}
.foot-bottom{color:#93ADA9}

/* Entwurfs-Hinweis */
.draftbar{background:#FBE7BF;color:#6E4706}


/* Video-Platzhalter Alex */
.video.portrait{background:linear-gradient(160deg,#1A6662,#0B2F32)!important}


/* --- Anpassungen 05.11.2026 --- */
.tiles{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.tiles{grid-template-columns:repeat(2,1fr)}}
.barmer-strip{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:16px;padding:18px 24px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.barmer-strip .barmer-logo{height:40px;width:auto}
.barmer-strip .bs-text{color:var(--ink);font-weight:600;flex:1 1 260px}
.tvoices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:860px){.tvoices{grid-template-columns:1fr}}
.tvoice{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.tv-photo{width:112px;height:112px;border-radius:50%;background:var(--surface-2);border:3px solid var(--accent-soft);display:grid;place-items:center;color:var(--muted)}
.tv-photo .ic{width:30px;height:30px}
.stars{display:flex;gap:3px}
.stars svg{width:20px;height:20px;fill:#E8B004}
.tv-text{color:var(--ink);margin:0}
.tv-name{font-family:var(--f-display);font-weight:700;color:var(--ink)}
.tv-meta{color:var(--muted);font-size:.92rem}
.direct + .direct{margin-top:-8px}
.tom.avatar,.tom.avatar-round{background-size:160% auto;background-position:44% 3%}
.hlang{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px;margin:0 4px;flex:none}
.hlang button{font:700 .8rem var(--f-display);letter-spacing:.04em;color:var(--muted);background:none;border:0;padding:6px 10px;border-radius:999px;cursor:pointer;line-height:1}
.hlang button[aria-pressed="true"]{background:#1D7C76;color:#fff}
.hlang button:focus-visible{outline:2px solid #1D7C76;outline-offset:2px}
.legal-en{background:var(--accent-soft);border-radius:var(--r);padding:12px 16px;margin-bottom:20px}
.tv-photo.ansu{background:url(/wp-content/talentknot/assets/img/img-11-0d8bb24e26.jpg) center 30%/cover;border-color:#CFE6E3}
.tv-photo.dalal{background:url(/wp-content/talentknot/assets/img/img-12-f1da11b9ef.jpg) center 35%/cover;border-color:#CFE6E3}
.tv-photo.arben{background:url(/wp-content/talentknot/assets/img/img-13-9f96cae865.jpg) center top/cover;border-color:#CFE6E3}
.tv-text{flex:1}
.news.news-list{grid-template-columns:repeat(2,1fr)}@media (max-width:860px){.news.news-list{grid-template-columns:1fr}}.news img.photo{width:100%;object-fit:cover;display:block}.news .nb h3{font-size:1.15rem}
@media (max-width:420px){.hlang{margin:0}.hlang button,.hlang a{padding:6px 8px}.head-actions{gap:4px}}
.calendly .cal-head .muted{color:#5C696C}
.hero-media{align-self:end;display:flex;justify-content:center;margin-bottom:calc(-1 * clamp(48px,7vw,96px))}
.hero-person{display:block;width:auto;height:auto;max-width:100%;max-height:min(760px,82vh)}
@media (max-width:860px){.hero .wrap{grid-template-columns:1.15fr .85fr !important;grid-template-areas:"copy media" "cta media" !important}.hero-person{max-height:620px}}
@media (max-width:640px){.hero .wrap{grid-template-columns:1fr !important;grid-template-areas:"copy" "cta" "media" !important}.hero-person{max-height:460px}}
.news.news-list .photo{aspect-ratio:10/7}
.callout{overflow-wrap:break-word;hyphens:auto}
.calendly-inline-widget:has(iframe) .cal-wait{display:none}
.calendly .btn-primary{background:linear-gradient(135deg,#238A83,#1D7C76 50%,#166A65);color:#FFFFFF}
.tal-ind{padding-top:0;overflow:hidden}
.tal-ind>.photo{margin:0 -28px 6px;width:calc(100% + 56px);max-width:none;height:auto;aspect-ratio:4/3;border-radius:0;align-self:auto}
.direct a.wa .ic,dd a.wa .ic{color:#1DA851}
.calendly .btn-primary:hover{background:linear-gradient(135deg,#1D7C76,#145E5A)}

/* ---------- Live-Version ---------- */
:root{--f-display:"Inter Display","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--f-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body{font-family:var(--f-body)}
[id]{scroll-margin-top:96px}
.tvoices{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.tvoice{flex:1 1 300px;max-width:440px}
.hlang a{font:700 .8rem var(--f-display);letter-spacing:.04em;color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:999px;line-height:1;display:inline-block}
.hlang a[aria-current="true"]{background:#1D7C76;color:#fff}
.langswitch a{font:700 .85rem var(--f-display);color:var(--on-navy);text-decoration:none;padding:7px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:6px}
.langswitch a[aria-current="true"]{background:#FFFFFF;color:#0F3F42}
.video.novideo{cursor:default}
.video.novideo .play,.video.novideo .cap{display:none}
.notfound{min-height:50vh;display:flex;flex-direction:column;justify-content:center;gap:16px}