:root{--page-title-display:none;}/* Start custom CSS *//* =====================================================================
   TANRIVER IT · LEISTUNGSÜBERSICHT
   Seiteneinstellungen › Benutzerdefiniertes CSS
   01 Tokens · 02 Hero · 03 Abschnittsköpfe · 04 Drei Säulen
   06 Sprungziel · 09 Leistungskarten · 11 Ablauf · 12 FAQ · 14 Abschluss
   15 Buttons · 16 Barrierefreiheit
   Grundformen: globale Klassen (trit-…). Bilder: Higgsfield AI.
   ===================================================================== */

/* 01 · Tokens --------------------------------------------------------- */
body.elementor-page-293 {
  --trit-orange: #E8852C;
  --trit-orange-strong: #D9731A;
  --trit-orange-light: #F4A259;
  --trit-orange-text: #A8520F;
  --trit-orange-icon: #C2620F;
  --trit-navy: #0F172A;
  --trit-text: #334155;
  --trit-muted: #64748B;
  --trit-line: rgba(15, 23, 42, 0.08);
  --trit-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --trit-speed: 320ms;
  --tf-pfeil-navy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F172A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --tf-pfeil-orange: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A8520F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --tf-haken: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F4A259' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  --tf-haken-dunkel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2620F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  --tf-telefon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.18 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.1 9.9a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
  --tf-marke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%23E8852C'/%3E%3Cpath d='M9 22 16 9.5 23 22z' fill='none' stroke='%23FFFFFF' stroke-width='2.6' stroke-linejoin='round'/%3E%3Ccircle cx='16' cy='18' r='2.6' fill='%230F172A'/%3E%3C/svg%3E");
}

/* 02 · Hero ----------------------------------------------------------- */
body.elementor-page-293 section:has(h1) {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-image:
    radial-gradient(46rem 30rem at 82% 40%, rgba(232, 133, 44, 0.16) 0%, rgba(232, 133, 44, 0) 65%),
    radial-gradient(40rem 26rem at 0% 100%, rgba(59, 130, 246, 0.1) 0%, rgba(59, 130, 246, 0) 70%),
    linear-gradient(135deg, #0F172A 0%, #111B31 55%, #16213A 100%);
}
body.elementor-page-293 section:has(h1)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  opacity: 1;
  background-image: radial-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 1.125rem 1.125rem;
  -webkit-mask-image: radial-gradient(70% 90% at 0% 0%, #000 0%, transparent 70%);
  mask-image: radial-gradient(70% 90% at 0% 0%, #000 0%, transparent 70%);
  pointer-events: none;
}
body.elementor-page-293 section:has(h1)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(232, 133, 44, 0) 0%, rgba(232, 133, 44, 0.6) 50%, rgba(232, 133, 44, 0) 100%);
}
body.elementor-page-293 section:has(h1) > .e-con { position: relative; z-index: 1; }
body.elementor-page-293 :is(section:has(h1), section:has(.trit-vn)) {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Breadcrumb */
body.elementor-page-293 section:has(h1) h1 { text-wrap: balance; }
body.elementor-page-293 section:has(h1) h1::after { content: "."; color: var(--trit-orange); }
body.elementor-page-293 section:has(h1) .e-con > p:first-child a { color: #CBD5E1; text-decoration: none; transition: color var(--trit-speed) var(--trit-ease); }
body.elementor-page-293 section:has(h1) .e-con > p:first-child a:hover { color: #FFFFFF; }
body.elementor-page-293 section:has(h1) .e-con > p:first-child > span:nth-child(odd):not(:last-child) { color: #94A3B8; }
body.elementor-page-293 section:has(h1) .e-con > p:first-child > span:nth-child(even),
body.elementor-page-293 section:has(h1) .e-con > p:first-child > a + span { margin-inline: 0.5rem; color: var(--trit-orange); }
body.elementor-page-293 section:has(h1) .e-con > p:first-child > span:last-child { color: #FFFFFF; margin-inline: 0; }
body.elementor-page-293 section:has(h1) h1 + p { text-wrap: pretty; }
body.elementor-page-293 section:has(h1) h1 span { white-space: nowrap; }
/* Vertrauenszeile mit Haken */
body.elementor-page-293 section:has(h1) .e-con + p { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; }
body.elementor-page-293 section:has(h1) .e-con + p > span { display: inline-flex; align-items: center; gap: 0.5rem; }
body.elementor-page-293 section:has(h1) .e-con + p > span::before {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  flex: none;
  border-radius: 50%;
  background: rgba(232, 133, 44, 0.16) var(--tf-haken) center / 0.75rem no-repeat;
}
/* Geräte: Ränder laufen weich in den Hintergrund aus, sanftes Schweben */
body.elementor-page-293 section:has(h1) .e-con:has(> img) { animation: tf-schweben 7s ease-in-out infinite; }
body.elementor-page-293 section:has(h1) .e-con:has(> img) > img {
  -webkit-mask-image: radial-gradient(closest-side, #000 76%, transparent 100%);
  mask-image: radial-gradient(closest-side, #000 76%, transparent 100%);
  scale: 1.08;
}
@keyframes tf-schweben { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-0.625rem); } }
/* schwebende Leistungs-Chips */
body.elementor-page-293 section:has(h1) .e-con:has(> img) > p {
  position: absolute;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem 0.5rem 0.625rem;
  border-radius: 999px;
  color: #FFFFFF;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  background: rgba(15, 23, 42, 0.62);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16), 0 1rem 2rem -1rem rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  animation: tf-chip 6s ease-in-out infinite;
}
body.elementor-page-293 section:has(h1) .e-con:has(> img) > p::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  flex: none;
  border-radius: 50%;
  background: var(--tf-chip-icon) center / 0.875rem no-repeat, linear-gradient(145deg, var(--trit-orange-light) 0%, var(--trit-orange) 55%, var(--trit-orange-strong) 100%);
}
body.elementor-page-293 section:has(h1) .e-con:has(> img) > p:nth-child(2) { top: 6%; left: -2%; --tf-chip-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='8' rx='2'/%3E%3Crect x='2' y='14' width='20' height='8' rx='2'/%3E%3Cpath d='M6 6h.01M6 18h.01'/%3E%3C/svg%3E"); }
body.elementor-page-293 section:has(h1) .e-con:has(> img) > p:nth-child(3) { top: 2%; right: 0%; animation-delay: -1.5s; --tf-chip-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"); }
body.elementor-page-293 section:has(h1) .e-con:has(> img) > p:nth-child(4) { bottom: 18%; left: -1%; animation-delay: -3s; --tf-chip-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 18 6-6-6-6M8 6l-6 6 6 6'/%3E%3C/svg%3E"); }
body.elementor-page-293 section:has(h1) .e-con:has(> img) > p:nth-child(5) { bottom: 5%; right: 3%; animation-delay: -4.5s; --tf-chip-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E"); }
@keyframes tf-chip { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-0.375rem); } }
@media (max-width: 767px) {
  body.elementor-page-293 section:has(h1) .e-con + p { flex-direction: column; gap: 0.5rem; }
  body.elementor-page-293 section:has(h1) .e-con:has(> img) > p { font-size: 0.6875rem; padding: 0.375rem 0.625rem 0.375rem 0.4375rem; gap: 0.375rem; }
  body.elementor-page-293 section:has(h1) .e-con:has(> img) > p::before { width: 1.125rem; height: 1.125rem; background-size: 0.6875rem, auto; }
  body.elementor-page-293 section:has(h1) .e-con:has(> img) > p:nth-child(2) { left: 0; }
}

/* 03 · Abschnittsköpfe ------------------------------------------------ */
body.elementor-page-293 .trit-ueberzeile { display: inline-flex; align-items: center; gap: 0.625rem; }
body.elementor-page-293 .trit-ueberzeile::before { content: ""; width: 1.5rem; height: 2px; flex: none; border-radius: 2px; background: var(--trit-orange); }
body.elementor-page-293 [data-elementor-id="293"] h2 { text-wrap: balance; }
body.elementor-page-293 .trit-einleitung { text-wrap: pretty; }
body.elementor-page-293 :is(section:has(.trit-vn)) .trit-ueberzeile { color: var(--trit-orange-light); }
body.elementor-page-293 :is(section:has(.trit-vn)) .trit-titel-h2 { color: #FFFFFF; }
body.elementor-page-293 :is(section:has(.trit-vn)) .trit-einleitung { color: #CBD5E1; }

/* 04 · Drei Säulen (Warum Tanriver IT) ------------- */
body.elementor-page-293 .e-con:has(> div.trit-leistung-kachel) { counter-reset: tf-saeule; }
body.elementor-page-293 div.trit-leistung-kachel {
  position: relative;
  counter-increment: tf-saeule;
  padding: 2rem 1.75rem 1.875rem !important;
  padding-top: 5.5rem !important;
  border-radius: 1.25rem;
  background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFE 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition: transform 450ms var(--trit-ease), box-shadow 450ms var(--trit-ease), border-color 450ms var(--trit-ease);
}
body.elementor-page-293 div.trit-leistung-kachel::before {
  content: "";
  position: absolute;
  top: 1.75rem;
  left: 1.75rem;
  width: 2.75rem;
  height: 2.75rem;
  border: 0;
  border-radius: 0.875rem;
  opacity: 1;
  mix-blend-mode: normal;
  background: linear-gradient(145deg, var(--trit-orange-light) 0%, var(--trit-orange) 55%, var(--trit-orange-strong) 100%);
  box-shadow: 0 0.75rem 1.5rem -0.75rem rgba(232, 133, 44, 0.8);
}
body.elementor-page-293 div.trit-leistung-kachel::after {
  content: "";
  position: absolute;
  top: 2.4375rem;
  left: 2.4375rem;
  width: 1.375rem;
  height: 1.375rem;
  background: #FFFFFF;
  -webkit-mask: var(--tf-icon) center / contain no-repeat;
  mask: var(--tf-icon) center / contain no-repeat;
}
body.elementor-page-293 div.trit-leistung-kachel:nth-child(1) { --tf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E"); }
body.elementor-page-293 div.trit-leistung-kachel:nth-child(2) { --tf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
body.elementor-page-293 div.trit-leistung-kachel:nth-child(3) { --tf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='14' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E"); }
/* große Nummer als Wasserzeichen oben rechts */
body.elementor-page-293 div.trit-leistung-kachel > .trit-leistung-titel::after {
  content: counter(tf-saeule, decimal-leading-zero);
  position: absolute;
  top: 1.5rem;
  right: 1.75rem;
  color: rgba(15, 23, 42, 0.06);
  font-size: 3.5rem;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
body.elementor-page-293 div.trit-leistung-kachel:hover {
  transform: translateY(-4px);
  border-color: rgba(232, 133, 44, 0.3);
  box-shadow: 0 1.5rem 3rem -1.75rem rgba(15, 23, 42, 0.3);
}
@media (max-width: 1024px) {
  body.elementor-page-293 div.trit-leistung-kachel { padding: 1.5rem 1.5rem 1.5rem 5.5rem !important; }
  body.elementor-page-293 div.trit-leistung-kachel::before { top: 1.5rem; left: 1.5rem; }
  body.elementor-page-293 div.trit-leistung-kachel::after { top: 2.1875rem; left: 2.1875rem; }
  body.elementor-page-293 div.trit-leistung-kachel > .trit-leistung-titel::after { top: 50%; transform: translateY(-50%); font-size: 3rem; }
}
@media (max-width: 767px) {
  body.elementor-page-293 div.trit-leistung-kachel { padding: 1.25rem 1.25rem 1.25rem 4.5rem !important; }
  body.elementor-page-293 div.trit-leistung-kachel::before { top: 1.25rem; left: 1.25rem; width: 2.375rem; height: 2.375rem; border-radius: 0.75rem; }
  body.elementor-page-293 div.trit-leistung-kachel::after { top: 1.8125rem; left: 1.8125rem; width: 1.25rem; height: 1.25rem; }
  body.elementor-page-293 div.trit-leistung-kachel > .trit-leistung-titel::after { display: none; }
}

/* 06 · Leistungsumfang (nur Sprungziel) --------------------------- */
body.elementor-page-293 [data-elementor-id="293"] section > .elementor-widget-menu-anchor { position: absolute; top: 0; left: 0; }
/* 09 · Leistungskarten (10 Bildkarten) ------------------------------------------- */
body.elementor-page-293 .trit-leistung-karte {
  position: relative;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition: transform 450ms var(--trit-ease), box-shadow 450ms var(--trit-ease), border-color 450ms var(--trit-ease);
}
body.elementor-page-293 .trit-leistung-bild { position: relative; }
body.elementor-page-293 .trit-leistung-bild img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 900ms var(--trit-ease); }
body.elementor-page-293 .trit-leistung-bild::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15, 23, 42, 0.3) 0%, rgba(15, 23, 42, 0) 45%); pointer-events: none; }
body.elementor-page-293 .trit-leistung-karte:is(:hover, :focus-visible) {
  transform: translateY(-6px);
  border-color: rgba(232, 133, 44, 0.35);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1.75rem 3.5rem -1.75rem rgba(15, 23, 42, 0.35);
}
body.elementor-page-293 .trit-leistung-karte:is(:hover, :focus-visible) .trit-leistung-bild img { transform: scale(1.06); }
body.elementor-page-293 .trit-leistung-karte:is(:hover, :focus-visible) .trit-leistung-titel { color: var(--trit-orange-text); }
body.elementor-page-293 .trit-leistung-titel { transition: color var(--trit-speed) var(--trit-ease); text-wrap: balance; }
body.elementor-page-293 .trit-mehr::after { content: ""; width: 0.875rem; height: 0.875rem; flex: none; background: var(--tf-pfeil-orange) center / contain no-repeat; transition: transform var(--trit-speed) var(--trit-ease); }
body.elementor-page-293 .trit-leistung-karte:is(:hover, :focus-visible) .trit-mehr::after { transform: translateX(0.25rem); }
body.elementor-page-293 .trit-leistung-karte .trit-leistung-text > p:has(> span) { display: flex; flex-direction: column; gap: 0.375rem; margin-top: 0.25rem; }
body.elementor-page-293 .trit-leistung-karte .trit-leistung-text > p:has(> span) > span { display: inline-flex; align-items: flex-start; gap: 0.5rem; }
body.elementor-page-293 .trit-leistung-karte .trit-leistung-text > p:has(> span) > span::before {
  content: "";
  width: 1rem;
  height: 1rem;
  flex: none;
  margin-top: 0.125rem;
  border-radius: 50%;
  background: rgba(232, 133, 44, 0.12) var(--tf-haken-dunkel) center / 0.625rem no-repeat;
}

/* 10 Karten: Tablet zweispaltig, letzte Karte im Desktop-Raster mittig */
body.elementor-page-293 .e-con:has(> a.trit-leistung-karte) { grid-auto-rows: auto; }
@media (min-width: 1025px) {
  body.elementor-page-293 a.trit-leistung-karte:last-child:nth-child(3n+1) { grid-column: 2; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body.elementor-page-293 .e-con:has(> a.trit-leistung-karte) { max-width: none; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.elementor-page-293 a.trit-leistung-karte:last-child:nth-child(odd) { grid-column: 1 / -1; max-width: calc(50% - 0.75rem); justify-self: center; }
}
body.elementor-page-293 .trit-leistung-karte .trit-leistung-titel { -webkit-hyphens: auto; hyphens: auto; }
/* 11 · Ablauf (6 Schritte) --------------------------------------------- */
body.elementor-page-293 .e-con:has(> .trit-schritt) { counter-reset: tf-schritt; }
body.elementor-page-293 .trit-schritt { counter-increment: tf-schritt; }
body.elementor-page-293 .trit-schritt::before {
  content: counter(tf-schritt, decimal-leading-zero);
  content: counter(tf-schritt, decimal-leading-zero) / "";
  position: relative;
  inset: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  margin-bottom: 0.75rem;
  border: 0;
  border-radius: 50%;
  opacity: 1;
  mix-blend-mode: normal;
  color: var(--trit-navy);
  font-size: 0.9375rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  background: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(232, 133, 44, 0.35), 0 0 0 6px #FFF7F0, 0 0.75rem 1.5rem -0.75rem rgba(232, 133, 44, 0.6);
  transition: background var(--trit-speed) var(--trit-ease);
}
body.elementor-page-293 .trit-schritt:hover::before { background: var(--trit-orange); }
@media (max-width: 767px) {
  body.elementor-page-293 .trit-schritt { padding-left: 4rem; min-height: 3rem; }
  body.elementor-page-293 .trit-schritt::before { position: absolute; top: 0; left: 0; width: 2.75rem; height: 2.75rem; margin: 0; font-size: 0.875rem; }
  body.elementor-page-293 .trit-schritt:not(:last-child)::after { content: ""; position: absolute; top: 3.25rem; bottom: -1.5rem; left: 1.3125rem; width: 2px; background: linear-gradient(rgba(232, 133, 44, 0.5), rgba(232, 133, 44, 0.1)); }
}


/* 15 · Buttons ------------------------------------------------------------ */
body.elementor-page-293 a.trit-button {
  text-decoration: none;
  background-image: linear-gradient(135deg, var(--trit-orange-light) 0%, var(--trit-orange) 45%, var(--trit-orange-strong) 100%);
  background-size: 180% 100%;
  background-position: 0% 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0.75rem 1.75rem -0.75rem rgba(232, 133, 44, 0.8);
  transition: background-position var(--trit-speed) var(--trit-ease), transform var(--trit-speed) var(--trit-ease), box-shadow var(--trit-speed) var(--trit-ease);
}
body.elementor-page-293 a.trit-button::after { content: ""; width: 0.875rem; height: 0.875rem; flex: none; background: var(--tf-pfeil-navy) center / contain no-repeat; transition: transform var(--trit-speed) var(--trit-ease); }
body.elementor-page-293 a.trit-button:is(:hover, :focus-visible) { color: var(--trit-navy); background-position: 100% 0; transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1rem 2rem -0.75rem rgba(232, 133, 44, 0.9); }
body.elementor-page-293 a.trit-button:is(:hover, :focus-visible)::after { transform: translateX(0.1875rem); }
body.elementor-page-293 a.trit-button-glas { text-decoration: none; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background-color var(--trit-speed) var(--trit-ease), border-color var(--trit-speed) var(--trit-ease), transform var(--trit-speed) var(--trit-ease); }
body.elementor-page-293 a.trit-button-glas[href^="tel:"] { font-variant-numeric: tabular-nums; }
body.elementor-page-293 a.trit-button-glas[href^="tel:"]::before { content: ""; width: 0.9375rem; height: 0.9375rem; flex: none; background: var(--tf-telefon) center / contain no-repeat; }
body.elementor-page-293 a.trit-button-glas:is(:hover, :focus-visible) { color: #FFFFFF; border-color: rgba(232, 133, 44, 0.7); background-color: rgba(232, 133, 44, 0.16); transform: translateY(-2px); }
body.elementor-page-293 a.trit-button-hell { text-decoration: none; box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06); transition: background-color var(--trit-speed) var(--trit-ease), transform var(--trit-speed) var(--trit-ease); }
body.elementor-page-293 a.trit-button-hell::after { content: ""; width: 0.875rem; height: 0.875rem; flex: none; background: var(--tf-pfeil-navy) center / contain no-repeat; transition: transform var(--trit-speed) var(--trit-ease); }
body.elementor-page-293 a.trit-button-hell:is(:hover, :focus-visible) { background-color: #E2E8F0; transform: translateY(-2px); }
body.elementor-page-293 a.trit-button-hell:is(:hover, :focus-visible)::after { transform: translateX(0.1875rem); }
@media (max-width: 767px) {
  body.elementor-page-293 :is(section:has(h1), section:has(.trit-vn)) a:is(.trit-button, .trit-button-glas) { width: 100%; }
}

/* 16 · Barrierefreiheit ----------------------------------------------------- */
body.elementor-page-293 [data-elementor-id="293"] a:focus-visible,
body.elementor-page-293 .tf-video-knopf-x:focus-visible { outline: 2px solid var(--trit-orange); outline-offset: 3px; }
body.elementor-page-293 .trit-leistung-karte:focus-visible,
body.elementor-page-293 .trit-leistung-kachel:focus-visible { outline-offset: 4px; border-radius: 1.25rem; }
@media (prefers-reduced-motion: reduce) {
  body.elementor-page-293 *,
  body.elementor-page-293 *::before,
  body.elementor-page-293 *::after { animation: none !important; transition-duration: 0.01ms !important; }

}

/* =====================================================================
   10 · Feinschliff Leistungsübersicht (Linie wie die übrigen Leistungsseiten)
   ===================================================================== */
/* Ruhige Bewegung: nur das Hero-Bild schwebt, die Chips schweben mit ihm */
body.elementor-page-293 section:has(h1) .e-con:has(> img) > p { animation: none; }
/* Breadcrumb: größere Tippfläche */
body.elementor-page-293 section:has(h1) .e-con > p:first-child a { display: inline-block; padding-block: 0.625rem; margin-block: -0.625rem; }

/* =====================================================================
   12 · Struktur: Säulen ohne Anheben (keine Links), Ablauf als dunkle
   Fortschrittsleiste in vier Schritten
   ===================================================================== */
body.elementor-page-293 div.trit-leistung-kachel:hover { transform: none; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); }

/* --- Ablauf: dunkles Band, vier Schritte auf einer Fortschrittsleiste ---- */
body.elementor-page-293 .elementor-element-4887507c {
  background-color: #0F172A;
  background-image:
    radial-gradient(44rem 26rem at 90% 0%, rgba(232, 133, 44, 0.14) 0%, rgba(232, 133, 44, 0) 65%),
    linear-gradient(180deg, #0F172A 0%, #111B31 100%);
  -webkit-font-smoothing: antialiased;
}
body.elementor-page-293 .elementor-element-4887507c .trit-ueberzeile { color: var(--trit-orange-light); }
body.elementor-page-293 .elementor-element-4887507c .trit-titel-h2 { color: #FFFFFF; }
body.elementor-page-293 .elementor-element-4887507c .trit-einleitung { color: #CBD5E1; }
body.elementor-page-293 .elementor-element-117b5675 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem 2rem; }
body.elementor-page-293 .trit-schritt { position: relative; }
body.elementor-page-293 .trit-schritt .trit-leistung-titel { color: #FFFFFF; }
body.elementor-page-293 .trit-schritt .trit-leistung-beschreibung { color: #CBD5E1; }
body.elementor-page-293 .trit-schritt::before {
  color: #FFFFFF;
  background: #0F172A;
  box-shadow: 0 0 0 2px rgba(232, 133, 44, 0.7), 0 0 0 8px rgba(232, 133, 44, 0.1);
}
/* letzter Schritt „Betreuung“ läuft weiter: gefüllt */
body.elementor-page-293 .trit-schritt:last-child::before {
  color: var(--trit-navy);
  background: linear-gradient(145deg, var(--trit-orange-light) 0%, var(--trit-orange) 55%, var(--trit-orange-strong) 100%);
}
body.elementor-page-293 .trit-schritt:hover::before { background: #0F172A; }
body.elementor-page-293 .trit-schritt:last-child:hover::before { background: linear-gradient(145deg, var(--trit-orange-light) 0%, var(--trit-orange) 55%, var(--trit-orange-strong) 100%); }
@media (min-width: 1025px) {
  body.elementor-page-293 .trit-schritt:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 1.5625rem;
    left: 4.5rem;
    right: -0.75rem;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(232, 133, 44, 0.75) 0%, rgba(232, 133, 44, 0.2) 100%);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body.elementor-page-293 .elementor-element-117b5675 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 2rem; }
}
@media (max-width: 767px) {
  body.elementor-page-293 .elementor-element-117b5675 { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  body.elementor-page-293 .trit-schritt::before { box-shadow: 0 0 0 2px rgba(232, 133, 44, 0.7), 0 0 0 6px rgba(232, 133, 44, 0.1); }
}


/* Übersicht: Ablauf hell, damit er sich vom dunklen Footer absetzt */
body.elementor-page-293 .elementor-element-4887507c { background-color: #FFFFFF; background-image: none; }
body.elementor-page-293 .elementor-element-4887507c .trit-ueberzeile { color: var(--trit-orange-text); }
body.elementor-page-293 .elementor-element-4887507c .trit-titel-h2 { color: var(--trit-navy); }
body.elementor-page-293 .elementor-element-4887507c .trit-einleitung { color: var(--trit-text); }
body.elementor-page-293 .trit-schritt .trit-leistung-titel { color: var(--trit-navy); }
body.elementor-page-293 .trit-schritt .trit-leistung-beschreibung { color: var(--trit-text); }
body.elementor-page-293 .trit-schritt::before,
body.elementor-page-293 .trit-schritt:hover::before { color: var(--trit-navy); background: #FFFFFF; box-shadow: 0 0 0 2px rgba(232, 133, 44, 0.7), 0 0 0 8px #FFF4EA; }
body.elementor-page-293 .trit-schritt:last-child::before,
body.elementor-page-293 .trit-schritt:last-child:hover::before { background: linear-gradient(145deg, var(--trit-orange-light) 0%, var(--trit-orange) 55%, var(--trit-orange-strong) 100%); }
/* Warum Tanriver IT: nur starke Argumente als Überschrift, ohne Beschreibung */
body.elementor-page-293 div.trit-leistung-kachel { justify-content: flex-end; min-height: 11rem; }
body.elementor-page-293 div.trit-leistung-kachel > .trit-leistung-titel { font-size: 1.3125rem; line-height: 1.3; text-wrap: balance; }
@media (max-width: 1024px) {
  body.elementor-page-293 div.trit-leistung-kachel { min-height: 0; justify-content: center; }
}
body.elementor-page-293 div.trit-leistung-kachel:nth-child(3) { --tf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.5 13.5 17 22l-5-3-5 3 1.5-8.5'/%3E%3C/svg%3E"); }

/* Final: Argumente als kompakte Zeile – Symbol links, Aussage rechts, ohne Nummern */
body.elementor-page-293 .elementor-element-74639dba { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
body.elementor-page-293 div.trit-leistung-kachel {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  min-height: 0;
  padding: 1.375rem 1.5rem !important;
  border-radius: 1rem;
  background: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.07), 0 1.25rem 2.5rem -2rem rgba(15, 23, 42, 0.35);
}
body.elementor-page-293 div.trit-leistung-kachel::before { position: static; flex: none; top: auto; left: auto; width: 3rem; height: 3rem; }
body.elementor-page-293 div.trit-leistung-kachel::after { top: 50%; left: 2.3125rem; margin-top: -0.6875rem; }
body.elementor-page-293 div.trit-leistung-kachel > .trit-leistung-titel { margin: 0; font-size: 1.125rem; line-height: 1.3; }
body.elementor-page-293 div.trit-leistung-kachel > .trit-leistung-titel::after { content: none; }
@media (max-width: 1024px) {
  body.elementor-page-293 div.trit-leistung-kachel { padding: 1.125rem 1.25rem !important; gap: 0.875rem; }
  body.elementor-page-293 div.trit-leistung-kachel::before { width: 2.625rem; height: 2.625rem; border-radius: 0.75rem; }
  body.elementor-page-293 div.trit-leistung-kachel::after { left: 1.9375rem; width: 1.25rem; height: 1.25rem; margin-top: -0.625rem; }
  body.elementor-page-293 div.trit-leistung-kachel > .trit-leistung-titel { font-size: 1rem; }
}
@media (max-width: 767px) {
  body.elementor-page-293 .elementor-element-74639dba { grid-template-columns: minmax(0, 1fr); gap: 0.625rem; }
}

/* =====================================================================
   13 · Alle zehn Leistungen gleichrangig im Kreis um „Ein Ansprechpartner“.
   Gruppen als farbige Ringsegmente mit Legende. Überfahren/Fokus zeigt die
   Beschreibung in der Mitte. Smartphone: gleichmäßige Kachelliste.
   ===================================================================== */
body.elementor-page-293 .elementor-element-1f879555 { display: block; max-width: none; width: 100%; }
body.elementor-page-293 .elementor-element-1f879555 > .elementor-widget-html { width: 100%; }
body.elementor-page-293 .lu-orbit {
  --g1: #E8852C;
  --g2: #E8852C;
  --g3: #E8852C;
  width: 100%;
}
body.elementor-page-293 .lu-o-buehne {
  position: relative;
  width: min(100%, 44rem);
  aspect-ratio: 1;
  margin: 0 auto;
}
body.elementor-page-293 .lu-o-ring { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
body.elementor-page-293 .lu-o-bahn { fill: none; stroke: rgba(232, 133, 44, 0.35); stroke-width: 1.5; stroke-dasharray: 2 9; stroke-linecap: round; transform-box: view-box; transform-origin: 50% 50%; animation: lu-drehen 90s linear infinite; }
@keyframes lu-drehen { to { transform: rotate(360deg); } }
body.elementor-page-293 .lu-o-ring path { fill: none; stroke-width: 4; stroke-linecap: round; transition: opacity 300ms var(--trit-ease); }
body.elementor-page-293 .lu-o-ring .g1 { stroke: var(--g1); }
body.elementor-page-293 .lu-o-ring .g2 { stroke: var(--g2); }
body.elementor-page-293 .lu-o-ring .g3 { stroke: var(--g3); }
body.elementor-page-293 .lu-orbit:has(.g1 a:is(:hover, :focus-visible)) .lu-o-ring path:not(.g1),
body.elementor-page-293 .lu-orbit:has(.g2 a:is(:hover, :focus-visible)) .lu-o-ring path:not(.g2),
body.elementor-page-293 .lu-orbit:has(.g3 a:is(:hover, :focus-visible)) .lu-o-ring path:not(.g3) { opacity: 0.25; }

/* --- Mitte ----------------------------------------------------------------- */
body.elementor-page-293 .lu-o-mitte {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  width: 44%;
  aspect-ratio: 1;
  padding: 1.75rem;
  border-radius: 50%;
  text-align: center;
  background: radial-gradient(circle at 50% 30%, #16213A 0%, #0F172A 70%);
  box-shadow: 0 0 0 10px rgba(232, 133, 44, 0.08), 0 2rem 4rem -1.5rem rgba(15, 23, 42, 0.55);
  transform: translate(-50%, -50%);
  -webkit-font-smoothing: antialiased;
}
body.elementor-page-293 .lu-o-eyebrow { color: var(--trit-orange-light); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
body.elementor-page-293 .lu-o-titel { color: #FFFFFF; font-size: 1.625rem; font-weight: 800; line-height: 1.15; letter-spacing: -0.02em; text-wrap: balance; }
body.elementor-page-293 .lu-o-beschreibung { max-width: 15rem; color: #CBD5E1; font-size: 0.9375rem; line-height: 1.5; text-wrap: balance; }
body.elementor-page-293 .lu-o-hinweis { margin-top: 0.5rem; padding: 0.375rem 0.875rem; border-radius: 999px; color: var(--trit-orange-light); font-size: 0.8125rem; font-weight: 700; background: rgba(232, 133, 44, 0.12); box-shadow: inset 0 0 0 1px rgba(232, 133, 44, 0.3); }
body.elementor-page-293 .lu-orbit.ist-aktiv .lu-o-hinweis { color: var(--trit-navy); background: var(--trit-orange); box-shadow: none; }
body.elementor-page-293 .lu-orbit.ist-aktiv .lu-o-titel { font-size: 1.5rem; }

/* --- Punkte auf dem Ring --------------------------------------------------- */
body.elementor-page-293 .lu-o-liste { margin: 0; padding: 0; list-style: none; }
body.elementor-page-293 .lu-o-punkt {
  --o-ring: var(--g1);
  position: absolute;
  top: var(--y);
  left: var(--x);
  z-index: 2;
  margin: 0;
  transform: translate(-50%, -1.75rem);
  transition: opacity 300ms var(--trit-ease);
}
body.elementor-page-293 .lu-o-punkt.g2 { --o-ring: var(--g2); }
body.elementor-page-293 .lu-o-punkt.g3 { --o-ring: var(--g3); }
body.elementor-page-293 .lu-o-punkt a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  outline: none;
}
body.elementor-page-293 .lu-o-symbol {
  position: relative;
  display: grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px var(--o-ring), 0 0 0 7px #F8FAFC, 0 0.75rem 1.5rem -0.5rem rgba(15, 23, 42, 0.3);
  transition: transform 300ms var(--trit-ease), background 300ms var(--trit-ease);
}
body.elementor-page-293 .lu-o-symbol::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: var(--trit-navy);
  -webkit-mask: var(--o-icon) center / contain no-repeat;
  mask: var(--o-icon) center / contain no-repeat;
  transition: background 300ms var(--trit-ease);
}
body.elementor-page-293 .lu-o-name {
  padding: 0.3125rem 0.75rem;
  border-radius: 999px;
  color: var(--trit-navy);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  background: rgba(248, 250, 252, 0.92);
  transition: color 300ms var(--trit-ease), background 300ms var(--trit-ease);
}
body.elementor-page-293 .lu-o-text { display: none; }
body.elementor-page-293 .lu-o-punkt a:is(:hover, :focus-visible) .lu-o-symbol { transform: scale(1.1); background: linear-gradient(145deg, var(--trit-orange-light) 0%, var(--trit-orange) 55%, var(--trit-orange-strong) 100%); }
body.elementor-page-293 .lu-o-punkt a:is(:hover, :focus-visible) .lu-o-symbol::before { background: #FFFFFF; }
body.elementor-page-293 .lu-o-punkt a:is(:hover, :focus-visible) .lu-o-name { color: #FFFFFF; background: var(--trit-navy); }
body.elementor-page-293 .lu-o-punkt a:focus-visible .lu-o-symbol { box-shadow: 0 0 0 2px var(--o-ring), 0 0 0 5px #FFFFFF, 0 0 0 7px var(--trit-orange); }
body.elementor-page-293 .lu-orbit:has(.lu-o-punkt a:is(:hover, :focus-visible)) .lu-o-punkt:not(:has(a:is(:hover, :focus-visible))) { opacity: 0.45; }

/* Symbole */
body.elementor-page-293 .s-support { --o-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'/%3E%3C/svg%3E"); }
body.elementor-page-293 .s-infra { --o-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='8' rx='2'/%3E%3Crect x='2' y='13' width='20' height='8' rx='2'/%3E%3Cpath d='M6 7h.01M6 17h.01'/%3E%3C/svg%3E"); }
body.elementor-page-293 .s-hardware { --o-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M2 20h20'/%3E%3C/svg%3E"); }
body.elementor-page-293 .s-netz { --o-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5a10 10 0 0 1 14 0M8.5 16a5 5 0 0 1 7 0M2 9a15 15 0 0 1 20 0'/%3E%3Cpath d='M12 20h.01'/%3E%3C/svg%3E"); }
body.elementor-page-293 .s-tel { --o-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"); }
body.elementor-page-293 .s-sicher { --o-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 13l5 3V8l-5 3M2 7h14v10H2z'/%3E%3C/svg%3E"); }
body.elementor-page-293 .s-software { --o-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 18 6-6-6-6M8 6l-6 6 6 6'/%3E%3C/svg%3E"); }
body.elementor-page-293 .s-web { --o-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E"); }
body.elementor-page-293 .s-grafik { --o-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19l7-7 3 3-7 7z'/%3E%3Cpath d='m18 13-1.5-7.5L2 2l3.5 14.5L13 18z'/%3E%3Cpath d='m2 2 7.6 7.6'/%3E%3Ccircle cx='11' cy='11' r='2'/%3E%3C/svg%3E"); }
body.elementor-page-293 .s-bi { --o-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M18 17V9M13 17V5M8 17v-3'/%3E%3C/svg%3E"); }

/* --- Legende ---------------------------------------------------------------- */
body.elementor-page-293 .lu-o-legende { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem 2rem; margin: 2.5rem 0 0; padding: 0; list-style: none; }
body.elementor-page-293 .lu-o-legende li { display: inline-flex; align-items: center; gap: 0.625rem; margin: 0; color: var(--trit-text); font-size: 0.9375rem; font-weight: 600; }
body.elementor-page-293 .lu-o-legende li::before { content: ""; width: 1.5rem; height: 4px; border-radius: 4px; background: var(--g1); }
body.elementor-page-293 .lu-o-legende .g2::before { background: var(--g2); }
body.elementor-page-293 .lu-o-legende .g3::before { background: var(--g3); }

/* --- Tablet: Kreis etwas kompakter ------------------------------------------ */
@media (min-width: 768px) and (max-width: 1024px) {
  body.elementor-page-293 .lu-o-buehne { width: min(100%, 38rem); }
  body.elementor-page-293 .lu-o-symbol { width: 3rem; height: 3rem; }
  body.elementor-page-293 .lu-o-symbol::before { width: 1.25rem; height: 1.25rem; }
  body.elementor-page-293 .lu-o-punkt { transform: translate(-50%, -1.5rem); }
  body.elementor-page-293 .lu-o-name { font-size: 0.8125rem; padding: 0.25rem 0.625rem; }
  body.elementor-page-293 .lu-o-titel { font-size: 1.375rem; }
  body.elementor-page-293 .lu-o-beschreibung { font-size: 0.875rem; }
}

/* --- Smartphone: gleichmäßige Kachelliste ------------------------------------ */
@media (max-width: 767px) {
  body.elementor-page-293 .lu-o-buehne { width: 100%; aspect-ratio: auto; }
  body.elementor-page-293 .lu-o-ring,
  body.elementor-page-293 .lu-o-mitte { display: none; }
  body.elementor-page-293 .lu-o-liste { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.625rem; }
  body.elementor-page-293 .lu-o-punkt { position: static; transform: none; }
  body.elementor-page-293 .lu-o-punkt a {
    position: relative;
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 0.875rem;
    row-gap: 0.125rem;
    align-items: center;
    padding: 0.875rem 2.75rem 0.875rem 0.875rem;
    border-radius: 1rem;
    background: #FFFFFF;
    box-shadow: inset 3px 0 0 var(--o-ring), 0 0 0 1px rgba(15, 23, 42, 0.07);
  }
  body.elementor-page-293 .lu-o-punkt a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.875rem;
    width: 1rem;
    height: 1rem;
    margin-top: -0.5rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2620F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  body.elementor-page-293 .lu-o-symbol { grid-row: 1 / span 2; width: 2.75rem; height: 2.75rem; box-shadow: none; background: #FFF4EA; }
  body.elementor-page-293 .lu-o-symbol::before { width: 1.25rem; height: 1.25rem; background: var(--trit-orange-icon); }
  body.elementor-page-293 .lu-o-name { padding: 0; font-size: 1rem; white-space: normal; background: none; }
  body.elementor-page-293 .lu-o-text { display: block; color: var(--trit-muted); font-size: 0.8125rem; line-height: 1.45; }
  body.elementor-page-293 .lu-o-punkt a:is(:hover, :focus-visible) .lu-o-name { color: var(--trit-navy); background: none; }
  body.elementor-page-293 .lu-o-punkt a:is(:hover, :focus-visible) .lu-o-symbol { transform: none; background: #FFF4EA; }
  body.elementor-page-293 .lu-o-punkt a:is(:hover, :focus-visible) .lu-o-symbol::before { background: var(--trit-orange-icon); }
  body.elementor-page-293 .lu-orbit:has(.lu-o-punkt a:is(:hover, :focus-visible)) .lu-o-punkt:not(:has(a:is(:hover, :focus-visible))) { opacity: 1; }
  body.elementor-page-293 .lu-o-legende { justify-content: flex-start; gap: 0.5rem 1.25rem; margin-top: 1.25rem; }
  body.elementor-page-293 .lu-o-legende li { font-size: 0.8125rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.elementor-page-293 .lu-o-bahn { animation: none; }
}

/* Ohne Gruppen: ein durchgehender Ring in Markenfarbe */
body.elementor-page-293 .lu-o-kreis { fill: none; stroke: rgba(232, 133, 44, 0.55); stroke-width: 3; }

/* Symbole exakt wie im Mega-Menü (Font Awesome als Inline-SVG) – ersetzen die Masken-Symbole */
body.elementor-page-293 .lu-o-symbol::before { content: none; }
body.elementor-page-293 .lu-o-symbol { color: var(--trit-orange-icon); }
body.elementor-page-293 .lu-o-symbol svg { display: block; width: 1.375rem; height: 1.375rem; fill: currentColor; transition: color 300ms var(--trit-ease); }
body.elementor-page-293 .lu-o-punkt a:is(:hover, :focus-visible) .lu-o-symbol { color: #FFFFFF; }
@media (min-width: 768px) and (max-width: 1024px) {
  body.elementor-page-293 .lu-o-symbol svg { width: 1.1875rem; height: 1.1875rem; }
}
@media (max-width: 767px) {
  body.elementor-page-293 .lu-o-symbol svg { width: 1.1875rem; height: 1.1875rem; }
  body.elementor-page-293 .lu-o-punkt a:is(:hover, :focus-visible) .lu-o-symbol { color: var(--trit-orange-icon); }
}
/* Beim Überfahren nur die Beschreibung zeigen – Name ist am Ring bereits hervorgehoben */
body.elementor-page-293 .lu-orbit.ist-aktiv .lu-o-eyebrow,
body.elementor-page-293 .lu-orbit.ist-aktiv .lu-o-titel { display: none; }
body.elementor-page-293 .lu-orbit.ist-aktiv .lu-o-beschreibung { max-width: 15rem; color: #FFFFFF; font-size: 1rem; font-weight: 400; line-height: 1.55; }
@media (min-width: 768px) and (max-width: 1024px) {
  body.elementor-page-293 .lu-orbit.ist-aktiv .lu-o-beschreibung { max-width: 13rem; font-size: 0.9375rem; }
}
/* Längere Namen (z. B. „Hardware & Arbeitsplätze“) zweizeilig statt in die Mitte zu ragen */
@media (min-width: 768px) {
  body.elementor-page-293 :is(.s-hardware, .s-web) .lu-o-name { max-width: 10rem; white-space: normal; text-align: center; text-wrap: balance; line-height: 1.25; }
}

/* Mitte etwas kleiner – mehr Luft für die längeren Leistungsnamen */
@media (min-width: 768px) {
  body.elementor-page-293 .lu-o-mitte { width: 40%; padding: 1.5rem; }
  body.elementor-page-293 .lu-o-titel { font-size: 1.5rem; }
}

/* =====================================================================
   14 · Einheitlicher Abstand Abschnittskopf → Inhalt:
   56 px Desktop/Tablet, 40 px Smartphone (über den Abstand der Abschnitts-Container)
   ===================================================================== */
body.elementor-page-293 :is(.elementor-element-6ac09b1e, .elementor-element-641d38b6, .elementor-element-18100d31) { row-gap: 3.5rem; }
body.elementor-page-293 :is(.elementor-element-1b9c03, .elementor-element-2becb590, .elementor-element-81bb877) { margin-bottom: 0; }
@media (max-width: 767px) {
  body.elementor-page-293 :is(.elementor-element-6ac09b1e, .elementor-element-641d38b6, .elementor-element-18100d31) { row-gap: 2.5rem; }
}
body.elementor-page-293 .trit-leistung-karte .trit-leistung-text > :last-child { margin-bottom: 0; }

/* =====================================================================
   16 · Hintergrund-Rhythmus: Hero dunkel · Warum hell · Leistungen grau · Ablauf dunkel
   ===================================================================== */
body.elementor-page-293 .elementor-element-44d8cc2b { background-color: #FFFFFF; }
body.elementor-page-293 .elementor-element-6b577c8b { background-color: #F8FAFC; }

/* =====================================================================
   17 · Hero-Höhe wie auf der Kontaktseite (Desktop 645 px), Inhalt mittig
   ===================================================================== */
@media (min-width: 1025px) {
  body.elementor-page-293 section:has(h1) { box-sizing: border-box; min-height: 645px; padding-top: 4rem !important; padding-bottom: 4rem !important; justify-content: center; }
}

/* =====================================================================
   19 · Abschluss-Banner „Kostenloses Erstgespräch“ – identisch zur Startseite
   (helle Karte, Logo-Icon in Originalfarben rechts, Telefon-Button hell)
   ===================================================================== */
body.elementor-page-293 [data-elementor-id="293"] section:last-of-type { background: #FFFFFF; padding-top: 7rem !important; padding-bottom: 7rem !important; }
body.elementor-page-293 [data-elementor-id="293"] section:last-of-type > .e-con {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-image:
    radial-gradient(34rem 24rem at 85% 50%, rgba(232, 133, 44, 0.12) 0%, rgba(232, 133, 44, 0) 65%),
    linear-gradient(135deg, #FFFFFF 0%, #FFFFFF 45%, #FFF8F1 100%);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06), 0 2.5rem 5rem -3.5rem rgba(15, 23, 42, 0.35);
}
body.elementor-page-293 [data-elementor-id="293"] section:last-of-type > .e-con::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: radial-gradient(rgba(15, 23, 42, 0.07) 1px, transparent 1px);
  background-size: 1.25rem 1.25rem;
  -webkit-mask-image: linear-gradient(90deg, transparent 40%, #000 100%);
  mask-image: linear-gradient(90deg, transparent 40%, #000 100%);
  pointer-events: none;
}
body.elementor-page-293 [data-elementor-id="293"] section:last-of-type > .e-con > .elementor-widget-html { position: absolute; inset: 0; z-index: 0; width: auto; max-width: none; margin: 0; pointer-events: none; }
body.elementor-page-293 [data-elementor-id="293"] section:last-of-type > .e-con > :not(.elementor-widget-html) { position: relative; z-index: 1; }
body.elementor-page-293 [data-elementor-id="293"] section:last-of-type .trit-ueberzeile { color: #A8520F; }
body.elementor-page-293 [data-elementor-id="293"] section:last-of-type .trit-titel-h2 { max-width: 34rem; color: var(--trit-navy, #0F172A); }
body.elementor-page-293 [data-elementor-id="293"] section:last-of-type .trit-einleitung { max-width: 36rem; color: #475569; }
body.elementor-page-293 [data-elementor-id="293"] section:last-of-type a.trit-button-glas { color: #0F172A; border-color: rgba(15, 23, 42, 0.14); background-color: #FFFFFF; -webkit-backdrop-filter: none; backdrop-filter: none; }
body.elementor-page-293 [data-elementor-id="293"] section:last-of-type a.trit-button-glas[href^="tel:"]::before { filter: invert(1) brightness(0.25); }
body.elementor-page-293 [data-elementor-id="293"] section:last-of-type a.trit-button-glas:is(:hover, :focus-visible) { color: #0F172A; border-color: #E8852C; background-color: #FFF5EB; }
body.elementor-page-293 .sp-cta-weiss { position: absolute; top: 0; right: 0; bottom: 0; width: 36%; display: grid; place-items: center; }
body.elementor-page-293 .sp-cta-logo { display: block; width: 52%; max-width: 13.5rem; height: auto; }
body.elementor-page-293 .sp-cta-logo .sp-logo-o { fill: #E8852C; }
body.elementor-page-293 .sp-cta-logo .sp-logo-g { fill: #535353; }
@media (max-width: 1024px) {
  body.elementor-page-293 .sp-cta-weiss { width: 32%; }
  body.elementor-page-293 [data-elementor-id="293"] section:last-of-type .trit-titel-h2,
  body.elementor-page-293 [data-elementor-id="293"] section:last-of-type .trit-einleitung { max-width: 62%; }
}
@media (max-width: 767px) {
  body.elementor-page-293 [data-elementor-id="293"] section:last-of-type { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }
  body.elementor-page-293 .sp-cta-weiss { top: auto; left: 0; width: auto; height: 9rem; }
  body.elementor-page-293 .sp-cta-logo { width: auto; height: 5.5rem; }
  body.elementor-page-293 [data-elementor-id="293"] section:last-of-type > .e-con { padding-bottom: 11rem !important; }
  body.elementor-page-293 [data-elementor-id="293"] section:last-of-type .trit-titel-h2,
  body.elementor-page-293 [data-elementor-id="293"] section:last-of-type .trit-einleitung { max-width: none; }
  body.elementor-page-293 [data-elementor-id="293"] section:last-of-type a:is(.trit-button, .trit-button-glas) { width: 100%; }
}/* End custom CSS */