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


/* Ecke unten rechts „abgeschnitten“ */
.cut-br{
  border-radius: 0;
  /* Größe der abgeschnittenen Ecke über --cut steuerbar */
  clip-path: polygon(
    0 0,            /* oben links */
    100% 0,         /* oben rechts */
    100% calc(100% - var(--cut)),     /* rechts, vor der Ecke */
    calc(100% - var(--cut)) 100%,     /* Ecke diagonal nach innen */
    0 100%          /* unten links */
  );
}

/* =========================
	Badge Sterne-Bewertung (Bootstrap 3.4.1)
   ========================= */
:root{
	--pd-badge-bg: #F59D24;
	--pd-badge-fg: #ffffff;
	--pd-badge-shadow: 0 18px 28px rgba(0,0,0,.25);

	/* nur Desktop-Kreis */
	--pd-badge-tilt: 3deg;
	--pd-badge-seam-y: 100%;
	--pd-badge-seam-shift: 0px;
}

.pd-hero{
	position: relative;
}

.pd-hero-badge{
	box-sizing: border-box;
	color: var(--pd-badge-fg);
	font-family: inherit;

	background: var(--pd-badge-bg);
	box-shadow: var(--pd-badge-shadow);

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	z-index: 10;
}

.pd-hero-badge__stars{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 0 0 12px;
}

.pd-star{
	width: 22px;
	height: 22px;
	display: block;
	flex: 0 0 auto;
}

.pd-star path{
	fill: var(--pd-badge-fg);
}

.pd-star--half .pd-star-outline{
	fill: none;
	stroke: var(--pd-badge-fg);
	stroke-width: 2.2;
	stroke-linejoin: round;
}

.pd-star--half .pd-star-fill{
	fill: var(--pd-badge-fg);
}

.pd-hero-badge__text{
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.25;
}

/* =========================
	Desktop (>=1200px): Kreis
   ========================= */
@media (min-width: 1200px){
	.pd-hero-badge:not(.pd-hero-badge--mobile){
		position: absolute;
		right: 48px;

		top: var(--pd-badge-seam-y);
		transform: translateY(calc(-50% + var(--pd-badge-seam-shift)));

		width: 260px;
		height: 260px;
		padding: 26px;
		border-radius: 50%;
	}

	.pd-hero-badge:not(.pd-hero-badge--mobile) .pd-hero-badge__stars,
	.pd-hero-badge:not(.pd-hero-badge--mobile) .pd-hero-badge__text{
		transform: rotate(var(--pd-badge-tilt));
		transform-origin: center;
	}
}

/* =========================
	Tablet (768–1199px): wie Mobile (Bar) + Breite wie weißer Kasten
	- 768–991: col-xs-12  -> volle Breite (mit BS3-Gutter)
	- 992–1199: col-md-10 -> 10/12 Breite (mit BS3-Gutter)
   ========================= */
@media (min-width: 768px) and (max-width: 1199px){
	.pd-hero-badge:not(.pd-hero-badge--mobile){
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		transform: none;

		clear: both; /* unter die floated .col-* */

		width: calc(100% - 30px);
		margin: 10px 15px 0;
		padding: 14px 16px;

		height: auto;
		border-radius: 0;
	}

	.pd-hero-badge:not(.pd-hero-badge--mobile) .pd-hero-badge__stars{
		gap: 5px;
		margin-bottom: 10px;
	}

	.pd-hero-badge:not(.pd-hero-badge--mobile) .pd-star{
		width: 20px;
		height: 20px;
	}

	.pd-hero-badge:not(.pd-hero-badge--mobile) .pd-hero-badge__text{
		font-size: 16px;
		font-weight: 700;
	}
}

/* 992–1199: col-md-10 (10/12) wie der weiße Kasten */
@media (min-width: 992px) and (max-width: 1199px){
	.pd-hero-badge:not(.pd-hero-badge--mobile){
		width: calc(83.333333% - 30px); /* 10/12 - (15px + 15px) */
		margin: 10px 0 0 15px;         /* links wie Grid, rechts bleibt Luft wie beim col-md-10 */
	}
}

/* =========================
	Mobile: Bar
   ========================= */
.pd-hero-badge--mobile{
	display: none;
	width: calc(100% - 30px);	/* BS3: 15px + 15px */
	margin: 10px 15px 0;
	padding: 14px 16px;
	border-radius: 0;

	height: auto;
}

.pd-hero-badge--mobile .pd-hero-badge__stars{
	gap: 5px;
	margin-bottom: 10px;
}

.pd-hero-badge--mobile .pd-star{
	width: 20px;
	height: 20px;
}

.pd-hero-badge--mobile .pd-hero-badge__text{
	font-size: 16px;
	font-weight: 700;
}

/* Mobile ein/aus */
@media (max-width: 767px){
	.pd-hero-badge:not(.pd-hero-badge--mobile){
		display: none;
	}

	.pd-hero-badge--mobile{
		display: flex;
	}

	/* falls visible-xs-block genutzt wird */
	.pd-hero-badge--mobile.visible-xs-block{
		display: flex !important;
	}
}



/* 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;
}

/* 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;
    }
}

/* 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 */

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

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