/* base colors:
blau:#345D7E
tinte:#24364F
gelb:#fcc300
orange:#F45F0B
brown:#C75B13
hl-blau:#66C5FF
*/
/* Form7 Beitrittserklärung*/

#cf7beitritt{
	font-family:Imprima;
	margin:0;
  padding:30px;
	}

#cf7beitritt input {
  width:100%;
	}

#cf7beleg{
	font-family:Imprima;
	margin:0;
  padding:30px;
	}
#cf7beleg input {
  width:100%;
	}
.cf7beitritt{
	font-family:Imprima;
	margin:0;
  padding:30px;

	}
.cf7form_title {
width: 100%;
margin-top:10px;
padding-top:10px;
}
.fields {
width: 100%;
margin-bottom:30px;

}

.field_1 {
width: 98%;
	float:left;
margin-right: 2%;
margin-top:10px;

}
.field_2 {
float:left;
	
width: 48%;
margin-right: 2%;
margin-top:10px;

}



.field_2_small {
width: 32%;
float: left;
margin-right:17%;
margin-top:10px;
}
.field_2_last {
	margin-right:0;
}
.field_3 {
width: 32%;
float: left;
margin-right: 2%;
margin-top:10px;
}
.field_3_last {
margin-right: 0;
}
.field_3_end {
margin-right: 0;
	margin-bottom:30px;
}
.field_4 {
width: 23%;
float: left;
margin-right: 2%;
margin-top:10px;
}

.field_4_last {
margin-right: 0;
}
.field_4_end {
margin-right: 0;
	margin-bottom:30px;
}
.field_5 {
width: 20%;
float: left;
margin-right: 2%;
margin-top:10px;
}
.field_5_last {
margin-right: 0;
}
.field_signature_left, .field_signature_right {
float: left;
width: 50%;
margin-top:10px;
padding-bottom:30px;
}

.field_signature_left {
padding-left: 30px;
}
.field_signature_right {
}


.field_chkbox{
	margin:0;
	margin-bottom:30px;
	background:white;
 padding:10px;	
 border: solid 1px #8f8f9d;
}
.fields_mt50{
margin-top:50px;

}
.fields_bg{
	background:#fcc300;	
}

.field_hidden{
	display:none;
}

/* custom checkbox styling for contact form 7 checkbox */

.wpcf7 .wpcf7-list-item {
display: inline; 
margin:0;
	margin-bottom: 10px;
}

span.wpcf7-list-item {

}


	.wpcf7-radio input[type=radio] {
position: relative;
width: 18px;
height: 18px;
top: 25px;
right: 49%;
}


.wpcf7-checkbox input[type=radio] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 0;
height: 20px;
width: 20px;
top: 0px;
left: 0px;

}


.wpcf7-checkbox label {
position: relative;
cursor: pointer;
}
.wpcf7-checkbox input[type=checkbox] {
/*position: relative;*/
position: absolute;
visibility: hidden;
width: 30px;
height: 30px;
top: 0;
left: 0;

}

.wpcf7-checkbox input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 0;
height: 20px;
width: 20px;
top: 0px;
left: 0px;
border: 1px solid #345D7E;
}
.wpcf7-checkbox input[type=checkbox] + span:after {
display: block;
position: absolute;
content: "\2713";
height: 20px;
width: 20px;
top: 0;
left: 0;
visibility: hidden;
font-size: 18px;
text-align: center;
line-height: 20px;
	border: 1px solid #F45F0B;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {
background: transparent;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {
visibility: visible;
}
.wpcf7-list-item-label {
margin-left: 40px;

display: inline-block;

}


.wpcf7-form-control-wrap textarea{
width:100%;
}
.dscf7_signature_inner {
display: inline-block;
position: relative;

}

.digital_signature-pad{
width:400px;	
height:150px;
border: solid 1px #8f8f9d;
}

.dscf7_signature input.clearButton {
display: inline-block;
float:bottom;
font-size:12pt;  
align-items: left;
justify-content: left;
width: 80px;
height: 24px;
line-height: 1;
padding: 0px;
margin: 0px;
border-radius: 6px;
border: solid 1px #8f8f9d;
transform: rotate(0deg);
position: absolute;
top: 140px;
left: 10px;
}

	.field_signature_left, .field_signature_right {
  padding-right:30px;	
  }	

  .digital_signature-pad{
  width:100%;	
  height:200px;
  }

.dscf7_signature input.clearButton {
		top:190px;
  }





/* Price Tabelle*/
.priceTable {
width: 94%;
border-collapse: collapse;
margin-left:30px;
	margin-bottom:30px;
font-size:14px;
background-color:#fff;
}

.priceTable tr th {
vertical-align:top;
	color:#24364F;
	border-bottom:1px solid #24364F;
	height:30px;
	padding-right:10px;
	padding-left:2px;
	
}



@media (max-width: 1250px) {
.field_signature_left, .field_signature_right {
width: 100%;
margin-top:15px;
padding-left:30px;
 }	
}
@media (max-width: 1000px) {
   .field_1, .field_2, .field_3,  .field_4, .field_5 {
  width: 100%;
		margin-right:0;

	}
	.priceTable {
width: 100%;
		padding:0;
		margin:0;
	}
.field_signature_left, .field_signature_right {
padding:0;
	margin:0;
 }	
}


/* Ranking Tabelle*/

.rankingTable {
width: 100%;
border-collapse: collapse;
padding:0px;
margin:0px;
font-size:16px;
}

/* Ranking Tabelle Mobile*/
.rankingTableMobile {
width: 100%;
border-collapse: collapse;
font-size:15px;
/*background-color:yellow;*/
}

/* Spielplan Team Tabelle*/
.scheduleTable {
width: 100%;
border-collapse: collapse;
padding:0px;
margin:0px;
font-size:16px;
}
/* Spielplan Team Tabelle Mobile*/
.scheduleTableMobile {
width: 100%;
border-collapse: collapse;
	/*background-color:Aqua;*/
	font-size:15px;
}

/* Spielplan Club Tabelle*/
.gamesTable {
	width: 600px;
 }

/* Results Club Tabelle*/
.resultsTable {
	width: 600px;
 }

/* Schreiber Tabelle*/
.otrTable {
	width: 100%;
 }

.rankingTable tr th {
	
	text-align: left;
	color:#24364F;
	border-bottom:1px solid #24364F;
	height:30px;
	
}
.rankingTableMobile tr th {
text-align: left;
color:#24364F;
border-bottom:1px solid #24364F;
}

.scheduleTable tr th {
	text-align: left;
	color:#24364F;
	border-bottom:1px solid #24364F;
	height:10px;
}


.rankingTable,td,th {
	text-align: left;
	color: #666;
	/* Grundschriftfarbe in allen Zellen der Tabelle*/
}

.scheduleTableMobile tr td {
padding:    10px 0 10px 0;

}
.scheduleTableMobile_even{
  background-color:#f8f8f8;
}


.rankingHeader{
   color:#345D7E;/*farbe des Spielplan teams*/
   
}


.clubScheduleDate {

}

.scheduleHome {
	padding-right:10px;
}

.scheduleDate {
	padding-top:5px;
}
.scheduleResult {
}
.scheduleLocationMobile {
	padding-left:5px;
}

.scheduleSpacer {
	height:20px
}



.even{
  background-color:#f8f8f8;
}

.odd{
	 background-color:white;
}

.played {

}
.gameLost {
	font-weight: bold;
}
.gameWon {
	color: #060;
}
#score {
	font-size: 30px;
	color: red;
}

.thisTeam .rankingTeam {
	font-weight: bold;
	color:#345D7E;/*farbe des ranking teams*/
	letter-spacing:1px;
}
.thisTeam {
	font-weight: bold;
	color:#345D7E;/*farbe des Spielplan teams*/
	letter-spacing:1px;

}
.thisClub {
	color:#345D7E;/*farbe des Spielplan Clubs*/
	font-weight: bold;
letter-spacing:1px;
}

.rankingRank {
	width: 60px;
	/*font-size: 24px;die nummer grösser*/
}
.rankingTeam {
padding-right:40px;		
}

.rankingWins {
  width: 30px;
}
.rankingDefeats{
  width: 30px; 
}
.rankingForfaits {
	width: 60px;
}
.rankingScoreFor {
	width: 60px;
}
.rankingScoreAgainst {
	width: 60px;
}
.rankingDifference {
	width: 80px;
}

.rankingPoints {
	width: 30px;
}

.rankingGames {
	width: 100px;
}
.clubScheduleDate {
	width: 125px;
}
.rankingMobileHide {
	display: none; /*Spalten ausblenden*/
}
.seasonOverviewDay {
	display: none;
}
.seasonOverviewLocation {
	display: none;
}

/* Offiziellen Liste*/
#OffiziellenList{
 width: 100%; 
}
#OffiziellenList tr  {
	border-bottom:1px solid #d4d4d4;
}

#OffiziellenList td  {
	color:#666;
	font-size: 10pt;
}

#OffiziellenList th  {
border-bottom:2px solid #24364F;
text-align: left;
}
.OffiziellenList-month-header{
		background-color:#fcc300;
}

.OffiziellenList-month-header-Mobile{
	 padding: 2px 10px 2px 0px;
	margin:10px -20px 30px -20px;
	background-color:#fcc300;
	text-align:right;
	font-size: 24px;
	color:white;
}


.OffiziellenList-line{
margin-bottom: 20px;
	border-top: 2px solid #fcc300;	
}