.elementor-kit-17{--e-global-color-primary:#27347B;--e-global-color-secondary:#000000;--e-global-color-text:#F5F5F5;--e-global-color-accent:#F39200;--e-global-color-6c52c1c:#FFFFFF;--e-global-color-8f085aa:#00000000;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"dm-sans";--e-global-typography-text-font-size:1.375rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:2rem;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-d285c61-font-family:"dm-sans";--e-global-typography-d285c61-font-size:1rem;--e-global-typography-d285c61-font-weight:600;--e-global-typography-91bec59-font-family:"dm-sans";--e-global-typography-91bec59-font-size:1.06rem;--e-global-typography-91bec59-font-weight:600;--e-global-typography-91bec59-line-height:1.375rem;--e-global-typography-6a1988a-font-family:"dm-sans";--e-global-typography-6a1988a-font-size:3.125rem;--e-global-typography-6a1988a-font-weight:400;--e-global-typography-6a1988a-line-height:3.75rem;--e-global-typography-d11fa0f-font-family:"DM Sans";--e-global-typography-d11fa0f-font-size:1.25rem;--e-global-typography-d11fa0f-font-weight:500;--e-global-typography-d11fa0f-line-height:1.3rem;--e-global-typography-630bccb-font-family:"dm-sans";--e-global-typography-630bccb-font-size:1rem;--e-global-typography-630bccb-font-weight:500;--e-global-typography-630bccb-line-height:1.25rem;--e-global-typography-630bccb-letter-spacing:3.2px;--e-global-typography-afa6a52-font-family:"dm-sans";--e-global-typography-afa6a52-font-size:1.68rem;--e-global-typography-afa6a52-font-weight:700;--e-global-typography-afa6a52-line-height:2rem;--e-global-typography-600ce96-font-family:"dm-sans";--e-global-typography-600ce96-font-size:2.81rem;--e-global-typography-600ce96-font-weight:600;--e-global-typography-600ce96-line-height:2.93rem;--e-global-typography-6aa010b-font-family:"dm-sans";--e-global-typography-6aa010b-font-size:1rem;--e-global-typography-6aa010b-font-weight:600;--e-global-typography-6aa010b-line-height:1.25rem;--e-global-typography-ac92ea7-font-family:"dm-sans";--e-global-typography-ac92ea7-font-size:2.18rem;--e-global-typography-ac92ea7-font-weight:600;--e-global-typography-ac92ea7-line-height:2.81rem;--e-global-typography-c47f863-font-family:"dm-sans";--e-global-typography-c47f863-font-size:1.25rem;--e-global-typography-c47f863-font-weight:600;--e-global-typography-c47f863-line-height:1.56rem;--e-global-typography-3dfc5df-font-family:"dm-sans";--e-global-typography-3dfc5df-font-size:2.5rem;--e-global-typography-3dfc5df-font-weight:400;--e-global-typography-3dfc5df-line-height:2.81rem;--e-global-typography-928a0bb-font-family:"dm-sans";--e-global-typography-928a0bb-font-size:1.25rem;--e-global-typography-928a0bb-line-height:1.87rem;--e-global-typography-ee11d3f-font-family:"dm-sans";--e-global-typography-ee11d3f-font-size:22px;--e-global-typography-ee11d3f-font-weight:400;--e-global-typography-ee11d3f-line-height:32px;--e-global-typography-bd6bb43-font-family:"dm-sans";--e-global-typography-bd6bb43-font-size:2.5rem;--e-global-typography-bd6bb43-font-weight:600;--e-global-typography-bd6bb43-line-height:2.81rem;--e-global-typography-e214999-font-family:"dm-sans";--e-global-typography-e214999-font-size:22px;--e-global-typography-e214999-font-weight:600;--e-global-typography-e214999-line-height:32px;--e-global-typography-000d9c6-font-family:"dm-sans";--e-global-typography-000d9c6-font-size:20px;--e-global-typography-000d9c6-font-weight:700;--e-global-typography-000d9c6-line-height:26px;--e-global-typography-ea9e837-font-family:"dm-sans";--e-global-typography-ea9e837-font-size:17px;--e-global-typography-ea9e837-font-weight:400;--e-global-typography-ea9e837-line-height:23px;}.elementor-kit-17 e-page-transition{background-color:#FFBC7D;}.elementor-kit-17 a:hover{letter-spacing:0px;word-spacing:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* HEader NEU*/

.idl-mega-header-v2 .e-n-menu-heading > li{ 
   padding-top: 7px !important;   
   border-top: 4px solid #00000000 !important;
   transition: .3s;
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}

.idl-mega-header-v2 .e-n-menu-heading > li:hover{ 
   padding-top: 7px !important;   
   border-top: 4px solid var(--e-global-color-accent) !important
}

/* Use Cases */
.single-use-cases .idl-contact-form {
    display: none !important;
}



/* Helper CLass */
.idl-sb,
.idl-sb span,
.idl-sb h1 span{
    font-weight: 600 !important;
}

.idl-b span {
    font-weight: 700 !important;
}


.idl-sb .elementor-widget-text-editor {
    font-weight: 600 !important;
} 

.idl-up{
    text-transform: uppercase !important;
}

.idl-anchor div{
    margin-top: -120px !important;
}
/* No-cookie Popup */
.idl-cookies-popup-icon svg path {
    stroke: var(--e-global-color-primary) !important;
}

/* HEader */
.idl-header-div{
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.idl-header-menu ul li ul {
    /* width: 200px !important; */
    justify-self: center !important;
    right: 0;
    align-content: start !important;
}

.idl-header-menu ul li{
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}

.idl-header-menu ul li ul a {
   margin: 0 !important;
} 

/* Mobile Header */
.idl-popup-container-top {
    min-height: 100svh !important;
    min-height: 100vh !important;
    overflow-y: auto; /* Add a vertical scrollbar if content exceeds the viewport */
}

.idl-popup-menu li a:focus{
    background-color: #00000000 !important;
}

.idl-popup-menu ul:nth-child(1) > li  {
    border-bottom: 2px solid var(--e-global-color-text) !important;
    text-transform: uppercase !important;
}

.idl-popup-menu ul li a{
    justify-content: space-between !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.idl-popup-menu ul li a:hover svg,
.idl-popup-menu ul li a.highlighted svg{
    fill: #F39200 !important;
}

.idl-popup-menu ul:nth-child(1) > li:hover,
.idl-popup-menu ul:nth-child(1) > li:has(> a.highlighted){
    border-color: var(--e-global-color-accent) !important;
}



.idl-popup-menu ul li ul li a{
    text-transform: capitalize !important;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
    font-size: 16px !important;
    font-weight: var(--e-global-typography-text-font-weight) !important;
    line-height: var(--e-global-typography-text-line-height) !important;
    letter-spacing: 1px;
    padding: 0 !important;
    padding-bottom: 10px !important; 
}


.idl-popup-menu ul li ul {
    padding-left: 30px;
}

.idl-popup-menu ul li ul li ul {
    padding-left: 10px;
}

/* Link in Text */
.idl-body .elementor-widget-text-editor a{
    color: #F39200;
}

.idl-body .elementor-widget-text-editor a:hover{
    color: #151A40;
    font-weight: 600 ;
}


/* Mehr dazu btn on hover */
.idl-md-btn:hover span {
    color: var(--e-global-color-accent) !important
}

.idl-md-btn:hover svg path{
    stroke: var(--e-global-color-accent) !important
}

/* List Items whole Page in Text Editor*/
.idl-body .elementor-widget-text-editor ul{
    padding-left: 0 !important;
    margin-left: -25px !important;
}

.idl-body .elementor-widget-text-editor ul{
    padding-left: 0 !important;
    margin-left: -25px !important;
}


.idl-body .elementor-widget-text-editor ul{
    padding: 10px 20px 10px 50px !important;
}

.idl-body .elementor-widget-text-editor ul {
    list-style: none; /* Remove default bullets */
    padding-left: 0; /* Remove default padding */
}

.idl-body .elementor-widget-text-editor ul li{
    position: relative;
    padding-left: 25px; /* Adjust space for the bullet */
}

.idl-body .elementor-widget-text-editor ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 23px; 
    height: 23px; 
    background-image: url('https://www.boi.at/wp-content/uploads/2025/03/circle-pfeil.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: -25px !important;    
}


@media (max-width: 767px) {
    .idl-body .elementor-widget-text-editor ul li{
        position: relative;
        padding-left: 5px !important;
    }

    .idl-body .elementor-widget-text-editor ul li::before {    
        left: 0;
        top: 2px;
        width: 15px;
        height: 15px;    
        margin-left: -25px !important;
    }

    .idl-ss-tabs-tab{
        padding: 20px 25px;
    }
}

/* Header */
.idl-header-menu li a{  
  flex-grow: 0 !important;
  margin: 0 auto !important  
}

.idl-header-menu li:first-child,
.idl-header-menu li:last-child,
.idl-header-menu li:nth-child(3) {  
  flex-grow: 0 !important;
}

.idl-header-menu a::before {
    top: -17px !important
}

.idl-header-menu li a::before{
    width: calc(100% + 40px) !important;
    transform: translateX(-20px) !important;
}

.idl-header-lng-switcher li:last-of-type{
    border-left: 2px solid var(--e-global-color-primary) !important; 
    margin-left: 5px;
}

/* Tabs Section */

@media (min-width: 1201px){
  .idl-tabs-widget .e-n-tabs-heading button{
      max-width: 220px !important;
  }

  .idl-tabs-widget .e-n-tab-title-text {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
  }

}

/*@media (max-width: 1200px) {*/
/*  .idl-tabs-widget .e-n-tabs-heading button{*/
/*    max-width: 220px !important;*/
/*    min-width: 220px !important;*/
/*    text-wrap-mode: wrap !important;*/
/*  }  */
/*}*/

@media (max-width: 1200px) {
    .idl-schritt-tabs .e-n-tabs-heading {
        gap: 10px !important;
    }

    .idl-tabs-widget .e-n-tabs-heading button {        
        max-width: calc(20% - 8px) !important; 
    }    
}


@media (max-width: 1024px) {
  .idl-tabs-widget .e-n-tabs-heading button{
    max-width: 200px !important;
    min-width: 200px !important;
    text-wrap-mode: wrap !important;
  }  
}


@media (max-width: 767px){
  
  .idl-tabs-tab{
    padding: 25px 20px !important;
  }
}


/* Footer Gradient */
.idl-footer-background{
    background: linear-gradient(7deg, var(--e-global-color-primary) 60%, #00000000 calc(60% + 1px )) !important;
}

.idl-footer-background {
    padding-top: 200px !important;
    margin-top: -310px !important;
}

.idl-footer-background .e-con-inner{
    padding-top: 180px !important;
}

@media (max-width: 1024px){

    .idl-footer-background {
        padding-top: 200px !important;
        margin-top: -390px !important;
    }
    
    
    .idl-footer-background .e-con-inner{
        padding-top: 280px !important;
    }
    
}


/* Success Story UL */
.idl-accordion-ss ul,
.idl-bullet-points ul{
    padding-left: 0 !important;
    margin-left: -25px !important;
}

.idl-accordion-ss .idl-accordion-inhalt{
    padding: 35px 25px 25px 80px !important;
}

.idl-bullet-points ul{
    padding: 10px 20px 10px 50px !important;
}

.idl-accordion-ss ul,
.idl-bullet-points ul{
    list-style: none; /* Remove default bullets */
    padding-left: 0; /* Remove default padding */
}

.idl-accordion-ss ul li,
.idl-bullet-points ul li{
    position: relative;
    padding-left: 25px; /* Adjust space for the bullet */
}

.idl-accordion-ss ul li::before,
.idl-bullet-points ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 23px; 
    height: 23px; 
    background-image: url('https://www.boi.at/wp-content/uploads/2025/03/circle-pfeil.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: -25px !important;    
}

/* SS Tabs */
.idl-ss-tabs-widget .e-n-tab-title{
    max-width: calc(25% - 7.5px) !important; 
}

/*  Ueber uns - Team Loop Items */
.idl-team-inner-li{
    display: none;
}

.idl-team-li:hover .idl-team-inner-li{
    display: flex;
}

/* Über uns Grid */
.idl-lg-offene-stellen .elementor-grid > div:first-of-type {
    order: 9999;
}

/* Offene Stellen Grid */
.idl-parent-to-hide:has(.e-loop-nothing-found-message){
    display: none;
}

/* TEam Loop Item V2 */
.idl-team-li-v2-image{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%) !important;
} 


.idl-team-li-v2{
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
}




/* MEdiq Queries */
@media (max-width: 1024px) {
  html {
    font-size: 12px !important; /* slightly smaller on screens 1024px and below */
  }
}

@media (max-width: 767px) {

  h1{
    hyphens: auto !important;
  }

   h2 {
    font-size: 26px !important;
    line-height: 36px !important ;
  }

    /*.idl-mobile-no-arrows .elementor-swiper-button {*/
    /*  display: none !important;*/
    /*}*/

  .idl-accordion-ss .idl-accordion-inhalt{
    padding: 20px 20px 20px 30px !important;
  } 
  
  .idl-accordion-ss .e-n-accordion-item-title-text{
    font-size: 18px !important;
    line-height: 22px !important;
  }

  .idl-accordion-ss .e-n-accordion-item-title{
    padding: 10px !important;;
    gap: 10px !important;;
  }

  .idl-accordion-ss .e-n-accordion-item-title svg{
    height: 10px !important;
  }


  .idl-accordion-ss ul li, .idl-bullet-points ul li {
    position: relative;
    padding-left: 30px !important;
  }

  .idl-accordion-ss ul li::before, .idl-bullet-points ul li::before {    
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;    
    margin-left: 0px !important;
  }
  
  /* SS Produkt Parent COntaienr*/
  .idl-produkte-kacheln-parent{
      max-width: 300px !important;
    }
    
    .idl-mobil-hero img{
      min-height: 180px !important;
      object-fit: cover !important
    }
    
   
  /* Success Story Tabs */
  .idl-ss-tabs-widget .e-n-tab-title {
      min-width: 260px !important;
  }
  
  /* Team Loop Item */
  .idl-team-li-v2 {
      max-width: 280px !important
    }
    
    /* New Loop Items */
  .idl-news-li {
    max-width: 280px !important;
  }
}


/* Kontakt Seite Formular */
.idl-ks-kontaktformular .elementor-field-option{
    display: flex;
    flex-direction: row !important;
    align-items: start !important;
    gap: 10px;
    
}

.idl-ks-kontaktformular .elementor-field-option input{
    margin-top: 2px
}

.idl-ks-kontaktformular .elementor-field-option label{
   font-size: 16px !important; 
    line-height: 22px !important
}

.idl-ks-kontaktformular .elementor-field-option label a{
    color: #F39200;
}

.idl-ks-kontaktformular .elementor-field-option label a:hover{
    color: #151A40;
}


@media (max-width: 768px){
    .idl-ks-kontaktformular .elementor-field-option label{
        font-size: 12px !important;   
        line-height: 18px !important;
    }
}

.page-id-6508 .elementor-element-0589cd6.idl-contact-form {
    display: none !important;
}

.page-id-6641 .elementor-element-0589cd6.idl-contact-form,
.page-id-7457 .idl-contact-form,
.page-id-7451 .idl-contact-form{
    display: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DM Sans';
	font-display: auto;
	src: url('https://www.boi.at/wp-content/uploads/2025/02/DMSans-VariableFont_opszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */