/*CSS for the Main Frontend Section */
:root {
  --color-black: #030303;
  --color-orange: #FF770E;
  --color-white: #FFFFFF;
  --color-green: #28FF26;
  --color-grey: #C5C5C5;
  --color-blue: #00386C;
}

html {
	min-height:101%;
	font-size:100%;
}
body {
	font-family:Noto Sans;
	font-size: 1.125rem;
	line-height: 125%;
	color: #030303;
	background-color: #FFF; /*var(--color-black);*/
	margin:0;
}
.wrapper, header, footer {
	width:100%;
}
.inside, .main {
	width: 100%;
	max-width:1280px;
}
/*.w100 {
	width: width:calc(100% - 20px);
	display:block;
	float: none;
	margin-left: 10px;
	margin-right: 10px;
}
.w50 {
	width:calc(50% - 20px);
	float:left;
	margin: 0 10px;
}
@media all and (max-width: 768px) {
	.w100, .w50 {
		float:none;
		clear:both;
		display: block;
		width: 100%;
		}
}
*/
h1, h2 {
	font: 2rem/125% 'Roboto Condensed';
	font-weight:700;
	line-height:150%;
	border-bottom: 1px solid #030303;
	}
.main h1, .main h2 {
	color: #030303;
}
.main p {
	display:block;
	margin-bottom: 0.5rem;
}
/* Header */
header {
	}
header .inside {

}
header .team, header .opponent {

}
.transp35 {
	opacity: 0.35;
}
/* Forms */ 
.form_element {
	display: block;
}
/* -------------- Forms - PBP*/
/* Select Feld*/
.pbp select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  height: 40px;
  -moz-padding-start: calc(10px - 3px);
  padding-left: 10px;
  background: #fff;
  color: #030303;
  font-size: 20px;
  margin-bottom: 2rem;
}
.pbp select::-ms-expand {
  display: none;
}
.pbp .select-wrapper {
  width: 100%;
  position: relative;
}
.select-wrapper::before {
  font-family: IcoFont;
  content: "\f0a9";
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 10px;
  color: #030303;
  transform: rotate(90deg);
}

/* Radio Button */
.radio_wrapper {
	display:inline-block;
	width:48px;
	height:48px;
	margin:5px;
}
.radio_item {
	display:none!important;
}
.label_item {
	background-color: #FFF;
	height:48px;
	width:48px;
	font: 20px/48px 'Roboto Condensed';
	border-radius:50%;
	text-align:center;
	padding:0;
	display: inline-block;
	color: #030303;
}
.radio_item:checked + label {
    background-color: #FF770E;
}
label {
	cursor: pointer;   
}
.label_iten i {
	font-size: 32px;
	line-height:48px;
	}
.label_item.cancel {
	background-color: #030303;
	height:48px;
	width:48px;
	text-align:center;
	padding:0;
	display: inline-block;
	color: #C5C5C5;
}
.label_item.cancel i {
	font-size: 24px;
	line-height:48px;
}

/* Range Slider */
.slider-wrapper {
  width: 100%; /* Width of the outside container */
  margin-bottom: 2rem;
}
	/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: calc(100% - 80px); /* Full-width - range_ywb_value*/
  height: 16px; /* Specified height */
  background: #FFFF; /* Grey background */
  outline: none; /* Remove outline */
  display:inline;
}
	/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 8px; /* Set a specific slider handle width */
  height: 32px; /* Slider handle height */
  background: #FF770E; /* Orange background */
  cursor: pointer; /* Cursor on hover */
}
.slider::-moz-range-thumb {
  width: 8px; /* Set a specific slider handle width */
  height: 32px; /* Slider handle height */
  background: #FF770E; /* Orange background */
  cursor: pointer; /* Cursor on hover */
}
.slider-wrapper p {
	color: #FF770E;
	font: 24px/100% 'Roboto Condensed';
	width: 80px;
	display:inline;
}
.slider-wrapper span {
	text-align:right;}


/* Table */
table {
      border-collapse: collapse;
    }
    th, td {
      padding: 5px 10px;
      border: none;
	  text-align:left;
    }
	thead th {
		border-bottom: 1px solid #000;
		}
    th {
      background-color: none;
    }
    th[data-sort]{
      cursor:pointer;
    }
    tr.awesome{
      color: red;
    }
.table_team {
	text-align:center;
}

/* TABS */

/* Pages */
.home .logo {
	text-align:center;
}
.home .logo img {
	margin: 0 auto;
	height:30vh;
	max-height: 150px;
	width: auto;
}
/* Global Classes 
.dffl5 {
}
*/
.nodffl.noshow {
	display: none!important;
}