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

 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 ------------------------------*/


@media (min-width: 981px) {
 .inline-elem { 
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-direction: row;
}

}


@media (max-width: 980px) {
  .hide-mobile {
    display: none!important;
  }
}

@media (min-width: 981px) {
  .hide-desktop {
    display: none!important;
  }
}

@media (max-width: 1024px) {
  .hide-mobile {
    display: none;
  }
}



/* Add a custom transition when opening/closing. */
.wp-block-details {
	transition: all 0.5s ease-in-out;
}

/* Add horizontal margin to nested blocks/elements. */
.wp-block-details > :where( :not( summary ) ) {
	margin-left: 2rem;
	margin-right: 2rem;
}

/* If open, add some bottom padding to avoid content butting against the bottom. */
.wp-block-details[open] {
	padding-bottom: 2rem;
}

/* Base `summary` element styling. */
.wp-block-details summary {
	transition: all 0.5s ease-in-out;
	box-sizing: border-box;
	padding: 15px;
	font-weight: 500;
	border-radius: 0.0rem!important
}

/* Change the background of the `summary` element based on state. */
.wp-block-details[open] summary,
.wp-block-details summary:hover,
.wp-block-details summary:focus {
	background: #f8f8f8;
}

.wp-block-details summary::marker {
	content: "+ ";
}

.wp-block-details[open] summary::marker {
	content: " "
}

.wp-block-details summary::marker {
	content: none;
}

.wp-block-details summary::after {
	content: " +";
	float: right;
	text-align: right;
}

.wp-block-details[open] summary::after {
	content: " -"
}




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


.company-info-card:hover h3 { 
color: #fff!important;
}


.company-info-card:hover h4 { 
color: #fff!important;
}

.company-info-card:hover .company-text { 
color: #fff!important;
}

.round { 
border-radius:0.0rem!important
}



.et-pb-controllers a {

    width: 10px;
    height: 10px;


}


.et-pb-controllers .et-pb-active-control { 
width:30px;
	border-radius:0.0rem;
}


.et_pb_menu_0_tb_header.et_pb_menu ul li a {
    color: #000;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li a:hover {
    color: #293868;
}

.header-column { 
width: 70% !important;
}

#powerTip { 
border-radius:0.0rem!important;
	background-color:#293868!important;
	color:#293868!important;
}

#powerTip p { 
border-radius:0.0rem!important;
	color:#fff!important;
	font-size:18px;
}


#hotspots-map-container-788 { 
border-radius:0.0rem;
}


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


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


.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block!important;
    content: "\e04f" !important;
}

/*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;
		border-radius:0px;
	/*	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
		min-width:200px;
	}
	.nav li li {
		white-space: nowrap;
	}
	.nav li li a {
		width: auto !important;
		
	}
}



/* CTA button styles */
.b-menu-cta a {
color:#293868!important;
     /* Change button background color here */
    font-size: 16px!important; /* Change text size here */
    border-radius: 0.0rem!important; /* Set this to 0px if you want a square CTA button */
    -webkit-border-radius: 0.0rem;
    -moz-border-radius: 0.0rem;
    text-align: center;
    display: block;
/*    padding-left: 32px!important;
    padding-right: 32px!important;
	padding-top: 15px!important;
	padding-bottom: 15px!important;*/
    border-bottom: 1px solid #293868;
}



/* Media query to ensure hover styles are only applied to desktop */

@media (min-width: 981px) {
	
	.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a { 
 border-bottom: 1px solid #293868;
}
    
    /* Hover styles for our CTA Button */
    .b-menu-cta a:hover {
        opacity: 1!important;
        

		
    }
}
    






ul.wp-block-list { 
    line-height: 1.8em;
}
ol.wp-block-list { 
    line-height: 1.8em;
}

li::marker { 
font-weight:bold;
}

:root :where(a:where(:not(.wp-block-navigation))),
:root :where(a:where(:not(.wp-element-button))) {
    text-decoration: initial;
}

a:link { 
  text-decoration: none!important; 
} 
a:visited { 
  text-decoration: none!important; 
} 
a:hover { 
  text-decoration: none!important;  
} 
a:active { 
  text-decoration: none!important;  
}


.wp-block-gallery.has-nested-images figure.wp-block-image {
    overflow: hidden;
    border-radius: 0px;
	   /* object-position: center bottom;*/
}

.wp-block-gallery .wp-block-image img { 
border-radius:0px!important;
	max-height: 400px;
	object-fit: cover;
	 overflow: hidden!important;
	  /*  object-position: center bottom;*/
	box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);

}

.wp-block-gallery .wp-block-image img:hover { 

/*transform: translate(2, 2) rotate(1.2) skewX(0.5) skewY(0.5) scaleX(1.1) scaleY(1.1);*/
transform: scale(1.2);
	overflow: hidden;
	 -webkit-transition: transform 1.05s ease-in-out;
    -moz-transition:transform 1.05s ease-in-out;
    -ms-transition:transform 1.05s ease-in-out;
}




.round img { 
border-radius:0px!important;
}


.round img { 
border-radius:0px!important;
}


.ctdag-lightbox .mfp-bottom-bar { 
display:none;
}




/*remove default 11px padding on each side of list items*/
.b-vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
	   
}
/*make the menu items fullwidth and add space between them*/
.b-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 5px 0;
	 
}
/*style the menu items*/
.b-vertical-menu .et_pb_menu__menu nav ul li a {
	padding: 10px!important;
	border-radius: 0px;
	font-size:18px;
	color: #000;
	font-weight:bold;
	line-height: 1.3;

}
/*style the menu items on hover*/
.b-vertical-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 1!important;
	color: #000;
transform: scale(1.1) 
}
/*style the active menu item*/
.b-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a {
	opacity: 1!important;
	color: #000;
border-color: #fff;
}


/*make the submenu align directly to the right of the menu item instead of below*/
.b-vertical-menu .et_pb_menu__menu nav ul li ul {
	top: 0!important;
}
/*align submenu to the right of menu link*/
.b-vertical-menu .et_pb_menu__menu nav li ul {
	left: 100%!important;
}

@media (max-width: 980px) {
	/*open the mobile menu up and use on all devices*/
	.et-db #et-boc .et-l .b-vertical-menu .et_pb_menu__menu {
		display: flex;
	}
	/*hide the hamburger icon*/
	.et-db #et-boc .et-l .b-vertical-menu .et_mobile_nav_menu {
		display: none;
	}
}



.wp-block-gallery.has-nested-images figure.wp-block-image img {
aspect-ratio: 4 / 3!important; /* squared size thumbnails */ 
}



/* style the typewriter text specifically if you want */
.typewriter_text {
  color: #293868;
}
/* Style the blinking cursor after the text */
.typewriter_text:after {
  content: "|";
  display: inline-block;
  color: #293868;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}
/* Define the blink animation that runs */
@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}
@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}
@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}
@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}
@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}