/* @font-face {
  font-family:myFirstFont;
  src:local(Roboto Regular),
  url('../font/roboto/Roboto-Regular1.ttf') format("truetype");
  font-weight:400;
}
@font-face{font-family:Roboto2;
src:local(Roboto Regular),url(../font/roboto/Roboto-Regular.eot);
src:local(Roboto Regular),url(../font/roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype");
src:local(Roboto Regular),url(../font/roboto/Roboto-Regular.woff2) format("woff2");
src:local(Roboto Regular),url(../font/roboto/Roboto-Regular.woff) format("woff");
src:local(Roboto Regular),url(../font/roboto/Roboto-Regular.ttf) format("truetype");
  font-weight:400;
} */
/* @font-face{font-family:Roboto;
src:local(Roboto Thin),url(../font/roboto/Roboto-Thin.eot);
src:local(Roboto Thin),url(../font/roboto/Roboto-Thin.eot?#iefix) format("embedded-opentype");
src:local(Roboto Thin),url(../font/roboto/Roboto-Thin.woff2) format("woff2");
src:local(Roboto Thin),url(../font/roboto/Roboto-Thin.woff) format("woff");
src:local(Roboto Thin),url(../font/roboto/Roboto-Thin.ttf) format("truetype");
font-weight:200}
@font-face{font-family:Roboto;
src:local(Roboto Light),url(../font/roboto/Roboto-Light.eot);
src:local(Roboto Light),url(../font/roboto/Roboto-Light.eot?#iefix) format("embedded-opentype");
src:local(Roboto Light),url(../font/roboto/Roboto-Light.woff2) format("woff2");
src:local(Roboto Light),url(../font/roboto/Roboto-Light.woff) format("woff");
src:local(Roboto Light),url(../font/roboto/Roboto-Light.ttf) format("truetype");
font-weight:300}
@font-face{font-family:Roboto;
src:local(Roboto Regular),url(../font/roboto/Roboto-Regular.eot);
src:local(Roboto Regular),url(../font/roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype");
src:local(Roboto Regular),url(../font/roboto/Roboto-Regular.woff2) format("woff2");
src:local(Roboto Regular),url(../font/roboto/Roboto-Regular.woff) format("woff");
src:local(Roboto Regular),url(../font/roboto/Roboto-Regular.ttf) format("truetype");
font-weight:400}
@font-face{font-family:Roboto;
src:local(Roboto Medium),url(../font/roboto/Roboto-Medium.eot);
src:local(Roboto Medium),url(../font/roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype");
src:local(Roboto Medium),url(../font/roboto/Roboto-Medium.woff2) format("woff2");
src:local(Roboto Medium),url(../font/roboto/Roboto-Medium.woff) format("woff");
src:local(Roboto Medium),url(../font/roboto/Roboto-Medium.ttf) format("truetype");
font-weight:500}
@font-face{font-family:Roboto;
src:local(Roboto Bold),url(../font/roboto/Roboto-Bold.eot);
src:local(Roboto Bold),url(../font/roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype");
src:local(Roboto Bold),url(../font/roboto/Roboto-Bold.woff2) format("woff2");
src:local(Roboto Bold),url(../font/roboto/Roboto-Bold.woff) format("woff");
src:local(Roboto Bold),url(../font/roboto/Roboto-Bold.ttf) format("truetype");
font-weight:700} */

body {
	background-image: url('../img/background.png');
	background-repeat: repeat-x;
	background-color: #F5F8FA;
}

.fade-effect:hover {
	cursor: pointer;
}
.pointer:hover {
	cursor: pointer;
}

.dark-grey-text {
	color: #5A5F65 !important;
}
.border-dark-grey {
	border-color: #5A5F65 !important;
}
.nouppercase {
	text-transform: none !important;
}
.w-2 {
    width: 2% !important;
}
.w-5 {
    width: 5% !important;
}
.w-10 {
    width: 10% !important;
}
.w-15 {
    width: 15% !important;
}
.w-20 {
    width: 20% !important;
}
.w-25 {
    width: 25% !important;
}
.w-30 {
    width: 30% !important;
}
.w-35 {
    width: 35% !important;
}
.w-40 {
    width: 40% !important;
}
.negTopMargin-5 {
	margin-top: -5px;
}
.negTopMargin-10 {
	margin-top: -10px;
}
.negTopMargin-15 {
	margin-top: -15px;
}
.negTopMargin-20 {
	margin-top: -20px;
}
.negTopMargin-25 {
	margin-top: -25px;
}
.negTopMargin-30 {
	margin-top: -30px;
}
table {
	border-collapse: none;
}
.matchdaysDropdown {
	 width: 15rem;
} 

tr {
  transition-property: background-color;
  transition-duration: 0.1s;
}

#logo {
	height:200px;
}
a.dropdown-item {	
	background-color:rgba(0, 0, 0, .0);
	border-radius: 5px; 
}
a.dropdown-item:hover {
	color: #fff !important;
	background-color: #4285F4;
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, .5);
	-webkit-transition: background-color 150ms linear,box-shadow 150ms linear,color 150ms linear;
    -ms-transition: background-color 150ms linear,box-shadow 150ms linear,color 150ms linear;
    transition: background-color 150ms linear,box-shadow 150ms linear,color 150ms linear;
}

#spieltag {
    margin: 10px 15px;
    padding: 15px;
    background: #f5f5f5;
    width: 100%;
}
#spieltag  h4{
    color: #333;
}
#spieltag .date {
    color: #777;
    font-size:0.8rem;
}
#spieltag .teams {
    background: #d7d8d9;
    color: #054850;
    font-size:1.2rem;
    padding: 20px 30px;
}
#mainNavbar {
		padding: 0px !important;
}
.maincover {
    background-repeat:no-repeat;
    background-size:cover;
    background-image:url('../img/dartsyy.jpg');
    height: 300px;
	background-position: 50%;
}
header {
    /* background-repeat:no-repeat; */
    /* background-size:cover; */
    /* background-image:url('../img/banner-1000px.jpg'); */
}
.layer {
    /* background-color: rgba(248, 247, 216, 0.7); */
    /* top: 0; */
    /* left: 0; */
    /* width: 100%; */
    /* height: 100%; */
}

