:root{--page-title-display:none;}/* Start custom CSS *//* =====================================================================
   TANRIVER IT · LEISTUNG „BRANDING & DESIGN“
   Seiteneinstellungen › Benutzerdefiniertes CSS
   01 Tokens · 02 Hero · 03 Abschnittsköpfe · 04 Drei Säulen
   05 Vorher/Nachher · 06 Leistungsumfang · 07 Druck-Band (Video)
   08 Angebote · 09 Office-Mockup · 10 Ablauf · 11 FAQ
   12 Passt dazu · 13 Abschluss · 14 Buttons · 15 Barrierefreiheit
   Grundformen: globale Klassen (trit-…). Bilder/Video: Higgsfield AI.
   ===================================================================== */

/* 01 · Tokens --------------------------------------------------------- */
body.elementor-page-311 {
  --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;
  --bd-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");
  --bd-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");
  --bd-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");
  --bd-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");
  --bd-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");
  --bd-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='%230F172A'/%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='%23E8852C'/%3E%3C/svg%3E");
}

/* 02 · Hero ----------------------------------------------------------- */
body.elementor-page-311 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-311 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-311 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-311 section:has(h1) > .e-con { position: relative; z-index: 1; }
body.elementor-page-311 :is(section:has(h1), section:has(.trit-vn), section:has(.bd-video)) {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Breadcrumb */
body.elementor-page-311 section:has(h1) h1 { text-wrap: balance; }
body.elementor-page-311 section:has(h1) h1::after { content: "."; color: var(--trit-orange); }
body.elementor-page-311 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-311 section:has(h1) .e-con > p:first-child a:hover { color: #FFFFFF; }
body.elementor-page-311 section:has(h1) .e-con > p:first-child > span:nth-child(odd):not(:last-child) { color: #94A3B8; }
body.elementor-page-311 section:has(h1) .e-con > p:first-child > span:nth-child(even),
body.elementor-page-311 section:has(h1) .e-con > p:first-child > a + span { margin-inline: 0.5rem; color: var(--trit-orange); }
body.elementor-page-311 section:has(h1) .e-con > p:first-child > span:last-child { color: #FFFFFF; margin-inline: 0; }
body.elementor-page-311 section:has(h1) h1 + p { text-wrap: pretty; }
/* Vertrauenszeile mit Haken */
body.elementor-page-311 section:has(h1) .e-con + p { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; }
body.elementor-page-311 section:has(h1) .e-con + p > span { display: inline-flex; align-items: center; gap: 0.5rem; }
body.elementor-page-311 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(--bd-haken) center / 0.75rem no-repeat;
}
/* Geschäftsausstattung: Ränder laufen weich in den Hintergrund aus, sanftes Schweben */
body.elementor-page-311 section:has(h1) .e-con:has(> img) { animation: bd-schweben 7s ease-in-out infinite; }
body.elementor-page-311 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.1;
}
@keyframes bd-schweben { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-0.625rem); } }
/* schwebende Leistungs-Chips */
body.elementor-page-311 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: bd-chip 6s ease-in-out infinite;
}
body.elementor-page-311 section:has(h1) .e-con:has(> img) > p::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  flex: none;
  border-radius: 50%;
  background: var(--bd-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-311 section:has(h1) .e-con:has(> img) > p:nth-child(2) { top: 9%; left: -2%; --bd-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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19l7-7 3 3-7 7-3-3z'/%3E%3Cpath d='M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z'/%3E%3Cpath d='M2 2l7.586 7.586'/%3E%3C/svg%3E"); }
body.elementor-page-311 section:has(h1) .e-con:has(> img) > p:nth-child(3) { top: 3%; right: 4%; animation-delay: -1.5s; --bd-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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.5' cy='6.5' r='1.5'/%3E%3Ccircle cx='17.5' cy='10.5' r='1.5'/%3E%3Ccircle cx='8.5' cy='7.5' r='1.5'/%3E%3Ccircle cx='6.5' cy='12.5' r='1.5'/%3E%3Cpath d='M12 2a10 10 0 0 0 0 20c.9 0 1.6-.7 1.6-1.6 0-.4-.2-.8-.4-1.1-.3-.3-.4-.7-.4-1.1 0-.9.7-1.6 1.6-1.6H16a6 6 0 0 0 6-6c0-4.9-4.5-8.6-10-8.6z'/%3E%3C/svg%3E"); }
body.elementor-page-311 section:has(h1) .e-con:has(> img) > p:nth-child(4) { bottom: 16%; left: 0%; animation-delay: -3s; --bd-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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V2h12v7'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8'/%3E%3C/svg%3E"); }
body.elementor-page-311 section:has(h1) .e-con:has(> img) > p:nth-child(5) { bottom: 6%; right: 2%; animation-delay: -4.5s; --bd-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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E"); }
@keyframes bd-chip { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-0.375rem); } }
@media (max-width: 767px) {
  body.elementor-page-311 section:has(h1) .e-con + p { flex-direction: column; gap: 0.5rem; }
  body.elementor-page-311 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-311 section:has(h1) .e-con:has(> img) > p::before { width: 1.125rem; height: 1.125rem; background-size: 0.6875rem, auto; }
  body.elementor-page-311 section:has(h1) .e-con:has(> img) > p:nth-child(2) { left: 0; }
}

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

/* 04 · Drei Säulen (Wiedererkannt · Professionell · Vertrauen) --------- */
body.elementor-page-311 .e-con:has(> div.trit-leistung-kachel) { counter-reset: bd-saeule; }
body.elementor-page-311 div.trit-leistung-kachel {
  position: relative;
  counter-increment: bd-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-311 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-311 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(--bd-icon) center / contain no-repeat;
  mask: var(--bd-icon) center / contain no-repeat;
}
body.elementor-page-311 div.trit-leistung-kachel:nth-child(1) { --bd-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='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
body.elementor-page-311 div.trit-leistung-kachel:nth-child(2) { --bd-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 12.9 17 22l-5-3-5 3 1.5-9.1'/%3E%3C/svg%3E"); }
body.elementor-page-311 div.trit-leistung-kachel:nth-child(3) { --bd-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='M7 10v12'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 1.9 2.6l-2.3 8a2 2 0 0 1-1.9 1.4H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.8a2 2 0 0 0 1.8-1.1L12 2a3.1 3.1 0 0 1 3 3.9z'/%3E%3C/svg%3E"); }
/* große Nummer als Wasserzeichen oben rechts */
body.elementor-page-311 div.trit-leistung-kachel > .trit-leistung-titel::after {
  content: counter(bd-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-311 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-311 div.trit-leistung-kachel { padding: 1.5rem 1.5rem 1.5rem 5.5rem !important; }
  body.elementor-page-311 div.trit-leistung-kachel::before { top: 1.5rem; left: 1.5rem; }
  body.elementor-page-311 div.trit-leistung-kachel::after { top: 2.1875rem; left: 2.1875rem; }
  body.elementor-page-311 div.trit-leistung-kachel > .trit-leistung-titel::after { top: 50%; transform: translateY(-50%); font-size: 3rem; }
}
@media (max-width: 767px) {
  body.elementor-page-311 div.trit-leistung-kachel { padding: 1.25rem 1.25rem 1.25rem 4.5rem !important; }
  body.elementor-page-311 div.trit-leistung-kachel::before { top: 1.25rem; left: 1.25rem; width: 2.375rem; height: 2.375rem; border-radius: 0.75rem; }
  body.elementor-page-311 div.trit-leistung-kachel::after { top: 1.8125rem; left: 1.8125rem; width: 1.25rem; height: 1.25rem; }
  body.elementor-page-311 div.trit-leistung-kachel > .trit-leistung-titel::after { display: none; }
}

/* 05 · Vorher/Nachher: Geschäftsausstattung ------------------------------ */
body.elementor-page-311 section:has(.trit-vn) {
  background-image:
    radial-gradient(50rem 30rem at 85% 50%, rgba(232, 133, 44, 0.14) 0%, rgba(232, 133, 44, 0) 60%),
    linear-gradient(180deg, #0F172A 0%, #111B31 100%);
}
/* Checkliste */
body.elementor-page-311 section:has(.trit-vn) .e-con > p:has(> span) { display: flex; flex-direction: column; gap: 0.625rem; }
body.elementor-page-311 section:has(.trit-vn) .e-con > p:has(> span) > span { display: inline-flex; align-items: center; gap: 0.625rem; }
body.elementor-page-311 section:has(.trit-vn) .e-con > p:has(> span) > span::before {
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  flex: none;
  border-radius: 50%;
  background: rgba(232, 133, 44, 0.16) var(--bd-haken) center / 0.8125rem no-repeat;
  box-shadow: inset 0 0 0 1px rgba(244, 162, 89, 0.3);
}
body.elementor-page-311 .trit-vn {
  --pos: 50%;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1400 / 1045;
  border-radius: 1.25rem;
  background: #1E293B;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 2rem 4rem -2rem rgba(0, 0, 0, 0.6);
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
}
body.elementor-page-311 .trit-vn-bild { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
body.elementor-page-311 .trit-vn-vorher { position: absolute; inset: 0; clip-path: inset(0 calc(100% - var(--pos)) 0 0); }
body.elementor-page-311 .trit-vn-linie { position: absolute; top: 0; bottom: 0; left: var(--pos); width: 2px; margin-left: -1px; background: #FFFFFF; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4); pointer-events: none; }
body.elementor-page-311 .trit-vn-griff {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3rem;
  height: 3rem;
  margin: -1.5rem 0 0 -1.5rem;
  border-radius: 50%;
  background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D9731A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6-6 6 6 6M15 6l6 6-6 6'/%3E%3C/svg%3E") center / 1.25rem no-repeat;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.35), 0 0 0 4px rgba(255, 255, 255, 0.25);
  transition: transform var(--trit-speed) var(--trit-ease), box-shadow var(--trit-speed) var(--trit-ease);
}
body.elementor-page-311 .trit-vn:hover .trit-vn-griff { transform: scale(1.08); }
body.elementor-page-311 .trit-vn:has(.trit-vn-regler:focus-visible) .trit-vn-griff { box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.35), 0 0 0 4px var(--trit-orange-light); }
body.elementor-page-311 .trit-vn-label {
  position: absolute;
  top: 1rem;
  padding: 0.375rem 0.75rem;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1;
  pointer-events: none;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
body.elementor-page-311 .trit-vn-label-vorher { left: 1rem; color: #FFFFFF; background: rgba(15, 23, 42, 0.6); }
body.elementor-page-311 .trit-vn-label-nachher { right: 1rem; color: var(--trit-navy); background: rgba(244, 162, 89, 0.92); }
body.elementor-page-311 .trit-vn-regler { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; -webkit-appearance: none; appearance: none; }
body.elementor-page-311 .trit-vn-regler::-webkit-slider-thumb { -webkit-appearance: none; width: 3rem; height: 100%; }
body.elementor-page-311 .trit-vn-regler::-moz-range-thumb { width: 3rem; height: 100%; border: 0; }
body.elementor-page-311 section:has(.trit-vn) .elementor-widget-html { width: 100%; }
@media (max-width: 767px) {
  body.elementor-page-311 .trit-vn { border-radius: 1rem; }
  body.elementor-page-311 .trit-vn-griff { width: 2.5rem; height: 2.5rem; margin: -1.25rem 0 0 -1.25rem; background-size: 1.0625rem; }
  body.elementor-page-311 .trit-vn-label { top: 0.75rem; font-size: 0.625rem; }
  body.elementor-page-311 .trit-vn-label-vorher { left: 0.75rem; }
  body.elementor-page-311 .trit-vn-label-nachher { right: 0.75rem; }
}

/* 06 · Leistungsumfang (9 Punkte mit Symbol) --------------------------- */
body.elementor-page-311 [data-elementor-id="311"] section > .elementor-widget-menu-anchor { position: absolute; top: 0; left: 0; }
body.elementor-page-311 section:has(.trit-vorteil) { position: relative; }
body.elementor-page-311 .trit-vorteil::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.75rem;
  height: 2.75rem;
  border: 0;
  border-radius: 0.75rem;
  opacity: 1;
  mix-blend-mode: normal;
  background: linear-gradient(145deg, rgba(244, 162, 89, 0.18) 0%, rgba(232, 133, 44, 0.1) 100%);
  box-shadow: inset 0 0 0 1px rgba(232, 133, 44, 0.22);
  transition: background var(--trit-speed) var(--trit-ease);
}
body.elementor-page-311 .trit-vorteil::after {
  content: "";
  position: absolute;
  top: 0.6875rem;
  left: 0.6875rem;
  width: 1.375rem;
  height: 1.375rem;
  background: var(--trit-orange-icon);
  -webkit-mask: var(--bd-icon) center / contain no-repeat;
  mask: var(--bd-icon) center / contain no-repeat;
  transition: background var(--trit-speed) var(--trit-ease);
}
body.elementor-page-311 .trit-vorteil:hover::before { background: linear-gradient(145deg, var(--trit-orange-light) 0%, var(--trit-orange) 55%, var(--trit-orange-strong) 100%); }
body.elementor-page-311 .trit-vorteil:hover::after { background: #FFFFFF; }
body.elementor-page-311 .trit-vorteil .trit-leistung-titel { font-size: 1.0625rem; }
body.elementor-page-311 .trit-vorteil .trit-leistung-beschreibung { font-size: 0.9063rem; -webkit-hyphens: auto; hyphens: auto; }
body.elementor-page-311 .trit-vorteil:nth-child(1) { --bd-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 7-3-3z'/%3E%3Cpath d='M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z'/%3E%3Cpath d='M2 2l7.586 7.586'/%3E%3Ccircle cx='11' cy='11' r='2'/%3E%3C/svg%3E"); }
body.elementor-page-311 .trit-vorteil:nth-child(2) { --bd-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='13.5' cy='6.5' r='1.5'/%3E%3Ccircle cx='17.5' cy='10.5' r='1.5'/%3E%3Ccircle cx='8.5' cy='7.5' r='1.5'/%3E%3Ccircle cx='6.5' cy='12.5' r='1.5'/%3E%3Cpath d='M12 2a10 10 0 0 0 0 20c.9 0 1.6-.7 1.6-1.6 0-.4-.2-.8-.4-1.1-.3-.3-.4-.7-.4-1.1 0-.9.7-1.6 1.6-1.6H16a6 6 0 0 0 6-6c0-4.9-4.5-8.6-10-8.6z'/%3E%3C/svg%3E"); }
body.elementor-page-311 .trit-vorteil:nth-child(3) { --bd-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='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M16 13H8M16 17H8M10 9H8'/%3E%3C/svg%3E"); }
body.elementor-page-311 .trit-vorteil:nth-child(4) { --bd-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='3' width='18' height='7' rx='1'/%3E%3Crect x='3' y='14' width='9' height='7' rx='1'/%3E%3Crect x='16' y='14' width='5' height='7' rx='1'/%3E%3C/svg%3E"); }
body.elementor-page-311 .trit-vorteil:nth-child(5) { --bd-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='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E"); }
body.elementor-page-311 .trit-vorteil:nth-child(6) { --bd-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='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E"); }
body.elementor-page-311 .trit-vorteil:nth-child(7) { --bd-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='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.6 13.5 6.8 4M15.4 6.5l-6.8 4'/%3E%3C/svg%3E"); }
body.elementor-page-311 .trit-vorteil:nth-child(8) { --bd-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='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20'/%3E%3Cpath d='M9 7h6'/%3E%3C/svg%3E"); }
body.elementor-page-311 .trit-vorteil:nth-child(9) { --bd-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='M6 9V2h12v7'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8'/%3E%3C/svg%3E"); }
@media (max-width: 767px) {
  body.elementor-page-311 .trit-vorteil::before { width: 2.375rem; height: 2.375rem; }
  body.elementor-page-311 .trit-vorteil::after { top: 0.5625rem; left: 0.5625rem; width: 1.25rem; height: 1.25rem; }
  body.elementor-page-311 .trit-vorteil .trit-leistung-titel { font-size: 1rem; }
}

/* 07 · Druck-Band mit Video --------------------------------------------- */
body.elementor-page-311 section:has(.bd-video) > .elementor-widget-html { position: absolute; inset: 0; z-index: 0; width: auto; max-width: none; margin: 0; }
body.elementor-page-311 section:has(.bd-video) > .elementor-widget-html > .elementor-widget-container { height: 100%; }
body.elementor-page-311 .bd-video { position: absolute; inset: 0; overflow: hidden; }
body.elementor-page-311 .bd-video video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% 50%; opacity: 0; transition: opacity 1.2s ease; }
body.elementor-page-311 .bd-video video.ist-bereit { opacity: 1; }
body.elementor-page-311 .bd-video::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, #0F172A 0%, rgba(15, 23, 42, 0.95) 32%, rgba(15, 23, 42, 0.62) 50%, rgba(15, 23, 42, 0.12) 72%, rgba(15, 23, 42, 0) 85%),
    linear-gradient(0deg, rgba(15, 23, 42, 0.6) 0%, rgba(15, 23, 42, 0) 30%);
}
body.elementor-page-311 .bd-video-knopf {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 2;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  background: rgba(15, 23, 42, 0.45);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
body.elementor-page-311 .bd-video-knopf::before { content: ""; position: absolute; inset: 0; margin: auto; width: 0.6875rem; height: 0.8125rem; background: linear-gradient(90deg, #FFFFFF 0 35%, transparent 35% 65%, #FFFFFF 65% 100%); }
body.elementor-page-311 .bd-video-knopf[aria-pressed="true"]::before { margin-left: calc(50% - 0.25rem); background: #FFFFFF; clip-path: polygon(0 0, 100% 50%, 0 100%); }
body.elementor-page-311 .bd-video-knopf:is(:hover, :focus-visible) { background: rgba(232, 133, 44, 0.35); }
body.elementor-page-311 .bd-video-knopf[hidden] { display: none; }
body.elementor-page-311 section:has(.bd-video) .e-con > p:last-child { display: flex; flex-wrap: wrap; gap: 0.625rem; }
body.elementor-page-311 section:has(.bd-video) .e-con > p:last-child > span {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
body.elementor-page-311 section:has(.bd-video) .e-con > p:last-child > span::before { content: ""; width: 0.4375rem; height: 0.4375rem; border-radius: 50%; background: var(--trit-orange); box-shadow: 0 0 0 3px rgba(232, 133, 44, 0.2); }
@media (min-width: 768px) and (max-width: 1024px) {
  body.elementor-page-311 .bd-video::after { background: linear-gradient(90deg, #0F172A 0%, rgba(15, 23, 42, 0.94) 45%, rgba(15, 23, 42, 0.62) 72%, rgba(15, 23, 42, 0.3) 100%), linear-gradient(0deg, rgba(15, 23, 42, 0.6) 0%, rgba(15, 23, 42, 0) 30%); }
}
@media (max-width: 767px) {
  body.elementor-page-311 section:has(.bd-video) { background-size: 180% auto; background-position: 78% 0; background-repeat: no-repeat; }
  body.elementor-page-311 .bd-video video { display: none; }
  body.elementor-page-311 .bd-video::after { background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.4) 22%, rgba(15, 23, 42, 0.92) 38%, #0F172A 48%); }
}

/* 08 · Angebote (Bildkarten) ------------------------------------------- */
body.elementor-page-311 .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-311 .trit-leistung-bild { position: relative; }
body.elementor-page-311 .trit-leistung-bild img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 900ms var(--trit-ease); }
body.elementor-page-311 .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-311 .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-311 .trit-leistung-karte:is(:hover, :focus-visible) .trit-leistung-bild img { transform: scale(1.06); }
body.elementor-page-311 .trit-leistung-karte:is(:hover, :focus-visible) .trit-leistung-titel { color: var(--trit-orange-text); }
body.elementor-page-311 .trit-leistung-titel { transition: color var(--trit-speed) var(--trit-ease); text-wrap: balance; }
body.elementor-page-311 .trit-mehr::after { content: ""; width: 0.875rem; height: 0.875rem; flex: none; background: var(--bd-pfeil-orange) center / contain no-repeat; transition: transform var(--trit-speed) var(--trit-ease); }
body.elementor-page-311 .trit-leistung-karte:is(:hover, :focus-visible) .trit-mehr::after { transform: translateX(0.25rem); }
body.elementor-page-311 .trit-leistung-karte .trit-leistung-text > p:has(> span) { display: flex; flex-direction: column; gap: 0.375rem; margin-top: 0.25rem; }
body.elementor-page-311 .trit-leistung-karte .trit-leistung-text > p:has(> span) > span { display: inline-flex; align-items: flex-start; gap: 0.5rem; }
body.elementor-page-311 .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(--bd-haken-dunkel) center / 0.625rem no-repeat;
}

/* 09 · Office-Mockup: Word-Briefvorlage + Outlook-Signatur ---------------- */
body.elementor-page-311 section:has(.bd-mock) .elementor-widget-html { width: 100%; }
body.elementor-page-311 .bd-mock { position: relative; margin: 0; padding: 0 2.5rem 3.5rem 0; }
body.elementor-page-311 .bd-fenster {
  overflow: hidden;
  border-radius: 0.875rem;
  background: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.1), 0 2.5rem 5rem -2.5rem rgba(15, 23, 42, 0.5);
}
body.elementor-page-311 .bd-leiste {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  height: 2rem;
  padding: 0 0.875rem;
  background: #0F172A;
}
body.elementor-page-311 .bd-leiste > span { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: rgba(255, 255, 255, 0.22); }
body.elementor-page-311 .bd-leiste > em { margin-left: 0.75rem; color: #CBD5E1; font-size: 0.6875rem; font-style: normal; font-weight: 600; letter-spacing: 0.01em; line-height: 1; }
body.elementor-page-311 .bd-band { display: flex; align-items: center; gap: 0.5rem; height: 1.875rem; padding: 0 0.875rem; background: #F1F5F9; border-bottom: 1px solid rgba(15, 23, 42, 0.08); }
body.elementor-page-311 .bd-band > i { width: 2.25rem; height: 0.4375rem; border-radius: 999px; background: #CBD5E1; }
body.elementor-page-311 .bd-band > i:first-child { width: 1.25rem; background: rgba(232, 133, 44, 0.55); }
body.elementor-page-311 .bd-arbeitsflaeche { height: 22rem; overflow: hidden; padding: 1.5rem 12% 0; background: #E2E8F0; }
body.elementor-page-311 .bd-blatt { min-height: 26rem; padding: 1.75rem 2rem; background: #FFFFFF; box-shadow: 0 0.75rem 2rem -0.75rem rgba(15, 23, 42, 0.25); }
body.elementor-page-311 .bd-kopf { display: flex; align-items: center; gap: 0.625rem; padding-bottom: 0.875rem; margin-bottom: 1.375rem; border-bottom: 2px solid var(--trit-orange); }
body.elementor-page-311 .bd-logo { width: 1.75rem; height: 1.75rem; flex: none; background: var(--bd-marke) center / contain no-repeat; }
body.elementor-page-311 .bd-firma { color: var(--trit-navy); font-size: 0.875rem; font-weight: 700; letter-spacing: -0.01em; line-height: 1; }
body.elementor-page-311 .bd-kopf small { margin-left: auto; color: var(--trit-muted); font-size: 0.5625rem; line-height: 1.4; text-align: right; }
body.elementor-page-311 .bd-zeilen > span { display: block; height: 0.4375rem; margin-bottom: 0.5rem; border-radius: 999px; background: #E2E8F0; }
body.elementor-page-311 .bd-zeilen > span:nth-child(1) { width: 38%; }
body.elementor-page-311 .bd-zeilen > span:nth-child(2) { width: 30%; }
body.elementor-page-311 .bd-zeilen > span:nth-child(3) { width: 34%; margin-bottom: 1.5rem; }
body.elementor-page-311 .bd-zeilen > span:nth-child(4) { width: 52%; height: 0.5625rem; margin-bottom: 1rem; background: #94A3B8; }
body.elementor-page-311 .bd-zeilen > span:nth-child(n+5) { width: 100%; }
body.elementor-page-311 .bd-zeilen > span:nth-child(7) { width: 86%; }
body.elementor-page-311 .bd-zeilen > span:nth-child(9) { width: 64%; }
body.elementor-page-311 .bd-mail {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 58%;
  animation: bd-schweben 7s ease-in-out infinite;
  animation-delay: -2s;
}
body.elementor-page-311 .bd-mail-inhalt { padding: 1rem 1.125rem 1.25rem; }
body.elementor-page-311 .bd-mail-inhalt > span { display: block; height: 0.375rem; margin-bottom: 0.4375rem; border-radius: 999px; background: #E2E8F0; }
body.elementor-page-311 .bd-mail-inhalt > span:nth-child(1) { width: 42%; margin-bottom: 0.875rem; background: #CBD5E1; }
body.elementor-page-311 .bd-mail-inhalt > span:nth-child(3) { width: 78%; }
body.elementor-page-311 .bd-signatur { display: flex; align-items: center; gap: 0.75rem; margin-top: 1rem; padding-top: 0.875rem; border-top: 1px solid #E2E8F0; }
body.elementor-page-311 .bd-signatur .bd-logo { width: 2.375rem; height: 2.375rem; }
body.elementor-page-311 .bd-signatur > div { padding-left: 0.75rem; border-left: 2px solid var(--trit-orange); }
body.elementor-page-311 .bd-signatur strong { display: block; color: var(--trit-navy); font-size: 0.75rem; font-weight: 700; line-height: 1.3; }
body.elementor-page-311 .bd-signatur div > span { display: block; color: var(--trit-muted); font-size: 0.625rem; line-height: 1.45; }
/* Merkmale als Chips */
body.elementor-page-311 section:has(.bd-mock) .e-con > p:has(> span) { display: flex; flex-wrap: wrap; gap: 0.5rem; }
body.elementor-page-311 section:has(.bd-mock) .e-con > p:has(> span) > span {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  padding: 0.4375rem 0.875rem;
  border-radius: 999px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}
body.elementor-page-311 section:has(.bd-mock) .e-con > p:has(> span) > span::before { content: ""; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: var(--trit-orange); }
@media (max-width: 767px) {
  body.elementor-page-311 .bd-mock { padding: 0 1rem 4rem 0; }
  body.elementor-page-311 .bd-arbeitsflaeche { height: 15rem; padding: 1rem 8% 0; }
  body.elementor-page-311 .bd-blatt { padding: 1.125rem 1.25rem; }
  body.elementor-page-311 .bd-kopf small { display: none; }
  body.elementor-page-311 .bd-mail { width: 78%; }
}

/* 10 · Ablauf (6 Schritte) --------------------------------------------- */
body.elementor-page-311 .e-con:has(> .trit-schritt) { counter-reset: bd-schritt; }
body.elementor-page-311 .trit-schritt { counter-increment: bd-schritt; }
body.elementor-page-311 .trit-schritt::before {
  content: counter(bd-schritt, decimal-leading-zero);
  content: counter(bd-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-311 .trit-schritt:hover::before { background: var(--trit-orange); }
@media (max-width: 767px) {
  body.elementor-page-311 .trit-schritt { padding-left: 4rem; min-height: 3rem; }
  body.elementor-page-311 .trit-schritt::before { position: absolute; top: 0; left: 0; width: 2.75rem; height: 2.75rem; margin: 0; font-size: 0.875rem; }
  body.elementor-page-311 .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)); }
}

/* 11 · FAQ (Akkordeon) --------------------------------------------------- */
body.elementor-page-311 section:has(details) details {
  overflow: hidden;
  border-radius: 1rem;
  background: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
  transition: box-shadow var(--trit-speed) var(--trit-ease);
}
body.elementor-page-311 section:has(details) details[open] { box-shadow: 0 0 0 1px rgba(232, 133, 44, 0.35), 0 1.25rem 2.5rem -1.75rem rgba(15, 23, 42, 0.3); }
body.elementor-page-311 section:has(details) summary.e-con {
  padding: 1.25rem 1.5rem;
  gap: 1rem;
  list-style: none;
}
body.elementor-page-311 section:has(details) summary.e-con > .e-con:first-child { flex: 1 1 auto; min-width: 0; }
body.elementor-page-311 section:has(details) summary.e-con > .e-con:not(:first-child) { display: none; }
body.elementor-page-311 section:has(details) summary.e-con::after {
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  flex: none;
  border-radius: 50%;
  background: rgba(232, 133, 44, 0.1) 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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / 0.875rem no-repeat;
  box-shadow: inset 0 0 0 1px rgba(232, 133, 44, 0.22);
  transition: transform var(--trit-speed) var(--trit-ease), background-color var(--trit-speed) var(--trit-ease);
}
body.elementor-page-311 section:has(details) details[open] > summary.e-con::after { transform: rotate(180deg); background-color: rgba(232, 133, 44, 0.18); }
body.elementor-page-311 section:has(details) summary::-webkit-details-marker { display: none; }
body.elementor-page-311 section:has(details) summary h3 { margin: 0; color: var(--trit-navy); font-size: 1.0625rem; font-weight: 700; line-height: 1.4; transition: color var(--trit-speed) var(--trit-ease); }
body.elementor-page-311 section:has(details) summary:hover h3 { color: var(--trit-orange-text); }
body.elementor-page-311 section:has(details) summary svg { width: 1rem; height: 1rem; color: var(--trit-orange-icon); fill: currentColor; transition: transform var(--trit-speed) var(--trit-ease); }
body.elementor-page-311 section:has(details) details > .e-con:not(summary) { padding: 0 1.5rem 1.375rem; }
body.elementor-page-311 section:has(details) details > :not(summary) p { margin: 0; color: var(--trit-text); font-size: 0.9375rem; line-height: 1.7; text-wrap: pretty; }
body.elementor-page-311 section:has(details) summary:focus-visible { outline: 2px solid var(--trit-orange); outline-offset: -2px; border-radius: 1rem; }
@media (max-width: 767px) {
  body.elementor-page-311 section:has(details) summary.e-con { padding: 1rem 1.125rem; }
  body.elementor-page-311 section:has(details) summary h3 { font-size: 0.9375rem; }
  body.elementor-page-311 section:has(details) details > .e-con:not(summary) { padding: 0 1.125rem 1.125rem; }
  body.elementor-page-311 section:has(details) details > :not(summary) p { font-size: 0.875rem; }
}

/* 12 · Passt dazu (verlinkte Kacheln) ---------------------------------- */
body.elementor-page-311 a.trit-leistung-kachel {
  position: relative;
  text-decoration: none;
  padding-left: 4.5rem !important;
  transition: transform 450ms var(--trit-ease), box-shadow 450ms var(--trit-ease), border-color 450ms var(--trit-ease);
}
body.elementor-page-311 a.trit-leistung-kachel::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.375rem;
  width: 2.25rem;
  height: 2.25rem;
  margin-top: -1.125rem;
  border: 0;
  border-radius: 0.625rem;
  opacity: 1;
  mix-blend-mode: normal;
  background: linear-gradient(145deg, rgba(244, 162, 89, 0.16) 0%, rgba(232, 133, 44, 0.1) 100%);
  box-shadow: inset 0 0 0 1px rgba(232, 133, 44, 0.22);
  transition: background var(--trit-speed) var(--trit-ease);
}
body.elementor-page-311 a.trit-leistung-kachel::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.9375rem;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: -0.5625rem;
  background: var(--trit-orange-icon);
  -webkit-mask: var(--bd-icon) center / contain no-repeat;
  mask: var(--bd-icon) center / contain no-repeat;
  transition: background var(--trit-speed) var(--trit-ease);
}
body.elementor-page-311 a.trit-leistung-kachel:nth-child(1) { --bd-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='4' width='20' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4M10 8.5l-2 2 2 2M14 8.5l2 2-2 2'/%3E%3C/svg%3E"); }
body.elementor-page-311 a.trit-leistung-kachel:nth-child(2) { --bd-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 14v-3a9 9 0 0 1 18 0v3'/%3E%3Cpath d='M21 15a2 2 0 0 1-2 2h-1v-6h1a2 2 0 0 1 2 2zM3 15a2 2 0 0 0 2 2h1v-6H5a2 2 0 0 0-2 2z'/%3E%3C/svg%3E"); }
body.elementor-page-311 a.trit-leistung-kachel:nth-child(3) { --bd-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-311 a.trit-leistung-kachel:is(:hover, :focus-visible) { transform: translateY(-3px); border-color: rgba(232, 133, 44, 0.35); box-shadow: 0 1.25rem 2.5rem -1.5rem rgba(15, 23, 42, 0.3); }
body.elementor-page-311 a.trit-leistung-kachel:is(:hover, :focus-visible)::before { background: linear-gradient(145deg, var(--trit-orange-light) 0%, var(--trit-orange) 55%, var(--trit-orange-strong) 100%); }
body.elementor-page-311 a.trit-leistung-kachel:is(:hover, :focus-visible)::after { background: #FFFFFF; }
body.elementor-page-311 a.trit-leistung-kachel .trit-leistung-titel { font-size: 1rem; }
body.elementor-page-311 a.trit-leistung-kachel .trit-leistung-beschreibung { font-size: 0.875rem; }

/* 14 · Buttons ------------------------------------------------------------ */
body.elementor-page-311 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-311 a.trit-button::after { content: ""; width: 0.875rem; height: 0.875rem; flex: none; background: var(--bd-pfeil-navy) center / contain no-repeat; transition: transform var(--trit-speed) var(--trit-ease); }
body.elementor-page-311 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-311 a.trit-button:is(:hover, :focus-visible)::after { transform: translateX(0.1875rem); }
body.elementor-page-311 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-311 a.trit-button-glas[href^="tel:"] { font-variant-numeric: tabular-nums; }
body.elementor-page-311 a.trit-button-glas[href^="tel:"]::before { content: ""; width: 0.9375rem; height: 0.9375rem; flex: none; background: var(--bd-telefon) center / contain no-repeat; }
body.elementor-page-311 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-311 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-311 a.trit-button-hell::after { content: ""; width: 0.875rem; height: 0.875rem; flex: none; background: var(--bd-pfeil-navy) center / contain no-repeat; transition: transform var(--trit-speed) var(--trit-ease); }
body.elementor-page-311 a.trit-button-hell:is(:hover, :focus-visible) { background-color: #E2E8F0; transform: translateY(-2px); }
body.elementor-page-311 a.trit-button-hell:is(:hover, :focus-visible)::after { transform: translateX(0.1875rem); }
@media (max-width: 767px) {
  body.elementor-page-311 :is(section:has(h1), section:has(.trit-vn)) a:is(.trit-button, .trit-button-glas) { width: 100%; }
}

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

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

/* Lesegrößen wie auf den übrigen Seiten */
body.elementor-page-311 .trit-vorteil .trit-leistung-titel { font-size: 1.125rem; }
body.elementor-page-311 .trit-vorteil .trit-leistung-beschreibung { font-size: 0.9375rem; line-height: 1.6; }
@media (max-width: 767px) {
  body.elementor-page-311 .trit-vorteil .trit-leistung-titel { font-size: 1.0625rem; }
  body.elementor-page-311 .trit-leistung-beschreibung { font-size: 0.9375rem; }
}

/* Leistungsumfang: 6 ergänzende Punkte – Symbole neu zugeordnet
   (Geschäftsausstattung, Office-Vorlagen, E-Mail-Signaturen, Flyer, Social Media, Styleguide) */
body.elementor-page-311 .trit-vorteil:nth-child(1) { --bd-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='6' width='14' height='10' rx='1.5'/%3E%3Cpath d='M8 20h12a2 2 0 0 0 2-2V8'/%3E%3Cpath d='M5 10h5'/%3E%3C/svg%3E"); }
body.elementor-page-311 .trit-vorteil:nth-child(2) { --bd-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='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E"); }
body.elementor-page-311 .trit-vorteil:nth-child(3) { --bd-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='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E"); }
body.elementor-page-311 .trit-vorteil:nth-child(4) { --bd-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='M3 6l6-2 6 2 6-2v14l-6 2-6-2-6 2z'/%3E%3Cpath d='M9 4v14M15 6v14'/%3E%3C/svg%3E"); }
body.elementor-page-311 .trit-vorteil:nth-child(5) { --bd-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='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.6 13.5 6.8 4M15.4 6.5l-6.8 4'/%3E%3C/svg%3E"); }
body.elementor-page-311 .trit-vorteil:nth-child(6) { --bd-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='M4 19.5A2.5 2.5 0 0 1 6.5 17H20V2H6.5A2.5 2.5 0 0 0 4 4.5z'/%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 0 6.5 22H20v-5'/%3E%3C/svg%3E"); }

/* =====================================================================
   11 · Vorher/Nachher – Agentur-Fassung
   Links: Gegenüberstellung als Tabelle (alt durchgestrichen → neu),
   rechts: Vergleichsregler mit leuchtender Trennlinie, Griff, Glas-Beschriftungen
   ===================================================================== */

/* --- Gegenüberstellung (ersetzt die Checkliste) ----------------------- */
body.elementor-page-311 section:has(.trit-vn) .e-con > p[data-id="62bf0a85"] {
  display: grid;
  gap: 0;
  width: 100%;
  max-width: 32rem;
  margin: 0.25rem 0 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
body.elementor-page-311 section:has(.trit-vn) .e-con > p[data-id="62bf0a85"] > span {
  display: grid;
  grid-template-columns: 7.75rem minmax(0, 1fr) minmax(0, 1fr);
  align-items: baseline;
  gap: 1rem;
  padding: 0.8125rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.elementor-page-311 section:has(.trit-vn) .e-con > p[data-id="62bf0a85"] > span::before { content: none; display: none; }
/* Spalte 1: Thema */
body.elementor-page-311 section:has(.trit-vn) .e-con > p[data-id="62bf0a85"] > span > span:nth-child(1) {
  color: #94A3B8;
  font-size: 0.8125rem;
  font-weight: 600;
}
/* Spalte 2: bisher (durchgestrichen) */
body.elementor-page-311 section:has(.trit-vn) .e-con > p[data-id="62bf0a85"] > span > span:nth-child(2) {
  color: #94A3B8;
  text-decoration: line-through;
  text-decoration-color: rgba(148, 163, 184, 0.55);
}
/* Spalte 3: mit Business Intelligence (Pfeil + Hervorhebung) */
body.elementor-page-311 section:has(.trit-vn) .e-con > p[data-id="62bf0a85"] > span > span:nth-child(3) {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
  color: #FFFFFF;
  font-weight: 700;
}
body.elementor-page-311 section:has(.trit-vn) .e-con > p[data-id="62bf0a85"] > span > span:nth-child(3)::before {
  content: "→";
  content: "→" / " jetzt ";
  color: var(--trit-orange-light);
  font-weight: 700;
}
@media (max-width: 1024px) {
  body.elementor-page-311 section:has(.trit-vn) .e-con > p[data-id="62bf0a85"] > span { grid-template-columns: 8rem minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 767px) {
  body.elementor-page-311 section:has(.trit-vn) .e-con > p[data-id="62bf0a85"] > span {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: 0.125rem 0.75rem;
    padding: 0.75rem 0;
  }
  body.elementor-page-311 section:has(.trit-vn) .e-con > p[data-id="62bf0a85"] > span > span:nth-child(1) { grid-column: 1 / -1; font-size: 0.75rem; }
}

/* --- Vergleichsregler -------------------------------------------------- */
body.elementor-page-311 .trit-vn {
  aspect-ratio: 1400 / 1045;
  border-radius: 1.5rem;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.1),
    0 2.5rem 5rem -2.5rem rgba(0, 0, 0, 0.75),
    0 0 6rem -1.5rem rgba(232, 133, 44, 0.28);
}
/* Bild etwas ruhiger: feine Abdunklung unten für die Beschriftungen */
body.elementor-page-311 .trit-vn::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 38%;
  background: linear-gradient(0deg, rgba(15, 23, 42, 0.55) 0%, rgba(15, 23, 42, 0) 100%);
  pointer-events: none;
}
/* Trennlinie: hell mit orangem Leuchten */
body.elementor-page-311 .trit-vn-linie {
  z-index: 3;
  width: 2px;
  margin-left: -1px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, #FFFFFF 30%, #FFFFFF 70%, rgba(255, 255, 255, 0.35) 100%);
  box-shadow: 0 0 0.75rem rgba(244, 162, 89, 0.85), 0 0 2rem rgba(232, 133, 44, 0.45);
}
/* Griff: weiße Scheibe, oranger Ring, zwei Pfeile */
body.elementor-page-311 .trit-vn-griff {
  width: 3.25rem;
  height: 3.25rem;
  margin: -1.625rem 0 0 -1.625rem;
  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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 7-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") center / 1.25rem no-repeat,
    radial-gradient(circle, #FFFFFF 0 62%, transparent 63%),
    linear-gradient(145deg, var(--trit-orange-light) 0%, var(--trit-orange) 55%, var(--trit-orange-strong) 100%);
  box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.45), 0 0 0 6px rgba(255, 255, 255, 0.14);
}
body.elementor-page-311 .trit-vn:hover .trit-vn-griff,
body.elementor-page-311 .trit-vn:has(.trit-vn-regler:active) .trit-vn-griff { transform: scale(1.08); }
body.elementor-page-311 .trit-vn:has(.trit-vn-regler:focus-visible) .trit-vn-griff {
  box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.45), 0 0 0 4px #FFFFFF, 0 0 0 7px var(--trit-orange);
}
/* Beschriftungen: Glas-Karten unten, verdeckte Seite blendet aus */
body.elementor-page-311 .trit-vn-label {
  z-index: 2;
  top: auto;
  bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 42%;
  padding: 0.625rem 0.875rem;
  border-radius: 0.875rem;
  color: #E2E8F0;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.3;
  background: rgba(15, 23, 42, 0.62);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14), 0 0.75rem 1.5rem -0.75rem rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: opacity 300ms var(--trit-ease), transform 300ms var(--trit-ease);
}
body.elementor-page-311 .trit-vn-label b {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
body.elementor-page-311 .trit-vn-label-vorher { left: 1.25rem; }
body.elementor-page-311 .trit-vn-label-vorher b { color: #CBD5E1; }
body.elementor-page-311 .trit-vn-label-nachher { right: 1.25rem; left: auto; color: #FFFFFF; background: rgba(15, 23, 42, 0.7); box-shadow: inset 0 0 0 1px rgba(244, 162, 89, 0.55), 0 0.75rem 1.5rem -0.75rem rgba(0, 0, 0, 0.6); }
body.elementor-page-311 .trit-vn-label-nachher b { color: var(--trit-orange-light); }
body.elementor-page-311 .trit-vn[data-seite="nachher"] .trit-vn-label-vorher,
body.elementor-page-311 .trit-vn[data-seite="vorher"] .trit-vn-label-nachher { opacity: 0; transform: translateY(0.375rem); }
/* Hinweis „Regler ziehen“ – verschwindet nach der ersten Bedienung */
body.elementor-page-311 .trit-vn-hinweis {
  position: absolute;
  z-index: 2;
  top: 1.25rem;
  left: 50%;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.4375rem 0.75rem;
  border-radius: 999px;
  color: #FFFFFF;
  font-size: 0.75rem;
  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);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transform: translateX(-50%);
  pointer-events: none;
  transition: opacity 400ms var(--trit-ease);
}
body.elementor-page-311 .trit-vn-hinweis::before {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F4A259' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 7-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.elementor-page-311 .trit-vn.ist-benutzt .trit-vn-hinweis { opacity: 0; }
/* Regler-Fläche über allem, Griff bleibt sichtbar */
body.elementor-page-311 .trit-vn-regler { z-index: 4; }
@media (max-width: 767px) {
  body.elementor-page-311 .trit-vn { border-radius: 1.125rem; }
  body.elementor-page-311 .trit-vn-griff { width: 2.75rem; height: 2.75rem; margin: -1.375rem 0 0 -1.375rem; background-size: 1.0625rem, auto, auto; }
  /* Smartphone: nur „Vorher“ / „Nachher“ als kompakte Chips, Beschreibung ausgeblendet */
  body.elementor-page-311 .trit-vn-label { bottom: 0.75rem; max-width: none; padding: 0.4375rem 0.625rem; font-size: 0; border-radius: 999px; }
  body.elementor-page-311 .trit-vn-label b { font-size: 0.625rem; line-height: 1; }
  body.elementor-page-311 .trit-vn-label-vorher { left: 0.75rem; }
  body.elementor-page-311 .trit-vn-label-nachher { right: 0.75rem; }
  body.elementor-page-311 .trit-vn-hinweis { top: 0.75rem; font-size: 0.6875rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.elementor-page-311 .trit-vn-label, body.elementor-page-311 .trit-vn-hinweis { transition: none; }
}

/* =====================================================================
   12 · Struktur: Vorher/Nachher gespiegelt, Ablauf als Nummern-Karten,
   „Weitere Leistungen“
   ===================================================================== */
body.elementor-page-311 .elementor-element-261e510e { position: relative; }

/* --- Weitere Leistungen: heller Abschnitt, 3 × 3 Kacheln ---------------- */
body.elementor-page-311 .elementor-element-a1b087e { padding-top: 6.5rem; padding-bottom: 6.5rem; background-color: #F8FAFC; }
body.elementor-page-311 .elementor-element-797b3a75 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
@media (max-width: 1024px) {
  body.elementor-page-311 .elementor-element-a1b087e { padding-top: 5rem; padding-bottom: 5rem; }
  body.elementor-page-311 .elementor-element-797b3a75 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body.elementor-page-311 a.trit-leistung-kachel:last-child { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  body.elementor-page-311 .elementor-element-a1b087e { padding-top: 4rem; padding-bottom: 4rem; }
  body.elementor-page-311 .elementor-element-797b3a75 { grid-template-columns: minmax(0, 1fr); gap: 0.625rem; }
  body.elementor-page-311 a.trit-leistung-kachel .trit-leistung-beschreibung { display: none; }
}
body.elementor-page-311 a.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%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-311 a.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='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
body.elementor-page-311 a.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='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M2 20h20'/%3E%3C/svg%3E"); }
body.elementor-page-311 a.trit-leistung-kachel:nth-child(4) { --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='m16 18 6-6-6-6M8 6l-6 6 6 6'/%3E%3C/svg%3E"); }
body.elementor-page-311 a.trit-leistung-kachel:nth-child(5) { --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='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-311 a.trit-leistung-kachel:nth-child(6) { --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='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"); }
body.elementor-page-311 a.trit-leistung-kachel:nth-child(7) { --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='M5 12.5a10 10 0 0 1 14 0M8.5 16a5 5 0 0 1 7 0M2 9a14.5 14.5 0 0 1 20 0'/%3E%3Ccircle cx='12' cy='19.5' r='1'/%3E%3C/svg%3E"); }
body.elementor-page-311 a.trit-leistung-kachel:nth-child(8) { --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='M16 13l5 3V8l-5 3M2 7h14v10H2z'/%3E%3C/svg%3E"); }
body.elementor-page-311 a.trit-leistung-kachel:nth-child(9) { --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='M3 3v18h18'/%3E%3Cpath d='M18 17V9M13 17V5M8 17v-3'/%3E%3C/svg%3E"); }

/* =====================================================================
   13 · Angebote: drei versetzte Karten mit eigenen Illustrationen
   (Desktop: mittlere Karte tiefer – bewusst „gestaltet“, passend zum Thema Design)
   ===================================================================== */
body.elementor-page-311 .trit-leistung-bild > .elementor-widget-html { position: absolute; inset: 0; width: 100%; height: 100%; }
body.elementor-page-311 .trit-ill { width: 100%; height: 100%; }
body.elementor-page-311 .trit-ill svg { display: block; width: 100%; height: 100%; }
body.elementor-page-311 .trit-ill text { font-family: inherit; }
body.elementor-page-311 .trit-leistung-bild:has(.trit-ill)::after { content: none; }

@media (min-width: 1025px) {
  body.elementor-page-311 .elementor-element-1b135d3f { align-items: start; }
  body.elementor-page-311 .elementor-element-1b135d3f > .trit-leistung-karte:nth-child(2) { margin-top: 3.5rem; }
  /* feine orange Akzentlinie oben an jeder Karte */
  body.elementor-page-311 .trit-leistung-karte { border-top: 3px solid var(--trit-orange); }
}
@media (min-width: 768px) and (max-width: 1024px) {
  /* Tablet: Karten quer, Illustration als eingerückte Kachel */
  body.elementor-page-311 .elementor-element-1b135d3f { max-width: none; width: 100%; }
  body.elementor-page-311 .trit-leistung-karte { flex-direction: row; align-items: center; }
  body.elementor-page-311 .trit-leistung-karte .trit-leistung-bild:has(.trit-ill) { flex: 0 0 44%; align-self: stretch; display: flex; align-items: center; padding: 1rem 0 1rem 1rem; background: transparent; aspect-ratio: auto; }
  body.elementor-page-311 .trit-leistung-bild:has(.trit-ill) > .elementor-widget-html { position: static; height: auto; }
  body.elementor-page-311 .trit-leistung-bild .trit-ill { height: auto; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 0.875rem; }
  body.elementor-page-311 .trit-leistung-karte .trit-leistung-text { flex: 1 1 auto; justify-content: center; }
}

/* =====================================================================
   14 · Rein informative Seite: Angebotskarten sind keine Links mehr –
   daher kein Anheben, kein Farbwechsel, kein Zoom beim Überfahren
   ===================================================================== */
body.elementor-page-311 .trit-leistung-karte { cursor: default; }
body.elementor-page-311 .trit-leistung-karte:is(:hover, :focus-visible) {
  transform: none;
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
body.elementor-page-311 .trit-leistung-karte:is(:hover, :focus-visible) .trit-leistung-titel { color: inherit; }
body.elementor-page-311 .trit-leistung-karte:is(:hover, :focus-visible) .trit-ill svg,
body.elementor-page-311 .trit-leistung-karte:is(:hover, :focus-visible) .trit-ill-float { transform: none; }
body.elementor-page-311 .trit-leistung-karte:is(:hover, :focus-visible) .trit-ill--berichte .trit-ill-float { transform: rotate(-4deg); }
body.elementor-page-311 .trit-leistung-karte:is(:hover, :focus-visible) .trit-ill-fluss { animation: none; }
/* Einheitlicher Abstand Abschnittskopf → Inhalt in allen hellen Abschnitten:
   56 px Desktop/Tablet, 40 px Smartphone (über den Abstand der Abschnitts-Container) */
body.elementor-page-311 :is(.elementor-element-2e26f34b, .elementor-element-76b64ea7, .elementor-element-661c8495) { row-gap: 3.5rem; }
body.elementor-page-311 :is(.elementor-element-61eb7dc5, .elementor-element-68ca00df, .elementor-element-b5k0000) { margin-bottom: 0; }
@media (max-width: 767px) {
  body.elementor-page-311 :is(.elementor-element-2e26f34b, .elementor-element-76b64ea7, .elementor-element-661c8495) { row-gap: 2.5rem; }
}

/* Text endet jetzt mit der Liste: gleichmäßiger Abstand nach unten */
body.elementor-page-311 .trit-leistung-karte .trit-leistung-text > :last-child { margin-bottom: 0; }

/* =====================================================================
   16 · Hintergrund-Rhythmus: Hero dunkel · Angebote hell · Vorher/Nachher dunkel ·
   Office-Beispiel grau · Leistungsumfang hell · Weitere grau
   ===================================================================== */
body.elementor-page-311 .elementor-element-261e510e { background-color: #FFFFFF; }
body.elementor-page-311 .elementor-element-fe63238 { background-color: #F8FAFC; }
body.elementor-page-311 .elementor-element-7b16fa47 { background-color: #FFFFFF; }

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