.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20113 .elementor-element.elementor-element-17eda0b7{--e-nav-menu-horizontal-menu-item-margin:calc( 2rem / 2 );}.elementor-20113 .elementor-element.elementor-element-17eda0b7 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:2rem;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-20113 .elementor-element.elementor-element-17eda0b7{--e-nav-menu-horizontal-menu-item-margin:calc( 24px / 2 );}.elementor-20113 .elementor-element.elementor-element-17eda0b7 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:24px;}}/* Start custom CSS for nav-menu, class: .elementor-element-17eda0b7 */& .elementor-nav-menu .elementor-item { font-family: 'PP FramaText', Sans-serif; font-weight: 500; color: #000000; text-decoration: none; } & .elementor-nav-menu .elementor-item:hover, & .elementor-nav-menu .elementor-item:focus { color: #5F6F6A; } & .elementor-nav-menu .elementor-item.elementor-item-active { color: #1F1F1F; } & .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child) { margin-bottom: 2rem; } @media (max-width: 1280px) { margin-bottom: 3rem; text-align: right; & .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child) { margin-bottom: 2.25rem; } & .elementor-nav-menu a.elementor-item { justify-content: flex-end; text-align: right; padding: 0; font-size: 38px; line-height: 1.15; font-weight: 500; text-shadow: none; } & .elementor-nav-menu a, & .elementor-nav-menu a *, & .elementor-nav-menu a:hover, & .elementor-nav-menu a:focus, & .elementor-nav-menu a:visited, & .elementor-nav-menu a.elementor-item-active, & .elementor-nav-menu .current-menu-item > a, & .elementor-nav-menu .lang-item a { color: #FFFFFF !important; fill: #FFFFFF; } }/* End custom CSS */
/* Start custom CSS */@keyframes iox-slide-in-right { from { opacity: 0; transform: translateX(48px); } to { opacity: 1; transform: translateX(0); } }

/* ===== Desktop-Navigation: Unterstrich-Animation (wie englischer Header) ===== */
/* Hover: schwarze Linie waechst von links nach rechts ueber die volle Buttonbreite */
.elementor-20113 a.DUP_navbar-button24652 { position: relative; }
.elementor-20113 a.DUP_navbar-button24652,
.elementor-20113 a.DUP_navbar-button24652:hover,
.elementor-20113 a.DUP_navbar-button24652:focus,
.elementor-20113 a.DUP_navbar-button24652:focus-visible { text-decoration: none !important; box-shadow: none; }
.elementor-20113 a.DUP_navbar-button24652::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 2px;
  background: #000000;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
  pointer-events: none;
}
.elementor-20113 a.DUP_navbar-button24652:hover::after,
.elementor-20113 a.DUP_navbar-button24652:focus-visible::after { transform: scaleX(1); }
/* Aktuelle Seite: dauerhafter Unterstrich (nicht auf der Startseite) */
/* Leistungen 17173 */
body.page-id-17173 .elementor-20113 a.DUP_navbar-button24652.e-1803453-77bf::after,
/* Ueber IOX 17331 */
body.page-id-17331 .elementor-20113 a.DUP_navbar-button24652.e-43104ae3-2789::after,
/* Projekte: Uebersicht 18851, /de/referenzen/ 7458 und alle Case Studies (Kinder von 7458) */
body.page-id-18851 .elementor-20113 a.DUP_navbar-button24652.e-57fdd858-96fc::after,
body.page-id-7458 .elementor-20113 a.DUP_navbar-button24652.e-57fdd858-96fc::after,
body.parent-pageid-7458 .elementor-20113 a.DUP_navbar-button24652.e-57fdd858-96fc::after,
/* Insights 18195, Unterseiten, IoT Tech Blog 469, Blogbeitraege und Blog-Archive */
body.page-id-18195 .elementor-20113 a.DUP_navbar-button24652.e-4ec4bbe4-3af0::after,
body.parent-pageid-18195 .elementor-20113 a.DUP_navbar-button24652.e-4ec4bbe4-3af0::after,
body.page-id-469 .elementor-20113 a.DUP_navbar-button24652.e-4ec4bbe4-3af0::after,
body.single-post .elementor-20113 a.DUP_navbar-button24652.e-4ec4bbe4-3af0::after,
body.archive .elementor-20113 a.DUP_navbar-button24652.e-4ec4bbe4-3af0::after { transform: scaleX(1); }

/* ===== Dunkle Seiten: Leistungen 17173, Ueber IOX 17331, Insights 18195, Kontakt 17076 (weitere Seiten: body.page-id-XXXX in allen Listen ergaenzen) ===== */
/* Logo- und Burger-Varianten: Standard = dunkel, auf dunklen Seiten = hell/weiss. Dunkle Variante wird nur ausgeblendet, wenn die helle im selben Container vorhanden ist (:has) */
.elementor-20113 img[src*="IOX-Logo-1-1.svg"],
.elementor-20113 img[src*="logo-2-white-1.svg"] { display: none !important; }
body.page-id-17173 .elementor-20113 :has(> * > img[src*="IOX-Logo-1-1.svg"]) img[src*="IOX_Logo_SVG-1-1-1.svg"],
body.page-id-17331 .elementor-20113 :has(> * > img[src*="IOX-Logo-1-1.svg"]) img[src*="IOX_Logo_SVG-1-1-1.svg"],
body.page-id-18195 .elementor-20113 :has(> * > img[src*="IOX-Logo-1-1.svg"]) img[src*="IOX_Logo_SVG-1-1-1.svg"],
body.page-id-17076 .elementor-20113 :has(> * > img[src*="IOX-Logo-1-1.svg"]) img[src*="IOX_Logo_SVG-1-1-1.svg"],
body.page-id-17173 .elementor-20113 :has(> img[src*="logo-2-white-1.svg"]) > img[src*="21eadbd0-6911"],
body.page-id-17331 .elementor-20113 :has(> img[src*="logo-2-white-1.svg"]) > img[src*="21eadbd0-6911"],
body.page-id-18195 .elementor-20113 :has(> img[src*="logo-2-white-1.svg"]) > img[src*="21eadbd0-6911"],
body.page-id-17076 .elementor-20113 :has(> img[src*="logo-2-white-1.svg"]) > img[src*="21eadbd0-6911"] { display: none !important; }
body.page-id-17173 .elementor-20113 img[src*="IOX-Logo-1-1.svg"],
body.page-id-17331 .elementor-20113 img[src*="IOX-Logo-1-1.svg"],
body.page-id-18195 .elementor-20113 img[src*="IOX-Logo-1-1.svg"],
body.page-id-17076 .elementor-20113 img[src*="IOX-Logo-1-1.svg"],
body.page-id-17173 .elementor-20113 img[src*="logo-2-white-1.svg"],
body.page-id-17331 .elementor-20113 img[src*="logo-2-white-1.svg"],
body.page-id-18195 .elementor-20113 img[src*="logo-2-white-1.svg"],
body.page-id-17076 .elementor-20113 img[src*="logo-2-white-1.svg"] { display: block !important; }

/* Desktop-Navigation auf dunklen Seiten: weisse Schrift, weisse Unterstrich-Linie, heller Rahmen fuer CTA und Sprach-Button */
body.page-id-17173 .elementor-20113 a.DUP_navbar-button24652,
body.page-id-17331 .elementor-20113 a.DUP_navbar-button24652,
body.page-id-18195 .elementor-20113 a.DUP_navbar-button24652,
body.page-id-17076 .elementor-20113 a.DUP_navbar-button24652,
body.page-id-17173 .elementor-20113 a.DUP_navbar-button24652:hover,
body.page-id-17331 .elementor-20113 a.DUP_navbar-button24652:hover,
body.page-id-18195 .elementor-20113 a.DUP_navbar-button24652:hover,
body.page-id-17076 .elementor-20113 a.DUP_navbar-button24652:hover,
body.page-id-17173 .elementor-20113 a.e-244bb0b0-996b,
body.page-id-17331 .elementor-20113 a.e-244bb0b0-996b,
body.page-id-18195 .elementor-20113 a.e-244bb0b0-996b,
body.page-id-17076 .elementor-20113 a.e-244bb0b0-996b { color: #FFFFFF !important; }
body.page-id-17173 .elementor-20113 a.DUP_navbar-button24652::after,
body.page-id-17331 .elementor-20113 a.DUP_navbar-button24652::after,
body.page-id-18195 .elementor-20113 a.DUP_navbar-button24652::after,
body.page-id-17076 .elementor-20113 a.DUP_navbar-button24652::after { background: #FFFFFF !important; }
body.page-id-17173 .elementor-20113 a.e-244bb0b0-996b,
body.page-id-17331 .elementor-20113 a.e-244bb0b0-996b,
body.page-id-18195 .elementor-20113 a.e-244bb0b0-996b,
body.page-id-17076 .elementor-20113 a.e-244bb0b0-996b { border-color: rgba(255,255,255,0.5) !important; }
body.page-id-17173 .elementor-20113 a.e-105e0ab5-7b37,
body.page-id-17331 .elementor-20113 a.e-105e0ab5-7b37,
body.page-id-18195 .elementor-20113 a.e-105e0ab5-7b37,
body.page-id-17076 .elementor-20113 a.e-105e0ab5-7b37 { border: 1px solid #DDC3AA !important; }

/* Overlay-Menue fuer alle Burger-Breakpoints: Mobile, Tablet, Tablet Extra, Laptop (bis 1280px) */
@media (max-width: 1280px) {
  /* Burger buendig rechts: Titel-Container rechts ausrichten + SVG-Transparenzrand (~16% rechts) abschneiden (wie im englischen Header), Groesse bleibt wie bisher */
  .elementor-20113 summary > * { margin-left: auto !important; width: auto !important; flex: 0 0 auto !important; display: flex !important; justify-content: flex-end !important; }
  .elementor-20113 summary img { width: auto !important; max-width: none !important; height: 52px !important; aspect-ratio: 48.78 / 15; object-fit: cover; object-position: left center; }

  .elementor-20113 details[open] > summary img { opacity: 0 !important; visibility: hidden !important; }
  .elementor-20113 details[open] > summary::before,
  .elementor-20113 details[open] > summary::after { content: '' !important; display: block !important; position: absolute !important; top: 50% !important; bottom: auto !important; left: auto !important; right: 0 !important; inset-inline-start: auto !important; margin: 0 !important; width: 32px !important; height: 2px !important; border-radius: 2px; background-color: #FFFFFF !important; pointer-events: none; }
  .elementor-20113 details[open] > summary::before { transform: translateY(-50%) rotate(45deg) !important; }
  .elementor-20113 details[open] > summary::after { transform: translateY(-50%) rotate(-45deg) !important; }

  /* Overlay-Panel: Styles unabhaengig vom open-Zustand, damit beim Schliessen (Elementor haelt den Inhalt 0.3s sichtbar) nichts springt -> sauberes Ausblenden */
  .elementor-20113 details > summary + * { padding-right: 40px !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); overflow-x: hidden !important; opacity: 0; transition: opacity .3s ease; }
  .elementor-20113 details[open] > summary + * { opacity: 1; }
  @starting-style { .elementor-20113 details[open] > summary + * { opacity: 0; } }

  /* 15px Abstand rechts fuer Menue und Flagge */
  .elementor-20113 .elementor-element.elementor-element-17eda0b7 { margin-right: 15px !important; }

  /* Menuepunkte: 38px -4% -2% -10% = 32.2px */
  .elementor-20113 .elementor-element.elementor-element-17eda0b7 .elementor-nav-menu a.elementor-item { font-size: 32.2px !important; }

  /* Einschub-Animation von rechts, nacheinander */
  .elementor-20113 details[open] .elementor-element-17eda0b7 .elementor-nav-menu--main .elementor-nav-menu > li { animation: iox-slide-in-right .5s cubic-bezier(.22,.61,.36,1) both; }
  .elementor-20113 details[open] .elementor-element-17eda0b7 .elementor-nav-menu--main .elementor-nav-menu > li:nth-child(1) { animation-delay: .15s; }
  .elementor-20113 details[open] .elementor-element-17eda0b7 .elementor-nav-menu--main .elementor-nav-menu > li:nth-child(2) { animation-delay: .25s; }
  .elementor-20113 details[open] .elementor-element-17eda0b7 .elementor-nav-menu--main .elementor-nav-menu > li:nth-child(3) { animation-delay: .35s; }
  .elementor-20113 details[open] .elementor-element-17eda0b7 .elementor-nav-menu--main .elementor-nav-menu > li:nth-child(4) { animation-delay: .45s; }
  .elementor-20113 details[open] .elementor-element-17eda0b7 .elementor-nav-menu--main .elementor-nav-menu > li:nth-child(5) { animation-delay: .55s; }
  .elementor-20113 details[open] .elementor-element-17eda0b7 .elementor-nav-menu--main .elementor-nav-menu > li:nth-child(6) { animation-delay: .65s; }
  .elementor-20113 details[open] .elementor-element-17eda0b7 .elementor-nav-menu--main .elementor-nav-menu > li:nth-child(7) { animation-delay: .75s; }
  .elementor-20113 details[open] .e-6e51e58f-1db1 { animation: iox-slide-in-right .5s cubic-bezier(.22,.61,.36,1) .7s both; }

  /* Kontakt im WP-Menue: kupferfarben statt weiss (CSS-Klasse menu-kontakt oder Link auf /kontakt bzw. /contact) */
  .elementor-20113 .elementor-element.elementor-element-17eda0b7 .elementor-nav-menu li.menu-kontakt > a,
  .elementor-20113 .elementor-element.elementor-element-17eda0b7 .elementor-nav-menu li > a[href*="/kontakt"],
  .elementor-20113 .elementor-element.elementor-element-17eda0b7 .elementor-nav-menu li > a[href*="/contact"],
  .elementor-20113 .elementor-element.elementor-element-17eda0b7 .elementor-nav-menu li.menu-kontakt > a:hover,
  .elementor-20113 .elementor-element.elementor-element-17eda0b7 .elementor-nav-menu li > a[href*="/kontakt"]:hover,
  .elementor-20113 .elementor-element.elementor-element-17eda0b7 .elementor-nav-menu li > a[href*="/contact"]:hover { color: #B06A4A !important; }

  /* Polylang-Sprachumschalter im Burger-Menue ausblenden (ersetzt durch Flaggen-Button) */
  .elementor-20113 .elementor-element.elementor-element-17eda0b7 .elementor-nav-menu li.lang-item { display: none !important; }

  /* Sprach-Button: nur Union-Jack-Icon (40x27 -4% -4% -10% = 33.2x22.5), Text 'English' visuell ausgeblendet (bleibt fuer Screenreader) */
  .elementor-20113 .e-6e51e58f-1db1 {
    display: block !important; width: 33.2px !important; height: 22.5px !important; padding: 0 !important;
    margin-top: 2.25rem !important; margin-right: 15px !important;
    font-size: 0 !important; line-height: 0 !important; color: transparent !important; overflow: hidden;
    border-radius: 3px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30' preserveAspectRatio='none'%3E%3CclipPath id='t'%3E%3Cpath d='M30,15h30v15zv15h-30zh-30v-15zv-15h30z'/%3E%3C/clipPath%3E%3Cpath d='M0,0v30h60v-30z' fill='%23012169'/%3E%3Cpath d='M0,0L60,30M60,0L0,30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0,0L60,30M60,0L0,30' clip-path='url(%23t)' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E") !important;
    background-size: 100% 100% !important; background-position: center !important; background-repeat: no-repeat !important;
  }
}

/* Laptop (1025-1280px, Maus-Bedienung): Overlay-Menuepunkte bekommen dieselbe Hover-Linie wie die Desktop-Navigation (in Textfarbe: weiss, Kontakt kupfer) */
@media (min-width: 1025px) and (max-width: 1280px) {
  .elementor-20113 .elementor-element-17eda0b7 .elementor-nav-menu--main a.elementor-item { position: relative; width: fit-content; margin-left: auto; }
  .elementor-20113 .elementor-element-17eda0b7 .elementor-nav-menu--main a.elementor-item::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    width: auto !important;
    height: 2px !important;
    background: currentColor !important;
    opacity: 1 !important;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .25s ease !important;
  }
  .elementor-20113 .elementor-element-17eda0b7 .elementor-nav-menu--main a.elementor-item:hover::after,
  .elementor-20113 .elementor-element-17eda0b7 .elementor-nav-menu--main a.elementor-item:focus-visible::after { transform: scaleX(1); }
}

/* Mobile: Header hat rechts 25px statt 40px Innenabstand; Burger 39px hoch */
@media (max-width: 767px) {
  .elementor-20113 details > summary + * { padding-right: 25px !important; }
  .elementor-20113 summary img { height: 39px !important; }
}

@media (max-width: 1280px) and (prefers-reduced-motion: reduce) {
  .elementor-20113 details[open] .elementor-element-17eda0b7 .elementor-nav-menu--main .elementor-nav-menu > li,
  .elementor-20113 details[open] .e-6e51e58f-1db1 { animation: none !important; }
}/* End custom CSS */