/*deactivate headingnumbers */
.processmap .mw-headline-number {
display: none
}
.processmap .mp,
.processmap .cp,
.processmap .sp {
font-size: 1em!important;
}
.processmap h2 {
font-size: 1.1em;
margin: 0;
background: #e3e3e3;
text-align: center;
padding: 10px;
margin: 1em 0;
border-radius:6px
}
.processmap h3 {
font-size: 1em;
margin: 0;
text-align: center
}
.processmap ul li {
float: left;
padding: 1em!important;
list-style-type: none;
text-align: center;
background-color:#f5f5f5;
}
.processmap ul li:hover {
background: #f7f7f7;
}
.processmap ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
/* Horizontally centers list items */
list-style: none;
padding: 20px;
margin: 0;
gap: 20px
}
.processmap li {
font-size: 1em;
position: relative;
margin-bottom: 1em;
z-index: 1;
flex-basis: 12%;
flex-grow: 1;
border-radius: 6px
}
.processmap .cp li {
border: 1px solid #e3e3e3;
/*required for high-contrast mode*/
}
.processmap .mp li,
.processmap li {
border: 1px solid #f5f5f5;
/*required for high-contrast mode*/
}
/* Full-width arrow managment processes mp */
.processmap .cp ul {
padding-top: 10px;
padding-bottom: 0;
margin: 0
}
.processmap .mp ul li::after {
content: '';
position: absolute;
bottom: -20px;
left: 0;
width: 100%;
height: 20px;
background-color: #f5f5f5;
clip-path: polygon(0 0, 50% 100%, 100% 0);
z-index: 0;
border-top: 1px solid #f5f5f5;
/*required for high-contrast mode */
}
/* Full-width arrow support processes (sp) */
.processmap .sp ul {
padding-top: 26px;
padding-bottom: 10px
}
.processmap .sp ul li::before {
content: '';
position: absolute;
top: -20px;
left: 0;
width: 100%;
height: 20px;
background-color: #f5f5f5;
clip-path: polygon(0 100%, 50% 0%, 100% 100%);
z-index: 0;
border-bottom: 1px solid #f5f5f5;
/*required for high-contrast mode*/
}
.processmap a {
display: block;
width: 100%;
height: 100%
}