/* 
Theme Name: FEAG - Energoline Theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: FEAG - Sangerhausen Theme is a child theme of Hello Elementor, created by Elementor team
Author: Narciss & Taurus
Author URI: https://narciss-taurus.de/
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 */

/* Formatierung header */

.elementor-66 .elementor-element.elementor-element-98d2b92:not(.elementor-motion-effects-element-type-background) {
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
}

.elementor-66 div.elementor-element.elementor-element-eb29b67 .elementor-nav-menu--dropdown {
	width: 180px !important;
	left: 50% !important;
	transform: translateX(-50%);
}

.elementor-location-header {
	background-color: #EB0045;
}

/* Formatierung Navmenue desktop */


/* Auf screens mit 1024px oder mehr */
@media screen and (min-width: 1200px) {

    .menu-item-has-children:has(.sub-menu:hover) {
        background: #8E9FBC !important;
        box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.1);
    }

    .elementor-nav-menu .sub-arrow {
        display: none !important;
    }

    .elementor-nav-menu--layout-horizontal .elementor-nav-menu a {
        white-space: normal !important;
    }
   
    ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
        padding: 15px !important;
	    hyphens: auto;
	    -webkit-hyphens:auto;
    }
   
    ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
        text-shadow: none;
        border-inline-start: 0px solid transparent !important;
    }
   
   
    .elementor-66 div.elementor-element.elementor-element-eb29b67 .elementor-nav-menu--dropdown {
        width: 100%;
    }
   
    .elementor-66 .elementor-element.elementor-element-eb29b67 .elementor-nav-menu--dropdown .elementor-item, .elementor-66 .elementor-element.elementor-element-eb29b67 .elementor-nav-menu--dropdown .elementor-sub-item {
        text-align: center;
        display: block;
    }

    .menu-item-has-children:has(ul li .elementor-item-active), .menu-item-has-children:has(.sub-menu:hover), .elementor-66 .elementor-nav-menu--main ul .menu-item .elementor-item, .elementor-66 .elementor-nav-menu--main ul .menu-item .elementor-item.has-submenu:hover, .elementor-66 .elementor-nav-menu--main ul .menu-item .elementor-item.has-submenu:focus{
        padding-top: 26px !important;
        margin-top: -26px !important;
    }
    .menu-item-has-children:has(ul li .elementor-item-active){
        /*font-weight: bold;*/
        color: #1f273a !important;
    }
    .elementor-nav-menu--main ul .menu-item .elementor-item.has-submenu:hover, .elementor-nav-menu--main ul .menu-item .elementor-item.has-submenu:focus{
        background: #8E9FBC !important;
        box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.1);
    }

    .elementor-66 .elementor-element.elementor-element-eb29b67 .elementor-nav-menu .elementor-item{
        display: block !important;
    }

    .elementor-66 .elementor-element.elementor-element-eb29b67 .elementor-nav-menu .elementor-item:hover,.elementor-66 .elementor-element.elementor-element-eb29b67 .elementor-nav-menu .elementor-item-active {
       /* font-weight: bold !important; 
        color: #1f273a !important;*/
    }

    .menu-item-has-children:has(ul li .elementor-item-active)::before{
        border-width: 1px 1px 0 0;
        border-radius: 0;
        content: ' ';
        background: #fff;
        display: block;
        height: 10px;
        position: absolute;
        width: 10px;
        top: 10px;
        left: 46%;
    }
    /*.elementor-66 .elementor-element.elementor-element-eb29b67 .elementor-nav-menu .elementor-item:hover::before {*/
    .elementor-66 .elementor-element.elementor-element-eb29b67 .elementor-nav-menu .elementor-item::before {
        border-width: 1px 1px 0 0;
        border-radius: 0;
        content: ' ';
        background: #fff;
        display: block;
        height: 10px;
        position: absolute;
        width: 10px;
        top: 10px;
        left: 46%;
	transform: translate(0,0);
    }
    
    .elementor-nav-menu--main .elementor-nav-menu .menu-item .sub-menu .menu-item .elementor-sub-item:hover, .elementor-nav-menu--main .elementor-nav-menu .menu-item .sub-menu .menu-item .elementor-sub-item.elementor-item-active {
       /* font-weight: bold !important; */
       color: #1f273a !important;
    }
   
}
/* Formatierung navmenu*/
/* Auf screens mit 767px oder weniger */
@media screen and (max-width: 767px) {
    .elementor-66 .elementor-element.elementor-element-98d2b92:not(.elementor-motion-effects-element-type-background) {
        height: 90px;
    }
    
}
.elementor-menu-toggle {
    background-color: unset !important;
    justify-content: right !important;
}


/* Formatierung Footer*/
.elementor-232 .elementor-nav-menu--main .elementor-nav-menu a{
    padding: 5px 0 !important;
}
/* Auf screens mit 1200px oder mehr */
@media screen and (min-width: 1200px) {

    .elementor-232 .elementor-element.elementor-element-3931447:not(.elementor-motion-effects-element-type-background)::before{
        content: ' ';
        background: url(/wp-content/uploads/2024/06/feag_silhouette_240502-02-klein.png);
        display: block;
        position: absolute;
        height: 143px;
        width: 100%;
        top: -141px;
        right: 0px;
        background-repeat: no-repeat;
        background-position: right;
    }

}

@media screen and (max-width: 1200px) and (min-width: 767px){
    .elementor-232 .elementor-element.elementor-element-3931447:not(.elementor-motion-effects-element-type-background)::before{
        content: ' ';
        background: url(/wp-content/uploads/2024/06/feag_silhouette_240502-02-bp-1200.png);
        display: block;
        position: absolute;
        height: 72px;
        width: 100%;
        top: -71px;
        right: 0px;
        background-repeat: no-repeat;
        background-position: right;
    }

}

@media screen and (max-width: 767px){
    .elementor-232 .elementor-element.elementor-element-3931447:not(.elementor-motion-effects-element-type-background)::before{
        content: ' ';
        background: url(/wp-content/uploads/2024/06/feag_silhouette_240502-02-bp-1024.png);
        display: block;
        position: absolute;
        height: 36px;
        width: 100%;
        top: -35px;
        right: 0px;
        background-repeat: no-repeat;
        background-position: right;
    }

}

/* Formatierung accordeon produkte*/
.elementor-accordion .elementor-accordion-item, .elementor-widget-n-accordion .e-n-accordion-item{
    border-bottom: 2px solid #EB0045 !important;
    
}

.elementor-accordion .elementor-tab-title, .elementor-widget-n-accordion .e-n-accordion-item-title{
    position: relative;
}


.elementor-accordion .elementor-accordion-item .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right, .elementor-widget-n-accordion .e-n-accordion-item-title-icon{
    position: absolute !important;
    bottom: 20px !important;
    right: 20px !important;
}

/**/
div.elementor-accordion div.elementor-accordion-item .elementor-tab-title a.elementor-accordion-title img{
    width: 50% !important;
    height: auto !important;
    float: left !important;
}

div.elementor-accordion div.elementor-accordion-item .elementor-tab-title.elementor-active a.elementor-accordion-title img{
    width: 100% !important;
    height: auto !important;
    float: left !important;
}

.elementor-widget-n-accordion summary .e-n-accordion-item-title-text img{
    width: 70% !important;
    height: auto !important;
    float: left !important;
    transition: width .5s, height .5s;
}

.elementor-widget-n-accordion summary[aria-expanded="true"] .e-n-accordion-item-title-text img{
    width: 95% !important;
    height: auto !important;
    float: left !important;
    transition: width .5s, height .5s;
}


/* Formatierung accordeon*/  

.elementor-accordion-title p{
    line-height: 1.5em;
}

.elementor-widget-n-accordion .e-n-accordion-item-title-icon {
    --n-accordion-icon-size: 30px;
}    
/*
div.elementor-accordion div.elementor-accordion-item .elementor-tab-title a.elementor-accordion-title .elementor .elementor-element .elementor-element{
    width: 30% !important;
}
*/
/*Formatierung werbebanner*/

.line-arrow .elementor-divider .elementor-divider-separator::before{
    content: ' ';
    background: url(/wp-content/uploads/2024/09/Pfeil_Richtung_unten_weiss.svg);
    display: block;
    position: absolute;
    height: 42px;
    width: 100%;
    top: 50%;
	transform: translateY(-50%);
    right: 0px;
    background-repeat: no-repeat;
	background-size: contain;
}

.line-arrow .elementor-divider .elementor-divider-separator::after{
    content: ' ';
    background: url(/wp-content/uploads/2024/09/Pfeil_Richtung_oben_weiss.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    display: block;
    position: absolute;
    height: 42px;
    width: 100%;
    top: 50%;
	transform: translateY(-50%);
    right: 0px;
    background-repeat: no-repeat;
	background-size: contain;
    background-position: right;
}

/* formatierung slider und heroimages */
.elementor-swiper .elementor-slides-wrapper .swiper-pagination{
    text-align: right !important; 
}
.swiper-pagination .swiper-pagination-bullet{
    border: 1px solid #EB0045;
 }
/*Formatierung Slider und heroimages überschrift*/
 @media screen and (min-width: 1200px) {
    .elementor-slides .swiper-slide-inner .elementor-slide-heading, .hero-img h2.elementor-heading-title{
        max-width:1100px;
    }
    /*.elementor-slides .swiper-slide-inner .elementor-slide-description, .hero-img h3.elementor-heading-title{
        max-width:640px;
    }*/
 }
 @media screen and (max-width: 992px) {
    .hero-img h3.elementor-heading-title{
        display:none;
    }
	.heroslider .elementor-slides .swiper-slide-inner .elementor-slide-description {
		display:none;
	}
 }

 .hero-img h3.elementor-heading-title{
    font-size:24px !important;
    font-weight:normal !important;
  }


  .elementor-swiper .elementor-slide-description{
    font-size:24px !important;
    font-weight:normal !important;
  }

/*Formatierung Kontaktfenster*/

 .contact-window {
    display: block;
    width: 55px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);
    position: fixed;
    top: 400px;
    right: 0;
    z-index: 100;
    background: #fff;
  }

  .contact-window .celementor-icon i, .contact-window .elementor-icon svg {
    width: 0.6em;
    height: 0.6em;
  }

  @media screen and (max-width: 1200px){
    .contact-window {
        top: 260px;
     }
  }

/*Formatierung Menuanker*/
#beratung,#Realisierung,#Aftersales,#Individualisierung,#digitalisierung,#ladeinfrastruktur,#dienstrad,#energiesparen,#energolinedigital,#recycling,#muelltrennung,#erneuerbarenergien,#Ausbildungsbetrieb,#Guatron,#Zinkelektrolyse,#Automobilhersteller{
    display: block;
    position: relative;
    top: -200px;
}
@media screen and (max-width: 767px){
    #beratung,#Realisierung,#Aftersales,#Individualisierung,#digitalisierung,#ladeinfrastruktur,#dienstrad,#energiesparen,#energolinedigital,#recycling,#muelltrennung,#erneuerbarenergien,#Ausbildungsbetrieb,#Guatron,#Zinkelektrolyse,#Automobilhersteller{
         display: block;
         position: relative;
         top: -80px;
    }
}    

/* Formatierung Slider*/
.swiper-slide{
    overflow: hidden;
}

/* Formatierung Bilder*/
/*Rahmen um Zoomeffekt*/
.elementor-widget-image {
    overflow: hidden;
}

/*menue fontsize*/
.elementor-sub-item {
    font-size: 15px;
}

.job-accordion .elementor-widget-container .e-n-accordion .e-n-accordion-item{
    border: unset !important; 
}
.job-accordion .elementor-widget-container .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title{
	border: unset !important;
}
.job-accordion .elementor-widget-container .e-n-accordion .e-n-accordion-item .elementor-element{
	border: unset !important;
}
.job-accordion .elementor-widget-container .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-icon {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
}

/*Formatierung News Buttons*/
.elementor-129 .elementor-element.elementor-element-6927a57 .elementor-button{
    cursor: pointer;
}

.news-active {
    background-color: var(--e-global-color-accent) !important;
}

/* Formatierung news images */
.news-full-container .elementor-widget-image{
    width: 100%;
    height: 100%;	
 }

.news-full-container .elementor-widget-image .elementor-widget-container {
   	display:flex;
	justify-content: center;
	align-items: center;
}

 .news-full-container .elementor-widget-image .elementor-widget-container img{
    width:auto;
    height:100%;
    max-width: none;
 }
@media (max-width:1024px){
    .news-full-container .elementor-widget-image{
        width: 100%;
        height:auto;	
     }
     
     .news-full-container .elementor-widget-image .elementor-widget-container img{
        width: 100%;
        height:auto;
	max-width: 100%;
     }
}

/*Formatierung Überschriften*/
h1,h2,h3,h4,h5,h6{
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* SEO H1 versteckt */
.seotitle {
	opacity: 0;
}

/*Formatierung navmenu abstand erster sublink zu hauptlink*/
.sub-menu > :first-child a,.sub-menu > :first-child a:hover {
   /* border: 1px solid green;*/
    padding-top: 20px !important;
}

/* Formatierung Navmenue desktop */

@media (max-width:767px){
	h2 {font-size:26px !important;}
	h3 {font-size:22px !important;}
	h4 {font-size:20px !important;}
	h5 {font-size:18px !important;}
}


@media (min-width:767px){
    .elementor-slides .swiper-slide-inner {
       padding-bottom: 50px !important;
    }
    .hero-img{
       padding-bottom: 150px !important; 
    }
}


/* Formatierung img-banner */
@media (max-width:1800px){
    .img-banner{
        background-position: 0 0 !important;
    }
}

@media (max-width:767px){
    .header-div{
        justify-content: space-between;
        padding-left: 25px;
        padding-right: 25px;
    }
}


/*Footerlinks*/
.elementor-element-44f29db .elementor-widget-container a{
    color: #fff;
}
.elementor-element-44f29db .elementor-widget-container a:hover{
    color: #EB0045;
}

/*header on scroll verstecken*/
.header-div {
    transition: transform .25s .1s ease-in-out;
 }
 
 .down .header-div {
    transform: translate3d(0, -30vh, 0); 
 }

 /*Ansprechpartner tabelle*/
 .kontaktdaten-ansprechpartner{
    --border-color: none;
    --padding: 0.1rem;
 }

 .kontaktdaten-ansprechpartner tbody>tr:nth-child(odd)>td, .kontaktdaten-ansprechpartner tbody>tr:nth-child(odd)>th{
    background-color: unset;
 }

 /*.kontaktdaten-ansprechpartner tbody tr:hover{
    background-color: #fff;
 }*/

 .kontaktdaten-ansprechpartner tbody tr:hover>td, .kontaktdaten-ansprechpartner tbody tr:hover>th {
    background-color: unset !important;
}

/* Datenschutz Wordbreak für Links auf Smartphone */
@media (max-width: 500px) {
	.privacy-policy .page-content a {
		word-break: break-word;
	}
}

.img-banner .elementor-widget-text-editor a{
	color:#fff;
}
.img-banner .elementor-widget-text-editor a:hover{
	color:#EB0045;
}


li{
    list-style-type: square;
}

/*Technische Daten tabelle formatieren*/
.teschnische-daten-tabelle{
    --text-color: #111;
    --head-text-color: #fff;
    --head-bg-color: #d9edf7;
    --odd-text-color: #fff;
    --odd-bg-color: #ffa03d;
    --even-text-color: #fff;
    --even-bg-color: #ffb255;
    --hover-text-color: #fff;
    --hover-bg-color: #ff623b;
    --border-color: unset;
    font-size: 16px;
}

/* Links in Störer*/
.stoerer-blue a,
.stoerer-red a {
	color: #fff;
}

.stoerer-blue a:hover,
.stoerer-red a:hover {
	color: #fff;
}

.accordion-stellenangebote .e-n-accordion-item{
    border-bottom: unset !important;
} 

.accordion-stellenangebote .e-n-accordion-item-title-icon {
	bottom:0px !important;
}