/*
Theme Name:  MBN-Modulwelt4Divi5
Theme URL:   https://mbn2025-modulwelt.design-marketing-schaumburg.de
Description: MBN-Modulwelt Child Theme des Divi5 Themes
Author:      design+marketing
Author URL:  https://mbn2025-modulwelt.design-marketing-schaumburg.de
Template:    Divi
Version:     1.0.0
*/


/* Mega-Menu (dm-mega-menu) */

@media (min-width: 981px) {

.dm-mega-menu .et-menu-nav li.mega-menu > ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(19%, 1fr));
    gap: 1%;
    justify-content: center;
}

/* Sub-Menus zentrieren */
.dm-mega-menu .et-menu-nav li.mega-menu-parent-1 > ul {
    grid-template-columns: repeat(1, minmax(19%, min-content));    
}
.dm-mega-menu .et-menu-nav li.mega-menu-parent-2 > ul {
    grid-template-columns: repeat(2, minmax(19%, min-content));    
}
.dm-mega-menu .et-menu-nav li.mega-menu-parent-3 > ul {
    grid-template-columns: repeat(3, minmax(19%, min-content));    
}
.dm-mega-menu .et-menu-nav li.mega-menu-parent-4 > ul {
    grid-template-columns: repeat(4, minmax(19%, min-content));    
}

.dm-mega-menu .et-menu-nav li.mega-menu > ul > li {
    width: 100%;
        
}
.dm-mega-menu .et-menu-nav li.mega-menu > ul > li > a {
    display: flex;
    flex-direction: column;
    min-height: 140px;
    line-height: 1.2em;
    border: 1px solid #c4030d1a;
    border-radius: 2px;
    padding: 8px !important;
    transition: all .2s ease-in-out;

    & img {
        margin-bottom: 8px;
    }
    &:hover, &:focus-visible {
        border: 1px solid #c4030d;
        box-shadow: 0 8px 20px rgba(0,0,0,.03);
    }
}


.dm-mega-menu .et-menu li li a {
	padding: 2px 4px;
	width: 200px;
    &:hover {
        opacity: 1;
    }
}


.dm-mega-menu .et-menu-nav li.mega-menu > ul > li > ul > li a {
	font-size: 14px;
	line-height: 1.4em;
}


.dm-mega-menu .et-menu-nav li.mega-menu > ul > li > ul > li {
    border-block-end: 2px solid #c4030d1a;
    margin-top: 1px;
    transition: all .2s ease-in-out;
}

.dm-mega-menu .et-menu-nav li.mega-menu > ul > li:hover > ul > li,
.dm-mega-menu .et-menu-nav li.mega-menu > ul > li:focus-visible > ul > li {
    background-color: #f3f3f3;
    
}
.dm-mega-menu .et-menu-nav li.mega-menu > ul > li > ul > li:hover {
    border-block-end-color: #c4030d;
}
/* Menupunkt für Jobs */
.et_pb_menu.dm-mega-menu .dm-menu-jobs {
	color: #fff;
	background-color: #1d1d1d;
	border-radius: 2px;
}
.et_pb_menu.dm-mega-menu .dm-menu-jobs a {
	color: #fff;	
}
.et_pb_menu.dm-mega-menu .dm-menu-jobs:hover {
	background-color: #c4030e;	
}
.et_pb_menu.dm-mega-menu .dm-menu-jobs a:hover {
	color: #fff;
	opacity: 1;
}
/* END -- Menupunkt für Jobs */
}
/* END -- Mega-Menu (dm-mega-menu) */

/* Links */
p a,  .et_pb_text a {
	  position: relative;
	  text-decoration: underline;
	  text-decoration-color: transparent;
	  transition: text-decoration-color 0.2s ease-in-out;
}
p a::before,  .et_pb_text a::before {
	  font-family: 'ETMODULES' !important;
	  content: '\39';
	  margin-right: 0;
	  vertical-align: bottom;
	  font-size: inherit;
	  font-weight: 700;
	text-align: center;
}
p a:hover,  .et_pb_text a:hover {
	  text-decoration-color: currentcolor;
	  text-decoration: underline;
	  text-decoration-thickness: 2px;
}
/* END -- Links */