/* NEXUS Technologie & Verantwortung V2.5 – Ergänzung zu ../startseite/assets/style.css
   Signature: die Transparenz-Linse. Unter der glatten Produktoberfläche liegt der Bauplan –
   mit den Fragen, die Hotels vor dem Einsatz beantwortet bekommen sollten. */
:root{--tv-ice:#9CCBFF;--tv-cyan:#5FE0FF;--tv-night:#0D1A2B;--tv-bp:#0A2A4F;--tv-ease:var(--ease,cubic-bezier(.2,.7,.2,1))}
.nav-link.is-current,.nav-link[aria-current]{color:#fff}
.tv-eyebrow{color:var(--tv-ice)}
.tv-section{padding:clamp(84px,10vw,130px) 0}
.tv-section h2{overflow-wrap:break-word;hyphens:auto}
.tv-body{color:var(--schiefer);line-height:1.8;font-size:1.02rem}
.tv-on-dark{color:#B8C8DA}
.tv-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:9%;align-items:end;margin-bottom:52px}
.tv-textlink{display:inline-block;color:#DCEBFF;font-weight:650;padding:8px 0;border-bottom:1.5px solid rgba(156,203,255,.5)}
.tv-textlink:hover{color:#fff;border-color:#fff}

/* ================= HERO ================= */
.tv-hero{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(ellipse at 72% 50%,#163F70 0%,rgba(13,26,43,0) 50%),linear-gradient(150deg,#0D1A2B,#0A1523)}
.tv-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(156,203,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(156,203,255,.05) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at 70% 50%,#000 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 70% 50%,#000 20%,transparent 70%)}
.tv-crumb{display:flex;gap:12px;padding-top:34px;font-size:.9rem;color:#8DA6C3}
.tv-crumb a:hover{color:#fff}
.tv-crumb [aria-current]{color:#DCE8F6}
.tv-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,60px);align-items:center;padding:24px 0 64px}
.tv-hero .eyebrow{animation:tvRise .8s var(--tv-ease) .1s both}
.tv-hero h1{font-size:clamp(2.4rem,4vw,3.9rem);line-height:1.06;letter-spacing:-.04em;font-weight:700;margin:6px 0 24px;animation:tvRise 1s var(--tv-ease) .18s both}
.tv-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--tv-ice),var(--tv-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.tv-lead{color:#C6D2DF;font-size:clamp(1.02rem,1.25vw,1.15rem);line-height:1.75;max-width:33em;animation:tvRise .9s var(--tv-ease) .4s both}
.tv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;animation:tvRise .9s var(--tv-ease) .52s both}
.tv-note{margin-top:40px;font-size:.88rem;color:#9FB6CF;animation:tvRise .9s var(--tv-ease) .64s both}

.tv-lens{margin:0;min-width:0;animation:tvFade 1s ease .2s both}
.tv-frame{position:relative;aspect-ratio:16/11;border-radius:20px;overflow:hidden;border:1px solid rgba(156,203,255,.3);box-shadow:0 40px 90px rgba(0,0,0,.45);cursor:none;touch-action:pan-y}
.tv-layer{position:absolute;inset:0;display:flex;flex-direction:column;padding:0 0 16px}
.tv-surface{background:linear-gradient(160deg,#F7FAFE,#E6EEF8);color:var(--tinte)}
.tv-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid rgba(13,26,43,.08);font-size:.8rem;font-weight:650;color:#4E6580}
.tv-bar i{width:9px;height:9px;border-radius:50%;background:#C3D0DF}
.tv-bar span{margin-left:10px}
.tv-cards{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}
.tv-card{display:flex;flex-direction:column;gap:8px;padding:16px 14px;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(13,26,43,.08)}
.tv-card small{font-size:.72rem;color:var(--schiefer)}
.tv-card strong{font-size:1.1rem}
.tv-spark{display:flex;align-items:flex-end;gap:5px;height:64px;margin-top:auto}
.tv-spark i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#5CA3FF,var(--blau))}
.tv-bubble{margin-top:auto;padding:9px 11px;border-radius:12px 12px 12px 4px;background:#EEF1FF;color:#3F37A8;font-size:.78rem;font-weight:600}
.tv-dial{margin:auto auto 0;display:grid;place-items:center;width:70px;height:70px;border-radius:50%;border:5px solid #CFE2FD;border-top-color:var(--blau);font-weight:800;font-size:1.1rem}
.tv-foot{display:flex;align-items:center;gap:8px;padding:0 18px;font-size:.8rem;color:#4E6580;font-weight:600}
.tv-ok{width:8px;height:8px;border-radius:50%;background:#35C78A;box-shadow:0 0 0 4px rgba(53,199,138,.2)}
/* Bauplan */
.tv-blueprint{color:#DDF1FF;background-color:var(--tv-bp);background-image:linear-gradient(rgba(95,224,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(95,224,255,.14) 1px,transparent 1px),linear-gradient(rgba(95,224,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(95,224,255,.06) 1px,transparent 1px);background-size:60px 60px,60px 60px,12px 12px,12px 12px;clip-path:circle(var(--r,0px) at var(--x,50%) var(--y,50%));-webkit-clip-path:circle(var(--r,0px) at var(--x,50%) var(--y,50%))}
.tv-blueprint.is-full{transition:clip-path .9s var(--tv-ease),-webkit-clip-path .9s var(--tv-ease)}
.tv-bar-bp{color:var(--tv-cyan);border-color:rgba(95,224,255,.3);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em}
.tv-card-bp{background:rgba(10,42,79,.6);border:1.5px dashed rgba(95,224,255,.6);box-shadow:none}
.tv-card-bp small{color:var(--tv-cyan);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;letter-spacing:.04em}
.tv-card-bp em{font-style:normal;font-size:.8rem;line-height:1.35;padding-left:14px;position:relative}
.tv-card-bp em::before{content:"?";position:absolute;left:0;top:0;color:var(--tv-cyan);font-weight:800}
.tv-card-bp b{margin-top:auto;padding-top:8px;border-top:1px solid rgba(95,224,255,.3);font-size:.7rem;font-weight:600;color:#9EE9FF;line-height:1.35}
.tv-foot-bp{color:#9EE9FF;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}
.tv-ring{position:absolute;left:0;top:0;width:calc(var(--r,0px)*2);height:calc(var(--r,0px)*2);transform:translate(calc(var(--px,0px) - var(--r,0px)),calc(var(--py,0px) - var(--r,0px)));border-radius:50%;border:3px solid rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(95,224,255,.6),0 0 30px rgba(95,224,255,.5),inset 0 0 30px rgba(95,224,255,.25);pointer-events:none;transition:opacity .4s}
.tv-ring span{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);padding:3px 10px;border-radius:999px;background:var(--tv-night);color:var(--tv-cyan);font-size:.7rem;font-weight:700;white-space:nowrap}
.tv-lens.is-full .tv-ring{opacity:0}
.tv-lens-ctrl{display:flex;align-items:center;gap:14px;margin-top:14px;flex-wrap:wrap}
.tv-lens-ctrl span{font-size:.84rem;color:#9FB6CF}
.tv-reveal{padding:9px 16px;font-size:.9rem;border-radius:999px;border:1px solid rgba(156,203,255,.45);background:rgba(255,255,255,.05);color:#DCEBFF;font-weight:650;cursor:pointer;transition:background .25s,border-color .25s}
.tv-reveal:hover{border-color:#fff}
.tv-reveal[aria-pressed="true"]{background:var(--blau);border-color:var(--blau);color:#fff}
.tv-lens figcaption{margin-top:8px;font-size:.8rem;color:#7A98B9}
.tv-strip{background:rgba(6,19,35,.5);border-top:1px solid rgba(255,255,255,.1)}
.tv-strip .container{display:flex;justify-content:space-between;gap:20px;padding:20px 0}
.tv-strip span{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#C6D2DF}
.tv-strip span::before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid var(--tv-cyan)}

/* ================= ANSATZ ================= */
.tv-values{background:#fff}
.tv-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tv-values-grid article,.tv-topic-grid article{padding:30px 26px;border-radius:20px;background:#fff;border:1px solid var(--linie);transition:transform .3s var(--tv-ease),box-shadow .3s,border-color .3s}
.tv-values-grid article:hover,.tv-topic-grid article:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(14,34,57,.08);border-color:#BFD7F5}
.tv-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--blau-zart,#EAF2FE)}
.tv-icon svg{width:24px;height:24px;fill:none;stroke:var(--blau);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tv-k{margin-top:20px;font-size:.86rem;font-weight:650;color:var(--blau)}
.tv-values-grid h3,.tv-topic-grid h3{font-size:1.28rem;margin:2px 0 8px}
.tv-values-grid article>p:not(.tv-k),.tv-topic-grid article>p:not(.tv-k){color:var(--schiefer);font-size:.96rem;line-height:1.65}

/* ================= PERSPEKTIVEN ================= */
.tv-lab{background:var(--tv-night);color:#fff;position:relative;overflow:hidden}
.tv-lab::before{content:"";position:absolute;width:900px;height:900px;right:-320px;top:-300px;background:radial-gradient(circle,rgba(10,108,240,.22),transparent 62%);pointer-events:none}
.tv-lab h2 em,.tv-questions h2 em{color:var(--tv-ice)}
.tv-lab-grid{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}
.tv-switches{display:flex;flex-direction:column;gap:10px}
.tv-switches button{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;border:1px solid rgba(156,203,255,.22);background:rgba(255,255,255,.03);color:#fff;text-align:left;cursor:pointer;transition:background .25s,border-color .25s}
.tv-switches button i{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:rgba(92,163,255,.14)}
.tv-switches svg{width:20px;height:20px;fill:none;stroke:var(--tv-ice);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tv-switches strong{display:block;font-size:1rem}
.tv-switches small{display:block;font-size:.82rem;color:#9FB6CF}
.tv-switches button:hover{border-color:#fff}
.tv-switches button[aria-pressed="true"]{background:rgba(10,108,240,.2);border-color:var(--blau)}
.tv-panel{padding:clamp(24px,3.5vw,38px);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(156,203,255,.25);animation:tvRise .45s var(--tv-ease)}
.tv-panel-k{font-size:.88rem;font-weight:650;color:var(--tv-ice)}
.tv-panel h3{font-size:clamp(1.5rem,2.4vw,2rem);margin:6px 0 12px}
.tv-panel>p:not(.tv-panel-k):not(.tv-panel-label){color:#B8C8DA;line-height:1.75}
.tv-panel-label{margin-top:24px;font-weight:650}
.tv-qs{list-style:none;margin:12px 0 18px;padding:0;display:grid;gap:8px;counter-reset:q}
.tv-qs li{counter-increment:q;display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);animation:tvRise .4s var(--tv-ease) both}
.tv-qs li:nth-child(2){animation-delay:.08s}.tv-qs li:nth-child(3){animation-delay:.16s}
.tv-qs li::before{content:"?";flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.8rem;background:var(--blau);color:#fff}
.tv-panel small{font-size:.8rem;color:#8FA7C2}

/* ================= THEMEN & REIFEGRADE ================= */
.tv-responsibility{background:var(--porzellan,#F3F5F8)}
.tv-topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tv-topic-grid article{display:flex;flex-direction:column}
.tv-topic-grid a{margin-top:auto;padding-top:16px;font-weight:650;color:var(--blau)}
.tv-maturity{margin-top:28px;padding:28px;border-radius:24px;background:var(--tv-night);color:#fff}
.tv-mat-title{font-weight:650;margin-bottom:18px}
.tv-track{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}
.tv-track-label{font-size:.86rem;color:#9FB6CF}
.tv-track ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);position:relative}
.tv-track ol::before{content:"";position:absolute;left:12px;right:12px;top:11px;height:2px;background:rgba(156,203,255,.2)}
.tv-track ol::after{content:"";position:absolute;left:12px;right:12px;top:11px;height:2px;background:linear-gradient(90deg,#F2B35C,#9CCBFF,#35C78A);transform-origin:left;transform:scaleX(0);transition:transform 1.6s var(--tv-ease)}
.tv-maturity.is-visible .tv-track ol::after{transform:scaleX(1)}
.tv-track li{position:relative;padding-top:34px;font-size:.9rem;font-weight:600}
.tv-track li::before{content:"";position:absolute;left:4px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--tv-night);border:3px solid rgba(156,203,255,.4);transition:border-color .4s,background .4s}
.tv-maturity.is-visible .tv-track li:nth-child(1)::before{border-color:#F2B35C;transition-delay:.2s}
.tv-maturity.is-visible .tv-track li:nth-child(2)::before{border-color:#9CCBFF;transition-delay:.8s}
.tv-maturity.is-visible .tv-track li:nth-child(3)::before{border-color:#35C78A;background:#35C78A;transition-delay:1.4s}
.tv-mat-note{margin-top:14px;font-size:.88rem;color:#B8C8DA}

/* ================= FRAGEN ================= */
.tv-questions{background:var(--tv-night);color:#fff}
.tv-faq-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,96px);align-items:start}
.tv-questions h2{margin-bottom:22px}
.tv-questions .tv-textlink{margin-top:24px}
.tv-faq details{border-top:1px solid rgba(255,255,255,.12)}
.tv-faq details:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.tv-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:1.12rem;font-weight:650}
.tv-faq summary::-webkit-details-marker{display:none}
.tv-faq summary::after{content:"";flex:0 0 12px;height:12px;border-right:2px solid var(--tv-ice);border-bottom:2px solid var(--tv-ice);transform:rotate(45deg);transition:transform .3s var(--tv-ease)}
.tv-faq details[open] summary::after{transform:rotate(-135deg)}
.tv-faq details[open] summary{color:var(--tv-ice)}
.tv-faq details p{color:#B8C8DA;padding:0 30px 22px 0;line-height:1.75;animation:tvRise .35s var(--tv-ease)}

/* ================= ABSCHLUSS ================= */
.tv-end{background:#fff}
.tv-end-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(40px,8vw,110px);align-items:center}
.tv-end h2{margin-bottom:22px}
.tv-contact{padding:clamp(28px,4vw,42px);border-radius:24px;background:var(--tv-night);color:#fff;box-shadow:0 40px 80px rgba(13,26,43,.2)}
.tv-contact-k{font-weight:650;color:var(--tv-ice)}
.tv-contact h3{font-size:clamp(1.6rem,2.4vw,2.1rem);margin:12px 0 20px}
.tv-person{display:flex;align-items:center;gap:14px;padding:18px 0;margin-bottom:20px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.tv-person img{width:56px;height:56px;border-radius:50%;border:2px solid rgba(92,163,255,.7)}
.tv-person strong,.tv-person span{display:block}
.tv-person span{font-size:.88rem;color:#AFBDCD}
.tv-contact .btn{width:100%}

@keyframes tvRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes tvFade{from{opacity:0}to{opacity:1}}

@media(max-width:1100px){.tv-topic-grid{grid-template-columns:1fr 1fr}}
@media(max-width:960px){
  .tv-grid,.tv-split,.tv-lab-grid,.tv-faq-grid,.tv-end-grid{grid-template-columns:minmax(0,1fr)}
  .tv-split{gap:20px}
  .tv-lens{max-width:680px;width:100%;justify-self:center}
  .tv-values-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .tv-hero h1{font-size:clamp(2.2rem,10vw,3rem)}
  .tv-actions{flex-direction:column;align-items:stretch}
  .tv-actions .btn{width:100%}
  .tv-actions .tv-textlink{align-self:flex-start}
  .tv-frame{aspect-ratio:4/5}
  .tv-cards{grid-template-columns:1fr;gap:8px;padding:10px}
  .tv-card{flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 12px;gap:4px 10px}
  .tv-card small{width:100%}
  .tv-spark,.tv-bubble,.tv-dial{display:none}
  .tv-card-bp em{width:100%;font-size:.72rem}
  .tv-card-bp b{width:100%;font-size:.66rem}
  .tv-lens-ctrl span{display:none}
  .tv-strip .container{flex-direction:column;gap:8px}
  .tv-topic-grid{grid-template-columns:1fr}
  .tv-track{grid-template-columns:1fr;gap:6px}
  .tv-track li{font-size:.76rem}
}
@media(prefers-reduced-motion:reduce){
  .tv-hero *,.tv-lens{animation:none!important}
  .tv-track ol::after,.tv-track li::before{transition:none!important}
}
.nav-link.is-current{position:relative}
.nav-link.is-current::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:var(--blau)}