:root
{
    --pd-farbe1: #B6C600;
    --pd-farbe1hell: #DBE37F;

    --pd-farbe2: #00A1A3;
    --pd-farbe2hell: #94D8D7;

    --pd-linkfarbe: #00A1A3;
}

.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;
}

.pd h1
{
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 700;
    margin-bottom: var(--space-s);
}

.pd h2
{
    font-size: 28px;
    font-size: 2.8rem;
}

section.pd {
    padding: calc(3* var(--pd-abstand)) calc(2* var(--pd-abstand));
}

/* Fokus für alle Bilder in pd-kartewrapper */
.pd-kartewrapper a:focus,
.pd-kartewrapper a:focus img {
  outline: 3px solid var(--es-akzent1-active);
  outline-offset: 4px;
}

/* Klasse für Inhalte, die vor dem Screenreader verborgen werden sollen */
.sr-only {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}


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