:root
{
    --pd-farbe1: #00AFD3;
    --pd-farbe1hell: #079BB9;
    --pd-farbe2: #002663;
    --pd-farbe2hell: #079BB9;
    /*--pd-linkfarbe: #498a2a;*/
}

.row.pd.doppel .col-xs-12:nth-of-type(2n) .pd-text.pd-bghgrau,
.row.pd.doppel .col-xs-12:nth-of-type(2n) .pd-text.pd-bggrau,
.row.pd.doppel .col-xs-12:nth-of-type(2n) .pd-text.pd-bgdgrau,
.row.pd.doppel .col-xs-12:nth-of-type(2n) .pd-text.pd-bgfarbe1,
.row.pd.doppel .col-xs-12:nth-of-type(2n) .pd-text.pd-bgfarbe2
{
    padding-left: calc(2 * var(--pd-abstand));
}

.pd-justify-center
{
    justify-content: center;
}

.pd .pd-kachel p {
  flex-shrink: 0;
  flex-grow: 1;
}

/* 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;
}


/* Unsichtbare Klasse für in neuem Tab öffnen */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}


/* bis 2025.2 */
.pd .pd-kachel__klein .untertitel, .pd .pd-kachel__klein h4 {
    font-size: clamp(1.6rem, 1.64rem + -.125vw, 1.4rem);
    letter-spacing: 0;
    line-height: 1.5;
    font-weight: 600;
    padding: 0 var(--pd-abstand) 0;
}

.pd-kachel .untertitel, .pd-kachel h3, .pd-kachel h4 {
    width: 100%;
    margin-top: 0;
    margin-bottom: calc(var(--pd-abstand) / 2);
}

.pd .h3, .pd .pd-kontakt>span, .pd h3 {
    font-size: clamp(2.4rem, 2.44rem + -.125vw, 2.2rem);
    letter-spacing: 0;
    line-height: 1.1;
    margin-bottom: var(--space-s);
}

.pd-kontakt span.pd-kontakt__label {
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: .06rem;
}

.pd-kachel__klein img.pd-zerscht, .pd-kachel__rund img.pd-zerscht {
    order: -1;
}


/* Mobile Optimierung */
@media (max-width: 767px) {
    .pd-kachel {
        padding: 15px;
    }
}

@media screen and (max-width: 992px)
{
    .pd-zitat::before
    {
        width: 8vw;
        height: 7vw;
        top: -3.2vw;
    }
}