/* ── nexttel Erweiterung 09/2026: nur Live-Tokens (Farben, Schriften, Radien) ── */
/* Live hat Abschnitts- UND Container-Innenabstand (je 7rem = 14rem Lücke); hier nur einmal */
#leistungen, #zielgruppen, #netzwerk, #prozess { padding:0; }
#connected { padding-top:0; padding-bottom:0; }
#hero + #ticker { margin-top:0; }
.hero-sub { max-width: 540px; }
.hero-headline { font-size: clamp(2.6rem, 5vw, 4.6rem); }
.logo { color: inherit; }
.card-link, .zg-link {
  display:inline-flex; align-items:center; gap:6px; margin-top:1.1rem;
  font-size:.8rem; font-weight:600; color:var(--signal); text-decoration:none;
}
.card-link:hover, .zg-link:hover { color:var(--signal2); }
.leistung-card { display:flex; flex-direction:column; }
.leistung-card .card-text { flex:1; }
a.leistung-card { text-decoration:none; color:inherit; cursor:pointer; }
.leistungen-grid.g4 { grid-template-columns:repeat(4,1fr); }
.leistungen-grid + .leistungen-grid { margin-top:1.25rem; }
.lg-hint { font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); font-weight:700; margin:0 0 .9rem; }
.lg-hint.second { margin-top:2.5rem; }
.case-box {
  margin-top:1.6rem; padding:1.3rem 1.5rem; background:var(--card2);
  border:1px solid rgba(0,196,140,.25); border-left:3px solid var(--signal); border-radius:6px;
}
.case-label { font-size:.65rem; letter-spacing:.18em; text-transform:uppercase; font-weight:700; color:var(--signal); margin-bottom:.5rem; }
.case-box p { font-size:.88rem; color:var(--text2); line-height:1.7; }
.connected-actions { margin-top:1.8rem; }
/* Partnerbereich: zweistufig wie syscycle.de/netzwerk.html */
.pt-tier { padding:1.3rem 1.4rem; background:var(--card2); border:1px solid var(--border); border-radius:8px; }
.pt-tier + .pt-tier { margin-top:1rem; }
.pt-tier.green { border-top:2px solid var(--signal); }
.pt-tier.blue { border-top:2px solid var(--blue); }
.pt-title { font-family:'Outfit',sans-serif; font-weight:700; font-size:1rem; color:var(--white); margin:.35rem 0 .25rem; }
.pt-sub { font-size:.78rem; color:var(--muted); line-height:1.55; margin-bottom:.9rem; }
.pt-names { display:flex; flex-wrap:wrap; gap:.45rem; }
.pt-name { font-size:.8rem; font-weight:600; color:var(--text); background:var(--ghost); border:1px solid var(--border); border-radius:20px; padding:.3rem .8rem; }
.pt-note { font-size:.75rem; color:var(--muted); margin-top:1rem; line-height:1.6; }
.net-claims { list-style:none; margin:1.2rem 0 .4rem; display:flex; flex-direction:column; gap:.5rem; }
.net-claims li { display:flex; gap:.7rem; font-size:.86rem; color:var(--text2); line-height:1.6; }
.net-claims li::before { content:''; width:5px; height:5px; margin-top:.55rem; flex-shrink:0; border-radius:50%; background:var(--signal); box-shadow:0 0 6px var(--signal); }
/* Mobil: Kontakt-Button in der Navigation sichtbar lassen */
@media (max-width:900px) {
  .nav-links { display:flex; gap:0; }
  .nav-links li { display:none; }
  .nav-links li:last-child { display:block; }
  .nav-inner { padding:.85rem 1.25rem; }
  .leistungen-grid.g4 { grid-template-columns:1fr; }
  .partner-box { padding:2rem 1.4rem; gap:2rem; }
  .hero-headline { font-size:clamp(2.1rem, 9.5vw, 3rem); overflow-wrap:break-word; }
  .hero-inner { grid-template-columns:minmax(0,1fr); padding:7rem 1.25rem 3rem; gap:1.5rem; }
  .hero-inner > div { min-width:0; }
  .hero-visual { height:180px; }
  .hero-stats { gap:1.4rem; flex-wrap:wrap; }
  #cta form > div[style*="grid-template-columns"] { grid-template-columns:1fr !important; }
}
@media (min-width:901px) and (max-width:1150px) { .leistungen-grid.g4 { grid-template-columns:repeat(2,1fr); } }

/* ── Unterseiten: Inhalt aus dem Entwurf, im Live-CI gesetzt ── */
main.sub { padding-top:68px; }
main.sub .wrap { max-width:var(--max); margin:0 auto; padding:0 2rem; }
main.sub .section { padding:5.5rem 0; }
main.sub .section.alt { background:var(--bg2); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
main.sub .section.deep { background:linear-gradient(160deg,#1B2A3E 0%,#151F2E 100%); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
main.sub .section.contact { background:linear-gradient(160deg,#1A2535 0%,#141C28 100%); }
main.sub .eyebrow { font-size:.68rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--signal); margin-bottom:.75rem; }
main.sub h1, main.sub h2, main.sub h3 { font-family:'Outfit',sans-serif; color:var(--white); }
main.sub h1 { font-weight:900; font-size:clamp(2.3rem,4.6vw,4rem); line-height:1.02; letter-spacing:-0.035em; max-width:950px; }
main.sub h2 { font-weight:800; font-size:clamp(1.8rem,3.4vw,2.7rem); letter-spacing:-0.025em; line-height:1.1;
  background:linear-gradient(135deg,var(--white) 0%,rgba(255,255,255,.7) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
main.sub h3 { font-weight:700; font-size:1.05rem; line-height:1.3; margin-bottom:.6rem; }
main.sub .accent { background:linear-gradient(90deg,var(--signal) 0%,var(--signal2) 50%,var(--blue) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
main.sub h1 .accent { display:block; }
main.sub p { color:var(--muted); line-height:1.8; font-size:.95rem; }
main.sub .detail-hero { position:relative; overflow:hidden; padding:6rem 0 4.5rem; background:linear-gradient(160deg,#151E2D 0%,#1B2A3E 50%,#141C28 100%); }
main.sub .detail-hero::before { content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse 60% 60% at 80% 40%,rgba(0,196,140,.08) 0%,transparent 60%);
}
main.sub .detail-hero .wrap { position:relative; z-index:1; }
main.sub .detail-hero p { max-width:720px; font-size:1.02rem; margin:1.5rem 0 2rem; }
main.sub .section-head { display:flex; justify-content:space-between; gap:2rem; align-items:end; margin-bottom:2.5rem; }
main.sub .section-head p { max-width:380px; }
main.sub .grid { display:grid; gap:1.25rem; }
main.sub .grid.three { grid-template-columns:repeat(3,1fr); }
main.sub .grid.two { grid-template-columns:repeat(2,1fr); }
main.sub .grid.four { grid-template-columns:repeat(4,1fr); }
main.sub .card { background:var(--card); border:1px solid var(--border); border-radius:8px; padding:2rem 1.75rem; transition:all .25s; }
main.sub .card:hover { border-color:rgba(0,196,140,.3); transform:translateY(-2px); }
main.sub .card p { font-size:.85rem; }
main.sub .steps { counter-reset:step; }
main.sub .steps::before { display:none; }
main.sub .steps .card::before { counter-increment:step; content:'0' counter(step); display:block; font-family:'Outfit',sans-serif; font-weight:700; font-size:.75rem; letter-spacing:.15em; color:var(--signal); margin-bottom:.9rem; }
main.sub .detail-copy { max-width:800px; }
main.sub .detail-copy h2 { margin:0 0 1.2rem; }
main.sub .detail-copy h3 { margin:2rem 0 .5rem; }
main.sub .detail-copy p { margin:.6rem 0; }
main.sub .detail-copy ul { list-style:none; display:flex; flex-direction:column; gap:.55rem; margin:1.2rem 0; }
main.sub .detail-copy li { display:flex; gap:.75rem; font-size:.9rem; color:var(--text2); line-height:1.6; }
main.sub .detail-copy li::before { content:''; width:5px; height:5px; margin-top:.6rem; flex-shrink:0; border-radius:50%; background:var(--signal); box-shadow:0 0 6px var(--signal); }
main.sub details { border-top:1px solid var(--border); padding:1.2rem 0; }
main.sub details:last-of-type { border-bottom:1px solid var(--border); }
main.sub summary { font-family:'Outfit',sans-serif; font-weight:700; color:var(--white); cursor:pointer; }
main.sub details p { margin-top:.6rem; }
main.sub .info-row { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
main.sub .actions { display:flex; gap:1rem; flex-wrap:wrap; }
main.sub .btn { display:inline-flex; align-items:center; justify-content:center; background:var(--signal); color:var(--bg); font-weight:700; font-size:.9rem; padding:.85rem 1.8rem; border-radius:4px; text-decoration:none; transition:all .2s; border:1px solid var(--signal); }
main.sub .btn:hover { background:var(--signal2); transform:translateY(-1px); box-shadow:0 8px 25px rgba(0,196,140,.3); }
main.sub .btn.secondary { background:transparent; color:var(--text); border:1px solid var(--dim); }
main.sub .btn.secondary:hover { border-color:rgba(0,196,140,.4); color:var(--signal); box-shadow:none; }
main.sub .text-link { color:var(--signal); font-weight:600; text-decoration:none; }
main.sub .text-link:hover { color:var(--signal2); }
@media (max-width:900px) {
  main.sub .grid.three, main.sub .grid.two, main.sub .grid.four, main.sub .info-row { grid-template-columns:1fr; }
  main.sub .section-head { display:block; }
  main.sub .section-head p { margin-top:1rem; }
  main.sub .wrap { padding:0 1.25rem; }
  main.sub .section { padding:4rem 0; }
  main.sub .detail-hero { padding:4rem 0 3rem; }
}