/* 1TakeFilms – Design „Ein Take“ (Nov 2026). Wird als letztes geladen und legt sich über theme-2026.css.
   Alte Version wiederherstellen: diese Datei + take.js leeren (oder Einbindung am Ende von index.php entfernen). */
:root{
  --tk-bg:#0b0816; --tk-line:rgba(214,204,255,.12); --tk-line2:rgba(214,204,255,.22);
  --tk-ink:#f4f1ff; --tk-mut:#a59ec4; --tk-dim:#6f6890;
  --tk-vio:#8b3dff; --tk-teal:#19e3c7; --tk-rec:#ff3b4e;
  --tk-grad:linear-gradient(90deg,#8b3dff,#6a5cf5 50%,#19e3c7);
  --tk-ease:cubic-bezier(.23,1,.32,1);
  --tk-disp:"Archivo",Impact,sans-serif; --tk-mono:"JetBrains Mono",ui-monospace,monospace;
}
html:not(#tk){background:var(--tk-bg)!important}

/* ---------- Überschriften & Kicker ---------- */
html body :is(section,footer) h2:not(#tk):not(#tk2){font-family:var(--tk-disp)!important;font-weight:900!important;font-stretch:108%;text-transform:uppercase!important;letter-spacing:-.015em!important;line-height:.95!important}
html body :is(section,footer) h2 .outline:not(#tk){color:transparent!important;-webkit-text-stroke:0!important;background:var(--tk-grad)!important;-webkit-background-clip:text!important;background-clip:text!important}
html body :is(.about-kicker,.bs-kicker,.abo-kicker):not(#tk):not(#tk2){display:flex!important;align-items:center;gap:12px;font-family:var(--tk-mono)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.16em!important;color:var(--tk-teal)!important}
html body :is(.about-kicker,.bs-kicker,.abo-kicker):not(#tk):not(#tk2)::before{content:"";width:30px;height:1px;background:currentColor;flex:none}

/* ---------- Hero: Sucher + Licht ---------- */
html body header.hero:not(#tk){position:relative!important;overflow:hidden!important;min-height:100svh!important;justify-content:center!important;padding-top:clamp(96px,13vh,140px)!important;padding-bottom:clamp(56px,8vh,96px)!important;isolation:isolate}
html body header.hero .tk-fx:not(#tk){position:absolute!important;inset:-10%!important;width:120%!important;height:120%!important;max-width:none!important;margin:0!important;z-index:-2;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,8,22,0) 45%,#0b0816 84%),radial-gradient(55% 60% at 22% 30%,rgba(139,61,255,.42),transparent 70%),radial-gradient(45% 50% at 72% 25%,rgba(106,92,245,.34),transparent 70%),radial-gradient(40% 45% at 80% 72%,rgba(25,227,199,.26),transparent 70%),#0b0816;
  animation:tk-drift 20s ease-in-out infinite alternate;will-change:transform}
@keyframes tk-drift{to{transform:translate3d(-4%,3%,0) scale(1.05)}}
@media (prefers-reduced-motion:reduce){html body header.hero .tk-fx{animation:none}}
html body header.hero:not(#tk):not(#tk2)::after{display:none!important;content:none!important}
html body header.hero .tk-vf:not(#tk){position:absolute!important;max-width:none!important;margin:0!important;inset:clamp(84px,11vh,110px) max(16px,4vw) clamp(20px,4vh,40px);pointer-events:none;z-index:0}
html body header.hero .tk-vf i{position:absolute;width:26px;height:26px;border:1.5px solid rgba(244,241,255,.35)}
html body header.hero .tk-vf i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}
html body header.hero .tk-vf i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}
html body header.hero .tk-vf i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}
html body header.hero .tk-vf i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}
html body header.hero .tk-rec{position:absolute;left:42px;top:5px;display:flex;align-items:center;gap:10px;font:700 12px/1 var(--tk-mono);letter-spacing:.14em;color:var(--tk-ink)}
html body header.hero .tk-rec b{width:9px;height:9px;border-radius:50%;background:var(--tk-rec);box-shadow:0 0 12px var(--tk-rec);animation:tk-blink 1.2s steps(2,start) infinite}
@keyframes tk-blink{to{opacity:.15}}
html body header.hero:not(#tk) h1{font-family:var(--tk-disp)!important;font-weight:900!important;font-stretch:108%;font-size:clamp(2.4rem,6vw,6.4rem)!important;line-height:.9!important;letter-spacing:-.02em!important;max-width:none!important}
html body header.hero:not(#tk) .tf-badge{font-family:var(--tk-mono)!important;font-size:12px!important;letter-spacing:.16em!important;color:var(--tk-teal)!important;display:flex!important;align-items:center;gap:12px}
html body header.hero:not(#tk) .tf-badge::before{content:"";width:30px;height:1px;background:currentColor}
html body header.hero:not(#tk) h1 *{font-family:inherit!important;font-stretch:inherit;font-weight:inherit!important}
html body header.hero:not(#tk) .hero-bottom{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-end!important;gap:32px!important;flex-wrap:wrap!important;border-top:0!important;max-width:none!important}
html body header.hero:not(#tk) .hero-bottom p{max-width:480px!important;margin:0!important}
html body header.hero .scrollhint{display:none!important}
html body .tk-ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
html body .tk-ctas .btn:not(#tk){flex:none;margin:0!important}
html body .btn.tk-pri:not(#tk){background:linear-gradient(90deg,#6d28d9,#5b3fd9 55%,#0e9f8c)!important;color:#fff!important;border:0!important;box-shadow:0 10px 40px -10px rgba(139,61,255,.7)!important}

/* ---------- Leistungen: cleane Spalten mit Nummer, ohne Rahmen ---------- */
html body #services .services:not(#tk):not(#tk2){gap:0!important;border:0!important;background:none!important;border-radius:0!important;counter-reset:tksvc}
html body #services .services > .svc:not(#tk):not(#tk2):not(#tk3){counter-increment:tksvc;background:var(--tk-grad) left top/0% 1px no-repeat!important;transition:background-size .5s var(--tk-ease)!important;border:0!important;border-top:1px solid var(--tk-line)!important;border-radius:0!important;box-shadow:none!important;padding:1.6rem 2.4rem 2.2rem 0!important;margin:0!important;position:relative;overflow:visible;transform:none!important;outline:0!important;display:flex!important;flex-direction:column!important;min-height:0!important}
html body #services .services > .svc:not(#tk):not(#tk2):not(#tk3)::before{content:counter(tksvc,decimal-leading-zero)!important;display:block!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;background:none!important;border:0!important;-webkit-mask:none!important;mask:none!important;opacity:1!important;margin:0 0 1.1rem!important;font:700 12px/1 var(--tk-mono)!important;letter-spacing:.14em;color:var(--tk-teal)!important}
html body #services .services > .svc:not(#tk):not(#tk2):not(#tk3)::after{content:"→"!important;position:absolute!important;top:1.35rem;right:1.6rem;margin:0!important;padding:0!important;font:400 18px/1 var(--tk-mono)!important;color:var(--tk-teal)!important;opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .35s var(--tk-ease)}
html body #services .svc:not(#tk):not(#tk2) h3{font-family:var(--tk-disp)!important;font-weight:800!important;font-stretch:100%;text-transform:uppercase!important;font-size:clamp(1rem,1.15vw,1.2rem)!important;letter-spacing:.01em!important;margin:0 0 .7rem!important;overflow-wrap:anywhere;hyphens:auto}
html body #services .svc:not(#tk):not(#tk2) p{color:var(--tk-mut)!important;font-size:.95rem!important;line-height:1.6!important;max-width:30ch}
html body #services .services > .svc:not(#tk):not(#tk2):not(#tk3) > *{position:relative}
/* feine Linie oben füllt sich beim Hover mit dem Markenverlauf */
@media (hover:hover) and (pointer:fine){
  html body #services .services > .svc:not(#tk):not(#tk2):not(#tk3):hover{background-size:100% 1px!important}
  html body #services .services > .svc:not(#tk):not(#tk2):not(#tk3):hover::after{opacity:1;transform:none}
  html body #services .services > .svc.svc-link:not(#tk):not(#tk2):not(#tk3){cursor:pointer}
}
@media (min-width:1101px){html body #services .services > .svc:not(#tk):not(#tk2):not(#tk3){padding-right:2.2rem!important}}

/* ---------- Referenzen: Bald-Karten wie Monitore ---------- */
html body #home-refs .hr-card.hr-soon:not(#tk) .hr-media{background:radial-gradient(120% 70% at 50% 0%,rgba(139,61,255,.4),transparent 60%),radial-gradient(90% 50% at 50% 110%,rgba(25,227,199,.25),transparent 60%),#0f0b1f!important;border:1px solid var(--tk-line2)!important}
html body #home-refs .hr-soon-tag:not(#tk){font-family:var(--tk-mono)!important;font-size:11px!important;letter-spacing:.14em!important}
html body #home-refs .hr-card:not(#tk) figcaption b{font-family:var(--tk-disp)!important;font-stretch:110%;text-transform:uppercase}
html body #home-refs .hr-card:not(#tk) figcaption span{font-family:var(--tk-mono)!important;font-size:11px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--tk-mut)!important}

/* ---------- Ablauf als Schnitt-Timeline (nur Desktop mit JS) ---------- */
html body .tk-editor{display:none}
@media (min-width:861px){
  html body #full-service.tk-tl:not(#tk){height:320vh;padding:0!important;position:relative}
  html body #full-service.tk-tl .fs-in:not(#tk){position:sticky;top:0;height:100vh;display:flex!important;flex-direction:column;justify-content:center;max-width:1240px}
  html body #full-service.tk-tl .fs-head h2{margin:.6rem 0 1rem!important}
  html body #full-service.tk-tl .fs-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 40px}
  html body #full-service.tk-tl .fs-head .bs-kicker{flex-basis:100%}
  html body #full-service.tk-tl .fs-head p{margin:0}
  html body #full-service.tk-tl .fs-steps{display:none!important}
  html body #full-service.tk-tl .tk-editor{display:block;margin-top:clamp(24px,4vh,44px);border:1px solid var(--tk-line2);border-radius:16px;background:linear-gradient(180deg,#140f28,#0d0a1c);overflow:hidden;box-shadow:0 40px 120px -40px rgba(106,92,245,.45)}
}
.tk-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--tk-line);color:var(--tk-mut);font:500 12px/1 var(--tk-mono);letter-spacing:.12em;text-transform:uppercase}
.tk-bar .tk-dots{display:flex;gap:6px}.tk-bar .tk-dots i{width:10px;height:10px;border-radius:50%;background:#2a2343}
.tk-bar .tk-etc{margin-left:auto;color:var(--tk-teal);font-size:14px}
.tk-body{display:grid;grid-template-columns:64px 1fr}
.tk-ll{border-right:1px solid var(--tk-line)}
.tk-ll div{height:56px;display:grid;place-items:center;border-bottom:1px solid var(--tk-line);color:var(--tk-dim);font:500 12px/1 var(--tk-mono)}
.tk-ll div:first-child{height:28px}
.tk-lanes{position:relative}
.tk-ruler{height:28px;border-bottom:1px solid var(--tk-line);background:repeating-linear-gradient(90deg,var(--tk-line2) 0 1px,transparent 1px 12.5%)}
.tk-lane{position:relative;height:56px;border-bottom:1px solid var(--tk-line)}
.tk-clip{position:absolute;top:8px;bottom:8px;border-radius:7px;padding:8px 10px;font:600 12px/1.15 "Space Grotesk",sans-serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--tk-ink);
  background:color-mix(in oklab,var(--c) 26%,#171230);border:1px solid color-mix(in oklab,var(--c) 55%,transparent);transition:background .3s,box-shadow .3s,transform .3s var(--tk-ease)}
.tk-clip.on{background:color-mix(in oklab,var(--c) 70%,#171230);box-shadow:0 0 0 1px var(--c),0 8px 28px -6px var(--c);transform:translateY(-2px)}
.tk-clip.aud{background-image:repeating-linear-gradient(90deg,transparent 0 3px,rgba(255,255,255,.18) 3px 4px);background-size:100% 46%;background-repeat:no-repeat;background-position:0 85%}
.tk-ph{position:absolute;top:0;bottom:0;width:2px;left:0;background:var(--tk-rec);box-shadow:0 0 14px var(--tk-rec);z-index:3;pointer-events:none}
.tk-ph::before{content:"";position:absolute;top:0;left:-6px;border:7px solid transparent;border-top:9px solid var(--tk-rec)}
.tk-info{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:20px 24px;border-top:1px solid var(--tk-line)}
.tk-info .tk-n{font:900 3.2rem/1 var(--tk-disp);font-stretch:125%;background:var(--tk-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.tk-info b{display:block;font:800 1.45rem/1.1 var(--tk-disp);font-stretch:110%;text-transform:uppercase;color:var(--tk-ink)}
.tk-info p{color:var(--tk-mut)!important;font-size:15.5px;margin:4px 0 0}
.tk-info .tk-of{color:var(--tk-dim);font:500 12px/1 var(--tk-mono);letter-spacing:.14em;text-transform:uppercase}
.tk-swap{transition:opacity .25s,filter .25s}.tk-swap.out{opacity:0;filter:blur(4px)}
/* Handy / ohne Timeline: Schritte als ruhige Liste */
html body #full-service .fs-steps:not(#tk){background:none!important;border:0!important;border-left:2px solid var(--tk-line2)!important;gap:0!important;grid-template-columns:1fr!important}
html body #full-service .fs-steps:not(#tk) li{background:none!important;padding:0 0 1.6rem 1.6rem!important;position:relative}
html body #full-service .fs-steps:not(#tk) li::after{content:"";position:absolute;left:-7px;top:.35rem;width:12px;height:12px;border-radius:50%;background:var(--tk-grad);box-shadow:0 0 12px rgba(25,227,199,.6)}
html body #full-service .fs-steps:not(#tk) li:hover{background:none!important;color:inherit!important}
html body #full-service .fs-steps:not(#tk) li:hover b{color:var(--tk-ink)!important}
html body #full-service .fs-steps:not(#tk) li:hover span{color:var(--tk-mut)!important}

/* ---------- Kontakt ---------- */
html body #contact.contact:not(#tk) h2{font-size:clamp(2.2rem,5vw,4.6rem)!important;letter-spacing:-.02em!important;line-height:.92!important}

@media (prefers-reduced-motion:reduce){
  html body header.hero .tk-rec b{animation:none}
  .tk-clip,.tk-swap{transition:none}
}

/* Feinschliff */
html body #full-service.tk-tl .fs-head .bs-kicker:not(#tk){order:-1}
html body #full-service.tk-tl .fs-head h2:not(#tk){flex:1 1 auto}
html body #contact.contact:not(#tk) h2{margin:1.2rem 0 1.6rem!important}
html body #contact.contact:not(#tk) .about-kicker{justify-content:center}
html body #full-service .fs-steps:not(#tk) li:not(#tk2){border:0!important;border-radius:0!important;box-shadow:none!important}
html body #full-service .fs-steps:not(#tk) li:not(#tk2)::before{display:none!important;content:none!important}
@media (max-width:600px){
  html body nav a.logo img:not(#tk):not(#tk2):not(#tk3):not(#tk4){height:auto!important;width:min(150px,38vw)!important;max-width:none!important}
}
@media (min-width:861px){
  html body #full-service.tk-tl .fs-head:not(#tk){display:grid!important;grid-template-columns:1fr minmax(0,480px);align-items:end;gap:10px 40px;width:100%}
  html body #full-service.tk-tl .fs-head .bs-kicker:not(#tk):not(#tk2){grid-column:1/-1;grid-row:1;position:static!important;margin:0!important}
  html body #full-service.tk-tl .fs-head h2:not(#tk){grid-column:1;grid-row:2}
  html body #full-service.tk-tl .fs-head p:not(#tk){grid-column:2;grid-row:2}
  html body #full-service.tk-tl .tk-editor:not(#tk){width:100%;align-self:stretch}
}

/* Etwas kleiner und übersichtlicher */
html body :is(section,footer) h2:not(#tk):not(#tk2):not(#tk3){font-size:clamp(2rem,4.2vw,3.8rem)!important}
html body #contact.contact:not(#tk):not(#tk2) h2:not(#tk3){font-size:clamp(2.2rem,5vw,4.6rem)!important}
html body header.hero:not(#tk) .hero-bottom p{font-size:1rem!important}
html body #services .services > .svc:not(.svc-link):not(#tk):not(#tk2):not(#tk3)::after{content:none!important;display:none!important}
/* Trennlinien zwischen den Leistungs-Spalten (oben Türkis, nach unten auslaufend) */
html body #services .services > .svc:not(#tk):not(#tk2):not(#tk3):not(#tk4){padding-left:1.8rem!important;background:var(--tk-grad) left top/0% 1px no-repeat,linear-gradient(180deg,rgba(25,227,199,.45),rgba(139,61,255,.18) 55%,rgba(139,61,255,0)) left top/1px 100% no-repeat!important}
html body #services .services > .svc:not(#tk):not(#tk2):not(#tk3):not(#tk4):hover{background-size:100% 1px,1px 100%!important}
@media (min-width:1101px){html body #services .services > .svc:nth-child(4n+1):not(#tk):not(#tk2):not(#tk3):not(#tk4){padding-left:0!important;background-size:0% 1px,0 0!important}html body #services .services > .svc:nth-child(4n+1):not(#tk):not(#tk2):not(#tk3):not(#tk4):hover{background-size:100% 1px,0 0!important}}
@media (min-width:601px) and (max-width:1100px){html body #services .services > .svc:nth-child(2n+1):not(#tk):not(#tk2):not(#tk3):not(#tk4){padding-left:0!important;background-size:0% 1px,0 0!important}}
@media (max-width:600px){html body #services .services > .svc:not(#tk):not(#tk2):not(#tk3):not(#tk4){padding-left:0!important;background-size:0% 1px,0 0!important}}

/* ---------- Laufband: ein ruhiges, dunkles Band ---------- */
html body .tk-mq{position:relative;margin:clamp(24px,4vw,56px) 0 clamp(48px,7vw,96px);padding:clamp(18px,2.4vw,34px) 0;overflow-x:hidden;overflow-x:clip;overflow-y:visible;z-index:4}
html body #tkMq .tk-band:not(#tk):not(#tk2):not(#tk3){position:relative;left:-4vw;width:108vw;overflow:hidden;white-space:nowrap;transform:rotate(-2deg)!important;background:#120d24!important;padding:clamp(18px,2vw,28px) 0}
html body .tk-band::before,html body .tk-band::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#8b3dff 20%,#19e3c7 80%,transparent)}
html body .tk-band::before{top:0}
html body .tk-band::after{bottom:0}
html body .tk-track{display:inline-flex;align-items:center;width:max-content;will-change:transform;animation:tk-mq 45s linear infinite}
html body .tk-it{font-family:var(--tk-disp)!important;font-weight:900!important;font-stretch:112%;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05;font-size:clamp(1.5rem,3.2vw,3rem);color:var(--tk-ink)}
html body .tk-it:nth-of-type(even){color:transparent;background:linear-gradient(90deg,#8b3dff,#19e3c7);-webkit-background-clip:text;background-clip:text}
html body .tk-sep{flex:none;width:clamp(9px,.8vw,12px);height:clamp(9px,.8vw,12px);margin:0 clamp(26px,3.2vw,50px);transform:rotate(45deg);background:linear-gradient(135deg,#8b3dff,#19e3c7)}
@keyframes tk-mq{to{transform:translateX(-50%)}}
@media (max-width:640px){html body #tkMq .tk-band:not(#tk):not(#tk2):not(#tk3){transform:rotate(-3deg)!important}}
@media (prefers-reduced-motion:reduce){html body .tk-track{animation:none}}

/* ---------- Kontakt-Kacheln ---------- */
html body .tk-cmeta{display:grid;grid-template-columns:1.25fr 1.3fr .95fr 1fr 1.3fr;margin:3rem auto 0;max-width:1240px;border-block:1px solid var(--tk-line2);text-align:left}
html body .tk-cm{position:relative;display:flex;flex-direction:column;gap:6px;padding:26px 20px 24px;color:var(--tk-ink)!important;text-decoration:none!important;border:0!important;min-width:0;transition:background .3s var(--tk-ease)}
html body .tk-cm+.tk-cm::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:linear-gradient(transparent,var(--tk-line2),transparent)}
html body .tk-cm::after{content:"";position:absolute;left:24px;right:24px;bottom:-1px;height:2px;background:var(--tk-grad);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--tk-ease)}
html body .tk-cm-i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(139,61,255,.14);border:1px solid rgba(139,61,255,.35);margin-bottom:10px;color:var(--tk-teal)}
html body .tk-cm-i svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body .tk-cm small{font:700 11px/1 var(--tk-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tk-mut)}
html body .tk-cm b{font-family:var(--tk-disp);font-weight:800;font-size:clamp(.92rem,1.05vw,1.05rem);letter-spacing:-.01em;overflow-wrap:anywhere;color:var(--tk-ink)}
html body .tk-cm i{position:absolute;right:22px;top:30px;font-style:normal;color:var(--tk-teal);opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s var(--tk-ease)}
@media (hover:hover) and (pointer:fine){
  html body a.tk-cm:hover{background:linear-gradient(180deg,rgba(139,61,255,.10),rgba(25,227,199,.05))}
  html body a.tk-cm:hover::after{transform:scaleX(1)}
  html body a.tk-cm:hover i{opacity:1;transform:none}
}
html body a.tk-cm:active{transform:scale(.98)}
@media (max-width:1000px){html body .tk-cmeta{grid-template-columns:repeat(2,minmax(0,1fr))}html body .tk-cm:nth-child(odd)::before{display:none}html body .tk-cm:first-child{grid-column:1/-1}html body .tk-cm:first-child+.tk-cm::before{display:none}html body .tk-cm{border-top:1px solid var(--tk-line)!important}html body .tk-cm:first-child{border-top:0!important}}
@media (max-width:520px){html body .tk-cmeta{grid-template-columns:1fr}html body .tk-cm::before{display:none}html body .tk-cm{display:grid;grid-template-columns:38px 1fr;column-gap:14px;row-gap:3px;padding:16px 4px}html body .tk-cm-i{grid-row:1/3;margin:0}html body .tk-cm i{opacity:1;transform:none;top:50%;margin-top:-10px;right:6px}}

/* ---------- Über uns: kompakter ---------- */
html body .about-page:not(#tk){max-width:1120px!important;padding-top:clamp(40px,6vh,70px)!important}
html body .about-page h2:not(#tk):not(#tk2){font-size:clamp(2.2rem,4.6vw,4rem)!important;margin:.3em 0 .4em!important}
html body .about-page .team-intro:not(#tk){font-size:clamp(.95rem,1.1vw,1.05rem)!important;line-height:1.6!important;max-width:640px!important}
html body .about-page .team-grid:not(#tk){gap:20px!important;margin-top:36px!important}
html body .about-page .team-card:not(#tk):not(#tk2){padding:28px 30px!important}
html body .about-page .team-card h3:not(#tk):not(#tk2){font-family:var(--tk-disp)!important;font-weight:900!important;font-stretch:108%;font-size:clamp(1.4rem,2.2vw,2rem)!important;line-height:1!important;letter-spacing:-.01em!important;text-transform:uppercase;margin:10px 0 16px!important;overflow-wrap:anywhere}
html body .about-page .team-photo:not(#tk){width:72px!important;height:72px!important;margin-bottom:18px!important}
html body .about-page .team-initials:not(#tk){font-size:1.4rem!important;background:linear-gradient(135deg,#8b3dff,#19e3c7)!important;color:#0b0816!important;border:0!important}
html body .about-page .team-role:not(#tk){font-size:11px!important;margin:0!important}
html body .about-page .team-story p:not(#tk){font-size:.95rem!important;line-height:1.65!important}

/* ---------- Ankündigungen (Banner + Pop-up, im Admin unter Leistungen → Ankündigungen) ---------- */
html body .tk-an{--an-bg:linear-gradient(90deg,#8b3dff,#6a5cf5 50%,#19e3c7);--an-ink:#fff;font-family:"Space Grotesk",system-ui,sans-serif}
html body .tk-an-hot{--an-bg:linear-gradient(90deg,#ff3b4e,#ff7a45)}
html body .tk-an-calm{--an-bg:#17122b}
html body .tk-an[hidden]{display:none!important}
html body .tk-an-banner{position:fixed;left:50%;top:var(--an-top,92px);z-index:9990;width:min(980px,calc(100% - 32px));transform:translate(-50%,-14px);opacity:0;transition:opacity .45s var(--tk-ease),transform .45s var(--tk-ease);display:flex;align-items:center;gap:8px;padding:8px 8px 8px 18px;border-radius:16px;background:var(--an-bg);color:var(--an-ink);box-shadow:0 18px 50px -18px rgba(11,8,22,.9),0 0 0 1px rgba(255,255,255,.18) inset}
html body .tk-an-banner.is-in{opacity:1;transform:translate(-50%,0)}
html body .tk-an-in{flex:1;min-width:0;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;font-size:.9rem;line-height:1.35}
html body .tk-an-in b{font-family:var(--tk-disp);font-weight:800;letter-spacing:-.005em}
html body .tk-an-txt{opacity:.88}
html body .tk-an-tag{font:700 10.5px/1 var(--tk-mono);letter-spacing:.14em;text-transform:uppercase;padding:5px 8px;border-radius:7px;background:rgba(11,8,22,.55);color:#fff;white-space:nowrap}
html body .tk-an-calm .tk-an-tag{background:linear-gradient(90deg,#8b3dff,#19e3c7);color:#0b0816}
html body .tk-an-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#0b0816;color:#fff!important;text-decoration:none!important;font-weight:700;font-size:.82rem;white-space:nowrap;transition:transform .16s var(--tk-ease)}
html body .tk-an-calm .tk-an-btn{background:linear-gradient(90deg,#8b3dff,#19e3c7);color:#0b0816!important}
html body .tk-an-btn i{font-style:normal;transition:transform .25s var(--tk-ease)}
html body .tk-an-btn:active{transform:scale(.97)}
html body .tk-an-x{flex:none;width:34px;height:34px;border-radius:10px;border:0;background:rgba(11,8,22,.35);color:#fff;cursor:pointer;font-size:13px;touch-action:manipulation}
html body .tk-an-popup{position:fixed;right:24px;bottom:24px;z-index:9991;width:min(380px,calc(100% - 32px));opacity:0;transform:translateY(16px) scale(.97);transition:opacity .45s var(--tk-ease),transform .45s var(--tk-ease)}
html body .tk-an-popup.is-in{opacity:1;transform:none}
html body .tk-an-card{position:relative;padding:26px 24px 24px;border-radius:22px;background:#120d24;color:var(--tk-ink);border:1px solid rgba(214,204,255,.18);box-shadow:0 30px 80px -20px rgba(0,0,0,.8);overflow:hidden}
html body .tk-an-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--an-bg)}
html body .tk-an-card h3{font-family:var(--tk-disp)!important;font-weight:900!important;font-stretch:108%;text-transform:uppercase;font-size:1.45rem!important;line-height:1!important;margin:12px 0 8px!important;color:#fff!important;letter-spacing:-.01em}
html body .tk-an-card p{margin:0 0 16px!important;color:var(--tk-mut)!important;font-size:.92rem!important;line-height:1.55!important}
html body .tk-an-card .tk-an-btn{background:var(--an-bg);color:#fff!important}
html body .tk-an-calm .tk-an-card .tk-an-btn{color:#0b0816!important}
html body .tk-an-card .tk-an-x{position:absolute;right:12px;top:12px;background:rgba(255,255,255,.06)}
@media (hover:hover) and (pointer:fine){html body .tk-an-btn:hover i{transform:translateX(3px)}html body .tk-an-x:hover{background:rgba(11,8,22,.6)}}
@media (max-width:640px){html body .tk-an-banner{padding:10px 8px 10px 14px;align-items:flex-start}html body .tk-an-in{font-size:.84rem}html body .tk-an-popup{right:16px;left:16px;bottom:16px;width:auto}}
@media (prefers-reduced-motion:reduce){html body .tk-an-banner,html body .tk-an-popup{transition:none}}
html body .tk-an-banner:not(#x1):not(#x2):not(#x3){background:var(--an-bg)!important}
html body .tk-an-card:not(#x1):not(#x2):not(#x3){background:#120d24!important}
html body .tk-an-calm .tk-an-card .tk-an-btn,html body .tk-an-calm .tk-an-btn{background:linear-gradient(90deg,#8b3dff,#19e3c7)!important;color:#0b0816!important}
html body .tk-an-code{display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 10px;border-radius:10px;border:1.5px dashed rgba(255,255,255,.7);background:rgba(11,8,22,.35);color:#fff;font:inherit;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}
html body .tk-an-code span{font:700 10px/1 var(--tk-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.7}
html body .tk-an-code b{font:700 .9rem/1 var(--tk-mono);letter-spacing:.06em}
html body .tk-an-code small{font-size:.75rem;opacity:.8}
html body .tk-an-code i{font-style:normal;font-size:.72rem;font-weight:700;padding:4px 7px;border-radius:6px;background:rgba(255,255,255,.18)}
html body .tk-an-card .tk-an-code{margin:0 0 14px;border-color:rgba(25,227,199,.6)}
html body .tk-an-code:active{transform:scale(.97)}
