/* 
Theme Name: agila.group
Theme URI: https://www.absolutinternet.at
Description: Design Template agila.group
Author: Sebastian Schmidgen
Author URI: https://www.bassart.audio
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/********************* AI General Styling *******************************************/

/* h1, h2 {
    hyphens: auto;
} 

#easycampmenu li.elementor-icon-list-item svg, #easycampmenu li.elementor-icon-list-item span.elementor-icon-list-text {
    fill: #fff; 
    transition: color 0.4s ease; 
}

#easycamplogo img svg {
    fill:#88BA14;
}

#easycampmenu.scrolled li.elementor-icon-list-item svg {
    fill: #88BA14; 
}

#easycampmenu.scrolled li.elementor-icon-list-item span.elementor-icon-list-text {
    color: #88BA14;
}*/

/*********************** AI Permanent Menüstyling ********************************************************/

.elementor-breadcrumbs a, .breadcrumb-separator, li.breadcrumb-item a, li.breadcrumb-item {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.elementor-breadcrumbs a:hover, .breadcrumb-item.current, li.breadcrumb-item a:hover, .agila-breadcrumbs [aria-current="page"] {
    color: #fbc02c;
    font-size: 12px;
    text-transform: uppercase;
}

.elementor-breadcrumbs a:hover {
    text-decoration: underline;
}

/* Home-Icon auf Startseite ausblenden */
body.home nav.agila-breadcrumbs {
    display: none;
}


/*********************** AI Animations ********************************************************************/

/* .pulsonator svg, .pulsonator .elementor-icon-list-text {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
} */

/*********************** AI Elementor Styling *************************************************************/

main .elementor-widget-text-editor p strong {
    color:inherit!important;
    font-weight: bold;
}

main .elementor-widget-text-editor li::marker {
  color: #606060;
}

main ul {
    margin-bottom: 1rem;
    padding-left: 1rem;
}

main .whitebulls .elementor-widget-text-editor li::marker {
  color: #fff;
}

/* Agila Gradient – vertikal (von oben nach unten) */
.agila-gradient {
background: linear-gradient(
        to top,
        #465f89 0%,
        #465f89 8%,
        #000000 45%,
        #080306 49%,
        #1d0b16 56%,
        #411932 64%,
        #62264b 84%,
        rgba(98, 38, 75, 0) 99%
    ) !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.agila-gradient2 {
background: linear-gradient(
        to top,
        #465f89 0%,
        #465f89 8%,
        #000000 45%,
        #080306 49%,
        #1d0b16 56%,
        #411932 64%,
        #62264b 80%,
        rgba(98, 38, 75, 0) 99%
    ) !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/************ AI AGILA FOOTER MENU ********************************/

/* === AGILA MENÜ - Farbige Punkte === */

/* Elementor-Überschreibungen aufheben */
.elementor-nav-menu .elementor-item::before,
.elementor-nav-menu .elementor-item::after {
    opacity: 1 !important;
    content: none !important; /* Elementor Pseudo-Elemente deaktivieren */
}

/* Eigene farbige Punkte */
.elementor-nav-menu .menu-erp > a::before,
.elementor-nav-menu .menu-fibu > a::before,
.elementor-nav-menu .menu-lohn > a::before,
.elementor-nav-menu .menu-easycamp > a::before,
.elementor-nav-menu .menu-inside > a::before,
.elementor-nav-menu .menu-join > a::before,
.elementor-nav-menu .menu-kontakt > a::before, .elementor-nav-menu .erp-menu > a::before, .elementor-nav-menu .fibu-menu > a::before, .elementor-nav-menu .lohn-menu > a::before  {
    content: '' !important;
    display: inline-block !important;
    width: 13px !important;
    height: 13px !important;
    border-radius: 50% !important;
    margin-right: 9px !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    background-color: #f9c74f !important; /* Default-Farbe */
}

/* Individuelle Farben */
.elementor-nav-menu .menu-erp > a::before     { background-color: #ffdb21 !important; }
.elementor-nav-menu .menu-fibu > a::before    { background-color: #2a6fb0 !important; }
.elementor-nav-menu .menu-lohn > a::before    { background-color: #8e2a8e !important; }
.elementor-nav-menu .menu-easycamp > a::before{ background-color: #4caf50 !important; }
.elementor-nav-menu .menu-inside > a::before  { background-color: #2a6fb0 !important; }
.elementor-nav-menu .menu-join > a::before    { background-color: #1e2a44 !important; }
.elementor-nav-menu .menu-kontakt > a::before { background-color: #8e2a8e !important; }

/* ERP Farben *******************/

.elementor-nav-menu .menu-erp1 > a::before     { background-color: #e8e4bc !important; }
.elementor-nav-menu .menu-erp2 > a::before    { background-color: #ffdb21 !important; }
.elementor-nav-menu .menu-erp3 > a::before    { background-color: #fbbb1c !important; }
.elementor-nav-menu .menu-erp4 > a::before { background-color: #bb8e2a !important; }
.elementor-nav-menu .menu-erp5 > a::before  { background-color: #7e6c2c !important; }
.elementor-nav-menu .menu-erp6 > a::before    { background-color: #6b69a3 !important; }
.elementor-nav-menu .menu-erp7 > a::before { background-color: #484688 !important; }
.elementor-nav-menu .menu-erp8 > a::before { background-color: #333056 !important; }

/* FIBU Farben *******************/

.elementor-nav-menu .menu-fibu1 > a::before     { background-color: #efefea !important; }
.elementor-nav-menu .menu-fibu2 > a::before    { background-color: #4398cf !important; }
.elementor-nav-menu .menu-fibu3 > a::before    { background-color: #1e6baf !important; }
.elementor-nav-menu .menu-fibu4 > a::before { background-color: #16448d !important; }
.elementor-nav-menu .menu-fibu5 > a::before  { background-color: #21b1a7 !important; }
.elementor-nav-menu .menu-fibu6 > a::before    { background-color: #008e91 !important; }
.elementor-nav-menu .menu-fibu7 > a::before { background-color: #f8b31e !important; }
.elementor-nav-menu .menu-fibu8 > a::before { background-color: #0b264d !important; }

/* LOHN Farben *******************/

.elementor-nav-menu .menu-lohn1 > a::before     { background-color: #f1eef0 !important; }
.elementor-nav-menu .menu-lohn2 > a::before    { background-color: #a05196 !important; }
.elementor-nav-menu .menu-lohn3 > a::before    { background-color: #8c3087 !important; }
.elementor-nav-menu .menu-lohn4 > a::before { background-color: #6e156e !important; }
.elementor-nav-menu .menu-lohn5 > a::before  { background-color: #4d204d !important; }
.elementor-nav-menu .menu-lohn6 > a::before    { background-color: #e53170 !important; }
.elementor-nav-menu .menu-lohn7 > a::before { background-color: #810143 !important; }
.elementor-nav-menu .menu-lohn8 > a::before { background-color: #8da41d !important; }


/* Flex für perfekte Ausrichtung */
.elementor-nav-menu .elementor-item {
    display: flex !important;
    align-items: center !important;
}

/************ AI Filter Hide Elements *****************************/

.page-id-858 button.e-filter-item[data-filter="agila-erp"] {
    display: none!important;
}

/************ FOOTER Hanging round and round **********************/

.support-container {
  max-width: 380px;
  font-size: 0.8rem;
  line-height: 1.2rem;
}

.support-email {
  color: inherit;
}

/* Jedes Label + Nummer als Block */
.support-item {
  margin-bottom: 0px;
  display: inline-flex;
}

/* Die farbigen Labels */
.label {
  display: inline-block;
  width: 110px;               /* feste Breite für Ausrichtung */
  padding-right: 12px;
}

.erp       { color: #f59e0b; }   /* Orange */
.easycamp  { color: #10b981; }   /* Grün */
.fibu      { color: #3b82f6; }   /* Blau */
.lohn      { color: #8b5cf6; }   /* Lila/Violett */

.number {
    display: inline-block;
}



/************************ AI MENU Styling **********************************************/

#menuicons .elementor-icon-list-item.active .elementor-icon-list-text {
    color: #042447!important; 
}
#menuicons .elementor-icon-list-item.active .elementor-icon-list-icon svg {
    fill: #042447!important; 
}
header .page-item-113 .elementor-item::after, header .menu-item-home .elementor-item:hover::after, header .menu-item-home .elementor-item::after {
    height: 0px!important;
}

/* #acmainmenu .elementor-nav-menu--dropdown {
    width: calc(100% - 35px) !important; 
}

#acmainmenu .elementor-nav-menu--dropdown a {
    width: calc(100% - 35px); 
    box-sizing: border-box; 
}

#acmainmenu .elementor-nav-menu--main .elementor-nav-menu--dropdown {
    min-width: unset !important; 
} */

/************************ AI Frontpage Styling *****************************************/

#ectrademark .elementor-icon-box-icon {
    padding-top: 11px;
}

#achomemain::before {
    background-position: 50% 65%;
}

/************************* AI Subpage Styling ******************************************/

@media (min-width: 2560px) {
    html, body {font-size: 20px;}
}

@media (min-width: 768px) {
    #acacmain {
        background-position: 50% 10%;;
    }

    #eciconbox {
        background-position: 5% 0%;
    }

    main .ecbgpadding::before {
        background-position: 99% 0%!important;
    }

    main .ecbgpaddingleft::before {
        background-position: 1% 0%!important;
    }

    main .systemgirls::before {
        background-position: 99% 100%!important;
    }

}
/************************ AI Elementor Maps Styling ************************************/

main .elementor-widget-google_maps {border-radius: 3rem!important;}

main .elementor-widget-google_maps iframe, .elementor-widget-google_maps iframe {
    filter: grayscale(100%);
}

/*********************** AI CC Styling **************************************************/

.elementor-kit-6 button.cc-link {
  background-color: inherit;
  font-family: inherit, Arial, Helvetica, Sans-serif;
  font-size: inherit;
  text-transform: none;
  line-height: 1.4em;
  border-style: solid;
    border-bottom-style: solid;
  border-width: 0;
    border-bottom-width: 0;
  border-color: transparent;
  border-radius: 0;
  padding: 0;
border-bottom: 1px solid var(--cc-btn-primary-bg);
  color: #2d4156;
  color: var(--cc-btn-primary-bg);
  cursor: pointer;
  display: inline;
  font-weight: 600;
  padding-bottom: 0;
  text-decoration: none;
}

button.c-bn, button.c-bn:hover, button.b-tl, button.b-tl:hover {
    text-transform: uppercase;
}

button.c_link:hover, button.b-tl.exp {
    color: #2d4156;
}


/************* AI ERP Akkordeon Styling **************************************/

#erpakk1 .e-n-accordion-item-title, #erpakk1a .e-n-accordion-item-title, #erpakk1b .e-n-accordion-item-title {
    background-color: rgb(239,236,203,1);
    border-radius: 20px;
}

#erpakk1 .elementor-element, #erpakk1a .elementor-element, #erpakk1b .elementor-element {
    background-color: rgb(239,236,203,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
}

#erpakk2 .e-n-accordion-item-title, #erpakk2a .e-n-accordion-item-title, #erpakk2b .e-n-accordion-item-title {
    background-color: rgb(255,225,32,1);
    border-radius: 20px;
}

#erpakk2 .elementor-element, #erpakk2a .elementor-element, #erpakk2b .elementor-element {
    background-color: rgb(255,225,32,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
}

#erpakk3 .e-n-accordion-item-title, #erpakk3a .e-n-accordion-item-title, #erpakk3b .e-n-accordion-item-title {
    background-color: rgb(253,202,18,1);
    border-radius: 20px;
}

#erpakk3 .elementor-element, #erpakk3a .elementor-element, #erpakk3b .elementor-element {
    background-color: rgb(253,202,18,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
}

#erpakk4 .e-n-accordion-item-title, #erpakk4a .e-n-accordion-item-title, #erpakk4b .e-n-accordion-item-title {
    background-color: rgb(208,161,0,1);
    border-radius: 20px;
    color: #fff;
}

#erpakk4 .elementor-element, #erpakk4a .elementor-element, #erpakk4b .elementor-element {
    background-color: rgb(208,161,0,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
    color: #fff;

}

#erpakk5 .e-n-accordion-item-title, #erpakk5a .e-n-accordion-item-title, #erpakk5b .e-n-accordion-item-title {
    background-color: rgb(151,123,25,1);
    border-radius: 20px;
    color: #fff;

}

#erpakk5 .elementor-element, #erpakk5a .elementor-element, #erpakk5b .elementor-element {
    background-color: rgb(151,123,25,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
    color: #fff;
}

/************* AI FIBU Akkordeon Styling **************************************/

#fibakk .elementor-element li::marker {
    color: rgb(239, 239, 234)
}

#fibakk1 .e-n-accordion-item-title, #fibakk1a .e-n-accordion-item-title, #fibakk1b .e-n-accordion-item-title {
    background-color: rgb(63, 153, 207,1);
    border-radius: 20px;
}

#fibakk1 .elementor-element, #fibakk1a .elementor-element, #fibakk1b .elementor-element {
    background-color: rgb(63, 153, 207,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
}

#fibakk2 .e-n-accordion-item-title, #fibakk2a .e-n-accordion-item-title, #fibakk2b .e-n-accordion-item-title {
    background-color: rgb(26,107,175,1);
    border-radius: 20px;
}

#fibakk2 .elementor-element, #fibakk2a .elementor-element, #fibakk2b .elementor-element {
    background-color: rgb(26,107,175,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
}

#fibakk3 .e-n-accordion-item-title, #fibakk3a .e-n-accordion-item-title, #fibakk3b .e-n-accordion-item-title {
    background-color: rgb(21,68,142,1);
    border-radius: 20px;
}

#fibakk3 .elementor-element, #fibakk3a .elementor-element, #fibakk3b .elementor-element {
    background-color: rgb(21,68,142,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
}

#fibakk4 .e-n-accordion-item-title, #fibakk4a .e-n-accordion-item-title, #fibakk4b .e-n-accordion-item-title {
    background-color: rgb(25, 177, 168,1);
    border-radius: 20px;
    color: #fff;
}

#fibakk4 .elementor-element, #fibakk4a .elementor-element, #fibakk4b .elementor-element {
    background-color: rgb(25, 177, 168,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
    color: #fff;

}

#fibakk5 .e-n-accordion-item-title, #fibakk5a .e-n-accordion-item-title, #fibakk5b .e-n-accordion-item-title {
    background-color: rgb(20, 142, 145,1);
    border-radius: 20px;
    color: #fff;

}

#fibakk5 .elementor-element, #fibakk5a .elementor-element, #fibakk5b .elementor-element {
    background-color: rgb(20, 142, 145,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
    color: #fff;
}

#fibakk6 .e-n-accordion-item-title, #fibakk6a .e-n-accordion-item-title, #fibakk6b .e-n-accordion-item-title {
    background-color: rgb(10, 38, 77,1);
    border-radius: 20px;
    color: #fff;

}

#fibakk6 .elementor-element, #fibakk6a .elementor-element, #fibakk6b .elementor-element {
    background-color: rgb(10, 38, 77,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
    color: #fff;
}

/************* AI LOHN Akkordeon Styling **************************************/

#lohnakk .elementor-element li::marker {
    color: rgb(241, 238, 240)
}

#lohnakk1 .e-n-accordion-item-title, #lohnakk1a .e-n-accordion-item-title, #lohnakk1b .e-n-accordion-item-title {
    background-color: rgb(160, 81, 150,1);
    border-radius: 20px;
}

#lohnakk1 .elementor-element, #lohnakk1a .elementor-element, #lohnakk1b .elementor-element {
    background-color: rgb(160, 81, 150,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
}

#lohnakk2 .e-n-accordion-item-title, #lohnakk2a .e-n-accordion-item-title, #lohnakk2b .e-n-accordion-item-title {
    background-color: rgb(139, 47, 134,1);
    border-radius: 20px;
}

#lohnakk2 .elementor-element, #lohnakk2a .elementor-element, #lohnakk2b .elementor-element {
    background-color: rgb(139, 47, 134,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
}

#lohnakk3 .e-n-accordion-item-title, #lohnakk3a .e-n-accordion-item-title, #lohnakk3b .e-n-accordion-item-title {
    background-color: rgb(111, 20, 110,1);
    border-radius: 20px;
}

#lohnakk3 .elementor-element, #lohnakk3a .elementor-element, #lohnakk3b .elementor-element {
    background-color: rgb(111, 20, 110,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
}

#lohnakk4 .e-n-accordion-item-title, #lohnakk4a .e-n-accordion-item-title, #lohnakk4b .e-n-accordion-item-title {
    background-color: rgb(76, 32, 77,1);
    border-radius: 20px;
    color: #fff;
}

#lohnakk4 .elementor-element, #lohnakk4a .elementor-element, #lohnakk4b .elementor-element {
    background-color: rgb(76, 32, 77,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
    color: #fff;

}

#lohnakk5 .e-n-accordion-item-title, #lohnakk5a .e-n-accordion-item-title, #lohnakk5b .e-n-accordion-item-title {
    background-color: rgb(229, 47, 112,1);
    border-radius: 20px;
    color: #fff;

}

#lohnakk5 .elementor-element, #lohnakk5a .elementor-element, #lohnakk5b .elementor-element {
    background-color: rgb(229, 47, 112,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
    color: #fff;
}

#lohnakk6 .e-n-accordion-item-title, #lohnakk6a .e-n-accordion-item-title, #lohnakk6b .e-n-accordion-item-title {
    background-color: rgb(129, 2, 67,1);
    border-radius: 20px;
    color: #fff;

}

#lohnakk6 .elementor-element, #lohnakk6a .elementor-element, #lohnakk6b .elementor-element {
    background-color: rgb(129, 2, 67,1);
    border-radius: 20px;
    padding-left: 10px;
    padding-top: 10px;
    color: #fff;
}