/*
 Theme Name: Divi Child
 Description: Divi Child Theme
 Author: Elegant Themes
 Template: Divi
 Version: 1.0.0
*/
/*
h1 {
	color: #0095AD;
	font-weight: 300;
	font-size: 150px;
	font-family: open sans;
} */

/*apply style to any active submenu item*/

/*.pa-active-menu-item ul li.current-menu-parent>ul>li.current-menu-item>a {
	font-weight: 600!important;
}*/

/*apply style to any active or normal top level item if there is an active submenu item*/

/*.pa-active-menu-item .et-menu-nav>ul>li.current-menu-parent>a {
	font-weight: 600!important;
}

‪‪#top-menu .menu-item-has-children > a:first-child:after{content: ” ;}
#top-menu .menu-item-has-children {padding-right: 0px;}
*/

body {
	-ms-hyphens: auto!important;
	-webkit-hyphens: auto!important;
	hyphens: auto!important;
}
/*
@media only screen and (max-width: 760px) {
  #logo {
	content: url("https://viscomag.ch/wp-content/uploads/2024/04/Logo_Viscom_Engineering_2016_ohne-claim_mobile.png");
	  height: 60px;
  }
}
*/
/*
.nav li ul { 
	border-top: 2px solid #0095AD!important;	
	width: auto!important;
}

.nav li li {
	padding: 0px;
}*/

/*.nav li li a:hover { 
	background-color:#0095AD!important; 
}

.et-menu-nav li.mega-menu>ul>li>a:first-child:hover{
	background-color:#0095AD!important;
}*/
/*
.et_pb_menu .et-menu-nav>ul ul {
	padding: 0px;
} */


h2 {
	color: #0095AD;
	font-weight: 300;
	font-size: 150px;
	font-family: open sans;
}

h3 {
	color: #0095AD;
	font-weight: light;
	font-size: 34px;
	font-family: open sans;
}

h4 {
	color: #0095AD;
	font-weight: light;
	font-size: 30px;
	font-family: open sans;
}

h5 {
	color: #0095AD;
	font-weight: light;
	font-size: 28px;
	font-family: open sans;
}

h6 {
	color: #0095AD;
	font-weight: light;
	font-size: 26px;
	font-family: open sans;
}
/*
p {
	color: #0095ad;
	font-weight: 300;
	font-size: 20px;
	line-hight: 38px;
	font-family: open sans;
} */


/* ––––––––– Button hover styles (blue button) ––––––––– */
/*
.dl-lines-corners {
  --border-width: 2px;  set line width 
  --border-color: #0095AD  set line color 
} */
/*
#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners::before,
#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners::after {
  display: block !important;
  margin: 0;
  content: '';
  border-radius: inherit;
  border-width: var(--border-width);
  border-color: transparent;
  border-style: solid;
  opacity: 1;
  width: 0;
  height: 0;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners::before {
  top: calc(var(--border-width) * (-1));
  left: calc(var(--border-width) * (-1));
  bottom: auto;
  right: auto;
  border-right: none;
  border-bottom: none;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners::after {
  top: auto;
  left: auto;
  bottom: calc(var(--border-width) * (-1));
  right: calc(var(--border-width) * (-1));
  border-left: none;
  border-top: none;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners:hover::before,
#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners:hover::after {
  width: calc(100% + var(--border-width));
  height: calc(100% + var(--border-width));
  border-color: var(--border-color);
}*/

/* ––––––––– Button hover styles (white button) ––––––––– 

.dl-lines-corners-neg {
  --border-width: 2px;  set line width 
  --border-color: #ffffff  set line color 
}

#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners-neg::before,
#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners-neg::after {
  display: block !important;
  margin: 0;
  content: '';
  border-radius: inherit;
  border-width: var(--border-width);
  border-color: transparent;
  border-style: solid;
  opacity: 1;
  width: 0;
  height: 0;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners-neg::before {
  top: calc(var(--border-width) * (-1));
  left: calc(var(--border-width) * (-1));
  bottom: auto;
  right: auto;
  border-right: none;
  border-bottom: none;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners-neg::after {
  top: auto;
  left: auto;
  bottom: calc(var(--border-width) * (-1));
  right: calc(var(--border-width) * (-1));
  border-left: none;
  border-top: none;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners-neg:hover::before,
#page-container .et-l .et_pb_section .et_pb_button.dl-lines-corners-neg:hover::after {
  width: calc(100% + var(--border-width));
  height: calc(100% + var(--border-width));
  border-color: var(--border-color);
}

.et_pb_bg_layout_dark .et_pb_slide_description {
	text-shadow: none!important;
} */

/* kg menu 15 oct */

li.menu-item-6150 ul {
	width: 167px !important;
	overflow: hidden;
	opacity: 0;
	border-top: none!important;
}



/* kg menu 15 oct END*/








.et_pb_main_blurb_image img {
	border-radius: inherit;
	padding-left: none;
}
 
.et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container {
	text-align: left;
	padding-left: 20px;
	  padding-bottom:20px;
}
/* //......// */
/* #iconimagehover  {
	opacity:0;
	margin-top: -40px !important;  
	-webkit-transition:  500ms ease-in-out;
	-moz-transition: 500ms ease-in-out;
	-ms-transition: 500ms ease-in-out;
	-o-transition: 500ms ease-in-out;
	transition:  500ms ease-in-out; 
}  */


.et_pb_column_8:hover #iconimagehover {
	opacity:1 !important;
	margin-top: 0px !important; 
}

.et_pb_column_9:hover #iconimagehover {
	opacity:1 !important;
	margin-top: 0px !important;
	
}

.et_pb_column_10:hover #iconimagehover {
	opacity:1 !important;
	margin-top: 0px !important;
	
}

.et_pb_column_11:hover #iconimagehover {
	opacity:1 !important;
	margin-top: 0px !important;
	
}


.et_pb_column_12:hover #iconimagehover {
	opacity:1 !important;
	margin-top: 0px !important;
	
}


.et_pb_column_13:hover #iconimagehover {
	opacity:1 !important;
	margin-top: 0px !important;
	
}


.et_pb_column_14:hover #iconimagehover {
	opacity:1 !important;
	margin-top: 0px !important;
	
}
/* //......// */


#iconimage1hover{
	opacity: 0.0;
		-webkit-transition:  500ms ease-in-out;
	-moz-transition: 500ms ease-in-out;
	-ms-transition: 500ms ease-in-out;
	-o-transition: 500ms ease-in-out;
	transition:  500ms ease-in-out;
}

.et_pb_column_5:hover #iconimage1hover {
	opacity:1.0 !important;
}




#iconimage3hover{
	opacity: 0.0;
		-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.et_pb_column_71:hover 
#iconimage3hover{
	opacity:1.0 !important;
}





#iconimage4hover{
	opacity: 0.0;
		-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.et_pb_column_8:hover 
#iconimage4hover{
	opacity:1.0 !important;
}

#iconimage5hover{
	opacity: 0.0;
		-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.et_pb_column_9:hover 
#iconimage5hover{
	opacity:1.0 !important;
}




#iconimage6hover{
	opacity: 0.0;
		-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.et_pb_column_10:hover 
#iconimage6hover{
	opacity:1.0 !important;
}


#iconimage7hover{
	opacity: 0.0;
		-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.et_pb_column_11:hover 
#iconimage7hover{
	opacity:1.0 !important;
}





#iconimage8hover{
	opacity: 0.0;
		-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.et_pb_column_12:hover 
#iconimage8hover{
	opacity: 1.0 !important;
}

/*
.difl_advancedtab_0 .df_at_nav {
	margin: 5px;
}*/


@media all and (min-width: 768px) and (max-width: 980px) {
	html .two-col-tab .et_pb_column {
		width:47.25% !important;
	}
.two-col-tab .et_pb_column:nth-last-child(-n+2) {
		margin-bottom:0;
	}
	html .two-col-tab .et_pb_column:not(:nth-child(2n)) {
		margin-right:5.5% !important;
	}
}



.wpcf7 form.sent .wpcf7-response-output {
background-color: #29B3C7;
}

.wpcf7 form .wpcf7-response-output {
margin: 20px 0px;
padding: 10px 20px;
border: 0px;
font-weight: 300;
color: #fff;
width: fit-content;
}

.wpcf7-not-valid-tip {
color: #B99BC0;
font-size: 15px;
font-weight: 700;
display: block;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
background-color: #B99BC0;
}

.uacf7-uacf7style-8401 textarea {
	margin-bottom:20px;
}

.footer-link a {
	color: #fff!important;
}








 @media only screen and (min-width: 980px) {
	
  .et-menu-nav li.mega-menu li>a {
	width:auto!important;
  }
  
  .et-menu li li a {
	min-width:150px!important;
	width:auto!important;
  }
  
  .et-menu .menu-item-has-children>a:first-child:after {
	visibility: hidden!important;
  }
  
  .et-menu-nav li.mega-menu>ul>li>a:first-child {
	padding-top: 6px!important;
  }
  
  .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
	right: 0!important;
	left: auto!important;
  }
  
  .et-menu-nav li.mega-menu>ul {
	width: auto!important;
  }
  
  .et-menu-nav li.mega-menu>ul>li {
	width:auto!important;
  }
 /*** hides sub-menu on hover ***/
#et-top-navigation #top-menu li.et-hover ul.sub-menu { display: none!important; }
 
/*** shows submenu on click ***/
#et-top-navigation #top-menu li.show-submenu ul.sub-menu { display: block!important; visibility: visible!important; opacity: 1!important; }
 
/*** Hide hamburger menu item on mobile ***/
.et_mobile_menu .mega-menu >
 a{display:none;}

#top-menu .mega-menu > a, #et-secondary-nav .mega-menu > a {padding-bottom: 24px !important;}
 
/**** hide down arrow ****/
#top-menu .mega-menu > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {display: none;}
 
/*** show hamburger icon ***/
.hamburger:before {
	font-family: "ETmodules" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0.6em;
	text-transform: none;
	speak: none;
	position: relative;
	cursor: pointer;
	top: 0;
	right: 0 !important;
		left: auto !important;
	vertical-align: -11px;
	padding-right: 3px;
	font-size: 32px; /*change size of icon here*/
	content: "\61"; /*change icon here*/
	color: #0095AD; /*change color of icon here*/
}
 
/*** displays the "x" close icon ***/
.show-submenu .hamburger:before {
	content: "\4d"; /*change x icon here*/
} 
	
}     
  
  @media all and (max-width: 980px) {
	  
	  header .container {
		  width: 94%!important;
	  }
	  
	  .mobile_menu_bar:before {
		  color:#454545;
	  }
	  
	  .et_mobile_menu {
		  border-top: 3px solid #0095AD;
		  text-transform: uppercase;
	  }
	  
	  .et_mobile_menu li li {
		  padding-left: 0px;
	  }
	  
	  #et-top-navigation {
		  font-weight: 400;
	  }
	  
	  .karriere-bold {
		  font-weight: 700;
	  }
	  
}

@media all and (min-width: 768px) and (max-width: 980px) {
	.et_mobile_menu {
		right:0;
		left:auto!important;
		width: 50%;
	}
	
	.et_header_style_left #logo {
	max-height: 90%;
		max-width:100%;
  }
}

 @media all and (max-width: 767px) {
	.et_header_style_left #logo {
	max-height: 90%;
		max-width:80%;
  }
}

@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
	position: fixed;
}
}
.et_mobile_menu {
	overflow: scroll !important;
	max-height: 83vh;
}
/* Add the word MENU after the mobile nav hamburger icon */
.mobile_menu_bar:after {
	bottom: 10px;
	left: 10%;
	position: relative !important;
}
/* Change the hamburger icon to an X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
	content: '\4d';
}





  .et_pb_gutters3 .et_pb_column_4_4 .et_pb_module {
		margin-bottom: 0px!important;
} 
  
  
.hide-header {
opacity: 0;
margin-top: -200px !important;
}
 
.show-header {
opacity: 1;
margin-top: 0px !important;
}
 
#global-header-section {
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
-ms-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}



/*** hides sub-menu on hover ***/
#et-top-navigation #top-menu li.et-hover ul.sub-menu { display: none!important; }
 
/*** shows submenu on click ***/
#et-top-navigation #top-menu li.show-submenu ul.sub-menu { display: block!important; visibility: visible!important; opacity: 1!important; }
 
/*** Hide hamburger menu item on mobile ***/
.et_mobile_menu .mega-menu >
 a{display:none;}
 
 
#top-menu .mega-menu > a, #et-secondary-nav .mega-menu > a {padding-bottom: 24px !important;}
 
/**** hide down arrow ****/
#top-menu .mega-menu > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {display: none;}
 
/*** show hamburger icon ***/
.hamburger:before {
	font-family: "ETmodules" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0.6em;
	text-transform: none;
	speak: none;
	position: relative;
	cursor: pointer;
	top: 0;
	left: 0;
	vertical-align: -11px;
	padding-right: 3px;
	font-size: 32px; /*change size of icon here*/
	content: "\61"; /*change icon here*/
	color: #333; /*change color of icon here*/
}
 
/*** displays the "x" close icon ***/
.show-submenu .hamburger:before {
	content: "\4d"; /*change x icon here*/
}

#top-menu li.mega-menu>ul {
	left:none!important;
	width: 75%;
}

.et_fullwidth_nav #top-menu li.mega-menu>ul {
	widt:75%!important;
	right:30px!important;
	left:none!important;
}

#top-menu li.mega-menu>ul>li{
	width:20%!important;
}

#top-menu li.mega-menu>ul>li:nth-of-type(4n+1) {
	clear:none;
}

#top-menu li.mega-menu ul li li {
	margin-left: 40px;
}


.nav li li a:hover {
background-color: #fff!important;
text-decoration: underline!important;
text-underline-offset: 6px;
font-weight: 700!important;
opacity: 1;
}

.difl_advancedtabitem_1, .difl_advancedtabitem_2 {display: none; visibility: hidden;}
.difl_advancedtabitem_10 {margin-left:3px; margin-right:3px;}
.difl_advancedtabitem_11 {margin-left:3px;}

#main-content .container:before {
	background: none;
}
.footer_button {
/*color:transparent!important;*/
border-color:#fff!important;
text-color:#fff!important;
}

.footer_button {
	color:#fff!important;
	border:1px solid #ffffff!important;
	padding: 3px 5px 3px 5px;
}

body .section_has_divider {
	backface-visibility: hidden !important;
	translate: 0 0px 0px !important;
	margin-top: -1px;
}
body .section_has_divider div[class$="_divider"] {
	backface-visibility: hidden !important;
	translate: 0 1px 0px !important;
	margin-top: -2px;
	padding-top: 2px;
}
*[class^="et_pb_text"] h1 {
	font-size: 70px !important;
	line-height: 75px !important;
}
*[class^="et_pb_text"] h2 {
	font-size: 45px !important;
}
@media only screen and (max-width: 1024px) {
	*[class^="et_pb_text"] h1 {
		font-size: 60px !important;
		line-height: 50px !important;
	}
	*[class^="et_pb_text"] h2 {
		font-size: 40px !important;
  	}
}
@media only screen and (max-width: 767px) {
	*[class^="et_pb_text"] h1 {
		font-size: 50px !important;
		line-height: 40px !important;
	}
	*[class^="et_pb_text"] h2 {
		font-size: 30px !important;
  	}
}
@media only screen and (max-width: 420px) {
	*[class^="et_pb_text"] h1 {
		font-size: 35px !important;
		line-height: 25px !important;
	}
	*[class^="et_pb_text"] h2 {
		font-size: 22px !important;
  	}
}