/*
 Theme Name: SRG Website Theme
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme for SRG
 Author: Elegant Themes / scr-it GmbH
 Author URI: https://scr-it.de
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
/* SRG Code Pro Font */
@font-face {
  font-family: 'SRG Codec Pro';
  src:  
  url("/fonts/SRGCodecPro-Regular.woff2") format('woff2');
  font-weight: 400;  
          
}
/* SRG Code Pro Font */
@font-face {
  font-family: 'SRG Codec Pro';
  src:  
 url("/fonts/SRGCodecPro-Bold.woff2") format('woff2');
 font-weight: 500; 
          
}
/* SRG Code Pro Font */
@font-face {
  font-family: 'SRG Codec Pro';
  src:  
  url("/fonts/SRGCodecPro-ExtraBold.woff2") format('woff2');
  font-weight: 600;
}



/* Menu Allgemein */

#mega-menu-wrap-primary-menu {
 height: 68px;
}


#mega-menu-primary-menu  {
 height: 68px !important;

}

#mega-menu-primary-menu  > li {
 margin: 0 auto !important;
 height: 100% !important;
}


#mega-menu-primary-menu  li a  {
 text-align: center !important;
 /* padding: 15px !important; */
}	

#mega-menu-primary-menu > li {
 padding: 15px !important;
 height: 100%;
}

.mega-sub-menu li {
	list-style-type: none;
	text-decoration: none !important;
	color: black;
}



.mega-sub-menu a:link, .mega-sub-menu a:visited {
	color: black;
}

.widget_nav_menu {
	padding-top: 0 !important;
}

.widget_text {
	padding-bottom: 0 !important;
}


.mega-sub-menu {
	font-family: 'SRG Codec Pro' !important;
}


/* Linke Spalte */





#cta-business-loesungen button:hover, #cta-rewe button:hover, #cta-modern-workspace button:hover, #cta-wir-ueber-uns button:hover {
 cursor:pointer;
 border-radius: 40px;
}



#cta-business-loesungen button {
	background-color: #4E4EFF;
	padding: 20px;
	border: none;
	color: white;
}


#cta-rewe button {
        background-color: #4CDFB2;
        padding: 20px;
        border: none;
	color: white;

}


#cta-modern-workspace button {
        background-color: #FFD166;
        padding: 20px;
        border: none;
	color: white;

}

#cta-wir-ueber-uns button {
        background-color: #000000;
        padding: 20px;
        border: none;
        color: white;

}

/* Nav Widget*/
.mega-menu-item.mega-menu-item-type-widget.widget_nav_menu 
{
padding: 0 !important;
	margin: 0 !important;
}

#mega-menu-primary-menu {
 background-color: black !important;
}

a.mega-menu-logo {
 background-color: black !important;
}



/* Subheading */
a.srg-subheader-link:hover {
 background: none !important;
}



a.srg-subheader-link {
  font-size: 18px !important;
  
}


.widget_scr_srg_subheading {
 padding: 0px 0px 10px 15px !important;
 font-size: 18px !important;
}

.widget_scr_srg_subheading h4 {
	font-family: "SRG Codec Pro";
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 600;
	padding: 0 !important;
	margin: 0;
	line-height: 24px;
}

.mod-dp3 {

	/* d/p3 */
	font-family: 'SRG Codec Pro';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	/* identical to box height, or 150% */

	/* primary */
	color: #000000;
}

.mod-dh5 {
font-family: 'SRG Codec Pro';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 28px;
color: #000000;
}



.mega-sub-menu   {
 background: #FFFFFF !important;
}

.mega-infocol {
 background: #F2F2F2 !important;
}
/* Paragraph */

.widget_scr_srg_p {
 padding: 2px 15px 2px 15px !important;
}

/* Footer */
.menuFooter {
	background: #F2F2F2 !important;
	padding-top: 1em;
	height: 40px !important;
}

.menuFooter ul {
	padding: 0.5em 0 0 20vw;
	display: flex;
  	justify-content: end;
}
.menuFooter li {
	font-size: 1.2em;
	padding: 0px 15px 0px 15px;
}

.menuFooter li.menu-item {
 margin: 10px 0px 10px 0px !important;
}




#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:nth-of-type(2) a,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:nth-of-type(3) a,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:nth-of-type(4) a{
font-family: 'SRG Codec Pro';
font-style: normal;
font-weight: 500;
font-size: 16px;
}


#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:nth-of-type(2) a,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:nth-of-type(3) a,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:nth-of-type(4) a {
 height: 53px;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:nth-of-type(7) a {
 height: 53px; 
}

.widget_scr_srg_linkov a:hover {
 background: none !important;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:nth-of-type(2) a:hover {
 color: #4E4EFF;
 background-color: #000000;
 border-bottom: 2px solid #4E4EFF;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:nth-of-type(3) a:hover {
 color: #4CDFB2;
 background-color: #000000;
 border-bottom: 2px solid #4CDFB2;
}


#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:nth-of-type(4) a:hover {
 color: #FFD166;
 background-color: #000000;
 border-bottom: 2px solid #FFD166;
}


.mega-sub-menu .widget_nav_menu div ul li a:hover  {
 background: none !important;
 text-decoration: none !important;
 border: none !important;
}



.mega-sub-menu .widget_nav_menu div ul li   {
 margin: 10px 0px 10px 0px;
}
.mega-sub-menu .widget_nav_menu div ul li:nth-of-type(1)   {
	 margin: 0px 0px 10px 0px;
 }

.mega-sub-menu .widget_nav_menu div ul    {
 padding: 0px 0px 0px 15px;
 margin-bottom: 20px;
}


.mega-sub-menu .widget_nav_menu div ul li a:link   {
 padding: 0 !important;
 font-weight: 400 !important;
}

.mega-sub-menu {
 border-right: 1px solid #F2F2F2 !important;
}