/* styles for v0 */
/*        .dpi-main-section {
            display: flex;
            justify-content: center;
        }

        .dpi-main-div-h1 {
            color: #4C576E;
            font-size: 34px;
            font-style: normal;
        }

        .dpi-main-div-div1-h3 {
            margin-top: 0px;
            color: #3b4885;
            font-style: normal;
        }

        .dpi-main-div-div1 {
            width: 80% !important;
            border-bottom: 2px solid #d4d4d4;
            padding: 10px 10px;
        }

        .dpi-main-div-div1:hover {
            width: 80% !important;
            border-bottom: 2px solid #bbbbbb00;
            padding: 10px 10px;
            background-color: #EDF1F2;
            cursor: pointer;
        }

        button.dpi-Berufskategorie-btn {
            background: #3D8DB0;
            border: none;
            border-radius: 31px;
            padding: 7px 10px;
            margin: 7px 3px;
            color: #fff;
            font-size: 11px;
            font-style: normal;
        }

        .dpi-Ort-btn {
            background: #4BC313;
            border: none;
            border-radius: 31px;
            padding: 7px 10px;
            margin: 7px 3px;
            color: #fff;
            font-style: normal;
            font-size: 11px;
        }

        .dpi-Anstellungsart-btn {
            background: #E1B000;
            border: none;
            font-style: normal;
            border-radius: 31px;
            padding: 7px 10px;
            margin: 7px 3px;
            color: #fff;
            font-size: 11px;
        }

        .dpi-main-div-div1-link {
            text-decoration: none;
        }

        .dpi-link-btn {
            text-decoration: none;
        }
*/

/* style for v1 */

.dpi-main-div-div1-link{
	display:none;
}

#dpi-main-section a {
    text-decoration: none;
}

#dpi-main-section h1,
#dpi-main-section h2,
#dpi-main-section h3,
#dpi-main-section h4,
#dpi-main-section h5,
#dpi-main-section h6,
#dpi-main-section p {
    margin: 0;
}

#dpi-main-section {
    width: 100%;
    margin: 0 auto;
}

#dpi-main-section .dpi-main-headingtop {
    padding-left: 10px;
    margin-bottom: 20px;
}

#dpi-main-section .dpi-main-headingtop h2 {
    /* color: #60202a; */
   font-size: 28px;
    font-weight: 700;
}

#dpi-main-section .dpi-main-headingtop span {
    color: #0a0a0a;
}

#dpi-main-section .dpi-main-body-perant .child-1 {
    display: flex;
    gap: 2em;
    margin: 10px;
}
#dpi-main-section .dpi-main-body-perant .dpi-dropdown {
    display: flex;
	align-items: center;
}

#dpi-main-section .dpi-main-body-perant .dpi-dropdown select option {

    color: #60202a;
}

#dpi-main-section .dpi-dropdown select {
    padding: 5px 5px 5px 10px;
}

#dpi-main-section .dpi-dropdown label {
    font-size: 20px;
}

#dpi-main-section .dpi-dropdown select {
    font-size: 18px;
    border: none;
    /* color: #60202a; */
    font-weight: 500;
}

#dpi-main-section .dpi-dropdown select:focus-visible {
    outline: none;
}

#dpi-main-section .dpi-main-body-perant .child-2 {
    /* background-color: #f4f8fa; */
    border-top: 3px solid #60202a;
    margin-top: 10px;
    padding: 15px 10px 10px 0px;
}

#dpi-main-section .dpi-main-body-perant .child-2 .child-2-heading {
    background-color: #fff;
    padding: 10px 15px 10px 20px;
    display: inline-block;
    font-size: 28px;
    font-weight: 500;
    line-height: 39px;
	/* color: #0a0a0a; */
}

#dpi-main-section .dpi-main-body-perant .child-2 .child-2-card-main-box {
    padding: 15px 10px;
    display: flex;
    flex-wrap: wrap;
}
#dpi-main-section .dpi-main-body-perant .child-2 .child-2-card-main-box a.dpi-main-div-div1-link {
  background-color: #fff;
    padding: 10px;
    width: 45%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 8px;
    margin: 10px;
}

/* #dpi-main-section .dpi-main-body-perant .child-2 .child-2-card-main-box .child-2-card {
    background-color: #fff;
    padding: 10px;
    width: 45%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 8px;
    margin: 10px;
} */

#dpi-main-section .dpi-main-body-perant .child-2 .child-2-card-main-box .child-2-card .child-2-card-btn {
    margin: 10px 0px;
}

#dpi-main-section .dpi-main-body-perant .child-2 .child-2-card-main-box .child-2-card .child-2-card-btn button {
    margin-right: 5px;
    padding: 5px;
    color: #fff;
    /* background-color: #707070; */
    margin-bottom: 5px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

#dpi-main-section .dpi-main-body-perant .child-2 .child-2-card-main-box .child-2-card .child-2-card-btn .dpi-location-btn{
	 /* background-color: #60202a; */
}
#dpi-main-section .dpi-main-body-perant .child-2 .child-2-card-main-box .child-2-card .child-2-card-btn .dpi-location-btn:hover{
	 /* background-color: #707070; */
}
#dpi-main-section .dpi-main-body-perant .child-2 .child-2-card-main-box .child-2-card .child-2-card-btn button:hover {
   /*  background-color: #60202a; */
}

#dpi-main-section .dpi-main-body-perant .child-2 .child-2-card-main-box .child-2-card .child-2-card-heading {
    padding-bottom: 8px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 15px !important;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
	    /* color: #0a0a0a; */

}

#dpi-main-section .dpi-main-body-perant .child-2 .child-2-card-main-box .child-2-card .child-2-card-para {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
	margin-top:5px;
} 

.dpi-main-div-div1-link.active{
	display:block;
}

select#dpidropdown-v1-department {
    max-width: 10em;
}
select#dpidropdown-v1-location {
    max-width: 8em;
}
select#dpidropdown-v1-type {
    max-width: 6.5em;
}

@media only screen and (max-width: 767px){
	#dpi-main-section .dpi-main-body-perant .child-2 .child-2-card-main-box a.dpi-main-div-div1-link
	{
		width: 100%
	}
	
	#dpi-main-section .dpi-dropdown select {
		padding: 5px 5px 5px 0px;
	}
	#dpi-main-section .dpi-dropdown label {
		width:45%;
	}
	#dpi-main-section .dpi-main-body-perant .child-1 {
		flex-direction:column;
		    gap: 1em;
	}
	#dpi-main-section .dpi-main-body-perant .dpi-dropdown {
		gap:5px;
		flex-direction: column;
        align-items: start !important;
	}
}