.col-md-4 .fdkalender {
	min-height:370px;
	margin-bottom:25px;
}
.col-md-4 .fdkalender div.datepicker-inline {
	width: 121%;
	position: relative;
	left: -30px;
}

.fdkalender .datepicker table {
	width:100%;
}
.fdkalender .datepicker table tr td, .fdkalender .datepicker table tr th {
	text-align: center;
	height: 46px;
	border-radius: 0;
	border: none;
	padding:5px;
	background-clip:content-box;
	border-bottom: 1px solid var(--fd-default-bg-color);
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
	color: #fff;
	background-color: var(--fd-green-dark);
	border-color: var(--fd-default-bg-color);
	background-clip:content-box;
}

.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
    color: #000;
    background-color: var(--fd-grey-default);
	border-color: var(--fd-default-bg-color);
	background-clip:content-box;
}

.datepicker table tr td.today:hover {
    color: #fff;
    background-color: var(--fd-grey-default);
	border-color: var(--fd-default-bg-color);
	background-clip:content-box;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
    color: #000;
    background-color: var(--fd-grey-default);
	border-color: var(--fd-default-bg-color);
	background-clip:content-box;
}

.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
    color: #000;
    background-color: var(--fd-grey-default);
	border-color: var(--fd-default-bg-color);
	background-clip:content-box;
}

.datepicker table tr td.active:active, 
.datepicker table tr td.active.highlighted:active, 
.datepicker table tr td.active.active, 
.datepicker table tr td.active.highlighted.active {
	color: #fff;
	background-color: var(--fd-green-default);
	border-color: var(--fd-default-bg-color);
	background-clip:content-box;
}

.datepicker table tr td:first-child, .datepicker table tr th:first-child {
	padding-left:30px;
}
.datepicker table tr td:last-child, .datepicker table tr th:last-child {
	padding-right:30px;
}

.datepicker table tr td.today {
	color: #000;
	background-color: var(--fd-default-bg-color);
	border-color: var(--fd-default-bg-color);
}

.fdkalender .datepicker table thead tr th {
	background-color: var(--fd-default-bg-color);
	background-clip:inherit;
	color:var(--fd-grey-default);
	text-transform:uppercase;
}
.fdkalender .datepicker table thead tr th.datepicker-switch {
	color:var(--fd-font-color-default);
	font-size:16px;
}
.fdkalender .datepicker th.prev, .fdkalender .datepicker th.next {
	font-size: 0
}
.fdkalender .datepicker th.prev:before {
	content:'\f053';
	font-family: FontAwesome;
	font-size:12px;
}
.fdkalender .datepicker th.next:before {
	content:'\f054';
	font-family: FontAwesome;
	font-size:12px;
}
.datepicker table tr td.day:hover, .datepicker table tr td.focused {
	background-clip:content-box;
}
.datepicker table tr td span.active:active, 
.datepicker table tr td span.active:hover:active, 
.datepicker table tr td span.active.disabled:active, 
.datepicker table tr td span.active.disabled:hover:active, 
.datepicker table tr td span.active.active, 
.datepicker table tr td span.active:hover.active, 
.datepicker table tr td span.active.disabled.active, 
.datepicker table tr td span.active.disabled:hover.active {
	color: #fff;
	background-color: var(--fd-green-default);
}
.datepicker table tr td span.active:active:hover, 
.datepicker table tr td span.active:hover:active:hover, 
.datepicker table tr td span.active.disabled:active:hover, 
.datepicker table tr td span.active.disabled:hover:active:hover, 
.datepicker table tr td span.active.active:hover, 
.datepicker table tr td span.active:hover.active:hover, 
.datepicker table tr td span.active.disabled.active:hover, 
.datepicker table tr td span.active.disabled:hover.active:hover, 
.datepicker table tr td span.active:active:focus, 
.datepicker table tr td span.active:hover:active:focus, 
.datepicker table tr td span.active.disabled:active:focus, 
.datepicker table tr td span.active.disabled:hover:active:focus, 
.datepicker table tr td span.active.active:focus, 
.datepicker table tr td span.active:hover.active:focus, 
.datepicker table tr td span.active.disabled.active:focus, 
.datepicker table tr td span.active.disabled:hover.active:focus, 
.datepicker table tr td span.active:active.focus, 
.datepicker table tr td span.active:hover:active.focus, 
.datepicker table tr td span.active.disabled:active.focus, 
.datepicker table tr td span.active.disabled:hover:active.focus, 
.datepicker table tr td span.active.active.focus, 
.datepicker table tr td span.active:hover.active.focus, 
.datepicker table tr td span.active.disabled.active.focus, 
.datepicker table tr td span.active.disabled:hover.active.focus {
	color: #fff;
	background-color: var(--fd-green-dark);
	border-color: var(--fd-green-dark);
}
.datepicker table tr td span {
	border-radius: 2px;
}

.kategorie-content .content-spiele .btn-holder {
    margin-top: -15px;
} 

@media (max-width: 992px) {
    .col-md-4 .fdkalender div.datepicker-inline {
	    width: auto;
	    position: initial;
        left: auto;
    }  
    .col-md-4 .fdkalender {
	    margin-top:20px;
    }     

}

@media (max-width: 767px) {
    .kategorie-content .content-spiele .btn-holder {
        margin-top: 20px;
    }
}