/* FAEKN Themen-Cockpit v2 (01.10.2026): Suche + Clara in einem Feld, Raster */
body:has(.tc) .wizard-bar{display:none!important}
.tc{position:relative;background:#FDEEF3;padding-bottom:32px}
.tc__bg img{display:block;width:100%;height:42vh;min-height:250px;max-height:430px;object-fit:cover;object-position:50% 30%}
.tc__card{position:relative;margin:-40px 16px 0;background:#fff;border-radius:24px;padding:20px 20px 18px;box-shadow:0 12px 36px rgba(22,65,147,.16);display:flex;flex-direction:column;gap:14px}
.tc__crumb{font-size:13px;color:#4A5270}.tc__crumb a{color:inherit}
.tc__eye{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#164193}
.tc__eye::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#FF7175;margin-right:8px;vertical-align:1px}
.tc h1{margin:0;font-size:clamp(26px,4vw,42px);line-height:1.12;font-weight:300;color:#164193}
.tc__lead{margin:0;font-size:16.5px;line-height:1.55;color:#1F2238}
.tc__form{display:flex;gap:8px;margin:0}
.tc__in{flex:1;min-width:0;min-height:52px;box-sizing:border-box;padding:0 18px;border:2px solid #164193;border-radius:26px;font:inherit;font-size:16px;color:#1F2238;background:#fff}
.tc__go{width:52px;height:52px;flex:0 0 52px;border:0;border-radius:26px;background:#164193;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.tc__chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:-4px -20px 0;padding:0 20px 2px}
.tc__chips button{flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:20px;border:1px solid rgba(22,65,147,.25);background:#fff;color:#164193;font:inherit;font-size:14px;white-space:nowrap;cursor:pointer}
.tc__out{display:flex;flex-direction:column;gap:8px}
.tc__out:empty{display:none}
.tc__hit{display:block;padding:10px 14px;border-radius:14px;background:#FDEEF3;text-decoration:none!important;color:#1F2238!important}
.tc__hit b{display:block;font-size:15.5px;font-weight:600;color:#164193}
.tc__hit span{display:block;font-size:13.5px;line-height:1.4;color:#4A5270;margin-top:2px}
.tc__askbtn{text-align:left;padding:10px 14px;border-radius:14px;border:1px dashed #164193;background:#fff;color:#164193;font:inherit;font-size:15px;cursor:pointer;min-height:44px}
.tc__msg{display:flex}.tc__msg--u{justify-content:flex-end}
.tc__bub{max-width:88%;padding:11px 14px;border-radius:18px 18px 18px 4px;background:#FDEEF3;color:#1F2238;font-size:15.5px;line-height:1.45;display:flex;flex-direction:column;gap:10px}
.tc__msg--u .tc__bub{border-radius:18px 18px 4px 18px;background:#164193;color:#fff}
.tc__note{margin:0;font-size:12px;line-height:1.5;color:#4A5270}
.tc__btn{align-self:flex-start;display:inline-flex;align-items:center;min-height:50px;padding:0 24px;border-radius:25px;background:#164193;color:#fff!important;font-size:16.5px;text-decoration:none}
.tc__bub .tc__btn{min-height:44px;font-size:15px;padding:0 18px}
.tg{padding:0 16px 8px;background:#FDEEF3}
.tg__in{max-width:1100px;margin:0 auto;padding-top:8px}
.tg__h,.tw__h,.ys__h{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#164193}
.tg__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.tg__t{display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-height:72px;padding:14px;border-radius:16px;background:#fff;border:1px solid rgba(22,65,147,.12);text-decoration:none!important;color:#1F2238!important;font:inherit;text-align:left;cursor:pointer}
.tg__t b{font-size:15.5px;font-weight:600;color:#164193;display:flex;justify-content:space-between;gap:8px}
.tg__t b i{font-style:normal;color:#FF7175}
.tg__t span{font-size:13px;line-height:1.4;color:#4A5270}
.tg__t--go{background:#164193;border-color:#164193}.tg__t--go b,.tg__t--go b i{color:#fff}.tg__t--go span{color:#D7DDEE}
.tg__t:hover{box-shadow:0 10px 26px rgba(22,65,147,.12)}
.tw{padding:8px 16px 0}
@media(min-width:760px){.tg__grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:900px){.tc{min-height:76vh;display:flex;align-items:center;padding:56px 6vw}.tc__bg{position:absolute;inset:0}.tc__bg img{height:100%;max-height:none}.tc__card{margin:0;width:600px;padding:34px 36px 26px;background:rgba(255,255,255,.88);backdrop-filter:blur(6px)}.tc__chips{flex-wrap:wrap;overflow:visible;margin:-4px 0 0;padding:0}.tg{padding:32px 6vw 16px}}
body.theme-dark .tc,body.theme-dark .tg{background:#10152C}
body.theme-dark .tc__card{background:#181D34}
@media(min-width:900px){body.theme-dark .tc__card{background:rgba(24,29,52,.9)}}
body.theme-dark .tc h1,body.theme-dark .tc__eye,body.theme-dark .tg__h,body.theme-dark .tw__h,body.theme-dark .ys__h,body.theme-dark .tc__hit b,body.theme-dark .tg__t b{color:#F7C8D8}
body.theme-dark .tc__lead,body.theme-dark .tc__bub,body.theme-dark .tc__hit{color:#E3E6F0!important}
body.theme-dark .tc__crumb,body.theme-dark .tc__note,body.theme-dark .tc__hit span,body.theme-dark .tg__t span{color:#AEB3C6}
body.theme-dark .tc__in{background:#10152C;color:#E3E6F0;border-color:#F7C8D8}
body.theme-dark .tc__chips button,body.theme-dark .tc__askbtn{background:#10152C;color:#F7C8D8;border-color:#3A4470}
body.theme-dark .tc__hit,body.theme-dark .tc__bub{background:#232A48}
body.theme-dark .tc__msg--u .tc__bub{background:#F7C8D8;color:#10152C!important}
body.theme-dark .tc__btn,body.theme-dark .tc__go{background:#F7C8D8;color:#10152C!important}
body.theme-dark .tg__t{background:#181D34;border-color:#2A3150}
body.theme-dark .tg__t--go{background:#F7C8D8}body.theme-dark .tg__t--go b,body.theme-dark .tg__t--go b i{color:#10152C}body.theme-dark .tg__t--go span{color:#33395A}
/* v3: Bewegung im Bild – Zoom (tc--kb) oder Parallaxe (tc--px) */
.tc__bg{overflow:hidden}
@media(prefers-reduced-motion:no-preference){
.tc--kb .tc__bg img{transform-origin:50% 40%;animation:tcKB 22s ease-in-out infinite alternate}
@keyframes tcKB{from{transform:scale(1)}to{transform:scale(1.14) translate(-1.5%,-1%)}}
.tc--px .tc__bg img{transform:scale(1.18);will-change:transform}
}