:root
{
    --pd-farbe2: #FF7400;
    --pd-farbe2hell: #F9B123;
    --pd-farbe1: #144995;
    --pd-farbe1hell: #007DBD;
    --pd-linkfarbe: #144995;
}

.pd p a
{
    color: #333;
    text-decoration: underline;
    text-decoration-color: var(--pd-farbe2);
}
.pd p a:hover
{
    color: var(--pd-farbe2);
}
.pd p a:after
{
    text-decoration: none;
    display: inline-block;
    color: var(--pd-farbe2);;
}

.pd a.pd-btn {
    padding: 8px 14px;
    line-height: 20px;
    height: auto;
}

section.pd.row:first-of-type
{
    padding-top: calc(2 * var(--pd-abstand));
}

section.pd.row:first-of-type.pd-hero { 
	margin-top: 0; /* Ist das erste Element ein Hero, dann margin: 0 */
 }

.pd-accordeon input:checked+.pd-frage:before {
    background-color: var(--pd-farbe1);
    border-color: var(--pd-farbe1);
 }


@media screen and (min-width: 992px){
    .pd-justify-md-center
    {
        justify-content: center;
    }
}