@media screen and (max-width:1200px) and (min-width:1025px) {
    #tablet-header .sub-menu.elementor-nav-menu--dropdown.sm-nowrap {  
        margin-top: 10px !important;
    }
}
@media screen and (max-width:1024px) and (min-width:769px) {
    #tablet-header .sub-menu.elementor-nav-menu--dropdown.sm-nowrap {  
        margin-top: 0px !important;
    }
}

.job-row .elementor-post__read-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.job-row .elementor-post__read-more::before {
display:none!important;
}
.job-row .elementor-widget-posts .elementor-post__read-more {
	font-size:16px!important;
	font-weight:bolder!important;
}

.newsletter-form {
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.newsletter-form .newsletter-form__field {
        margin-bottom: 0px;
}
@media screen and (max-width:767px) {
    .newsletter-form {
        flex-direction: column;
    }
}
/* Basis-Container */
.globe-lang-switcher {
    position: relative;
    display: inline-block;
}

/* Kugel-Icon Container */
.globe-toggle-btn {
    cursor: pointer;
    width: 32px; 
    height:32px;
    color: #000000; 
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
}

/* HIER WAR DER FEHLER: Das SVG wird jetzt sauber auf 24px fixiert */
.globe-toggle-btn svg {
    width: 32px !important;
    height: 32px!important;
    display: block;
}

/* Hover-Effekt für das gesamte Element */
.globe-lang-switcher:hover .globe-dropdown-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.globe-lang-switcher:hover .globe-toggle-btn {
    color: #1e73be; /* Kugel wird beim Hovern passend blau */
}

/* Der blaue Block (Dropdown) */
.globe-dropdown-content {
    position: absolute;
    top: 100%; 
    right: 0;   
    background-color: #1e73be; 
    min-width: 150px;
    z-index: 99999;
    padding: 0px; 
    margin-top: 31px; /* Abstand zur Kugel */
    
    /* Sanftes Einblenden */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.25s ease;
}

/* Unsichtbare Brücke, damit das Menü beim Bewegen der Maus nicht schließt */
.globe-dropdown-content::before {
    content: '';
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    height: 25px;
}

/* WPML Listen-Reset */
.globe-dropdown-content ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.globe-dropdown-content li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Die Links im Dropdown */
.globe-dropdown-content a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    color: #ffffff !important; 
    font-family: sans-serif; 
    font-size: 15px !important;
    font-weight: 500;
    padding: 12px 20px !important; 
    transition: background-color 0.2s;
}

/* Hover-Effekt für die einzelnen Sprachen */
.globe-dropdown-content a:hover {
    background-color: rgba(255, 255, 255, 0.15) !important; 
}

.globe-dropdown-content img.wpml-ls-flag {
    margin: 0 !important;
    border-radius: 2px;
}

#langSwitcher .elementor-widget-container{
    display: flex;
    justify-content: flex-end;
}
#langSwitcher [type=button]:focus, #langSwitcher [type=button]:hover,  #langSwitcher [type=submit]:focus, #langSwitcher [type=submit]:hover, #langSwitcher button:focus, #langSwitcher button:hover {
    background-color:transparent!important;
}
#langSwitcher path {
    fill:black!important;
}

@media screen and (max-width:1220px) and (min-width:1200px) {
    .sub-menu.elementor-nav-menu--dropdown:not(.sub-menu.elementor-nav-menu--dropdown .sub-menu.elementor-nav-menu--dropdown) {
        margin-top:10px!important;
    }
    .globe-dropdown-content {
        margin-top:50px;
    }

}
@media screen and (max-width:1220px) and (min-width:767px) {
    .elementor-nav-menu--layout-horizontal, .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
        justify-content:center!important;
    }
}
.faq-padding-bottom-less {
    padding-bottom:0px;
}
.image-text-row.margin-modifier .elementor-container  {
    margin-bottom:100px!important;
}
@media screen and (max-width:767px) {
    footer img {
        max-width:100%!important;
    }
    .left-tilt.additional-one img {
        transform:unset!important;
    }
    .image-text-row.margin-modifier .elementor-container  {
        margin-bottom:25px!important;
    }
    .mobile-margin-news-termine .elementor-widget-wrap.elementor-element-populated {
        margin:0!important;
        margin-bottom:50px!important;
    }
    .padding-55x50 {
        padding-bottom:30px!important;
    }
    .padding-100x55 {
        padding-top:30px;
        padding-bottom:27.5px;
    }
    .padding-40x40 {
        padding-bottom:0px!important;
    }
    .branchen-images {
        margin-bottom:20px!important;
    }
    .padding-100x0 {
        padding-top:50px!important;
    }
    .extras-termine-startseite {
        padding-bottom:30px!important;
    }
    .startseite-background-middle {
        background: url(https://www.ikoffice.de/wp/wp-content/uploads/2026/05/IKOffice-Video-Startframe.jpg) 94% 10%!important;
    }

}
.single-icon-image {
    height:50px!important;
}
.single-icon-image {
    justify-content: flex-start;
}
.single-icon-image img {
    height:auto!important;
}
/* english CSS Settings */
html[lang="en-US"] .big-product-container .list-container {
    min-width:280px;
}
html[lang="en-US"] .category-careers .entry-title {
    display:none!important;
}

/* english CSS Settings end */

.kunden-logos.is-open .kunden-overview {
    max-height:3000px!important;
}



.elementor-widget-tec_elementor_widget_events_view .elementor-widget-container,
[data-widget_type="tec_elementor_widget_events_view.default"] .elementor-widget-container {
  position: relative;
  transition:
    opacity 0.4s ease,
    filter 0.4s ease,
    transform 0.4s ease;
}

.elementor-widget-tec_elementor_widget_events_view .elementor-widget-container.events-nav-is-locked,
[data-widget_type="tec_elementor_widget_events_view.default"] .elementor-widget-container.events-nav-is-locked {
  overflow: hidden;
}

.elementor-widget-tec_elementor_widget_events_view .elementor-widget-container.events-nav-loading,
[data-widget_type="tec_elementor_widget_events_view.default"] .elementor-widget-container.events-nav-loading {
  opacity: 0.55;
  filter: blur(4px);
  transform: scale(0.99);
  pointer-events: none;
  user-select: none;
}

.elementor-widget-tec_elementor_widget_events_view .elementor-widget-container.events-nav-loading::after,
[data-widget_type="tec_elementor_widget_events_view.default"] .elementor-widget-container.events-nav-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 20;
  background: rgba(255, 255, 255, 0.68);
  backdrop-filter: blur(3px);
}

.elementor-widget-tec_elementor_widget_events_view .elementor-widget-container.events-nav-loading::before,
[data-widget_type="tec_elementor_widget_events_view.default"] .elementor-widget-container.events-nav-loading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 21;
  width: 38px;
  height: 38px;
  margin-top: -19px;
  margin-left: -19px;
  border: 3px solid rgba(0, 0, 0, 0.18);
  border-top-color: rgba(0, 0, 0, 0.65);
  border-radius: 50%;
  animation: eventsLoaderSpin 0.8s linear infinite;
}

.elementor-widget-tec_elementor_widget_events_view .elementor-widget-container.events-nav-loaded,
[data-widget_type="tec_elementor_widget_events_view.default"] .elementor-widget-container.events-nav-loaded {
  animation: eventsLoadedFadeIn 0.5s ease both;
}

.before-after-container .arrow {
  cursor: pointer;
}

.before-after-container .arrow.is-disabled {
  opacity: 0.35;
  pointer-events: none;
  cursor: default;
}

@keyframes eventsLoaderSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes eventsLoadedFadeIn {
  from {
    opacity: 0.55;
    filter: blur(4px);
    transform: scale(0.99);
  }

  to {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .elementor-widget-tec_elementor_widget_events_view .elementor-widget-container,
  [data-widget_type="tec_elementor_widget_events_view.default"] .elementor-widget-container,
  .elementor-widget-tec_elementor_widget_events_view .elementor-widget-container.events-nav-loaded,
  [data-widget_type="tec_elementor_widget_events_view.default"] .elementor-widget-container.events-nav-loaded {
    transition: none;
    animation: none;
  }

  .elementor-widget-tec_elementor_widget_events_view .elementor-widget-container.events-nav-loading::before,
  [data-widget_type="tec_elementor_widget_events_view.default"] .elementor-widget-container.events-nav-loading::before {
    animation: none;
  }
}
.before-after-container .arrow.next.is-disabled {
  opacity: 0.35;
  cursor: pointer;
  pointer-events: all !important;
}

.before-after-container .arrow.previous.is-disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

.custom-appointment-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  color: #208BF6 !important;
  text-decoration: none;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.custom-appointment-button:hover {
  color: #208BF6 !important;
  opacity: 0.8;
  transform: translateX(2px);
}

.custom-appointment-button__arrow {
  display: inline-block;
  font-size: 22px;
  line-height: 1;
  color: #208BF6 !important;
}

.custom-appointment-button__text {
  display: inline-block;
  color: #208BF6 !important;
}
.custom-appointment-button {
    display:block;
    margin-top:15px!important;
}
.custom-appointment-button {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 24px;
  color: #208BF6 !important;
  text-decoration: none !important;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.custom-appointment-button:hover {
  color: #208BF6 !important;
  opacity: 0.8;
  transform: translateX(2px);
}

.custom-appointment-button__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #208BF6 !important;
  line-height: 0;
  flex: 0 0 auto;
}

.custom-appointment-button__icon svg {
  display: block;
  width: 19.258px;
  height: 10.836px;
}

.custom-appointment-button__text {
  display: inline-block;
  color: #208BF6 !important;
}
@media screen and (max-width:767px) {
    .wpml-ls-slot-98, .wpml-ls-slot-2 {
        display:block!important;
    }
    .globe-lang-switcher {
        display:none!important;
    }
}
@media screen and (min-width:768px) {
    .wpml-ls-slot-98, .wpml-ls-slot-2 {
        display:none!important;
    }
    .globe-lang-switcher {
        display:block!important;
    }
}

/* =========================================================
   Contact Form 7 Erfolgsmeldung ausblenden
   Das eigentliche Popup wird per Shadow-DOM-JS erzeugt.
   ========================================================= */

.wpcf7 form.sent .wpcf7-response-output {
    display: none !important;
}


/* =========================================================
   Optional: CF7 Fehler-/Hinweismeldungen normal lassen
   Nur Erfolgsmeldung wird versteckt.
   ========================================================= */

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    display: block !important;
}


/* =========================================================
   Optional: kleine Korrektur für CF7 Acceptance Checkbox
   ========================================================= */

.wpcf7-acceptance label {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.wpcf7-acceptance input[type="checkbox"] {
    margin-top: 4px;
}
.page-id-17656 .heading_button,
.page-id-17730 .heading_button, 
.page-id-17656 footer section,
.page-id-17730 footer section,
.page-id-17656 footer .elementor-icon.elementor-social-icon,
.page-id-17730 footer .elementor-icon.elementor-social-icon,
.page-id-17656 header a.elementor-button,
.page-id-17730 header a.elementor-button{
	background-color: #7050b4!important;
}
.page-id-17698 .heading_button,
.page-id-17698 footer section,
.page-id-17698 footer .elementor-icon.elementor-social-icon,
.page-id-17698 header a.elementor-button{
	background-color:#893D78 !important
}
.page-id-17777 .heading_button,
.page-id-17777 footer section,
.page-id-17777 footer .elementor-icon.elementor-social-icon,
.page-id-17777 header a.elementor-button{
	background-color:var(--moldmanager-color)!important;
}
.page-id-18634 .heading_button,
.page-id-18634 footer section,
.page-id-18634 footer .elementor-icon.elementor-social-icon,
.page-id-18634 header a.elementor-button{
	background-color:var(--livingerp-color)!important;
}
.tribe-common-b2.tribe-common-b2--bold.tribe-events-virtual-virtual-event {
	display:none!important;
}
body .dialog-widget-content label,body .dialog-widget-content a  {
	font-size:var(--copytext-size)!important;
	font-size:var(--copytext-lineHeight)!important;
}
@media screen and (max-width:769px) {
	body .slider-header .slider-col {
		max-width:100%!important;
	}
	.base-heading .slider-arrows {
		display:none!important;
	}
	.kundenstimmen-hero {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		min-height:650px!important;
	}
	.heading-quote .revamped-heading {
		max-width:100%!important;
	}
	.base-heading .elementor-widget-html {
		padding-bottom:225px;
	}
	
}

/* height settings exception */
@media screen and (max-height:760px) {
	.base-heading .elementor-widget-html {
		padding-bottom:350px!important;
	}
	
}
/* height settings exception end*/

.event-request-form textarea {
    min-height:unset!important;
}
/* =========================================================
   DESKTOP-MENÜ
   ========================================================= */

/* Normale Top-Level-Menüpunkte */
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item,
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item:link,
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item:visited,
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item:hover,
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item:focus,
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item:active {
	color: #003A5F !important;
	-webkit-text-fill-color: #003A5F !important;
	background: transparent !important;
	text-decoration: none !important;
	border-bottom: none !important;
}


/* Elementor-eigene Linien und Effekte entfernen */
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item::before,
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item::after {
	background-color: transparent !important;
	opacity: 0 !important;
}


/* Aktueller Desktop-Parent: etwas heller */
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li.current-menu-parent
> a.elementor-item,

.elementor-nav-menu--main
> ul.elementor-nav-menu
> li.current-menu-ancestor
> a.elementor-item,

.elementor-nav-menu--main
> ul.elementor-nav-menu
> li.menu-current-by-url
> a.elementor-item {
	color: #2B6F99 !important;
	-webkit-text-fill-color: #2B6F99 !important;
	background: transparent !important;
	text-decoration: none !important;
	border-bottom: none !important;
}


/* Desktop-Submenu-Links */
.elementor-nav-menu--main .sub-menu
> li
> a.elementor-sub-item {
	display: block;
	width: 100%;
	box-sizing: border-box;
}


/* Aktiver Desktop-Child: dunkelgrauer Hintergrund */
.elementor-nav-menu--main .sub-menu
> li.current-menu-item
> a.elementor-sub-item,

.elementor-nav-menu--main .sub-menu
> li.current_page_item
> a.elementor-sub-item,

.elementor-nav-menu--main .sub-menu
> li.menu-current-by-url
> a.elementor-sub-item,

.elementor-nav-menu--main .sub-menu
> li
> a.elementor-sub-item.elementor-item-active,

.elementor-nav-menu--main .sub-menu
> li
> a.elementor-sub-item[aria-current="page"] {
	background: #3F444B !important;
	background-color: #3F444B !important;
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
}


/* Aktiver Desktop-Child bleibt auch bei Hover dunkelgrau */
.elementor-nav-menu--main .sub-menu
> li.current-menu-item
> a.elementor-sub-item:hover,

.elementor-nav-menu--main .sub-menu
> li.current_page_item
> a.elementor-sub-item:hover,

.elementor-nav-menu--main .sub-menu
> li.menu-current-by-url
> a.elementor-sub-item:hover,

.elementor-nav-menu--main .sub-menu
> li
> a.elementor-sub-item.elementor-item-active:hover,

.elementor-nav-menu--main .sub-menu
> li
> a.elementor-sub-item[aria-current="page"]:hover {
	background: #3F444B !important;
	background-color: #3F444B !important;
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
}


/* =========================================================
   MOBILE-MENÜ
   ========================================================= */

/* Aktiver Mobile-Parent: dunkler hinterlegt */
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.current-menu-parent
> a.elementor-item,

.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.current-menu-ancestor
> a.elementor-item,

.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-current-by-url
> a.elementor-item {
	background-color: rgba(0, 0, 0, 0.18) !important;
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
}


/* Aktiver Mobile-Parent bleibt bei Hover dunkel */
.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.current-menu-parent
> a.elementor-item:hover,

.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.current-menu-ancestor
> a.elementor-item:hover,

.elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li.menu-current-by-url
> a.elementor-item:hover {
	background-color: rgba(0, 0, 0, 0.18) !important;
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
}


/* Mobile-Submenu-Links */
.elementor-nav-menu--dropdown .sub-menu
> li
> a.elementor-sub-item {
	display: block;
	width: 100%;
	box-sizing: border-box;
}


/* Aktiver Mobile-Child: dunkelgrauer Hintergrund */
.elementor-nav-menu--dropdown .sub-menu
> li.current-menu-item
> a.elementor-sub-item,

.elementor-nav-menu--dropdown .sub-menu
> li.current_page_item
> a.elementor-sub-item,

.elementor-nav-menu--dropdown .sub-menu
> li.menu-current-by-url
> a.elementor-sub-item,

.elementor-nav-menu--dropdown .sub-menu
> li
> a.elementor-sub-item.elementor-item-active,

.elementor-nav-menu--dropdown .sub-menu
> li
> a.elementor-sub-item[aria-current="page"] {
	background: #3F444B !important;
	background-color: #3F444B !important;
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
}


/* Aktiver Mobile-Child bleibt bei Hover dunkelgrau */
.elementor-nav-menu--dropdown .sub-menu
> li.current-menu-item
> a.elementor-sub-item:hover,

.elementor-nav-menu--dropdown .sub-menu
> li.current_page_item
> a.elementor-sub-item:hover,

.elementor-nav-menu--dropdown .sub-menu
> li.menu-current-by-url
> a.elementor-sub-item:hover,

.elementor-nav-menu--dropdown .sub-menu
> li
> a.elementor-sub-item.elementor-item-active:hover,

.elementor-nav-menu--dropdown .sub-menu
> li
> a.elementor-sub-item[aria-current="page"]:hover {
	background: #3F444B !important;
	background-color: #3F444B !important;
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
}

.elementor-sub-item a, .elementor-kit-7 a.elementor-sub-item.elementor-item-active {
    font-size:20px!important;
}
.big-product-container .elementor-icon-list-icon .product-icon {
    padding:0px!important;
    width:16px;
    height:16px;
}
.big-product-container .elementor-icon-list-icon {
    width:20px!important;
} 
.background-element-icon {
    width:60px!important;
}
.livingerp-product img:not(.thumbnail-layer img) {
    filter:unset!important;
}
.elementor-14040 .elementor-element.elementor-element-bbdf9bc img {
    filter: brightness(0) saturate(100%) invert(56%) sepia(77%) saturate(555%) hue-rotate(356deg) brightness(98%) contrast(112%) !important;
}