.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-79 .elementor-element.elementor-element-b1c0a01{text-align:start;}.elementor-79 .elementor-element.elementor-element-b1c0a01 img{width:8.75rem;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-79 .elementor-element.elementor-element-b1c0a05 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-79 .elementor-element.elementor-element-b1c0a05 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-79 .elementor-element.elementor-element-b1c0a05{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-79 .elementor-element.elementor-element-b1c0a05 .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-79 .elementor-element.elementor-element-b1c0a02 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-79 .elementor-element.elementor-element-b1c0a04{--grid-template-columns:repeat(0, auto);text-align:left;--grid-column-gap:5px;--grid-row-gap:0px;}#elementor-popup-modal-79 .dialog-widget-content{animation-duration:0.45s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-79{background-color:rgba(0,0,0,.8);justify-content:flex-end;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-79 .dialog-message{width:640px;height:100vh;align-items:flex-start;}#elementor-popup-modal-79 .dialog-close-button{display:flex;}/* Start custom CSS *//* =====================================================================
   TANRIVER IT · MOBILE-/TABLET-NAVIGATION (Popup 79)
   Off-Canvas-Panel von rechts · Vorlageneinstellungen › Benutzerdefiniertes CSS

   01 Design-Tokens          05 Leistungen (Accordion)
   02 Overlay & Panel        06 CTA & Support-Karte
   03 Kopf & Schließen       07 Fußzeile (Social & Rechtliches)
   04 Navigation             08 Einblenden · 09 Barrierefreiheit

   Aufbau (Navigator): Wrapper › Kopf (Logo) › Navigation (nav) ›
   Fuß (CTA, Fernwartung, Kontakt- & Social-Icons, Rechtliches). Selektoren arbeiten
   bewusst über diese Struktur – keine IDs, damit Kopieren/Ändern sicher bleibt.
   ===================================================================== */

/* 01 · Design-Tokens (identisch zum Header) ---------------------------- */
#elementor-popup-modal-79 {
  --trit-orange: #E8852C;
  --trit-orange-strong: #D9731A;
  --trit-orange-light: #F4A259;
  --trit-orange-text: #A8520F;
  --trit-orange-icon: #C2620F;
  --trit-orange-tint: rgba(232, 133, 44, 0.1);
  --trit-navy: #0F172A;
  --trit-navy-2: #1E293B;
  --trit-text: #334155;
  --trit-muted: #64748B;
  --trit-on-dark: #E2E8F0;
  --trit-on-dark-muted: #94A3B8;
  --trit-line: rgba(15, 23, 42, 0.07);
  --trit-line-dark: rgba(255, 255, 255, 0.09);
  --trit-surface: #FCFCFD;
  --trit-font: var(--e-global-typography-text-font-family, "Plus Jakarta Sans"), ui-sans-serif, system-ui, sans-serif;
  --trit-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --trit-speed: 280ms;
  --pm-width: min(24rem, calc(100vw - 2.5rem));
  --pm-radius: 1.5rem;
  --pm-pad: 1.5rem;
  --pm-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --pm-arrow-hot: 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");
  --pm-arrow-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");
  --pm-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  --pm-chevron-hot: 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='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  font-family: var(--trit-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 02 · Overlay & Panel -------------------------------------------------- */
/* Overlay: abgedunkelt + leicht weichgezeichnet, Panel sitzt rechts in voller Höhe */
#elementor-popup-modal-79 {
  justify-content: flex-end;
  align-items: stretch;
  background-color: rgba(15, 23, 42, 0.5);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
#elementor-popup-modal-79 .dialog-widget-content {
  width: var(--pm-width);
  height: 100%;
  max-height: none;
  margin: 0;
  /* Eckenrundung nur links oben & links unten */
  border-radius: var(--pm-radius) 0 0 var(--pm-radius);
  background: var(--trit-surface);
  box-shadow: -1.5rem 0 4rem -1rem rgba(2, 6, 23, 0.45);
  overflow: hidden;
}
/* Nur für eingeloggte Nutzer (sichtbare WP-Adminleiste): Elementor schaltet Popups dann
   von „fixed“ auf „sticky“. Das Panel startete so unterhalb des Headers und sprang erst
   nach der Einblend-Animation nach oben. Fest unter der Adminleiste läuft es sauber ein. */
body.admin-bar #elementor-popup-modal-79 {
  position: fixed;
  top: var(--wp-admin--admin-bar--height, 0px);
  height: calc(100% - var(--wp-admin--admin-bar--height, 0px));
}
/* Handy (≤ 600px): Dort scrollt WordPress die Adminleiste mit der Seite weg
   (position: absolute). Ein fester Abstand in Leistenhöhe ließe nach dem Scrollen
   oben eine Lücke – daher volle Höhe und über der Leiste (Leiste: z-index 99999). */
@media (max-width: 600px) {
  body.admin-bar #elementor-popup-modal-79 {
    top: 0;
    height: 100%;
    z-index: 100000;
  }
}
#elementor-popup-modal-79 .dialog-message {
  width: 100%;
  height: 100%;
  max-height: none;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(15, 23, 42, 0.18) transparent;
}
/* Elementor setzt beim Öffnen inline „display:block“ auf den Popup-Inhalt – deshalb feste
   Höhe statt Flex: so kann der Wrapper die volle Panelhöhe einnehmen und der Fußbereich
   (CTA, Support, Social) sitzt bei wenig Inhalt unten, bei viel Inhalt wird gescrollt */
#elementor-popup-modal-79 .dialog-message > .elementor { width: 100%; height: 100%; }
#elementor-popup-modal-79 .dialog-message > .elementor > .e-con { min-height: 100%; }
#elementor-popup-modal-79 nav + .e-con { margin-top: auto; }
@media (min-width: 768px) {
  #elementor-popup-modal-79 { --pm-width: 26rem; --pm-pad: 1.75rem; }
}

/* 03 · Kopf & Schließen-Button ----------------------------------------- */
#elementor-popup-modal-79 .trit-pm-logo img { display: block; height: auto; }
/* Schließen: runder Chip im Stil des Menü-Toggles, auf Höhe des Logos */
#elementor-popup-modal-79 .dialog-close-button {
  top: 1.125rem;
  right: 1.25rem;
  width: 2.75rem;
  height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: var(--trit-navy);
  font-size: 1rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 50%;
  background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
  box-shadow: inset 0 1px 0 #FFFFFF, 0 0.625rem 1.5rem -0.75rem rgba(15, 23, 42, 0.35);
  transition:
    color var(--trit-speed) var(--trit-ease),
    border-color var(--trit-speed) var(--trit-ease),
    box-shadow var(--trit-speed) var(--trit-ease);
}
#elementor-popup-modal-79 .dialog-close-button svg {
  width: 0.875rem;
  height: 0.875rem;
  fill: currentColor;
  transition: transform 420ms var(--trit-ease);
}
#elementor-popup-modal-79 .dialog-close-button:hover {
  color: var(--trit-orange-strong);
  border-color: rgba(232, 133, 44, 0.4);
  box-shadow: inset 0 1px 0 #FFFFFF, 0 0.75rem 1.75rem -0.75rem rgba(232, 133, 44, 0.55);
}
#elementor-popup-modal-79 .dialog-close-button:hover svg { transform: rotate(90deg); }

/* 04 · Navigation ------------------------------------------------------ */
#elementor-popup-modal-79 nav { padding-inline: var(--pm-pad); }
#elementor-popup-modal-79 .dialog-message > .elementor > .e-con > .e-con:first-child { padding-inline-start: var(--pm-pad); }
/* Pfeil-Chip rechts in jeder Zeile */
#elementor-popup-modal-79 nav > a.e-button-base {
  gap: 1rem;
  letter-spacing: -0.01em;
  /* Transition: gemeinsame Regel in Abschnitt 08 */
}
#elementor-popup-modal-79 nav > a.e-button-base::after,
#elementor-popup-modal-79 nav summary > :last-child {
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  flex: none;
  border-radius: 50%;
  background: rgba(15, 23, 42, 0.04) var(--pm-arrow) center / 0.75rem no-repeat;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.05);
  transition:
    transform var(--trit-speed) var(--trit-ease),
    background-color var(--trit-speed) var(--trit-ease),
    box-shadow var(--trit-speed) var(--trit-ease);
}
#elementor-popup-modal-79 nav > a.e-button-base:hover,
#elementor-popup-modal-79 nav > a.e-button-base:focus-visible { color: var(--trit-orange-text); }
#elementor-popup-modal-79 nav > a.e-button-base:hover::after,
#elementor-popup-modal-79 nav > a.e-button-base:focus-visible::after {
  transform: translateX(0.1875rem);
  background-color: var(--trit-orange-tint);
  background-image: var(--pm-arrow-hot);
  box-shadow: inset 0 0 0 1px rgba(232, 133, 44, 0.3);
}

/* 05 · Leistungen (Elementor-4-Accordion, natives details/summary) ------ */
#elementor-popup-modal-79 nav summary { list-style: none; cursor: pointer; }
#elementor-popup-modal-79 nav summary::-webkit-details-marker { display: none; }
#elementor-popup-modal-79 nav summary > :last-child { background-image: var(--pm-chevron); background-size: 0.875rem; }
#elementor-popup-modal-79 nav details[open] > summary > :last-child {
  transform: rotate(180deg);
  background-color: var(--trit-orange-tint);
  background-image: var(--pm-chevron-hot);
  box-shadow: inset 0 0 0 1px rgba(232, 133, 44, 0.3);
}
#elementor-popup-modal-79 nav summary .e-paragraph-base { transition: color var(--trit-speed) var(--trit-ease); }
#elementor-popup-modal-79 nav summary:hover .e-paragraph-base,
#elementor-popup-modal-79 nav details[open] > summary .e-paragraph-base { color: var(--trit-orange-text); }
#elementor-popup-modal-79 nav details[open] > summary { border-bottom-color: transparent; }
/* Aufklappen: Transition mit @starting-style (keine Keyframe-Animation, siehe Abschnitt 08) */
#elementor-popup-modal-79 nav details[open] > summary + * {
  transition: opacity 320ms var(--trit-ease), transform 320ms var(--trit-ease);
}
@starting-style {
  #elementor-popup-modal-79 nav details[open] > summary + * { opacity: 0; transform: translateY(-0.375rem); }
}
/* Leistungen – aufgeklappter Bereich als weiße Karte */
#elementor-popup-modal-79 nav details > summary + * {
  margin-block: 0.375rem 1rem;
  padding: 0.5rem;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 1.125rem;
  background: #FFFFFF;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1rem 2rem -1.5rem rgba(15, 23, 42, 0.35);
}
/* Leistungsliste (Icon-Liste „trit-pm-services“): Icon-Chip + Titel + Pfeil */
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-items { display: flex; flex-direction: column; gap: 0.125rem; margin: 0; }
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item {
  margin: 0;
  padding: 0;
  transition: opacity 360ms var(--trit-ease) var(--pm-si, 0ms), translate 360ms var(--trit-ease) var(--pm-si, 0ms);
}
/* gestaffeltes Einblenden beim Aufklappen (Transition, keine Keyframes – siehe Abschnitt 08) */
@starting-style {
  #elementor-popup-modal-79 nav details[open] .trit-pm-services .elementor-icon-list-item { opacity: 0; translate: 0 0.375rem; }
}
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item:nth-child(2) { --pm-si: 25ms; }
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item:nth-child(3) { --pm-si: 50ms; }
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item:nth-child(4) { --pm-si: 75ms; }
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item:nth-child(5) { --pm-si: 100ms; }
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item:nth-child(6) { --pm-si: 125ms; }
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item:nth-child(7) { --pm-si: 150ms; }
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item:nth-child(8) { --pm-si: 175ms; }
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item:nth-child(9) { --pm-si: 200ms; }
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item:nth-child(10) { --pm-si: 225ms; }
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item > a {
  display: flex;
  align-items: center;
  gap: 0.6875rem;
  padding: 0.4375rem 0.5rem;
  border-radius: 0.75rem;
  color: var(--trit-navy);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.005em;
  text-decoration: none;
  transition: background-color var(--trit-speed) var(--trit-ease), color var(--trit-speed) var(--trit-ease);
}
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item .elementor-icon-list-icon {
  width: 2rem;
  height: 2rem;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border-radius: 0.625rem;
  /* Variante B: im Ruhezustand neutral grau – Orange nur als Interaktions-Signal */
  background: #F1F5F9;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
  transition: background var(--trit-speed) var(--trit-ease), box-shadow var(--trit-speed) var(--trit-ease), transform var(--trit-speed) var(--trit-ease);
}
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item .elementor-icon-list-icon svg {
  width: 0.875rem;
  height: 0.875rem;
  margin: 0;
  fill: var(--trit-muted);
  transition: fill var(--trit-speed) var(--trit-ease);
}
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item .elementor-icon-list-text {
  flex: 1;
  min-width: 0;
  padding: 0;
  color: inherit;
}
/* Pfeil rechts – erscheint bei Hover/Fokus */
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item > a::after {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  flex: none;
  margin-right: 0.25rem;
  background: var(--pm-arrow-hot) center / contain no-repeat;
  opacity: 0;
  transform: translateX(-0.375rem);
  transition: opacity var(--trit-speed) var(--trit-ease), transform var(--trit-speed) var(--trit-ease);
}
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item > a:is(:hover, :focus-visible) {
  background-color: #FFF8F1;
  color: var(--trit-orange-text);
}
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item > a:is(:hover, :focus-visible) .elementor-icon-list-icon {
  transform: translateY(-1px);
  background: linear-gradient(145deg, var(--trit-orange-light) 0%, var(--trit-orange) 55%, var(--trit-orange-strong) 100%);
  box-shadow: 0 0.375rem 0.875rem -0.375rem rgba(232, 133, 44, 0.7);
}
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item > a:is(:hover, :focus-visible) .elementor-icon-list-icon svg { fill: #FFFFFF; }
#elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item > a:is(:hover, :focus-visible)::after { opacity: 1; transform: none; }
@media (hover: none) {
  #elementor-popup-modal-79 .trit-pm-services .elementor-icon-list-item > a::after { display: none; }
}
/* „Alle Leistungen ansehen“ – Umriss-Button am Ende der Karte */
#elementor-popup-modal-79 nav details a.e-button-base {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.6875rem 1rem;
  border: 1px solid rgba(232, 133, 44, 0.35);
  border-radius: 999px;
  background: transparent;
  color: var(--trit-orange-text);
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  transition: background-color var(--trit-speed) var(--trit-ease), border-color var(--trit-speed) var(--trit-ease);
}
#elementor-popup-modal-79 nav details a.e-button-base::after {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  background: var(--pm-arrow-hot) center / contain no-repeat;
  transition: transform var(--trit-speed) var(--trit-ease);
}
#elementor-popup-modal-79 nav details a.e-button-base:is(:hover, :focus-visible) { background: #FFF8F1; border-color: rgba(232, 133, 44, 0.6); }
#elementor-popup-modal-79 nav details a.e-button-base:is(:hover, :focus-visible)::after { transform: translateX(0.1875rem); }

/* 06 · CTA & Fernwartung ------------------------------------------------- */
#elementor-popup-modal-79 nav + .e-con { padding-bottom: calc(var(--pm-pad) + env(safe-area-inset-bottom, 0px)); padding-inline: var(--pm-pad); }
/* Primär-Button: Navy-Schrift auf Orange (Kontrast ≥ 5,4:1) */
#elementor-popup-modal-79 nav + .e-con > a.e-button-base {
  gap: 0.625rem;
  background: 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: gemeinsame Regel in Abschnitt 08 */
}
#elementor-popup-modal-79 nav + .e-con > a.e-button-base::after {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  background: var(--pm-arrow-navy) center / contain no-repeat;
  transition: transform var(--trit-speed) var(--trit-ease);
}
#elementor-popup-modal-79 nav + .e-con > a.e-button-base:hover,
#elementor-popup-modal-79 nav + .e-con > a.e-button-base: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);
}
#elementor-popup-modal-79 nav + .e-con > a.e-button-base:hover::after { transform: translateX(0.1875rem); }

/* „Fernwartung starten“ – eigenständiger dunkler Button (ganze Fläche klickbar) */
#elementor-popup-modal-79 .elementor-element.trit-pm-remote {
  position: relative;
  overflow: hidden;
  padding: 0.875rem 1rem 0.875rem 0.875rem;
  border: 1px solid rgba(232, 133, 44, 0.35);
  border-radius: 1rem;
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(232, 133, 44, 0.18) 0%, rgba(232, 133, 44, 0) 60%),
    linear-gradient(160deg, var(--trit-navy-2) 0%, var(--trit-navy) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1rem 2rem -1.25rem rgba(2, 6, 23, 0.6);
  transition:
    opacity 480ms var(--trit-ease) var(--pm-d, 0ms),
    translate 480ms var(--trit-ease) var(--pm-d, 0ms),
    border-color var(--trit-speed) var(--trit-ease),
    box-shadow var(--trit-speed) var(--trit-ease),
    transform var(--trit-speed) var(--trit-ease);
}
#elementor-popup-modal-79 .elementor-element.trit-pm-remote .elementor-icon-box-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.875rem;
  text-align: start;
}
#elementor-popup-modal-79 .elementor-element.trit-pm-remote .elementor-icon-box-icon { display: inline-flex; flex: none; margin: 0; }
#elementor-popup-modal-79 .elementor-element.trit-pm-remote .elementor-icon-box-icon .elementor-icon {
  width: 2.625rem;
  height: 2.625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  border-radius: 0.75rem;
  color: #FFFFFF;
  fill: #FFFFFF;
  background: linear-gradient(145deg, var(--trit-orange-light) 0%, var(--trit-orange) 50%, var(--trit-orange-strong) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 0.375rem 0.875rem -0.375rem rgba(232, 133, 44, 0.85);
  transition: transform var(--trit-speed) var(--trit-ease);
}
#elementor-popup-modal-79 .elementor-element.trit-pm-remote .elementor-icon-box-icon .elementor-icon svg { width: 1rem; height: 1rem; fill: currentColor; }
#elementor-popup-modal-79 .elementor-element.trit-pm-remote .elementor-icon-box-content { flex: 1; min-width: 0; }
#elementor-popup-modal-79 .elementor-element.trit-pm-remote .elementor-icon-box-title {
  margin: 0 0 0.1875rem;
  color: var(--trit-orange-light);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
}
#elementor-popup-modal-79 .elementor-element.trit-pm-remote .elementor-icon-box-title a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}
#elementor-popup-modal-79 .elementor-element.trit-pm-remote .elementor-icon-box-title a::before { content: ""; position: absolute; inset: 0; border-radius: inherit; }
#elementor-popup-modal-79 .elementor-element.trit-pm-remote .elementor-icon-box-title a::after {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  flex: none;
  background: var(--pm-arrow-hot) center / contain no-repeat;
  transition: transform var(--trit-speed) var(--trit-ease);
}
#elementor-popup-modal-79 .elementor-element.trit-pm-remote .elementor-icon-box-description {
  margin: 0;
  color: var(--trit-on-dark-muted);
  font-size: 0.8125rem;
  line-height: 1.45;
}
#elementor-popup-modal-79 .elementor-element.trit-pm-remote:is(:hover, :focus-within) {
  transform: translateY(-2px);
  border-color: rgba(232, 133, 44, 0.65);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 1.25rem 2.25rem -1.25rem rgba(232, 133, 44, 0.55);
}
#elementor-popup-modal-79 .elementor-element.trit-pm-remote:is(:hover, :focus-within) .elementor-icon-box-icon .elementor-icon { transform: scale(1.05); }
#elementor-popup-modal-79 .elementor-element.trit-pm-remote:is(:hover, :focus-within) .elementor-icon-box-title a::after { transform: translateX(0.1875rem); }

/* 07 · Fußzeile: Social Icons & Rechtliches ----------------------------- */
#elementor-popup-modal-79 .trit-pm-social .elementor-social-icons-wrapper { display: flex; gap: 0.5rem; margin: 0; word-spacing: normal; }
#elementor-popup-modal-79 .trit-pm-social .elementor-social-icons-wrapper .elementor-grid-item { display: inline-flex; margin: 0; }
#elementor-popup-modal-79 .trit-pm-social .elementor-social-icons-wrapper .elementor-social-icon {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 0.75rem;
  background: #FFFFFF;
  box-shadow: 0 0.375rem 1rem -0.75rem rgba(15, 23, 42, 0.35);
  --e-social-icon-icon-color: var(--trit-navy);
  transition:
    transform var(--trit-speed) var(--trit-ease),
    border-color var(--trit-speed) var(--trit-ease),
    background-color var(--trit-speed) var(--trit-ease);
}
#elementor-popup-modal-79 .trit-pm-social .elementor-social-icons-wrapper .elementor-social-icon svg { width: 1rem; height: 1rem; fill: var(--trit-navy); transition: fill var(--trit-speed) var(--trit-ease); }
#elementor-popup-modal-79 .trit-pm-social .elementor-social-icons-wrapper .elementor-social-icon:hover {
  transform: translateY(-2px);
  border-color: rgba(232, 133, 44, 0.45);
  background: #FFF8F1;
}
#elementor-popup-modal-79 .trit-pm-social .elementor-social-icons-wrapper .elementor-social-icon:hover svg { fill: var(--trit-orange-strong); }
#elementor-popup-modal-79 nav + .e-con > div.e-con:last-of-type p.e-paragraph-base a {
  color: var(--trit-muted);
  text-decoration: none;
  transition: color var(--trit-speed) var(--trit-ease);
}
#elementor-popup-modal-79 nav + .e-con > div.e-con:last-of-type p.e-paragraph-base a:hover { color: var(--trit-orange-text); text-decoration: underline; text-underline-offset: 0.2em; }

/* 08 · Einblenden ------------------------------------------------------ */
/* Das Panel gleitet über die Popup-Einstellung „Eingangsanimation: Slide In Right“ herein,
   die Einträge folgen leicht gestaffelt.
   WICHTIG: Im Popup KEINE @keyframes-Animationen verwenden! Elementor setzt bei jedem
   „animationend“-Ereignis im Popup den Tastatur-Fokus zurück auf das erste Element.
   Deshalb laufen alle Effekte hier als Transition mit @starting-style. */
/* Gemeinsame Transition für Einblenden (verzögert über --pm-d) und Hover-Effekte (sofort) */
#elementor-popup-modal-79 nav > *,
#elementor-popup-modal-79 nav + .e-con > * {
  transition:
    opacity 480ms var(--trit-ease) var(--pm-d, 0ms),
    translate 480ms var(--trit-ease) var(--pm-d, 0ms),
    color var(--trit-speed) var(--trit-ease),
    transform var(--trit-speed) var(--trit-ease),
    box-shadow var(--trit-speed) var(--trit-ease),
    background-position 600ms var(--trit-ease);
}
@starting-style {
  #elementor-popup-modal-79 nav > *,
  #elementor-popup-modal-79 nav + .e-con > * { opacity: 0; translate: 1.25rem 0; }
}
#elementor-popup-modal-79 nav > :nth-child(1) { --pm-d: 120ms; }
#elementor-popup-modal-79 nav > :nth-child(2) { --pm-d: 160ms; }
#elementor-popup-modal-79 nav > :nth-child(3) { --pm-d: 200ms; }
#elementor-popup-modal-79 nav > :nth-child(4) { --pm-d: 240ms; }
#elementor-popup-modal-79 nav > :nth-child(5) { --pm-d: 280ms; }
#elementor-popup-modal-79 nav + .e-con > :nth-child(1) { --pm-d: 320ms; }
#elementor-popup-modal-79 nav + .e-con > :nth-child(2) { --pm-d: 360ms; }
#elementor-popup-modal-79 nav + .e-con > :nth-child(3) { --pm-d: 400ms; }

/* 09 · Barrierefreiheit ------------------------------------------------- */
#elementor-popup-modal-79 :is(a, summary, .dialog-close-button):focus-visible {
  outline: 2px solid var(--trit-orange);
  outline-offset: 3px;
  border-radius: 0.625rem;
}
#elementor-popup-modal-79 .dialog-close-button:focus-visible { border-radius: 50%; }
@media (prefers-reduced-motion: reduce) {
  #elementor-popup-modal-79 *,
  #elementor-popup-modal-79 *::before,
  #elementor-popup-modal-79 *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}/* End custom CSS */