/* === Digi-Sense Light Mode Rework (v133) ===
   Ziel: Heller Modus mit klaren Kontrasten, ruhigen Flaechen und konsistenten Icons.
   Wird bewusst NACH den bisherigen Stylesheets geladen, damit alte Dark-Mode-Overrides
   den White-Mode nicht mehr ueberdecken. Dark Mode bleibt unangetastet. */

html.light{
  color-scheme: light;
  --bg: #f3f7fc;
  --panel: rgba(255,255,255,.90);
  --panel2: rgba(248,250,252,.96);
  --text: #101827;
  --muted: #475569;
  --muted2: #64748b;
  --line: rgba(15,23,42,.12);
  --shadow: 0 24px 70px rgba(15,23,42,.12);
  --ds-light-bg: #f3f7fc;
  --ds-light-ink: #101827;
  --ds-light-text: #1e293b;
  --ds-light-muted: #475569;
  --ds-light-soft: #64748b;
  --ds-light-line: rgba(15,23,42,.12);
  --ds-light-line-strong: rgba(15,23,42,.18);
  --ds-light-card: rgba(255,255,255,.92);
  --ds-light-card-solid: #ffffff;
  --ds-light-card-2: #f8fafc;
  --ds-light-blue: #0b3a6d;
  --ds-light-cyan: #1c8dbf;
  --ds-light-accent: #1378a8;
}

html.light,
html.light body{
  background: var(--ds-light-bg) !important;
  color: var(--ds-light-text) !important;
}

html.light body{
  background:
    radial-gradient(1100px 620px at 10% 4%, rgba(28,141,191,.15), transparent 58%),
    radial-gradient(900px 580px at 92% 8%, rgba(80,114,255,.12), transparent 56%),
    radial-gradient(900px 560px at 50% 100%, rgba(13,148,136,.08), transparent 62%),
    linear-gradient(180deg, #f7fbff 0%, #f3f7fc 42%, #eef4fb 100%) !important;
}

/* Spaetere Dark-Base-Overlays aus styles.css neutralisieren */
html.light body::before{
  background:
    radial-gradient(1050px 650px at 8% 8%, rgba(56,189,248,.13), transparent 58%),
    radial-gradient(900px 560px at 92% 12%, rgba(99,102,241,.10), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.70), rgba(243,247,252,.88)) !important;
  opacity: 1 !important;
  z-index: 0 !important;
}
html.light body::after{
  background:
    radial-gradient(900px 520px at 12% 12%, rgba(56,189,248,.10), transparent 62%),
    radial-gradient(860px 520px at 88% 16%, rgba(99,102,241,.08), transparent 62%),
    radial-gradient(980px 580px at 50% 100%, rgba(34,197,94,.07), transparent 64%) !important;
  opacity: .85 !important;
}
html.light #liveBg{
  opacity: .18 !important;
  mix-blend-mode: multiply !important;
}
html.light #live-bg::before{ opacity: .28 !important; filter: blur(28px) saturate(105%) !important; }
html.light #live-bg::after{ opacity: .04 !important; }

html.light main > section:not(.hero)::before{
  background: linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.12)) !important;
  border-top: 1px solid rgba(15,23,42,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.70) !important;
}
html.light main > section:not(.hero):nth-of-type(even)::before{
  background: linear-gradient(180deg, rgba(236,244,252,.58), rgba(255,255,255,.18)) !important;
}
html.light section:not(#hero):not(#footer){ border-top-color: rgba(15,23,42,.08) !important; }

/* Typografie: harte Weisswerte aus dem Dark Mode ueberschreiben */
html.light :where(h1,h2,h3,h4,h5,h6,strong,label,summary){ color: var(--ds-light-ink); }
html.light :where(p,li,dd,dt,figcaption,small){ color: var(--ds-light-muted); }
html.light .muted,
html.light .small,
html.light .drop-hint,
html.light .mega-hint,
html.light .filtermeta,
html.light .open-ind .txt,
html.light .footer p{
  color: var(--ds-light-soft) !important;
}
html.light .kicker,
html.light .eyebrow,
html.light .section-head .kicker,
html.light .svc2-mini-kicker,
html.light .page-teaser-kicker{
  color: var(--ds-light-accent) !important;
  text-shadow: none !important;
}
html.light a:not(.btn):not(.drop-item):not(.fc-item):not(.brand){ color: inherit; }

/* Header / Navigation */
html.light header{
  background: rgba(255,255,255,.90) !important;
  border-bottom: 1px solid rgba(15,23,42,.12) !important;
  box-shadow: 0 14px 40px rgba(15,23,42,.08) !important;
}
html.light header::before{
  background: rgba(255,255,255,.88) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}
html.light .brand,
html.light .brand span{
  color: #0f172a !important;
  text-shadow: none !important;
}
html.light .navlinks a,
html.light .nav-main-link,
html.light .dropbtn,
html.light .nav-arrow-btn,
html.light .nav-contact{
  color: #334155 !important;
}
html.light .navlinks a:hover,
html.light .nav-main-link:hover,
html.light .dropbtn:hover,
html.light .dropdown.open .dropbtn,
html.light .nav-contact:hover{
  color: #0b3a6d !important;
  background: rgba(14,116,144,.08) !important;
}
html.light .dropbtn svg,
html.light .nav-arrow-btn svg{ color: currentColor !important; stroke: currentColor !important; }
html.light .icon-btn,
html.light .theme-toggle,
html.light .burger{
  color: #0b3a6d !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,253,.92)) !important;
  border: 1px solid rgba(15,23,42,.14) !important;
  box-shadow: 0 12px 34px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.80) !important;
}
html.light .icon-btn:hover,
html.light .theme-toggle:hover,
html.light .burger:hover{
  border-color: rgba(28,141,191,.30) !important;
  box-shadow: 0 14px 38px rgba(28,141,191,.16), inset 0 1px 0 rgba(255,255,255,.90) !important;
}
html.light .theme-ic,
html.light .theme-ic .home-icon-glyph{
  color: #0b3a6d !important;
  text-shadow: none !important;
}
html.light .burger span,
html.light .burger span::before,
html.light .burger span::after{ background: #0b3a6d !important; }
html.light .mobile{
  background: rgba(255,255,255,.96) !important;
  border-top-color: rgba(15,23,42,.10) !important;
}
html.light .mobile a,
html.light .m-drop{
  color: #334155 !important;
  background: rgba(248,250,252,.96) !important;
  border-color: rgba(15,23,42,.10) !important;
}
html.light .mobile a:hover,
html.light .m-drop-items .drop-item:hover{ background: rgba(28,141,191,.08) !important; color: #0b3a6d !important; }

/* Dropdowns / Mega-Menues */
html.light .dropmenu,
html.light .dropmenu.mega{
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(15,23,42,.12) !important;
  box-shadow: 0 26px 80px rgba(15,23,42,.16) !important;
}
html.light .dropmenu::-webkit-scrollbar-thumb{ background: rgba(15,23,42,.16) !important; border-color: rgba(255,255,255,.96) !important; }
html.light .mega-col{
  background: rgba(248,250,252,.92) !important;
  border-color: rgba(15,23,42,.10) !important;
}
html.light .mega-title,
html.light .dropmenu[aria-label="Branchen"] .mega-title:nth-of-type(1){ color: #0f172a !important; text-shadow: none !important; }
html.light .drop-item{
  color: #1e293b !important;
}
html.light .drop-item:hover,
html.light .dropmenu.mega .drop-item:hover{
  background: rgba(28,141,191,.08) !important;
  color: #0b3a6d !important;
}
html.light .mega-footer{ border-top-color: rgba(15,23,42,.10) !important; }

/* Allgemeine Karten, Glaselemente und Container */
html.light :is(.card,.feature,.mini-card,.overview-card,.process-steps li,.results-card,.tv-card,.t-card,.contact-card,.review-card,.accordion,.note-card,.why-quote,.hours-box,.filterbar,.map-wide-card,.kontakt-card,.page-hero-card,.page-teaser-card,.service-card,.service-head,#leistungen .service-head,#branchen .service-head,#gruppe-branchen .service-head,#ueber-uns .section-head,#leistungen > .container > .section-head,#branchen > .container > .section-head,.svc2-finder,.svc2-stat,.svc2-overview-card,.svc2-card,.svc2-compare-card,.svc2-contact-card,.svc2-package,.svc2-process-card,.svc2-compare-grid > div,.svc2-contact-sidebox,.svc2-hero-card--final,.branchen-card,.branchen-final-media){
  color: var(--ds-light-text) !important;
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(56,189,248,.075), transparent 42%),
    radial-gradient(120% 140% at 100% 0%, rgba(99,102,241,.065), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94)) !important;
  border-color: rgba(15,23,42,.10) !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.10) !important;
  text-shadow: none !important;
}
html.light :is(.card,.feature,.mini-card,.overview-card,.process-steps li,.results-card,.page-teaser-card,.svc2-card,.svc2-overview-card,.svc2-package,.svc2-process-card,.branchen-card):hover{
  border-color: rgba(28,141,191,.22) !important;
  box-shadow: 0 24px 64px rgba(15,23,42,.13) !important;
}
html.light :is(.hero-card,.card,.overview-card,.service-card)::after{
  opacity: .22 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.28), transparent 36%, transparent 72%, rgba(56,189,248,.10)) !important;
}
html.light :is(.section-head h2,.service-head h3,.page-hero-card h1,.page-hero-card h2,.page-teaser-card h3,.overview-card h3,.feature h3,.mini-card h4,.svc2-card h3,.svc2-overview-card h3,.branchen-card h3){
  color: #0f172a !important;
  text-shadow: none !important;
}
html.light :is(.section-head p,.service-head p,.overview-card p,.feature p,.mini-card p,.service-card p,.svc-body,.svc-sub,.about-intro,.about-sub,.process-steps p,.t-card p,.review-card p,.svc2-copy .lead,.svc2-finder p,.svc2-category-head p,.svc2-branches-copy p,.svc2-contact-card p,.svc2-process-card p,.svc2-package p,.svc2-card p,.svc2-overview-card p,.branchen-card p,.branchen-final-head p,.branchen-final-media .media-note){
  color: var(--ds-light-muted) !important;
  text-shadow: none !important;
}
html.light :is(.svc2-card ul,.svc2-card li,.svc2-package ul,.svc2-package li,.svc2-compare-grid ul,.svc2-compare-grid li,.bullets,.svc-bullets li,#gruppe-branchen .svc-detail ul,#gruppe-branchen .svc-detail li){
  color: #334155 !important;
}

/* Hero Startseite */
html.light .hero-video{
  filter: saturate(.92) contrast(1.02) brightness(1.03) !important;
}
html.light .hero-video-overlay{
  background:
    radial-gradient(840px 560px at 27% 18%, rgba(11,58,109,.18), transparent 62%),
    radial-gradient(900px 560px at 76% 18%, rgba(28,141,191,.16), transparent 62%),
    linear-gradient(180deg, rgba(246,250,255,.64), rgba(231,239,248,.58)) !important;
}
html.light .hero .hero-card,
html.light .hero-card{
  background:
    radial-gradient(900px 360px at 12% 0%, rgba(56,189,248,.10), transparent 58%),
    radial-gradient(700px 340px at 100% 0%, rgba(99,102,241,.08), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,252,.84)) !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  box-shadow: 0 28px 90px rgba(15,23,42,.18) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
}
html.light .hero .hero-card h1,
html.light .hero-card h1,
html.light .hero-card h2{
  color: #0f172a !important;
  text-shadow: none !important;
}
html.light .hero .hero-card p,
html.light .hero .hero-card li,
html.light .hero .hero-card .badge,
html.light .hero-copy p{
  color: #334155 !important;
  text-shadow: none !important;
}
html.light .hero-brand,
html.light .hero-logo-img{ filter: drop-shadow(0 18px 42px rgba(15,23,42,.12)) !important; }
html.light .hero-proof li,
html.light .badge{
  background: rgba(248,250,252,.86) !important;
  border-color: rgba(15,23,42,.11) !important;
  color: #334155 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.80) !important;
}
html.light .badge .pill{ box-shadow: 0 0 0 6px rgba(28,141,191,.10) !important; }

/* Buttons und CTAs */
html.light .btn,
html.light a.btn,
html.light button.btn{
  color: #1e293b !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,253,.94)) !important;
  border-color: rgba(15,23,42,.14) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.86) !important;
  text-shadow: none !important;
}
html.light .btn:hover,
html.light a.btn:hover,
html.light button.btn:hover{
  color: #0b3a6d !important;
  border-color: rgba(28,141,191,.32) !important;
  background: linear-gradient(180deg, #ffffff, #eef7fc) !important;
}
html.light .btn.primary,
html.light a.btn.primary,
html.light button.btn.primary,
html.light .branchen-cta-btn,
html.light .hero-actions .btn.primary{
  color: #ffffff !important;
  background: linear-gradient(135deg, #0b3a6d 0%, #1378a8 52%, #1c8dbf 100%) !important;
  border-color: rgba(11,58,109,.26) !important;
  box-shadow: 0 18px 44px rgba(11,58,109,.24), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
html.light .btn.primary:hover,
html.light .branchen-cta-btn:hover,
html.light .hero-actions .btn.primary:hover{
  color: #ffffff !important;
  background: linear-gradient(135deg, #082f57 0%, #0f6f9b 54%, #1687b8 100%) !important;
  box-shadow: 0 22px 52px rgba(11,58,109,.30), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
html.light .btn.primary *,
html.light .branchen-cta-btn *,
html.light .hero-actions .btn.primary *{ color: inherit !important; }
html.light .hero-actions .btn:not(.primary){
  color: #1e293b !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,253,.94)) !important;
}
html.light .btn .dot{ background: #1378a8 !important; opacity: 1 !important; }

/* Chips / Pills / kompakte Infoboxen */
html.light :is(.chip,.pill,.result-pill,.page-badge,.svc2-pill,.svc2-iconline span,.svc2-branch-list span,.compact-item,.results-list li,#gruppe-branchen .pill,.branchen-final-pills .pill,.svc-compare,.svc-diagram,.svc-more-block,.opening-hours){
  color: #334155 !important;
  background: rgba(248,250,252,.90) !important;
  border-color: rgba(15,23,42,.11) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important;
  text-shadow: none !important;
}
html.light :is(.svc2-pill:hover,.svc2-pill.is-active,.chip:hover,.pill:hover){
  color: #0b3a6d !important;
  background: rgba(225,245,253,.90) !important;
  border-color: rgba(28,141,191,.24) !important;
}
html.light .hint-pill,
html.light .oc-link,
html.light .page-teaser-link,
html.light .mega-cta{
  color: #0f7fae !important;
}

/* Icons: helle, konsistente Flaechen statt grauer/unsichtbarer Symbole */
html.light :is(.icon,.svc-icon,.mini-ico,.oc-ico,.hours-ic,.fc-ic,.result-ico,.acc-chevron,.nav-contact .ic,.page-teaser-icon,.check,.field-ic,.svc2-card-icon,.svc2-overview-ic,.branchen-card .card-ic,.page-hero-point .ic){
  color: #0b3a6d !important;
  background: linear-gradient(135deg, rgba(224,247,255,.95), rgba(237,233,254,.95)) !important;
  border: 1px solid rgba(28,141,191,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(15,23,42,.08) !important;
  text-shadow: none !important;
}
html.light :is(.icon svg,.svc-icon svg,.mini-ico svg,.hours-ic svg,.acc-chevron svg,.nav-contact .ic svg,.page-hero-point .ic svg){
  color: #0b3a6d !important;
  stroke: currentColor !important;
  filter: none !important;
}
html.light :is(.home-icon-glyph,.btn-ic){ color: inherit !important; text-shadow: none !important; }
html.light .result-ico img,
html.light .check img,
html.light .field-ic img,
html.light .hours-ic img,
html.light .theme-ic img{ filter: none !important; }

/* Tabellen/Vergleiche */
html.light :is(.compare-table,.svc-compare,#leistungen .svc-compare){
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(15,23,42,.12) !important;
}
html.light :is(.compare-table th,#leistungen .svc-compare-head){
  background: linear-gradient(180deg, rgba(226,240,249,.92), rgba(248,250,252,.96)) !important;
  color: #0f172a !important;
}
html.light :is(.compare-table td,#leistungen .svc-compare-row){
  color: #334155 !important;
  border-color: rgba(15,23,42,.10) !important;
}
html.light #leistungen .svc-compare-head span:first-child,
html.light #leistungen .svc-compare-row span:first-child{ color: #1e293b !important; }
html.light #leistungen .svc-compare-head span:last-child,
html.light #leistungen .svc-compare-row span:last-child{ color: #0b3a6d !important; }

/* Inputs / Formulare / Suche */
html.light :is(input,textarea,select,.filterinput,.svc2-search,.form-pretty .input){
  color: #0f172a !important;
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(15,23,42,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 10px 24px rgba(15,23,42,.06) !important;
}
html.light :is(input,textarea,select,.filterinput,.svc2-search,.form-pretty .input):focus{
  outline: 2px solid rgba(28,141,191,.28) !important;
  border-color: rgba(28,141,191,.38) !important;
}
html.light :is(input,textarea,.filterinput,.svc2-search,.form-pretty .input)::placeholder{ color: #94a3b8 !important; }
html.light .filterlabel{ color: #1e293b !important; }

/* Service-/Branchen-Seiten (svc2) */
html.light .svc2-stage-main{
  background:
    radial-gradient(circle at top right, rgba(56,189,248,.12), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,247,253,.94)) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.10) !important;
}
html.light .svc2-float{
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(15,23,42,.11) !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.12) !important;
  color: #1e293b !important;
}
html.light .svc2-stage-main img,
html.light .svc2-category-media img,
html.light .svc2-branches-media img{
  background: #f8fbff !important;
  border-color: rgba(15,23,42,.10) !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.11) !important;
}
html.light .svc2-hero-card-lead,
html.light .svc2-hero-outcome p,
html.light .svc2-contact-sidebox ul,
html.light .svc2-contact-sidebox li{ color: var(--ds-light-muted) !important; }
html.light .svc2-hero-outcome{
  background: linear-gradient(135deg, rgba(224,247,255,.92), rgba(237,233,254,.88)) !important;
  border-color: rgba(28,141,191,.16) !important;
}
html.light .svc2-hero-outcome strong{ color: #0b3a6d !important; }

/* Branchen-Final */
html.light .branchen-card.problem{ border-left-color: rgba(245,158,11,.95) !important; }
html.light .branchen-card.solution{ border-left-color: rgba(22,163,74,.95) !important; }
html.light .branchen-arrow::before{
  background: linear-gradient(180deg, rgba(239,68,68,.15), rgba(239,68,68,.74)) !important;
  box-shadow: 0 0 20px rgba(239,68,68,.15) !important;
}
html.light .branchen-arrow span{
  color: #b91c1c !important;
  background: rgba(254,226,226,.92) !important;
  border-color: rgba(239,68,68,.20) !important;
  box-shadow: 0 10px 25px rgba(15,23,42,.10) !important;
}

/* Page-Hero und einfache Inhaltsseiten */
html.light .page-hero::before{
  background:
    radial-gradient(680px 260px at 8% 0%, rgba(56,189,248,.12), transparent 58%),
    radial-gradient(620px 240px at 92% 0%, rgba(99,102,241,.10), transparent 56%) !important;
}
html.light .page-hero-point span:last-child{ color: var(--ds-light-muted) !important; }
html.light :is(.content-card,.legal-card,.download-card,.partner-card){
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(15,23,42,.10) !important;
  color: var(--ds-light-text) !important;
}

/* Floating contact / direkte Kontaktinfos */
html.light .floating-contact .fc-item{
  background: rgba(255,255,255,.94) !important;
  color: #1e293b !important;
  border-color: rgba(15,23,42,.12) !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.14) !important;
}
html.light .floating-contact .fc-item:hover{ border-color: rgba(28,141,191,.26) !important; }
html.light .floating-contact .fc-txt{ color: #1e293b !important; }
html.light .floating-contact .fc-ic{ color: #0b3a6d !important; }
html.light .open-ind.open .led{ box-shadow: 0 0 0 3px rgba(34,197,94,.16) !important; }

/* Footer */
html.light .footer,
html.light footer{
  color: #334155 !important;
  background: linear-gradient(180deg, rgba(244,248,252,.72), rgba(232,240,248,.92)) !important;
  border-top-color: rgba(15,23,42,.10) !important;
}
html.light .footer a,
html.light footer a{ color: #0b3a6d !important; }

/* Mobile Feinschliff */
@media (max-width: 980px){
  html.light header .nav{ background: transparent !important; }
  html.light .dropmenu,
  html.light .dropmenu.mega{
    box-shadow: 0 18px 50px rgba(15,23,42,.16) !important;
  }
}
@media (max-width: 768px){
  html.light [data-mobile-floating] .fc-item,
  html.light [data-mobile-floating] .pill,
  html.light [data-mobile-floating] a,
  html.light .mobile-premium-cta .mp-cta{
    color: #1e293b !important;
    background: rgba(255,255,255,.96) !important;
    border-color: rgba(15,23,42,.12) !important;
  }
  html.light .mobile-premium-cta .mp-cta.primary{
    color: #fff !important;
    background: linear-gradient(135deg, #0b3a6d, #1c8dbf) !important;
  }
}

/* Light Mode: Inhalte duerfen nicht erst nach der langen Video-Sequenz unsichtbar bleiben. */
html.light .hero-seq-card,
html.light .hero-seq-logo,
html.light .hero-seq-copy{
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}

/* =========================================================
   Light Mode Nacharbeit fuer Unterseiten
   Leistungen, Branchen, Downloads und Partner
   Diese Regeln stehen bewusst am Dateiende und ueberschreiben
   seiteninterne Dark-Mode-Flächen, Inline-nahe Komponenten und
   spaeter definierte Speziallayouts.
   ========================================================= */

html.light main,
html.light main section,
html.light .svc2-hero,
html.light .svc2-category,
html.light .svc2-category.alt,
html.light .svc2-finder-wrap,
html.light .svc2-overview,
html.light .svc2-compare,
html.light .svc2-process,
html.light .svc2-packages,
html.light .svc2-branches,
html.light .svc2-contact,
html.light .branchen-final-section,
html.light #branchen-uebersicht{
  color: var(--ds-light-text) !important;
  background: transparent !important;
}

html.light main > section:first-child:not(.hero),
html.light .svc2-hero,
html.light .page-hero{
  padding-top: clamp(42px, 7vw, 76px) !important;
}

html.light main > section:first-child:not(.hero) > .container,
html.light .svc2-hero-grid,
html.light .page-hero-card{
  position: relative !important;
  z-index: 1 !important;
}

html.light main > section:first-child:not(.hero) h1,
html.light .svc2-copy h1,
html.light .page-hero-card h1{
  color: #0b1220 !important;
  text-shadow: none !important;
}

html.light main > section:first-child:not(.hero) > .container > p,
html.light .svc2-copy .lead,
html.light .svc2-copy .lead strong,
html.light .page-hero-card p,
html.light .page-hero-point span:last-child,
html.light .leistungen-desc{
  color: #334155 !important;
  text-shadow: none !important;
}

/* Leistungen: Hero, Statistiken, Finder und Kategorie-Karten */
html.light .svc2-copy .eyebrow,
html.light .svc2-mini-kicker,
html.light .svc2-section-head .kicker,
html.light .svc2-category-head .kicker{
  color: #0f7fae !important;
  text-shadow: none !important;
}

html.light .svc2-stat,
html.light .svc2-stage-main,
html.light .svc2-float,
html.light .svc2-finder,
html.light .svc2-overview-card,
html.light .svc2-card,
html.light .svc2-compare-card,
html.light .svc2-contact-card,
html.light .svc2-package,
html.light .svc2-process-card,
html.light .svc2-compare-grid > div,
html.light .svc2-contact-sidebox{
  background:
    radial-gradient(130% 150% at 0% 0%, rgba(56,189,248,.085), transparent 44%),
    radial-gradient(120% 150% at 100% 0%, rgba(99,102,241,.065), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94)) !important;
  border: 1px solid rgba(15,23,42,.11) !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.105) !important;
  color: #1e293b !important;
  text-shadow: none !important;
}

html.light .svc2-stat strong,
html.light .svc2-float strong,
html.light .svc2-finder h2,
html.light .svc2-section-head h2,
html.light .svc2-category-head h2,
html.light .svc2-card h3,
html.light .svc2-overview-card h3,
html.light .svc2-compare-card h2,
html.light .svc2-compare-grid h3,
html.light .svc2-package h3,
html.light .svc2-process-card h3,
html.light .svc2-contact-card h2,
html.light .svc2-branches-copy h2{
  color: #0f172a !important;
  text-shadow: none !important;
}

html.light .svc2-stat span,
html.light .svc2-finder p,
html.light .svc2-category-head p,
html.light .svc2-category-head p strong,
html.light .svc2-card p,
html.light .svc2-card li,
html.light .svc2-overview-card p,
html.light .svc2-compare-grid li,
html.light .svc2-package li,
html.light .svc2-process-card p,
html.light .svc2-contact-card p,
html.light .svc2-branches-copy p,
html.light .svc2-contact-sidebox li{
  color: #475569 !important;
  text-shadow: none !important;
}

html.light .svc2-card ul,
html.light .svc2-package ul,
html.light .svc2-compare-grid ul,
html.light .svc2-result-list,
html.light .svc2-link-list{
  color: #475569 !important;
}

html.light .svc2-card-icon,
html.light .svc2-overview-ic,
html.light .svc2-process-card strong{
  color: #08345f !important;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.9), transparent 38%),
    linear-gradient(135deg, #dff7ff 0%, #e8e7ff 100%) !important;
  border: 1px solid rgba(28,141,191,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 12px 28px rgba(15,23,42,.09) !important;
}

html.light .svc2-stage-main img,
html.light .svc2-category-media img,
html.light .svc2-branches-media img{
  background: linear-gradient(180deg, #ffffff, #f2f7fb) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 16px 38px rgba(15,23,42,.11) !important;
}

html.light .svc2-iconline span,
html.light .svc2-branch-list span,
html.light .svc2-pill{
  color: #1e293b !important;
  background: rgba(255,255,255,.90) !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
}

html.light .svc2-pill:hover,
html.light .svc2-pill.is-active{
  color: #0b3a6d !important;
  background: linear-gradient(180deg, #f7fcff, #e8f6fc) !important;
  border-color: rgba(28,141,191,.30) !important;
}

/* Branchen: Uebersicht, Filter und Problem/Loesung-Flow */
html.light .branche-hero-final .page-hero-card,
html.light .branchen-overview-head,
html.light .leistungen-head,
html.light .filterbar,
html.light .branchen-final-media,
html.light .branchen-card,
html.light .svc2-contact-card--branchen-final{
  background:
    radial-gradient(130% 150% at 0% 0%, rgba(56,189,248,.085), transparent 44%),
    radial-gradient(120% 150% at 100% 0%, rgba(99,102,241,.065), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94)) !important;
  border: 1px solid rgba(15,23,42,.11) !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.105) !important;
  color: #1e293b !important;
  text-shadow: none !important;
}

html.light .branche-hero-final .page-hero-card h1,
html.light .branchen-overview-head h2,
html.light .branchen-final-head h2,
html.light .branchen-card h3,
html.light .branchen-card strong,
html.light .svc2-contact-card--branchen-final h2{
  color: #0f172a !important;
  text-shadow: none !important;
}

html.light .branche-hero-final .page-hero-card p,
html.light .branchen-final-head p,
html.light .branchen-card p,
html.light .branchen-final-media .media-note,
html.light .svc2-contact-copy p,
html.light .svc2-contact-sidebox,
html.light .svc2-contact-sidebox li{
  color: #475569 !important;
  text-shadow: none !important;
}

html.light .branchen-final-pills .pill,
html.light .page-hero-badges .page-badge,
html.light .branchen-quicknav .svc2-pill{
  color: #1e293b !important;
  background: rgba(255,255,255,.90) !important;
  border: 1px solid rgba(15,23,42,.12) !important;
}

html.light .branchen-card.problem{
  background:
    radial-gradient(120% 130% at 0% 0%, rgba(251,191,36,.11), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,251,235,.80)) !important;
  border-left: 4px solid #d97706 !important;
}

html.light .branchen-card.solution{
  background:
    radial-gradient(120% 130% at 0% 0%, rgba(34,197,94,.11), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,253,244,.82)) !important;
  border-left: 4px solid #16a34a !important;
}

html.light .branchen-card .card-ic{
  color: #0b3a6d !important;
  background: linear-gradient(135deg, #dff7ff, #e8e7ff) !important;
  border: 1px solid rgba(28,141,191,.18) !important;
}

html.light .filterinput,
html.light #branchenFilter{
  color: #0f172a !important;
  background: #ffffff !important;
  border: 1px solid rgba(15,23,42,.16) !important;
}

html.light .filtermeta,
html.light #branchenFilterMeta{
  color: #64748b !important;
}

/* Downloads: TeamViewer- und PDF-Karte */
html.light .tv-card,
html.light main .container > .card:not(.partner-card):not(.svc2-card):not(.branchen-card){
  background:
    radial-gradient(120% 130% at 0% 0%, rgba(56,189,248,.09), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94)) !important;
  border: 1px solid rgba(15,23,42,.11) !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.105) !important;
  color: #1e293b !important;
}

html.light .tv-card h2,
html.light main .container > .card h2,
html.light main .container > .card h3{
  color: #0f172a !important;
}

html.light .tv-card p,
html.light main .container > .card p,
html.light main .container > .card .muted{
  color: #475569 !important;
}

html.light .tv-link{
  background: #ffffff !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 14px 34px rgba(15,23,42,.08) !important;
}

html.light .tv-link:hover{
  background: #f8fcff !important;
  border-color: rgba(28,141,191,.28) !important;
}

/* Partner: Logo-Karten brauchen im White-Mode definierte, nicht blendende Flaechen */
html.light .partner-grid,
html.light .grid-3.partner-grid{
  align-items: stretch !important;
}

html.light .partner-card{
  background:
    radial-gradient(120% 130% at 0% 0%, rgba(56,189,248,.075), transparent 42%),
    radial-gradient(120% 130% at 100% 0%, rgba(99,102,241,.055), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94)) !important;
  border: 1px solid rgba(15,23,42,.11) !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.105) !important;
  color: #1e293b !important;
  text-shadow: none !important;
}

html.light .partner-card h3{
  color: #0f172a !important;
  text-shadow: none !important;
}

html.light .partner-card p,
html.light .partner-card .muted{
  color: #475569 !important;
  text-shadow: none !important;
}

html.light .partner-card > img,
html.light .partner-logo-bg,
html.light .partner-logo,
html.light .partner-logo-tile,
html.light .partner-logo-tile--white{
  background: #ffffff !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 16px !important;
  padding: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 26px rgba(15,23,42,.075) !important;
}

html.light .partner-card > img{
  box-sizing: border-box !important;
  object-fit: contain !important;
}

html.light .partner-logo img,
html.light .partner-logo-bg img,
html.light .partner-logo-tile img,
html.light .partner-card > img{
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Footer-Karten auf Unterseiten */
html.light footer .card,
html.light .footer .card{
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(15,23,42,.11) !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.10) !important;
}

html.light footer .card h3,
html.light .footer .card h3{
  color: #0f172a !important;
}

html.light footer .card p,
html.light .footer .card p,
html.light footer .small,
html.light .footer .small{
  color: #475569 !important;
}

@media (max-width: 760px){
  html.light main > section:first-child:not(.hero),
  html.light .svc2-hero,
  html.light .page-hero{
    padding-top: 28px !important;
  }
  html.light .svc2-stat,
  html.light .svc2-card,
  html.light .branchen-card,
  html.light .partner-card,
  html.light .tv-card{
    box-shadow: 0 12px 34px rgba(15,23,42,.095) !important;
  }
}