/**
* All of the CSS for your public-facing functionality should be
* included in this file.
*/
.has-search .form-control {
    padding-left: 3rem;
    height: 3rem;
}
.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
.games_filter .fa.fa-chevron-down {
    cursor: pointer;
    padding-right: 0.5rem;
}
.games_filter .fa.fa-chevron-up {
    cursor: pointer;
    padding-right: 0.5rem;
}
.games_filter .game_material {
    display: none;
}
.games_filter .game_tags {
    display: none;
}
.custom-control-label::before, .custom-control-label::after {
    width: 1.2rem;
    height: 1.2rem;
}
.custom-checkbox .custom-control-label::before {
    border-radius: 0rem;
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}
.custom-control-input:active ~ .custom-control-label::before {
    background-color: #fff;
}
.custom-control.custom-checkbox label {
    line-height: 1.6;
}
.custom-radio .custom-control-label::before {
    border-radius: 1rem;
}
.custom-control.custom-radio label {
    line-height: 1.6;
}
.game_categories .custom-control-label {
    padding-left: 0.3rem;
}
.game_ort .custom-control-label {
    padding-left: 0.3rem;
}
.game_material .custom-control-label {
    padding-left: 0.3rem;
}
.games_filter hr {
    margin: 1.5rem 0;
}
.game_ratings .custom-control-label {
    padding-left: 0.3rem;
}
.game_ratings .custom-control-label .fa.fa-star-o {
    font-size: 1.3rem;
}
.games_result .min-max-persons {
    font-size: 0.9rem;
    padding: 0rem;
    padding-left: 1rem;
}
.games_result .min-max-duration {
    font-size: 0.9rem;
    padding: 0rem;
    text-align: center;
}
.games_result .ratings {
    font-size: 0.9rem;
    padding: 0rem;
    padding-right: 1rem;
    text-align: right;
}
.games_result .games_kategorien {
    font-size: 1rem;
}
.games_result .short_description {
    font-size: 1rem;
}
.games_result .single-game-details {
    margin-top: 2rem;
}
.card .card-img-top {
    height: 14rem;
}
@media only screen and (max-width: 600px) {
    .card .card-img-top {
        height: 20rem;
    }
}
.card {
    border: 0px;
}
.games_result .p-3 {
    padding: 0rem !important;
}