/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Graue Bögen und Blau */
.sp-container-ecken {
    width: 60px;
	height: 60px;
	background-color: #383c49;            
}

.sp-quadrat-links {
    width: 60px;               
    height: 60px;               
    background-color: #f2f2f2;
	border-radius: 50px 0 0 0;
}
.sp-quadrat-rechts{
    width: 60px;               
    height: 60px;               
    background-color: #f2f2f2;
	border-radius: 0 50px 0 0;
}
.sp-quadrat-links-blau {
    width: 60px;               
    height: 60px;               
    background-color: #ffffff;
	border-radius: 50px 0 0 0;
}
.sp-quadrat-rechts-blau {
    width: 60px;               
    height: 60px;               
    background-color: #ffffff;
	border-radius: 0 50px 0 0;
}







/* Button Date buchen */
a.date_buchen {
  padding-top: 13px;
  padding-right: 22px;
  padding-bottom: 13px;
  padding-left: 22px;

  line-height: 1;
  font-size: 13px;
  background-color: #b599be;
  color: #000000;
  font-family: "Montserrat";
  font-weight: 600;
  letter-spacing: 0.11em;
  border-radius: 30px;
  transition: all 0.2s;
  text-transform: uppercase;
  text-decoration: none !important;
	 white-space: nowrap;
}
.date_buchen_wrapper {
	margin-left: 10px;
	margin-right: 10px;
}
a.date_buchen:hover {
	background-color: #a084ab;
	color: #000000;
}
/* Model buchen Seite */
.model_shortlist_div2 img, .model_shortlist_div img {
	border-radius: 20px;
	
}
.model_shortlist_div2 {
	margin-left: auto;
    margin-right: auto;
}
.model_shortlist_tab2 td {
	font-size: 13px;
    color: #666666;
    font-weight: 400;
}

.model_shortlist_tab p {
	font-size: 13px;
	color: #a09e9b;
	font-weight: 400;
}




/* BLOG detailseite */
.post-content blockquote {
    background-color: #c6c5ba14 !important;
}

/* LANDINGPAGE Städteseite */

.landing_adresse .tab-content h3 {
	margin-top: 0px !important;
	margin-bottom: 8px;
}
.landing_adresse .tab-content h4 {
	margin-bottom: 9px;
}
.landing_adresse .tab-content ul {
  list-style-type: none;
  color: #000;
  font-size: 12px;
padding-left: 0px;
	margin-bottom: 40px;
}

.landing_adresse .tab-content ul li {
  position: relative; /* Damit das absolute positionierte Icon relativ zu diesem Element positioniert wird */
  padding-left: 20px; /* Damit es Platz für das Icon gibt */
}

.landing_adresse .tab-content ul li:nth-child(1):after {
  content: "\f3c5";  /* Check-Symbol */
  font-family: "Font Awesome 5 Pro"; 
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 900; /* Stellt sicher, dass das Icon korrekt angezeigt wird */
}

.landing_adresse .tab-content ul li:nth-child(2):after {
  content: "\f095";  /* Check-Symbol */
  font-family: "Font Awesome 5 Pro"; 
  position: absolute;
  left: 0;
  font-weight: 900; /* Stellt sicher, dass das Icon korrekt angezeigt wird */
}

.landing_adresse .tab-content ul li:nth-child(3) a {
  text-decoration: underline;
  color: #000;
}

.landing_adresse .tab-content ul li:nth-child(3):after {
  content: "\f0ac";  /* Check-Symbol */
  font-family: "Font Awesome 5 Pro"; 
  position: absolute;
  left: 0;
  font-weight: 900; /* Stellt sicher, dass das Icon korrekt angezeigt wird */
}







/* Random Model in Stadt */
 .sp-container {
    display: flex;
    align-items: center;
    gap: 60px; /* Abstand zwischen den Spalten */
}

.sp-image-container {
    flex-shrink: 0; /* Verhindert, dass das Bild zusammengedrückt wird */
}

.sp-image {
    width: 230px; /* Feste Breite für das Bild */
    height: auto;
    border-radius: 50%; /* Rundes Bild */
    padding: 13px; /* Abstand für den weißen Rahmen */
    background-color: #f8f8f8; /* Weißer Hintergrund für den Rahmen */
    box-sizing: border-box; /* Inklusive des Rahmens in der Gesamtgröße */
}

.sp-image img {
    border-radius: 50%; /* Rundes Bild */
    width: 100%; /* Bild an die Container-Größe anpassen */
    height: auto; /* Höhe automatisch anpassen */
}

.sp-text-button-container {
    text-align: left; /* Text und Button links ausrichten */
	max-width: 400px;
	
}
.sp-button-container .date_buchen {
	margin-left: 0px;
}
.sp-text {
    font-size: 26px;
    font-family: 'Denton', sans-serif;
    line-height: 1.2;
	margin-bottom: 35px;
	color: #000000;
}
 
@media (max-width: 1024px) {
    .sp-container {
        flex-direction: column;
        margin-top: 50px;
		margin-bottom:50px;
		align-items: flex-start;
    }

    .sp-text-button-container {
        text-align: left;
    }
	.sp-text, .sp-image {
        align-self: stretch;
	}
}


/* Model Detailseite */

/* Location und Buchbar */

.sp-model-location {
  font-size: 12px;
  margin-bottom: 30px;
}
.sp-buchbar {
  padding-left: 17px;
  margin-bottom: 8px;
}
.sp-icon {
  padding-right: 8px;
}
.sp-icon-honorar {
  padding-right: 4px;
}
.sp-honorarklasse-wrapper {
    display: flex;
    align-items: center;
}
.sp-honorarklasse-wrapper .sp-icon-honorar {
    margin-right: 5px;
}
  


.sp-mitteilung {
  margin-top: 20px;
  margin-bottom: 20px;
}
.sp-mitteilung-bold {
	font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}
.sp-mitteilung-tablet {
	font-weight: bold;
	margin-top: 0px;
    margin-bottom: 20px;
}
/* Herren mit Handicap */

.hmh-css {
 
}



/* Reisekosten Tabelle */
.reisekosten_tabelle {
        width: 100%;
        border-collapse: collapse;
    }

    .reisekosten_tabelle th {
        padding: 4px 10px 4px 10px;
        text-align: left;
        color: #846190;
		font-size: 16px;
    } 
    .reisekosten_tabelle td {
       padding: 4px 10px 4px 10px;
        text-align: left;
    }

    .reisekosten_tabelle tbody tr:nth-child(even) {
        background-color: #ffffff;
       
    }
.reisekosten_tabelle_footer {
	font-size: 12px;
	margin-top: 11px;
	margin-bottom: 30px;
}

/* Interview Model Detailseite */

.interview_label {
  color: #846190;
  font-family: "Denton";
   font-size: 20px;
  margin-bottom: 3px !important;
}

.interview_text {
}


/* Setcard, Sprachen mit Level, Ich mag... */

.sp-setcard {
  color:#565656;
	font-size: 14px;
	line-height: 1.8;
}

.sp-setcard strong {
  color: #565656;
}

.sp-konversation-container {
    display: flex;
    align-items: baseline;
}

.sp-konversation-container p {
	margin: 0;
    margin-right: 10px;
}

.sprachen_liste {
    list-style-type: none;
    padding-left: 5px;
    margin: 0px;
}

.sprachen_liste li {
   font-weight: bolder;
	color: #565656;
}
.sp-niveau {
	font-weight: 400;
	color:#565656;
}
.sp-ich-mag {
    font-size: 14px;
    line-height: 1.8;
}

.sp-ich-mag ul {
    list-style: none;
    padding: 0;
	margin-top:0px;
}

.sp-ich-mag ul li {
    position: relative; /* Ermöglicht die Positionierung des Herzchens */
    padding-left: 20px; /* Platz für das Herzchen, angepasst an die Schriftgröße */
}

.sp-ich-mag ul li::before {
    content: "\f004"; /* Font Awesome Herzchen */
    font-family: "Font Awesome 5 Pro"; /* Stellt sicher, dass Font Awesome verwendet wird */
    position: absolute;
    left: 0; /* Positioniert das Herzchen ganz links */
    top: 2px; /* Ausrichtung mit dem Text */
    color: #846190; /* Farbe des Herzchens */
    font-size: 12px; /* Macht das Herzchen kleiner, passend zur Schriftgröße */
	
}

.sp-duo-escort-css {
  margin-bottom: 0px !important;
	
}

.sp-duo-escort-css, .sp-geschenkidee {
 color:#846190;
	margin-top:20px;
}





/* Gravity Forms Footer Newsletter */
.form-nl input[type=email] { background-color: #414141 !important;
 color: #fff !important;
	border-color: #666 !important;
}

.form-nl .gfield_label {
	color: #fff;
	font-size: 12px !important;
	
}

.form-nl .gform-field-label {
	color:#777e89;
	font-size: 12px !important;
}

.form-nl_wrapper .gform_heading {
	display: none !important;
}
.form-nl .button {
	color: #000 !important;

}
/* Gravity Forms Generel */
.gfield_label {
	font-weight: 400 !important;
}

.gform_wrapper input::placeholder {
	opacity: 0.4;
}
.form-custom_wrapper .gform_heading {
	display: none;
}
 /* Gravity Forms Casting */

 .spe_casting_formular ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.spe_casting_formular li {
  display: flex; /* Setzt das Listenelement auf Flexbox */
  align-items: flex-start; /* Ausrichtung der Items am Anfang */
  margin-bottom: 0px; /* Abstand zwischen den Listenelementen */
}

.spe_casting_formular li::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro"; 
  font-weight: 600;
  color: #846190;
  margin-right: 12px;

}


/* Optional: Anpassung für den Text */
.spe_casting_formular li p {
  margin: 0; /* Entfernt den Standard-Margin des Paragraphen */
}


.spe_casting_formular .spe_headding h3 {
	font-size: 24px;
}






/* Generell */
.heller-link a {
  color: #c6c5ba;
}
.kein-umbruch {
	white-space: nowrap;
}
.spe-footer-wpml .wpml-ls-flag {
	margin-top: 20px;
}
.spe-footer-checklist a {
	color: #e5e3e0;
}
.spe-no-dekoration a {
	text-decoration: none !important;
}

/* Homepage, Bild abdunkeln bei Rendering für Mobile */
.dark-image {
  position: relative; /* Ermöglicht die absolute Positionierung des Overlays */
}

.dark-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Schwarz mit 50% Transparenz */
  pointer-events: none; /* Verhindert, dass das Overlay Mausklicks blockiert */
}