/* Grundlegende Stile und Farben */
:root {
    --color-petrol: #006E88; /* Annäherung an das Petrol/Türkis */
    --color-lilac: #9678E6; /* Annäherung an das Lila */
    --color-black: #000000;
    --color-white: #FFFFFD;
    --color-dark-teal: #006E88; /* Dunklerer Hintergrund links */
    --color-dark-purple: #9678E6; /* Dunklerer Hintergrund rechts */
    --color-grau: #939393; /* Grau: #939393 */
}

/* Spezifische Anordnung der Bilder relativ zum Text */
/* Bild auf der linken Seite ist rechts vom Text (Juliane) */
.doctor-card-left .doctor-image-container {
    order: 2; /* Bild nach rechts verschieben */
    margin-right: 40px;
}
.doctor-card-left .doctor-text {
    order: 1; /* Text nach links verschieben */
}

/* Bild auf der rechten Seite ist rechts vom Text (Nadina) */
.doctor-card-right .doctor-image-container {
    order: 2; /* Bild nach rechts verschieben */
    margin-left: 40px;
}
.doctor-card-right .doctor-text {
    order: 1; /* Text nach links verschieben */
}
/*--------------------------------------*/
/*   Start Festtags-Vertretungen [-ftv] */

/* 3. Ärzte-Sektion (unterer farbiger Balken) */
.doctors-section-ftv {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.5em;
}


.doctor-card-ftv {
    display: flex;
    /*align-items: center; */
    width: 50%;
    color: var(--color-black);
    padding: 20px 0;
    box-sizing: border-box;
    text-align: left;
    clear: both;
}

/* Karte links (Erwachsene) */
.doctor-card-left-ftv {
  	border-top: 3px solid var(--color-dark-teal:);
    background-color: var(--color-white:); /* Dunkle Türkis-Farbe des Bildes */
    justify-content: flex-end; /* Text rechts, Bild links (vom Text aus gesehen) */
}

/* Karte rechts (Kinder) */
.doctor-card-right-ftv {
    background-color: var(--color-white:); /* Dunkle Lila-Farbe des Bildes */
    justify-content: flex-start; /* Text links, Bild rechts (vom Text aus gesehen) */
    padding-left: 45px;
}

/* Text-Inhalt der Karte */
.doctor-text-ftv, 
 {
	padding: 0 20px;
	max-width: 95%;
  	font-size: 1.5em;
  	text-decoration: none;
}
.doctor-text-ftv a {
color: var(--color-black);
text-decoration:none;
}


/* Spezifische Anordnung der Bilder relativ zum Text */
/* Bild auf der linken Seite ist rechts vom Text (Juliane) */

/*.doctor-card-left-ftv {
    order: 2;  
    margin-right: 40px;
} */

.doctor-card-left-ftv .doctor-text-ftv {
    order: 1; /* Text nach links verschieben */
}

/* Bild auf der rechten Seite ist rechts vom Text (Nadina) */
.doctor-card-right-ftv .doctor-image-container-ftv {
    order: 2; /* Bild nach rechts verschieben */
    margin-left: 40px;
}
.doctor-card-right-ftv .doctor-text-ftv {
    order: 1; /* Text nach links verschieben */
}

.specialty-left-ftv {
  color: var(--color-petrol);
}

.specialty-ftv {
  color: var(--color-dark-purple);
  margin-bottom: 10px;
}

.contact-tel-ftv a:hover  {
	text-decoration: underline;
	color: var(--color-dark-purple:);
}

a:hover {
  color: var(--color-dark-purple);
}

.doctor-text-ftv p {
  margin-bottom: 5px;
}

.zwei-farben-hr {
  width: 100%;
  height: 2px;
  background: linear-gradient(203deg,rgb(150, 120, 230) 50%, rgb(8, 111, 141) 50%);
  border: none;
}

/* Responsive Anpassungen für kleinere Bildschirme */
@media (max-width: 900px) {
    .doctor-card-ftv {
        width: 100%; /* Volle Breite auf kleinen Bildschirmen */
        flex-direction: column; /* Stapeln von Text und Bild */
        text-align: center;
        padding: 40px 20px;
    }

    .doctor-card-left-ftv, .doctor-card-right-ftv {
        justify-content: center;
    }

    .doctor-card-left-ftv .doctor-text-ftv
     {
	order: 2;
    max-width: 100%;
    padding: 20px 0px;
        }

    .doctor-card-right-ftv  {
	order: 2;
    max-width: 100%;
    padding: 20px 30px;
    
  }
    
.marquee {
  background-color: #FFFFFD;
  overflow: hidden;
  position: relative;
  height: 50px;
  width: 100%;
  border-top: 3px solid #939393;
  font-size: 1.1em;
}

}

@media (max-width: 500px) {
.doctor-text-ftv, .text-left-ftv {
  width: 84%;
}


.contact-name-ftv a:hover  {
  text-decoration: underline;
  color: var(--color-petrol);
}

.contact-tel-ftv a:hover  {
	text-decoration: underline;
	color: var( --color-grau);
} 


  .doctor-card-ftv {
    width: 100%;
    flex-direction: column;
    text-align: center;
    padding: 40px 20px;
  }
  
  .specialty-ftv {
  font-size: 0.95em;
  font-weight: 400;
  margin: 0;
  max-width: 70%;
}

.doctor-card-left-ftv  {
    order: 1;
    max-width: 100%;
    padding: 20px 35px;
    text-align: left;
    font-size: 0.6em;
  }
  
.doctor-card-right-ftv{
    order: 2;
    max-width: 100%;
    padding: 20px 0;
    text-align: left;
    padding-left: 35px;
    font-size: 0.6em;
  }


}