@font-face {
  font-family: "SourceSansPro-Regular";
  src: url("../font/SourceSansPro-Regular.eot"); /* IE9 Compat Modes */
  src: url("../font/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/SourceSansPro-Regular.otf") format("opentype"), /* Open Type Font */
    url("../font/SourceSansPro-Regular.svg") format("svg"), /* Legacy iOS */
    url("../font/SourceSansPro-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../font/SourceSansPro-Regular.woff") format("woff"), /* Modern Browsers */
    url("../font/SourceSansPro-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

html {
	height: 100%;
	}
body {
  //padding: 1em; 
  //margin-right: 30px;
  background-color: black;
  background-image: url('/wwwimages/bg_holz.jpg');
  background-size: 100% 100%; 
  background-repeat:no-repeat; 
  background-attachment: fixed;
 font-family: SourceSansPro-Regular !important;
  
}

.navbar-brand {
 height: 70px !important;
} 
  
.e-msg {
  color: #ff6666;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 1) !important;
  padding: 3px;
}
.rot90 {
  transform: rotate(-90deg);
  /* Legacy vendor prefixes that you probably don't need... */
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.vertical-header span {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  text-align: left;
  max-height: 150px;
}
.table-big {
	color: white !important;	
}	
.table-big td   {
	font-size: 22px !important;
	padding-left:20px;
	padding-right:20px;
	color: white !important;
	border: 2px solid white ;
}	
.table-big th   {
	font-size: 15px !important;
	padding-left:20px;
	padding-right:20px;
	color: white !important;
  border: 2px solid white ;
}

.table-small {
	color: white !important;	
  margin-left: auto;
  margin-right: auto;
}	

.table-small td   {
	font-size: 13px !important;
	padding-left:20px;
	padding-right:20px;
	color: white !important;
	border: 1px solid white ;
}
.table-medium td   {
	font-size: 15px !important;
	border: 1px solid white ;
}

.tcenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 18px !important;
}
.scenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  vertical-align: center; 
  font-size: 14px !important;
}

.nowidth{
	width: 0px;	
}
hr.jhr {
  border-top: 1px solid #ffd700  !important;
}	
.jass1{
  border-top: 1px solid #ffd700  !important;
  margin-right: 15px  !important;
}
.jtable  {
	background-image: url("/wwwimages/schiefer.jpg");
	background-position: center;
	border-radius: 5px;
}	
.jtable td, th  {
	//background-image: url("/wwwimages/schiefer.jpg");
	//background-position: center;
	border-radius: 5px;
	//border: 1px solid #ffd700 ;
	vertical-align: top; 
	padding: 3px;

}	
.jtable th {
	color: white;	
}	

.jtable-r  {
	color:white;
	max-width:300;
}	
.jtable-r td, th  {
	border: 1px solid #ffd700 ;
	vertical-align: top; 
	padding: 3px;
	font-size: 1rem;
}
.jtable-r2  {
	color:white;
}	
.jtable-r2 td, th  {
	border: 1px solid #ffd700 ;
	vertical-align: center; 
	padding: 3px;
	font-size: 1rem;
}
.jtable-r3  {
	color:white;
}	
.jtable-r3 td, th  {
	vertical-align: center; 
	padding: 3px;
	font-size: 1rem;
}
.jtable-r4  {
	color:white;
	max-width:500px;
}	
.jtable-r4 td, th  {
	border: 1px solid #ffd700 ;
	vertical-align: top; 
	padding: 3px;
	font-size: 1rem;
}
.jtable-r4 td:nth-of-type(2), td:nth-of-type(3) {
  text-align: right;
}

.tarea {
	border: 1px solid #ffd700  !important;
	color: white !important;
	padding-left:5px !important;
}	



.m_red{color: #F79F81; }
.m_green{color: #BEF781;}
.m_white{color: white;}
.m_red1{color: #F79F81; font-size: 8pt; font-weight:normal;}
.m_green1{color: #BEF781; font-size: 10pt; font-weight:bold;}
.m_white1{color: white; font-size: 8pt; font-weight:normal;}
.m_white2{color: white; font-size: 10pt; font-weight:bold;}
.even { background-color:#111; }
.odd { background-color:#333; }
.even1 { background-color:#111; font-size: 8pt; font-weight:normal;}
.odd1 { background-color:#333; font-size: 8pt; font-weight:normal;}	
	

.jtooltip {
	background-image: url("/wwwimages/schiefer.jpg");
	background-position: center;
	border-radius: 5px;
	border: 1px solid #ffd700
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #ffd700 !important;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #ffd700 !important;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-left-color: #ffd700 !important;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #ffd700 !important;
}
.largetext {
	font-size: 25px !important;
}
.mediumtext {
	font-size: 18px !important;
}
	
.jmsg {
	background-color: rgba(255, 255, 255, 0.6) !important;	
	border-radius: 5px !important;
	padding-left: 10px;
}
	
.jbtn-rounded{
	border-radius: 10px !important;
	border: 3px solid #ffd700 !important;
	background-color: rgba(0, 0, 0, 0.6) !important;
	color: #ffd700 !important;
	text-transform: unset !important;
	font-size: 20px !important;
	height: 45px !important; 
	padding-top: 4px !important; 
	padding-right: 10px !important; 
	padding-left: 10px !important;
}
.jbtn-rounded:hover {
	background-color: rgba(255,255,255,.1) !important;
}
.jbtn-rounded-sm{
	border-radius: 10px !important;
	border: 3px solid #ffd700 !important;
	background-color: rgba(0, 0, 0, 0.6) !important;
	color: #ffd700 !important;
	text-transform: unset !important;
	font-size: 17px !important;
	height: 35px !important; 
	padding-top: 1px !important; 
	padding-right: 5px !important; 
	padding-left: 5px !important;
	width: 170px !important;
}

.jbtn-rounded-sm:hover {
	background-color: rgba(255,255,255,.1) !important;
}

.myselectbox {
	//background-color:white;
	float:left;
	min-height: 40px;
}
.myselectbox  select{
	//padding: 5px 8px;
    background: transparent;
	color: white !important;
	//background: rgba(255,215,0, 0.7) !important;
	width:170px;
	min-height: 40px;
	border-radius:5px;
}
.myselectbox option {
	font-size: 13px;
}	

.lh-1 {
	line-height: 0!important;
	height: 45px;
	
}
.mw350 {
	max-width:350px !important;
}	
.mw280 {
	max-width:280px !important;
}
.mw265 {
	max-width:255px !important;
}
.jinput {
	line-height: 0!important;
	height: 0px; !important;
	margin-top: -10px !important;
}
.jinputok {
	line-height: 0!important;
	height: 20px; !important;
	margin-top: -10px !important;
}
.jlink {  /* Jasslink */
	color: #ffd700 !important;
}
.jlink-c {  /* Jasslink */
	color: black !important;
}

#cookieNotice {
	color: black;
	font-size: 15pt!important;
}	
	
.jlink:hover {
	color: #fff !important;
}	

.jbtn-sm {  /* jussbutton small (login) */
	border-radius: 10px !important;
	font-size: 16px !important;
	border: 2px solid #ffd700 !important;
	padding: 4px 10px 7px 10px !important;
	text-transform: unset !important;
	background-color: rgba(0, 0, 0, 0.6) !important;
}

.jbtn {		/* Jassbuttons */
	border-radius: 10px !important;
	border: 2px solid #ffd700 !important;
	background-color: rgba(0, 0, 0, 0.6) !important;
	color: #ffd700 !important;
	text-transform: unset !important;
	font-size: 16px !important;
	height: 40px !important; 
	padding-top: 2px !important; 
	padding-left: 10px !important;
	//margin-top: -5px;
	width: 100%;
	margin-bottom: 0em !important;
	line-height: 1!important;

}	


.jbtn1 {
	background-color: #ffd700 !important;
	color: black !important;
	font-size: 20px !important;
	margin-top: 20px !important;
	padding-top: 0px !important; 
}	
.jbtn1:hover {

	background-color: rgba(255,215,0, 0.6) !important;
	border: 2px solid #ffd700 !important;
}
	
.jLabel{
	position: relative!important;
	display: inline!important;
}	
	
.ml-n3 {
  margin-left: -12px !important;
}

.ji:hover label{
	//background-color: rgba(119,215,0, 0.6) !important;
}	
	
.ji:hover, .ji:active input{
	background-color: transparent !important;
}	
	
	
/* Jassbuttons hide checkbox*/
.ji input[type='checkbox']:checked,
.ji input[type='checkbox']:not(:checked),
.ji input[type='radio']:checked,
.ji input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
  //height: 0px;
}


/* Jassbuttons set Icon AwesomeFont */
.ji input[type='checkbox']:checked + label::before,
.ji input[type='checkbox']:not(:checked) + label::before,
.ji input[type='radio']:checked + label::before,
.ji input[type='radio']:not(:checked) + label::before {
    content: "\f111";
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 400;
	font-size: 24px !important;
    display:inline-block;
    position: relative;
    top:3px;
    margin-right: 0.5em;
	//color: white;
	color: #ffd700;
}

/* Jassbuttons hover icon */
.ji input[type='checkbox']:hover  + label::before,
.ji input[type='radio']:hover  + label::before {
  color: #ffd700;
}

.ji input[type='checkbox']:hover,
.ji input[type='radio']:hover {
  //background-color: red  !important;	
}

/* Jassbuttons checked Icon */
.ji input[type='checkbox']:checked  + label::before,
.ji input[type='radio']:checked  + label::before {
	content: "\f058";
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 400;
	font-size: 24px !important;
	color: #ffd700;
}
/* Jassbuttons checked label*/
.ji input[type='checkbox']:checked + label,
.ji input[type='radio']:checked + label {
	//background-color: #ffd700 !important;	
	//color:black; 
	//background-color: red  !important;
	
}
/* Jassbuttons hover label */
.ji input[type='checkbox']:hover + label,
.ji input[type='radio']:hover + label {
	background-color: rgba(255,255,255,0.1) !important;

}

.non-block{
	//display:inline;
	width:150px;
}	

.md-form input[type=text]:not(:focus),
.md-form input[type=tel]:not(:focus),
.md-form input[type=date]:not(:focus),
.md-form input[type=radio]:not(:focus),
.md-form input[type=password]:not(:focus) {
box-shadow: 0 1px 0 0 #ffd700 !important;
border-bottom: 1px solid #ffd700 !important;
color: #ffd700 !important;
}

.md-form input[type=text]:focus,
.md-form input[type=tel]:focus,
.md-form input[type=date]:focus,
.md-form input[type=radio]:focus,
.md-form input[type=password]:focus {
box-shadow: 0 1px 0 0 red !important;
border-bottom: 1px solid red !important;
color: WHITE !important;
}

.md-form input[type=text]::placeholder, 
.md-form input[type=tel]::placeholder, 
.md-form input[type=date]::placeholder, 
.md-form input[type=password]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  //color: #ffd700;
  color: #797979;
  opacity: 1; /* Firefox */
}

.in_jass input[type=text]::placeholder, 
.in_jass input[type=tel]::placeholder, 
.in_jass input[type=date]::placeholder, 
.in_jass input[type=password]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffd700  !important;
  //color: #797979;
  opacity: 1; /* Firefox */
}

.md-form input[type=text]::-ms-input-placeholder , 
.md-form input[type=tel]::-ms-input-placeholder , 
.md-form input[type=date]::-ms-input-placeholder , 
.md-form input[type=password]::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  //color: #ffd700;
  color: #797979;
  opacity: 1; /* Firefox */
}
.in_jass input[type=text]::-ms-input-placeholder , 
.in_jass input[type=tel]::-ms-input-placeholder , 
.in_jass input[type=date]::-ms-input-placeholder , 
.in_jass input[type=password]::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffd700  !important;
  //color: #797979;
  opacity: 1; /* Firefox */
}

.md-form input[type=text]::-webkit-input-placeholder  , 
.md-form input[type=tel]::-webkit-input-placeholder  , 
.md-form input[type=date]::-webkit-input-placeholder  , 
.md-form input[type=password]::-webkit-input-placeholder  { /* Chrome, Firefox, Opera, Safari 10.1+ */
  //color: #ffd700;
  color: #797979;
  opacity: 1; /* Firefox */
}

.in_jass input[type=text]::-webkit-input-placeholder  , 
.in_jass input[type=tel]::-webkit-input-placeholder  , 
.in_jass input[type=date]::-webkit-input-placeholder  , 
.in_jass input[type=password]::-webkit-input-placeholder  { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffd700  !important;
  //color: #797979;
  opacity: 1; /* Firefox */
}


.md-form input[type="radio"]:checked + label:after,
.md-form input[type="radio"].with-gap:checked + label:before,
.md-form input[type="radio"].with-gap:checked + label:after,
label.btn input[type="radio"]:checked + label:after,
label.btn input[type="radio"].with-gap:checked + label:before,
label.btn input[type="radio"].with-gap:checked + label:after {
border: 2px solid #ffd700;
border-radius: 10px;
 }

.md-form input[type="radio"]:checked + label:after,
.md-form input[type="radio"].with-gap:checked + label:after,
label.btn input[type="radio"]:checked + label:after,
label.btn input[type="radio"].with-gap:checked + label:after {
background-color: black; }

.avatarbox {
     float: left;
	 margin-top: 8px !important;
	 padding-right: 10px;
}
.avatarbox2 {
     float: left;
}

input {
   width: 300px;
}
.iw-20{
	width: 20px!important;
}
.wd-130{
	width: 130px !important;	
}	
.wd-150{
	min-width: 150px !important;	
}
.wd-180{
	min-width: 180px !important;	
}
.wd-250{
	min-width: 250px !important;	
}
.wd-500{
	//min-width: 500px !important;
	max-width: 500px !important;
}	
.mwd-100{
	max-width: 100px !important;
}	
.mwd-230{
	max-width: 230px !important;
}
.mwd-250{
	max-width: 250px !important;
}	
	
.bgs {
	background-image: url("/wwwimages/schiefer.jpg");
	background-position: center;

}

.meter { 
	height: 15px;  /* Can be anything */
	width: 150px;
	position: relative;
	background: #555;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 1px;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	margin-top: 5px;	
}
.meter > span {
  	
  display: block;
  height: 100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: rgb(43,194,83);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}
	
.col-avatar {
  margin-top: 1rem;		
  padding: 1rem;
  background-color: grey;
  background-image: url("/wwwimages/schiefer.jpg");
  //opacity:0.5;
  //border: 2px solid #fff;
  color: #fff;
  text-align: center;
  min-width: 250px;
}

.sfont {
	font-size: 0.8em;	
	line-height: 1.2;
}	

.ad-right {
	width:100%;
	height:600px;
	width: 300px;
}	
.ad-bottom {
	width:100%;
	height:250px;
	width: 970px;
}	

#showcount {
	width:200px;
}	

@media (max-width: 1200px) {
	.move-down{
		padding-top: 105px !important;
	}
}