:root
{
    --pd-farbe1: #F59D24;
    --pd-farbe1hell: #C77A13;
    --pd-farbe2: #172D4B;
    --pd-farbe2hell: #1E4C89;
    /*--pd-linkfarbe: #498a2a;*/
}

/* Vorweggenommene Änderungen PubDT Version 2024 */


.pd-text__left
{
    text-align: left;
    width: 100%;
}

.pd .pd-kachel p {
    flex-shrink: 0;
    flex-grow: 1;
}

.pd-kachel h3 {
    margin-top: 15px;
}

.pd-btn-wrapper__right
{
    display: flex;
    justify-content: flex-end;
}

.row.pd:not(.pd-bgfarbe1):not(.pd-bgfarbe2):not(.pd-bggrau):not(.pd-bghgrau):not(.pd-bgdgrau):not(.pd-image__bg) + .row.pd:not(.pd-bgfarbe1):not(.pd-bgfarbe2):not(.pd-bggrau):not(.pd-bghgrau):not(.pd-bgdgrau):not(.pd-image__bg)
{
    padding-top: 0;
}

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

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

.pd-kachel.pd-kachel__weiss
{
    background-color: #fff;
}

hr
{
    color: var(pd-grau);
}

.pd p a
{
    color: #333;
    font-weight: 600;
    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);;
}


/* border none ebenfalls beachten! */

.pd-zitat
{
    position: relative;
}

.pd-zitat::before
{
    display: block;
    z-index: 100;
    content: ' ';
    width: 6vw;
    height: 5vw;
    background-image: url(/App_Storage/Kd/Images/PubDT_eS-Akademie_06_XL/gfue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -2.4vw;
    left: 20%;
}

@media screen and (max-width: 992px)
{
    .pd-zitat::before
    {
        width: 8vw;
        height: 7vw;
        top: -3.2vw;
    }
}

/* Anpassungen, um Zeichenformate spezifischer zu machen, damit sie auch in pd ziehen - das ersetzen, sobald Akademie auf Ausb.2 upgedated wird */
/* Doppelungen, um Spezifizität künstlich zu erhöhen */

.pd .space-xs.space-xs.space-xs.space-xs {
    margin-bottom: dynMarginInRem(0.8, 1);
}
.pd .space-s.space-s.space-s.space-s {
    margin-bottom: dynMarginInRem(1.2, 1.5);
}
.pd .space-m.space-m.space-m.space-m {
    margin-bottom: dynMarginInRem(2.4, 3);
}
.pd .space-l.space-l.space-l.space-l {
    margin-bottom: dynMarginInRem(3.6, 4.5);
}

.pd .subline.subline.subline.subline {
    font-size: dynFontsizeInRem(1.4, 1.6);
    letter-spacing: .15px;
    line-height: 1.5;
}

.pd .overline.overline.overline.overline {
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 1px;
}

.pd .subline-small.subline-small.subline-small.subline-small {
    font-weight: 600;
    font-size: dynFontsizeInRem(1.2, 1.4);
    letter-spacing: .1px;
    line-height: 1.3;
}

.pd .text.text.text.text {
    font-size: dynFontsizeInRem(1.4, 1.6);
    letter-spacing: .5px;
    line-height: 1.5;
}

.pd .text-small.text-small.text-small.text-small {
    font-size: dynFontsizeInRem(1.2, 1.4);
    letter-spacing: .25px;
    line-height: 1.8rem;
}
 
.pd .bold.bold.bold.bold {
    font-weight: bold;
}

.pd .italic.italic.italic.italic {
    font-style: italic;
}

/* Swiper-Anpassungen */

.pd .swiper-button-prev,
.pd .swiper-button-next
{
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.pd .swiper-button-prev
{
    left: -16px;
}
.pd .swiper-button-next
{
    right: -16px;
}

.pd .swiper-button-prev:after,
.pd .swiper-button-next:after
{
    color: white;
    font-size: 32px;
}

.pd .swiper-button-prev:after
{
    padding-right: 5px;
}
.pd .swiper-button-next:after
{
    padding-left: 5px;
}

.pd-swiper-nav
{
    width: 100%;
    top: auto;
    bottom: 0;
}
.pd-swiper-nav.pd-topanchored
{
    top: 100%;
    bottom: auto;
}

.pd .swiper-pagination-bullets.swiper-pagination-horizontal
{
    top: auto;
    bottom: 35px;
}

.pd .swiper:not(.pd-swiper__zoom) + .pd-swiper-nav .swiper-pagination-bullets.swiper-pagination-horizontal
{
    bottom: -45px;
}

.pd .swiper
{
    cursor: grab;
}

.pd .swiper-slide
{
    height: auto;
}


:root {
    --swiper-theme-color: var(--pd-farbe1);
    --swiper-pagination-color: white;
}

.pd:not(.pd-bgfarbe1):not(.pd-bgfarbe2):not(.pd-bgdgrau):not(.pd-bggrau):not(.pd-image__bg) .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--pd-farbe1);
}

.pd:not(.pd-bgfarbe1):not(.pd-bgfarbe2):not(.pd-bgdgrau):not(.pd-bggrau):not(.pd-image__bg) .swiper-button-prev:after,
.pd:not(.pd-bgfarbe1):not(.pd-bgfarbe2):not(.pd-bgdgrau):not(.pd-bggrau):not(.pd-image__bg) .swiper-button-next:after
{
    color: #333;
}

/*.pd:not(.pd-bgfarbe1):not(.pd-bgfarbe2):not(.pd-bgdgrau):not(.pd-bggrau):not(.pd-image__bg) .swiper-button-prev,
.pd:not(.pd-bgfarbe1):not(.pd-bgfarbe2):not(.pd-bgdgrau):not(.pd-bggrau):not(.pd-image__bg) .swiper-button-next
{
    border: 3px solid #333;
}*/

/* Slider: alternative Gestaltung */

.pd .pd-swiper-nav.pd-navfarbe1 .swiper-button-prev,
.pd .pd-swiper-nav.pd-navfarbe1 .swiper-button-next
{
    /*border: 3px solid transparent !important;*/
    background-color: var(--pd-farbe1);
}

.pd .pd-swiper-nav.pd-navfarbe1 .swiper-button-prev:after,
.pd .pd-swiper-nav.pd-navfarbe1 .swiper-button-next:after,
.pd .pd-swiper-nav.pd-navfarbe2 .swiper-button-prev:after,
.pd .pd-swiper-nav.pd-navfarbe2 .swiper-button-next:after
{
    color: white !important;
}

.pd .pd-swiper-nav.pd-navfarbe2 .swiper-button-prev,
.pd .pd-swiper-nav.pd-navfarbe2 .swiper-button-next
{
    /*border: 3px solid transparent !important;*/
    background-color: var(--pd-farbe2);
}

.pd .pd-swiper-nav.pd-navweiss .swiper-button-prev,
.pd .pd-swiper-nav.pd-navweiss .swiper-button-next
{
    /*border: 3px solid transparent !important;*/
    background-color: #fff;
}

.pd .pd-swiper-nav.pd-navweiss .swiper-button-prev:after,
.pd .pd-swiper-nav.pd-navweiss .swiper-button-next:after
{
    color: var(--pd-dgrau) !important;
}

* responsiv Nav */


@media screen and (max-width: 1199px)
{
    .pd .swiper-button-prev:not(.pd.pd-zitat .swiper-button-prev)
    {
        left: -24px;
    }
    .pd .swiper-button-next:not(.pd.pd-zitat .swiper-button-next)
    {
        right: -24px;
    }

    .swiper-slide-active
    {
        margin-left: 1px;
    }

    .pd-swiper__zoom .swiper-slide-active
    {
        margin-left: 2px;
    }

}

@media screen and (max-width: 991px)
{
    .pd .swiper-button-prev:not(.pd.pd-zitat .swiper-button-prev)
    {
        left: -15px;
    }
    .pd .swiper-button-next:not(.pd.pd-zitat .swiper-button-next)
    {
        right: -15px;
    }
}

@media screen and (max-width: 839px)
{
    .pd .swiper-button-prev
    {
        left: -30px;
    }
    .pd .swiper-button-next
    {
        right: -30px;
    }

    .pd.pd-zitat .swiper-button-prev
    {
        left: -5.5vw;
    }

    .pd.pd-zitat .swiper-button-next
    {
        right: -5.5vw;
    }
}

@media screen and (max-width: 574px)
{

    .swiper-slide-active,
    .pd-swiper__zoom .swiper-slide-active
    {
        margin-left: 3px;
    }

    .pd .swiper-button-prev
    {
        left: -15px;
    }
    .pd .swiper-button-next
    {
        right: -15px;
    }
        .swiper-button-prev
        {
            left: -6vw;
        }
        .swiper-button-next
        {
            right: -6vw;
        }
    .pd.pd-zitat .swiper h2 {
    font-size: calc(var(--pd-fontsize) * 1.4);
    }
}

@media screen and (max-width: 479px)
{
    .swiper-slide-active,
    .pd-swiper__zoom .swiper-slide-active
    {
        margin-left: 3px;
    }

    .pd .swiper-button-prev
    {
        left: -8px;
    }
    .pd .swiper-button-next
    {
        right: -8px;
    }

    .pd.pd-zitat .swiper-button-prev
    {
        left: -8vw;
    }
    .pd.pd-zitat .swiper-button-next
    {
        right: -8vw;
    }
}

/* Inhalte zentrieren */


.pd-centered
{
    justify-content: center;
}

/* Kleine Personenkacheln gestaucht */

.pd .pd-kachel__klein h3 {
    padding: 0 calc(1 * var(--pd-abstand));
}
.pd .pd-kachel__klein h4 {
    padding: 0 var(--pd-abstand) 0;
}

/* Einzelanpassungen */

li::marker
{
    color: var(--pd-farbe1);
}

.pd .pd-akademieinput {
    display: flex;
    margin-bottom: var(--pd-abstand);
}

.pd-akademieinput input
{
    width: 75px;
    border: none;
    margin-right: 8px;
    margin-bottom: 10px;
    background-color: var(--pd-farbe1);
    color: white;
    padding: 8px;
    font-weight: bold;
    text-align: right;
}

#rechner td:first-of-type {
    max-width: 40vw;
    width: 400px;
}
#rechner td:nth-of-type(2n) {
    text-align: right;
}

@media screen and (min-width: 1500px) {
    #Qualifikationshaus
    {
        transform: scale(.9);
    }    
}


/* Korrektur iOS */

@supports (-webkit-touch-callout: none) {
    .pd-image__parallax
    {
        background-attachment: scroll;
    }
}

/* Änderung Reihenfolge */

/* Nachträgliches Ordnen der Doppelkachel und anderer Elemente, wenn klein */

@media screen and (max-width: 1199px)
{
    .pd-md-order1 {
        order: 1;
    }
    .pd-md-order2 {
        order: 2;
    }
    .pd-md-order3 {
        order: 3;
    }
    .pd-md-order4 {
        order: 4;
    }
}

@media screen and (max-width: 767px) {
    .row.pd.doppel {
    .col-xs-12:nth-of-type(1) {
        order: 1;
    }

    .col-xs-12:nth-of-type(2) {
        order: 2;
    }

    .col-xs-12:nth-of-type(4) {
        order: 3;
    }

    .col-xs-12:nth-of-type(3) {
        order: 4;
    }
}
.row.pd.doppel.doppel-bildprio {
.col-xs-12:nth-of-type(1) {
    order: 2;
}

.col-xs-12:nth-of-type(2) {
    order: 1;
}

.col-xs-12:nth-of-type(4) {
    order: 4;
}

.col-xs-12:nth-of-type(3) {
    order: 3;
}
}

.pd-sm-order1 {
    order: 1;
}
.pd-sm-order2 {
    order: 2;
}
.pd-sm-order3 {
    order: 3;
}
.pd-sm-order4 {
    order: 4;
}
}

/* Mobil für mehrere Buttons */
 
.pd a.pd-btn
{
    height: auto;
    line-height: 1.5;
    padding: 14px;
}
 
.pd-btn-wrapper
{
    display: flex;
}
 
.pd-btn-wrapper .pd-btn
{
    margin-right: 15px;
}
.pd-btn-wrapper__right .pd-btn
{
    margin-right: 0;
    margin-left: 15px;
}
.pd-btn-wrapper__center .pd-btn
{
    margin-right: 0;
    margin-left: 0;
}
 
@media screen and (max-width: 640px)
{
 
    .pd-btn-wrapper:has(> :nth-child(2))
    {
        flex-wrap: wrap;
        row-gap: var(--space-s);
        justify-content: center;
    }
 
 
    .pd-btn-wrapper:has(> :nth-child(2)) .pd-btn
    {
        flex: 1 1 100%;
        margin-left: 0;
    }
}
@media screen and (max-width: 720px)
{
 
    .pd-btn-wrapper:has(> :nth-child(3))
    {
        flex-wrap: wrap;
        row-gap: var(--space-s);
        justify-content: center;
    }
 
 
    .pd-btn-wrapper:has(> :nth-child(3)) .pd-btn
    {
        flex: 1 1 100%;
        margin-left: 0;
    }
}