/*
Farbe 1: --e-global-color-primary
*/
.records_head {
  /* min-height: 45px; */
  padding: 5px 0;
  padding: 0px 0;
  font-weight: bold;
  text-transform: uppercase;
  /* margin-bottom: 10px; */
  /* background-image: url(../../../designs/de/standard/images/BG_000000_20.png); */
  overflow: auto;
  border-bottom: 2px solid #bd9b65;
}
.records_head,
.records_head a {
  font-weight: 600;
}
.records_head a:hover {
  color: #bd9b65;
  font-weight: 600;
}
/*
.val_records_date,
.val_records_rank,
.val_records_horse,
.val_records_place,
.val_records_race,
.val_records_pricemoney,
.val_records_type,

.rennerfolg_year,
.rennerfolg_ort,
.rennerfolg_platz,
.rennerfolg_horse,
.rennerfolg_art,
.rennerfolg_hyperlink,
.rennerfolg_preisgeld,

.val_records_type,
.val_records_race,
.val_records_pricemoney, */
.leer_10 {
  /* float: left; */
  min-height: 10px;
}
/*
.val_records_type_mobil,
.rennerfolg_art_mobil {
  display: none;
}
.val_records_date,
.rennerfolg_year {
  width: 8%;
  text-align: center;
}
.val_records_horse,
.rennerfolg_horse {
  width: 92%;
}
.val_records_rank,
.rennerfolg_platz {
  width: 8%;
  text-align: center;
}
.val_records_race,
.rennerfolg_hyperlink {
  width: 45%;
}
.val_records_place,
.rennerfolg_ort {
  width: 22%;
}
.val_records_type,
.rennerfolg_art {
  width: 10%;
}
.val_records_pricemoney,
.rennerfolg_preisgeld {
  width: 14%;
  text-align: right;
  padding-right: 1%;
  padding-right: 0%;
}
*/

.popup_div {
	height: 200px;
	width: 200px;
}

.records_head,
.rennerfolg_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.records_head {
	padding: 0 0;
	border-bottom: 3px solid var(--e-global-color-primary);
	margin-top: 50px;
}
.rennerfolg_container {
	padding: 5px 0;
	border-bottom: 1px solid var(--e-global-color-primary); 
}
.rennerfolg_container div:nth-child(even) { 
	background: #dddddd00;
} /* Zu Testzwecken jedes zweite Feld farbig */


.val_records_date, ..val_records_horse, .val_records_place, .val_records_type, .val_records_pricemoney, .val_records_rank, .val_records_race,
.rennerfolg_year,
.rennerfolg_horse,
.rennerfolg_ort,
.rennerfolg_art,
.rennerfolg_preisgeld,
.rennerfolg_platz,
.rennerfolg_hyperlink {
	display: flex;
	flex-direction: column;
}
.val_records_date,
.rennerfolg_year {
	width: 9%;
	text-align: center;
}
.val_records_horse,
.rennerfolg_horse {
	width: 46%;
	font-weight: 900;
}
.val_records_place,
.rennerfolg_ort {
	width: 22%;
}
.val_records_type,
.rennerfolg_art {
	width: 8%;
}
.val_records_pricemoney,
.rennerfolg_preisgeld {
	width: 15%;
	text-align: right;
}
.val_records_rank,
.rennerfolg_platz {
	width: 9%;
	text-align: center;
}
.val_records_race,
.rennerfolg_hyperlink {
	width: 91%;
}

.flex-box > div {
	display: flex;
	flex-direction: column;
	align-items:center;
}

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait), only screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
	.val_records_date,
	.rennerfolg_year {
		width: 40%;
		text-align: left;
	}
	.val_records_horse,
	.rennerfolg_horse {
		width: 60%;
	}
	.val_records_place,
	.rennerfolg_ort {
		width: 40%;
	}
	.val_records_type,
	.rennerfolg_art {
		width: 35%;
	}
	.val_records_pricemoney,
	.rennerfolg_preisgeld {
		width: 25%;
	}
	.val_records_rank,
	.rennerfolg_platz {
		width: 40%;
		text-align: left;
	}
	.val_records_race,
	.rennerfolg_hyperlink {
		width: 60%;
	}
}

/* ---------- RENNEN POPUP ------------------------------ */
.dialog-close-button svg {
    fill: #888888 !important;
	font-weight: 900 !important;
}
.dialog-close-button svg:hover {
    fill: var(--e-global-color-primary) !important;
}
.dialog-lightbox-message {
	width: 960px !important;
	padding: 10px 20px;
	border-radius: 10px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait), only screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
	.dialog-lightbox-message {
		width: 100% !important;
	}
}
.popup_title_ort {
	font-size: 19px;
	font-weight: 600;
	color: var(--e-global-color-primary);
}
.popup_title_datum {
	font-size: 17px;
	font-weight: 400;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--e-global-color-primary);
	margin-bottom: 10px;
}
.popup_title_rennen {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 20px;
}

.races_container {
	width: 960px;
	background-color: #ffffff;
	padding: 10px 15px;
}

.races_head,
.races_data {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.races_head {
	border-bottom: 1px solid #aaa;
}
.races_data {
	padding: 5px 0;
	border-bottom: 1px solid #cccccc;
}
/*
.races_data:nth-child(even) { 
	background: #e8e8e8;
	border-bottom: 0px solid #ddd;
}
*/

.head_races_rank,
.head_races_horse,
.head_races_weight,
.head_races_owner,
.head_races_rider,
.head_races_preisgeld {
  /* float: left; */
	text-transform: normal; /*uppercase;*/
	font-weight: 600;
	text-align: left;
	line-height: 1.8em;
}
.races_rank,
.races_horse,
.races_weight,
.races_owner,
.races_rider,
.races_preisgeld {
  /* float: left; */
	text-align: left;
	line-height: 1.8em;
	font-size: 17px;
}
.head_races_rank,
.races_rank {
	width: 6%;
	padding-left: 0%;
	text-align: center;
}
.head_races_horse,
.races_horse {
	width: 17%;
}
.head_races_weight,
.races_weight {
  width: 10%;
  text-align: center;
}
.head_races_owner,
.races_owner {
  width: 36%;
}
.head_races_rider,
.races_rider {
  width: 21%;
}
.head_races_preisgeld,
.races_preisgeld {
  width: 10%;
  text-align: right;
}
.races_richterspruch {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 0px solid #dddddd;
	font-size: 17px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait), only screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
	.head_races_rank,
	.races_rank {
		width: 15%;
	}
	.head_races_horse,
	.races_horse {
		width: 85%;
		text-align: right;
	}
	.head_races_weight,
	.races_weight {
		width: 20%;
	}
	.head_races_owner,
	.races_owner {
		width: 80%;
		text-align: right;
	}
	.head_races_rider,
	.races_rider {
		width: 60%;
	}
	.head_races_preisgeld,
	.races_preisgeld {
		width: 40%;
		text-align: right;
	}
}
.races_richterspruch::first-letter {
	text-transform: capitalize;
}