/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .prn-loader,
.prn-loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.prn-loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 0, 0.2);
  border-right: 1.1em solid rgba(0, 0, 0, 0.2);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
  border-left: 1.1em solid #2A81B8;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rc-row-bow{
  display:flex;
  flex-wrap:wrap;
  width:100%;
  flex:1 0 100%;
}



#btnPrnLoadMore {
  margin-top:40px;
  display: flex;
  align-items: center;
  justify-content: center;
}



/*ROT*/

.rc-checkboxes .rc-checkbox{
  /* padding: var(--btn-padding); */
  cursor:pointer;
  /* transition:all .7s; */
}
.rc-checkboxes .rc-checkbox:hover span{
  background-color:var(--secondary);
}
.rc-checkboxes .rc-checkbox.active{
  background-color:var(--primary);
  color:var(--white);
}
.rc-checkboxes .rc-checkbox input{
  display:none;
}
.hide-labels label{
  visibility: hidden;
  position:absolute;
}
.hide-labels label.visible,
.hide-labels .rc-checkboxes label{
  visibility: visible;
  position:relative;
}
.prn-filter-form [class*='col-']>.btn,
.prn-filter-form [class*='col-']>.select{
  width:100%;
}
.prn-filter-form [class*='col-']>label,
.prn-filter-form [class*='col-']>input,
.prn-filter-form [class*='col-']>select{
  max-width: calc(100% - 0px);
  width: calc(100% - 0px);
}
.prn-filter-form .rc-search{
	padding-top:.3rem;
}
.prn-filter-form .rc-search>input,
.prn-filter-form .rc-search>label{
  max-width: calc(100%)!important;
  width: calc(100%)!important;
}
form .rc-form-col{
  min-height: var(--form-field-height);
  margin-bottom: 1rem;
}
form.prn-filter-form input[type="reset"] {
  background: transparent;
  border: none;
  color: var(--primary);
  margin-top: 0.2rem;
  font-size: 0.9rem;
  margin-bottom: 0.2rem;
}


.selected-filters {
    font-weight: 400;
    display: inline-block;
    padding-left: 1rem;
    color: var(--secondary);
}
/* form.prn-filter-form input[type="reset"]:before{
  content:'\f2f9';
  font-family: 'Line Awesome Free';
  font-weight: 900;
  display:inline-block;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;

} */
/* form.prn-filter-form {
  --form-gutter:24px;
  display:flex;

  max-width: calc(100% + var(--form-gutter));
  width: calc(100% + var(--form-gutter));
  margin-left:calc(0px - var(--form-gutter) / 2);
  margin-right:calc(0px - var(--form-gutter) / 2);
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
}
form.prn-filter-form>div{
  flex: 0 0 calc(33.333% - var(--form-gutter));
  margin-bottom:20px;
  padding-left:calc(var(--form-gutter) / 2);
  padding-right:calc(var(--form-gutter) / 2);
} */

.rc-results-count {
  height: var(--input-height);
  /* margin-bottom: 1rem; */
  font-weight: 600;
  padding: 0 0rem;
}




/*rot for baumaschinen*/
/*rot for baumaschinen*/
/*rot for baumaschinen*/
/*rot for baumaschinen*/
body .prn-filter-form .row{
	margin-left:-5px;
	margin-right:-5px;
}
body .prn-filter-form .row>[class*= "col"]{
	padding-left:5px;
	padding-right:5px;
}
.rc-input-number.price{

}
.tech-h-sm{
	font-weight:700;
  font-size:.9em;
}

.term-list-wrap{
	--row-margin: -3px;
	--item-margin: 3px;
	--btn-padding-sm: 2px 3px 1px;
	display:flex;
	flex-wrap:wrap;
	width:calc(100% + (2 * var(--item-margin)));
	margin-left: var(--row-margin);
	margin-right:var(--row-margin);
}
.term-list-wrap>label{
	flex:0 0 calc(100% / 4);
	max-width:calc(100% / 4);
	margin-bottom:0;
}
.term-list-wrap.product-category-terms>label{
	flex:0 0 calc(100% / 2);
	max-width:calc(100% / 2);
	margin-bottom:0;
}
/* #prn-filter-post-form input[type="checkbox"]~span{
  padding:var(--btn-padding-sm);
  transition: color .3s, background-color .3s;
} */
#prn-filter-post-form input[type="checkbox"]~span {
  padding: var(--btn-padding-sm);
  transition: color .3s, background-color .3s;
  margin: var(--item-margin);
  background: var(--grey-light);
  height: calc(100% - (2 * var(--item-margin)));
  display: block;
  position: relative;
  hyphens: auto;
  font-size: 15px;
  color: var(--text);
  font-weight: 400;
}
#prn-filter-post-form input[type="checkbox"]:checked~span {
    display: block;
    background:var(--secondary)!important;
	color: white;
}
@media(min-width:576px){
  #prn-filter-post-form input[type="checkbox"]~span {
    font-size: 17px;
  }
}
@media(min-width:768px){
	.term-list-wrap>label{
		flex:0 0 calc(100% / 3);
    max-width:calc(100% / 3);
	}
	.term-list-wrap.product-category-terms>label{
		flex:0 0 calc(50%);
    max-width:calc(50%);
	}
}
@media(min-width:840px){
	.term-list-wrap>label{
		flex:0 0 calc(100% / 4);
    max-width:calc(100% / 4);
	}
	.term-list-wrap.product-category-terms>label{
		flex:0 0 calc(33.3334%);
    max-width:calc(33.3334%);
	}

}
@media(min-width:992px){
	.term-list-wrap{
    --btn-padding-sm: 1px 10px 1px;
  }
	.term-list-wrap>label{
		flex:0 0 calc(100% / 2);
    max-width:calc(100% / 2);
	}
	.term-list-wrap.product-category-terms>label{
		flex:0 0 calc(100%);
    max-width:calc(100%);
	}
}
@media(min-width:1800px){
	.term-list-wrap>label{
		flex:0 0 calc(100% / 3);
    max-width:calc(100% / 3);
	}
	.term-list-wrap.product-category-terms>label{
		flex:0 0 calc(100%);
    max-width:calc(100%);
	}
  #prn-filter-post-form input[type="checkbox"]~span {
    font-size: 18px;
  }
}
.rc-prices .tech-h-sm,
.rc-checkboxes .tech-h-sm{
  margin-bottom:.3rem;

}
.row>.rc-prices>.tech-h-sm,
.row>.rc-checkboxes:not(:first-child)>.tech-h-sm{
  margin-top:.5rem;
}
.text-input,
.number-input{
  font-size:.85em;
}


.term-list-wrap{
  /* display:none; */
  overflow:hidden;
}
/* .tech-h-sm{
  background: var(--grey-light);
  padding-left: 0.4rem;
} */
.tech-h-sm {
  background: transparent;
  padding-left: 0.4rem;
  border-bottom: 2px solid var(--grey-light);
}

body .term-list-wrap>label[data-parent_term]{
  display:none;
}
.tech-h-sm .list-toggler,
body .term-list-wrap>label.has-term-children .terms-trigger{
  position: absolute!important;
  background: var(--primary)!important;
  top: 0;
  right: 0;
  width: 2rem;
}
.tech-h-sm .list-toggler{
  background: var(--grey-light)!important;
  height:100%;
}

.tech-h-sm .list-toggler i,
.terms-trigger i{
  pointer-events:none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tech-h-sm .list-toggler .rkp-icon-angle-right:before,
.terms-trigger .rkp-icon-angle-right:before {
  font-size: 1rem;
  transition: transform .5s;
  position: relative;
  /* left: -0.8rem; */
  /* top: -0.15rem; */
  line-height: 1;
  transform-origin: 48% 49%;
}
.open .tech-h-sm .list-toggler .rkp-icon-angle-right:before,
.open .terms-trigger .rkp-icon-angle-right:before{
  transform: rotate(90deg);
}
@media(min-width:992px){
  .terms-trigger:hover .rkp-icon-angle-right:before{
    transform: rotate(90deg);
  }
  .terms-trigger .rkp-icon-angle-right:before {
    font-size: 1rem;
  }

  /*make accordion style only for mobile breakpoints*/
  [data-taxo="product-category"] .term-list-wrap{
    display:flex!important;
    height:auto!important;
  }
  [data-taxo="product-category"] .tech-h-sm{
    background:transparent!important;
  }
  [data-taxo="product-category"] .tech-h-sm .list-toggler{
    display:none;
  }
  .tech-h-sm {
    background: transparent;
    padding-left: 0.4rem;
    border-bottom: 2px solid var(--grey-light);
  }
}
#prn-filter-post-form .term-lvl2 input[type="checkbox"]~span{
  background: var(--primary-lightestest);
}
input[type="number"]{
  outline:none;
  border:none;
  padding-left:8px;
}
.unit{
  font-weight:400;
}