/*---------------------------------------------------------------------------------

 Theme Name:   Netzhelfer theme
 Theme URI:    https://netzhelfer.de
 Description:  NETZhelfer 
 Author:       NETZhelfer GmbH – Ihre Internetagentur aus Esslingen
 Author URI:   https://netzhelfer.de
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*place button modules next to each other in the same column*/
.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}


.pa-inline-buttons {
    text-align: center !important;
}


@media all and (max-width: 980px) {
#edoobox_notrette { 
min-height:1600px!important;
}
}	


.et_pb_menu__menu>nav>ul>li>a { 
color:#1d3645;
	text-transform:uppercase;
}


/*set the Divi menu dropdown auto width*/
@media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}
	.nav li li {
		white-space: nowrap;
	}
	.nav li li a {
		width: auto !important;
		color:#000;
		font-size:14px!important;
	}
}


/*add a rounded border to the image*/
.b-menu-image img {
padding-top:4px;
	width:22px;
	height:22px;


}

/* Remove the dropdown border and inner spacing */
.b-menu.et_pb_menu .et-menu-nav ul.sub-menu {
    padding: 0;
    border-top: 0;
}

/* Move the first-level dropdown to the left */
.b-menu ul.nav > li > ul.sub-menu {
    transform: translateX(-9px);
}


/* Add rounded corners to the dropdown container */
.b-menu.et_pb_menu .et-menu-nav ul.sub-menu {
    border-radius:10px;
}

/* Add rounded corners to the first dropdown item */
.b-menu ul.sub-menu li:first-child a {
    border-radius: 10px 10px 0 0;
}

/* Add rounded corners to the last dropdown item */
.b-menu ul.sub-menu li:last-child a {
    border-radius: 0 0 10px 10px;
}


/* Add triangle arrow to the dropdown */
.b-menu ul.nav > li > ul.sub-menu:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #61b5e5 transparent;
    position: absolute;
    top: -10px;
    left: 30px;
}

/* Move the arrow to the center */
.b-menu ul.nav > li > ul.sub-menu:before {
    left: 50%;
    transform: translateX(-50%);
}


/* Change the default dropdown animation */
.b-menu ul.nav > li > ul.sub-menu {
    transform:translateY(10px);
    transition: all .3s ease-in-out;
}
.b-menu ul.nav > li:hover > ul.sub-menu {
    transform:translateY(0);
}

/* Change the vertical dropdown offset */
.b-menu.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 15px;
}



/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}



/*MOBILE MENU CSS */



/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}
/* Remove the top line in the mobile menu*/
.et_mobile_menu {
border-top:0;
}
/* Center-align moble menu items */
.et_mobile_menu li {
text-align:center !important;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0 !important;
}
/* Make mobile menu fullwidth */
.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
}

/* Remove the animation to avoid delay */
.mobile_nav.opened .et_mobile_menu {
display:block !important;
}


et_mobile_menu .first-level > a {
background-color: transparent;
position: relative;
}
.et_mobile_menu .first-level > a:after {
font-family: 'ETmodules';
content: '\4c';
font-weight: normal;
position: absolute;
font-size: 16px;
top: 13px;
right: 10px;
}
.et_mobile_menu .first-level > .icon-switch:after{
content: '\4d';
}
.second-level {
display: none;
}
.reveal-items {
display: block;
}
.et_mobile_menu {
margin-top: 10px;
width: 230%;
margin-left: -65%;
}


.et_mobile_menu li a {

    padding: 8px 5%;

}

/*END MOBILE MENU CSS */

.et_mobile_menu li a {
    border-bottom: 0px solid rgba(0,0,0,.00);
    color: #000;
    padding: 10px 5%;
    display: block;
}

.et_mobile_menu {
overflow: scroll !important;
max-height: 80vh;
}


.mobile_nav.opened .et_mobile_menu {
    display: block !important;
    min-height: 85vh;

}


@media (max-width: 980px) {
    .et_pb_menu .et_mobile_menu {
        top: 100%;
        padding: 5%;
        padding-top: 20%;
    }
}


.gradient-overlay:before {
    content: "";
    position: absolute;
    z-index: 1;
    background: inherit;
    top: 0;
    bottom: 0;
    width: 100%;
}


.sec-bg .et_pb_section_video_bg .mejs-video {
    bottom: 0px;
}




#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {

    margin-top: 150px;
}
















.eh-feature-boxes {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
  width: 100%;
}

.eh-feature-box {
  background: #ffffff;
  border: 1px solid #e9edf3;
  border-radius: 18px;
  padding: 28px 22px;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.08);
  transition: all 0.3s ease;
}

.eh-feature-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12);
}

.eh-feature-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
 background: #1D3645;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 14px;
  margin-bottom: 18px;
}

.eh-feature-box h4 {
  font-size: 18px;
  line-height: 1.25;
  margin: 0 0 12px;
  color: #1D3645!important;
  font-weight: 800;
}

.eh-feature-box p {
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  color: #4b5563;
}

@media (max-width: 980px) {
  .eh-feature-boxes {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .eh-feature-boxes {
    grid-template-columns: 1fr;
  }

  .eh-feature-box {
    padding: 24px 20px;
  }
}












.eh-feature-boxes-dark {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  width: 100%;
}

.eh-feature-box-dark {
  background: #1D3645;
  color: #ffffff;
  border-radius: 18px;
  padding: 28px 22px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease;
}

.eh-feature-box-dark:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
}

.eh-feature-box-dark h4 {
  font-size: 18px;
  line-height: 1.25;
  margin: 0 0 12px;
  font-weight: 800;
  color: #ffffff;
}

.eh-feature-box-dark p {
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  color: #ffffff;
  opacity: 0.9;
}

/* Tablet */
@media (max-width: 980px) {
  .eh-feature-boxes-dark {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .eh-feature-boxes-dark {
    grid-template-columns: 1fr;
  }

  .eh-feature-box-dark {
    padding: 24px 20px;
  }
}









.eh-feature-boxes-dark-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 100%;
}

.eh-feature-box-dark-3 {
  background: #1D3645;
  color: #ffffff;
  border-radius: 20px;
  padding: 30px 24px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease;
}

.eh-feature-box-dark-3:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.35);
}

.eh-feature-box-dark-3 h4 {
  font-size: 19px;
  line-height: 1.3;
  margin-bottom: 14px;
  font-weight: 800;
  color: #ffffff;
}

.eh-feature-box-dark-3 p {
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
  color: #ffffff;
  opacity: 0.9;
}

/* Tablet */
@media (max-width: 980px) {
  .eh-feature-boxes-dark-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .eh-feature-boxes-dark-3 {
    grid-template-columns: 1fr;
  }

  .eh-feature-box-dark-3 {
    padding: 24px 20px;
  }
}