.radio.categorie{
width:100%; 
display:grid; }
.maschine_filter_radio{
margin: 5% 0 ; 
}
.maschine_pagination{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.compare-list>tbody>tr{
display:flex;
}

.filter_controll_nav{
}
.filter_controll_nav_wrapper{
	display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}

.pb-toggle-icon-wrapper>i{
background:#ef7d00;
color:#fff;}
.filtered{
display:block; }
.carousel { 
	position:relative; 
	height:215px; 
	background-color:lightgrey; 
	display:flex; 
	justify-content: space-evenly; 
	align-items:flex-start; }
.carousel img {
	max-width: fit-content; 
	display:flex;
    max-height: 100%; }
.priceSlider{
width: 200px;
background-color: #fff;
border-radius: 5px;
padding: 10px 20px;
box-shadow: 0px 0px 3px 1px #888;    
}
.priceSlider h1
{
font-size: 17px;
font-weight: bold;
}
.priceSlider p
{
font-size: 10px;
margin-top: 20px;    
}
.min-max label
{
font-size: 14px;
float: left;
margin-right: 5px;
line-height: 1.6;    
}
.min
{
float: left;    
}
.max
{
float: right;    
}
.min-max
{
width: 90%;
max-width: 200px;
margin: 0 auto;
padding: 25px 0px 15px 0px;    
}
.min-max span
{
font-size: 10px;
text-align: center;
border: 1px solid #dedede;  
display: block;
}
.min-max-range
{
padding: 30px 0px 20px 0px;    
}
.range
{
-webkit-appearance:none;
appearance:none;
width: 50%;
height: 10px;
max-width: 400px;
background-color: #dedede;
margin: 0;
padding: 0;
outline: none;
float: left;    
}
.range::-webkit-slider-thumb
{
-webkit-appearance:none;
appearance:none;
background-color: #ef7d00;
height: 10px;
width: 10px;
border-radius: 50%;
cursor: pointer;
}
.range::moz-range-thumb
{
-webkit-appearance:none;
appearance:none;
background-color: #ef7d00;
height: 10px;
width: 10px;
border-radius: 50%;
cursor: pointer;
}
.maschine_filter_slider{
    margin-bottom: 20px;
}
.maschine_filter_slider p{
    margin-bottom:0;
}
.btn{
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-primary {
    color: #202020;
    background-color: #dedede;
    border-color: #6c757d;
}
.btn-primary:active, .btn-primary:focus, input:checked + label{
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}
input[type="checkbox"].antrieb, input[type="radio"].categorie {
    display: none;
}
.maschine_filter_checkbox{
    margin-bottom:50px;
}
.checkbox.antrieb{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.filtered_maschines{
   width:100%;
   flex-wrap:wrap;
}
.single_maschine_post_card_image {
    text-align: center; 
	display:flex;
	justify-content: space-around;
    align-items: flex-start;
}
.single_maschine_post_card{
    background-position: left top;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    flex-direction:column;
    float:left;
    flex:1;
    padding-top: calc((40px)/ 2);
    padding-bottom: calc((40px)/ 2);
}
.filtered_maschines_wrapper{
    display:flex;
	flex-wrap:wrap;
    justify-content: space-evenly;
    align-content: stretch;
    flex-direction: row;
}
.filtered_maschine_single_maschine{
    width: 30%;
    margin: 15px;	
    float: right;   
	border: 1px solid #dcdcdc;
	padding-left: calc((40px) / 2);
    padding-right: calc((40px) / 2);
    padding-top: calc((40px) / 2);
    padding-bottom: calc((40px) / 2);
	cursor: pointer;
}

   /* HTML: <div class="loader"></div> */
.loader {
  width: 60px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#ef7d00 90%,#fff);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}


@media only screen and (max-width:640px) {
	.filtered_maschine_single_maschine{
	width:100%;}

.maschine_filter_wrapper{
    border: 1px solid rgb(209, 209, 209);
    padding: 2%;
}
}