/* V36 — bewährte Live-Struktur, neue Unternehmenspositionierung */
.tpl{--v36-red:#6f1022;--v36-red-dark:#500b18;--v36-ink:#181617;--v36-muted:#696365;--v36-line:#e2ddda;--v36-paper:#f7f5f2;background:#fbfaf8}
.tpl :where(h1,h2,h3),.t-heading h2,.t-founder-copy h2{font-family:Inter,"Avenir Next","Segoe UI",Arial,sans-serif!important;font-weight:760!important;letter-spacing:-.045em!important}
.t-position-kicker{display:inline-flex;align-self:flex-start;margin-bottom:20px;padding:8px 11px;border:1px solid #decfd2;border-radius:7px;background:#fff;color:var(--v36-red);font-size:1rem;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.075em}
.t-hero{min-height:calc(100vh - 68px);grid-template-columns:minmax(440px,.87fr) minmax(590px,1.13fr);background:linear-gradient(145deg,#fff 0%,#f7f5f2 100%)}
.t-hero-copy{padding-top:64px;padding-bottom:70px}
.t-hero h1{max-width:760px;font-size:clamp(48px,5.25vw,78px)!important;font-weight:780!important;line-height:1.01!important;letter-spacing:-.055em!important;text-wrap:balance}
.t-hero h1 span{margin-top:.07em;color:var(--v36-red)}
.t-hero-lead{max-width:710px!important;font-size:17px!important;line-height:1.68!important;color:var(--v36-muted)!important}
.t-hero-art{padding:18px;background:#f5f1ee!important}
.kpi{min-height:620px}
.kpi-in{padding:clamp(20px,3.6cqw,42px)}
.kcard{border-radius:15px;box-shadow:0 16px 38px rgba(42,30,34,.08)}
.kcard-dark{background:linear-gradient(155deg,#272324,#151314);border-color:rgba(255,255,255,.09);box-shadow:0 18px 42px rgba(31,25,27,.15)}
.kcard-dark:before{background:radial-gradient(circle at 90% 8%,rgba(111,16,34,.30),transparent 38%)}
.kcard.wine{background:linear-gradient(150deg,#741326,#560c1a)}
.kc-position-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:15px;position:relative;z-index:1}
.kc-position-grid span{padding:8px 9px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(255,255,255,.045)}
.kc-position-grid small{display:block;color:rgba(255,255,255,.48);font-size:1rem;line-height:1.2}
.kc-position-grid b{display:block;margin-top:4px;color:#fff;font-size:1rem;line-height:1.2}
.kc-total{grid-template-columns:1fr auto auto}.kc-total svg{display:none}
.kc-total em{color:#e7aebe}
.t-strip{background:#fff}.t-strip>span,.t-strip b{font-size:1rem}

/* Kompakte Videoflächen bleiben Teil der alten Dramaturgie. */
.t-video-intro{padding-top:76px!important;padding-bottom:76px!important;background:#fff}
.t-video-frame{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:35px;align-items:end;min-height:400px;padding:42px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 78% 25%,rgba(111,16,34,.55),transparent 35%),linear-gradient(145deg,#292526,#100e0f);color:#fff;box-shadow:0 25px 62px rgba(30,22,24,.18)}
.t-video-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}
.t-video-frame>*{position:relative;z-index:1}.t-video-brand{position:absolute;left:42px;top:35px;display:flex;align-items:center;gap:10px}.t-video-brand img{width:38px;height:38px}.t-video-brand span{font-size:1rem;font-weight:800;letter-spacing:.14em}.t-video-frame small{display:block;margin-bottom:13px;color:#d8adb7;font-size:1rem;font-weight:800;letter-spacing:.1em}.t-video-frame h2{max-width:760px;font-size:clamp(38px,4.5vw,66px);line-height:1.02}.t-video-frame h2 em{color:#efa3b4!important}.t-video-frame p{max-width:710px;margin-top:17px;color:#c8c0c2;font-size:16px;line-height:1.65}.t-video-play{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:var(--v36-red);font-size:22px;box-shadow:0 0 0 13px rgba(255,255,255,.05)}.t-video-time{position:absolute;right:28px;bottom:20px;color:#a89fa2;font-size:1rem}
.t-video-library{padding-top:90px!important;padding-bottom:90px!important;background:var(--v36-paper)}
.t-video-library .t-heading{margin-bottom:30px}.t-video-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.t-video-row article{min-height:165px;padding:18px;border:1px solid var(--v36-line);border-radius:12px;background:#fff}.t-video-row article span{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#f5e9ec;color:var(--v36-red);font-size:1rem;font-weight:850}.t-video-row article b{display:block;margin-top:28px;color:var(--v36-ink);font-size:1rem;line-height:1.35}.t-video-row article small{display:block;margin-top:8px;color:#8b8385;font-size:1rem}

/* Zielgruppenlogik in der bekannten alten Bühne. */
.t-target-tabs button{min-height:112px}.t-target-tabs button b{font-size:1rem}.t-target-panel{grid-template-columns:minmax(0,1fr) minmax(270px,.7fr);min-height:520px}
.t-target-map{position:relative;z-index:1;display:grid;gap:8px;padding:16px;border:1px solid #e2d9d7;border-radius:14px;background:#fff}
.t-target-map>span{display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid #ece6e3;border-radius:9px;background:#fbfaf8}.t-target-map>span small{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:#f3e6e9;color:var(--v36-red);font-size:1rem;font-weight:850}.t-target-map>span b{font-size:1rem}.t-target-map>span em{color:#81797b;font-size:1rem;font-style:normal}.t-target-map>i{height:10px;margin-left:29px;border-left:1px solid #c9b9bc;color:transparent}

/* Ruhigere Übergänge und ausgewählte Praxis-Templates. */
.t-solutions{background:#fff}.t-examples{background:var(--v36-paper)}.t-example{border-radius:14px}.t-demo{background:linear-gradient(145deg,#292526,#171415)!important}.t-founder{background:#fff}.t-founder-art{border-radius:20px;background:linear-gradient(145deg,#f4e7ea,#fff)}.t-founder-art:before,.t-founder-art:after{border-color:#6f10221c}.t-founder-art b{width:160px;height:160px;padding:32px;border:1px solid #decfd2;border-radius:28px;background:#fff;box-shadow:0 24px 55px rgba(70,30,39,.1)}.t-founder-art b img{width:100%;height:100%;object-fit:contain}.t-analysis{background:var(--v36-paper)}
.t-analyzer-head small,.t-analyzer-summary small,.t-analyzer-foot>span{font-size:1rem}.t-analyzer-summary b{font-size:1rem}.t-analyzer-art{background:radial-gradient(circle at 50% 44%,#77182d,#4d0918 44%,#26030b 78%)}

@media(max-width:1180px){.t-hero{grid-template-columns:1fr}.t-hero-copy{padding-right:clamp(24px,6vw,90px)}.t-hero-art{padding:0 4vw 45px}.kpi{max-width:940px;margin:auto}.t-video-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.t-video-frame{grid-template-columns:1fr;min-height:440px;padding:32px 24px}.t-video-brand{left:24px;top:25px}.t-video-play{width:66px;height:66px}.t-video-row{grid-template-columns:repeat(2,minmax(0,1fr))}.t-target-panel{grid-template-columns:1fr}.t-target-map{margin-top:10px}}
@media(max-width:560px){.t-position-kicker{font-size:1rem}.t-hero h1{font-size:clamp(40px,12.5vw,56px)!important}.t-video-frame{min-height:510px}.t-video-frame h2{font-size:36px}.t-video-row{grid-template-columns:1fr}.t-target-map>span{grid-template-columns:27px 1fr}.t-target-map>span em{grid-column:2}.t-video-time{right:18px}.kpi-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.t-video-frame,.kcard{transition:none}}
