/* TV-Schaufenster und lebendige Markenflächen, ohne Logo-Veränderung. */
.ktx-main .kaftronix-hero { grid-template-columns: minmax(320px,1.15fr) minmax(0,1fr); gap: 2rem; padding-block: clamp(2rem,4vw,3.5rem); }
.ktx-main .kaftronix-hero::after { background: radial-gradient(ellipse at 78% 38%,#16426d88,transparent 55%),radial-gradient(ellipse at 50% 100%,#00c99522,transparent 60%); opacity: 1; }
.ktx-main .kaftronix-hero h1 { font-size: clamp(2.35rem,3.8vw,3.75rem); text-align: center; max-width: 100%; margin-inline: auto; }
.ktx-main .kaftronix-hero__content { text-align: center; }
.ktx-main .kaftronix-hero .ktx-lead { font-size: clamp(1rem,1.4vw,1.2rem); line-height: 1.65; margin-inline: auto; }
.ktx-main .kaftronix-hero .wp-block-buttons { justify-content: center; }
.ktx-main .kaftronix-hero__visual.ktx-tv { max-width: 520px; mix-blend-mode: normal; isolation: isolate; pointer-events: auto; }
.ktx-tv__aura { position: absolute; inset: 3% -3% 12%; background: conic-gradient(from 45deg,#1769e8,#00c9d9,#24e88a,#b0ff43,#1769e8); filter: blur(50px); opacity: .24; z-index: -1; pointer-events: none; }
.ktx-tv__frame { padding: 8px 8px 0; border: 1px solid #647984; border-radius: 22px; background: linear-gradient(140deg,#546771,#101a22 12%,#0a1118 85%,#527a87); box-shadow: 0 28px 65px #0009,0 0 0 3px #0b141e,0 -1px 22px #6bf4e530; }
.ktx-tv__screen { aspect-ratio: 16/10; overflow: hidden; border-radius: 14px; background: #010407; position: relative; }
.ktx-tv__slide { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: clamp(1rem,2vw,2rem); gap: .6rem; text-align: center; animation: ktx-screen-enter .7s ease both; }
.ktx-tv [hidden] { display: none !important; }
.ktx-tv__slide--brand { background: radial-gradient(ellipse at 50% 80%,#083442,transparent 65%),#020507; justify-content: space-between; }
.ktx-tv__slide--brand > span { position: relative; z-index: 1; }
.ktx-tv__eyebrow { font-size: clamp(.6rem,.8vw,.76rem); letter-spacing: .13em; line-height: 1.5; font-weight: 700; color: #85f5c9; }
.ktx-main .ktx-tv .ktx-tv__logo { position: absolute; inset: 0; height: 100%; width: 100%; max-width: 100%; object-fit: contain; opacity: 1; filter: none; mix-blend-mode: lighten; }
.ktx-tv__tagline { font-size: .85rem; color: #bccfd9; }
.ktx-tv__bezel { height: 24px; display: flex; justify-content: center; align-items: center; gap: .5rem; font-size: 7px; font-weight: 600; letter-spacing: .23em; color: #a7bbc6; }
.ktx-tv__bezel span { height: 4px; width: 4px; border-radius: 50%; background: #6dfacc; box-shadow: 0 0 8px #6dfacc; }
.ktx-tv__stand { width: 34%; height: 35px; margin: 0 auto; background: linear-gradient(90deg,#18252c,#64818c 48%,#17232e); clip-path: polygon(37% 0,63% 0,68% 73%,100% 88%,100% 100%,0 100%,0 88%,32% 73%); }
.ktx-tv__pause { position: absolute; z-index: 4; top: .6rem; right: .6rem; display: grid; place-items: center; width: 44px; height: 44px; padding: 10px; border: 1px solid #84e5c580; border-radius: 50%; background: #05131be6; color: #c4ffea; cursor: pointer; opacity: 0; transition: opacity .2s; }
.ktx-tv:hover .ktx-tv__pause,.ktx-tv:focus-within .ktx-tv__pause { opacity: 1; }
.ktx-tv__pause:focus-visible { opacity: 1; outline: 3px solid #8cf5c9; outline-offset: 3px; }
.ktx-tv__pause svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 2; fill: none; }
.ktx-tv__play-icon,.ktx-tv[data-paused="true"] .ktx-tv__pause-icon { display: none; }
.ktx-tv[data-paused="true"] .ktx-tv__play-icon { display: block; }
@media (hover: none) { .ktx-tv__pause { opacity: .7; } }
.ktx-tv__slide--discover { background: radial-gradient(ellipse at 80% 0,#1769e866,transparent 65%),linear-gradient(130deg,#12223e,#063d3e); }
.ktx-tv__orbit { width: 25%; aspect-ratio: 1; border: 1px solid #55d7d688; border-radius: 24%; background: #00c9d914; box-shadow: 0 0 45px #00c9d930; transform: rotate(-8deg); }
.ktx-tv__orbit svg { width: 100%; height: 100%; fill: none; stroke: #7fffcb; stroke-width: 2; }
.ktx-main .ktx-tv h2 { font-size: clamp(1.2rem,2.4vw,2.35rem); margin: .3rem 0; line-height: 1.13; color: #f2fbff; max-width: 100%; }
.ktx-tv__slide a { color: #061b1b; background: linear-gradient(100deg,#b8ff70,#41e9c6); border-radius: 99px; text-decoration: none; padding: .7rem 1.2rem; font-size: .9rem; font-weight: 700; }
.ktx-tv__slide a:hover { box-shadow: 0 0 24px #5ff0be55; }
.ktx-tv__slide--offer { display: grid; grid-template-columns: 45% minmax(0,1fr); text-align: left; gap: 1.4rem; background: radial-gradient(ellipse at 100% 0,#1d65b966,transparent 60%),#091722; }
.ktx-tv__product-image { border-radius: 16px; background: #f4f8fa; overflow: hidden; aspect-ratio: 1; }
.ktx-main .ktx-tv__product-image img { width: 100%; height: 100%; object-fit: contain; padding: .6rem; mix-blend-mode: normal; }
.ktx-main .ktx-tv__offer-copy h2 { font-size: clamp(1rem,1.8vw,1.7rem); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-wrap: pretty; }
.ktx-tv__offer-copy p { font-size: .8rem; color: #bdd1dc; line-height: 1.4; }
.ktx-tv__offer-copy a { display: inline-flex; margin-top: .5rem; }
/* Drei farbige, leicht lesbare Erlebnis-Karten statt nummerierter Checkliste. */
.ktx-benefits { background: radial-gradient(ellipse at 0 70%,#075d5230,transparent 60%),radial-gradient(ellipse at 100% 0,#185bbc33,transparent 60%); border-radius: 28px; }
.ktx-benefits > .ktx-kicker { color: #83f0bf; }
.ktx-main .ktx-benefits > h2 { max-width: 23ch; font-size: clamp(2rem,3.6vw,3.25rem); margin-block: .75rem 2rem; }
.ktx-benefits .wp-block-column { position: relative; overflow: hidden; border-color: #48877a; background: linear-gradient(145deg,#123d35,#0b2028); padding: clamp(1.4rem,2.8vw,2.25rem); transition: transform .25s,box-shadow .25s; }
.ktx-benefits .wp-block-column:nth-child(2) { background: linear-gradient(145deg,#123a52,#111d36); border-color: #326788; }
.ktx-benefits .wp-block-column:nth-child(3) { background: linear-gradient(145deg,#283a5b,#19233c); border-color: #586aa0; }
.ktx-benefits .wp-block-column:hover { transform: translateY(-5px); box-shadow: 0 16px 45px #00c9d914; }
.ktx-benefit-icon { display: inline-flex; align-items: center; justify-content: center; width: 68px; height: 68px; border-radius: 19px; background: #79ffc216; color: #9affbd; border: 1px solid #77e7b74d; margin-bottom: 1rem; }
.ktx-benefit-icon svg { width: 36px; height: 36px; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
.ktx-benefits .wp-block-column:nth-child(2) .ktx-benefit-icon { color: #7eeaff; background: #3ee6ff16; border-color: #72d8ff4d; }
.ktx-benefits .wp-block-column:nth-child(3) .ktx-benefit-icon { color: #c9d2ff; background: #9daaff16; border-color: #a4b0ff4d; }
.ktx-benefits h3 { color: #f2faff; margin-block: .4rem .8rem; font-size: 1.25rem; }
.ktx-benefits p { color: #c5d9df; }
.ktx-category-card { background: linear-gradient(145deg,#113c384d,#0b151c); }
.ktx-category-card:nth-child(2n) { background: linear-gradient(145deg,#16426d66,#0b151c); }
.ktx-category-card:nth-child(3n) { background: linear-gradient(145deg,#33396666,#0b151c); }
.ktx-future { background: radial-gradient(ellipse at right,#125a6244,transparent 65%),linear-gradient(130deg,#142c3c,#112323); }
.ktx-tv-editor { border: 2px solid #00c9d9; border-radius: 20px; padding: 2rem; background: #081822; color: #efffff; }
@keyframes ktx-screen-enter { from { opacity: .25; } to { opacity: 1; } }
@media (max-width: 1000px) {
 .ktx-main .kaftronix-hero { grid-template-columns: minmax(0,1fr); }
 .ktx-main .kaftronix-hero__visual.ktx-tv { grid-column: 1; grid-row: 2; width: 100%; max-width: 420px; }
 .ktx-main .kaftronix-hero__content { grid-column: 1; grid-row: 1; text-align: center; }
 .ktx-main .kaftronix-hero h1,.ktx-main .kaftronix-hero .ktx-lead { margin-inline: auto; }
 .ktx-main .kaftronix-hero .wp-block-buttons { justify-content: center; }
 .ktx-main .ktx-tv h2 { font-size: clamp(1.25rem,4vw,2.3rem); }
}
@media (max-width: 540px) {
 .ktx-main .kaftronix-hero { padding-top: 2.2rem; }
 .ktx-tv__frame { padding: 5px 5px 0; border-radius: 15px; }
 .ktx-tv__screen { aspect-ratio: 4/3; border-radius: 10px; }
 .ktx-tv__slide { padding: .8rem; gap: .25rem; }
 .ktx-tv__tagline { font-size: .7rem; }
 .ktx-tv__slide--offer { gap: .7rem; }
 .ktx-tv__offer-copy p { display: none; }
 .ktx-tv__slide a { font-size: .75rem; padding: .6rem .75rem; }
 .ktx-main .ktx-tv__offer-copy h2 { font-size: .95rem; }
 .ktx-tv__orbit { width: 21%; }
 .ktx-tv__eyebrow { font-size: .55rem; }
}
@media (prefers-reduced-motion: reduce) {
 .ktx-tv__slide { animation: none; }
 .ktx-benefits .wp-block-column:hover { transform: none; }
}