@CHARSET "UTF-8";
.filterframe {
width: auto;
height: auto;
border: none;
padding: 0;
background: #fff;
margin: 0 !important;
overflow: hidden;
}

.ffTitle {
cursor: pointer;
height: 50px;
}
.ffTitle2 {
cursor: pointer;
display: none;
border-bottom: none;
padding-bottom: 0;
height: 50px;
}
.ffbody{
display: none;
}
.filterElement:first-child {
width: auto;
margin: 25px 0px 5px 0px;
position: relative;
}
.filterElement{
width: auto;
margin: 0;
display: inline-block;
position: relative;
}

.selectElement{
width: 240px !important;
overflow: hidden;
}


.filterElement select {
width: auto;
height: auto;
min-width: 120%;
font-family: "PT Sans", Arial, Helvetica, sans-serif;
font-size: 16px;
color: inherit;
padding: 0px 0px 0px 5px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-style: hidden;
border-right-style: hidden;
border-left-style: hidden;
border-bottom-style: hidden;
outline: none !important;
}


.filterElement select option {
width: auto;
padding: 5px 5px 6px 10px;
cursor: pointer;
background: #ffffff;
outline: none !important;
}
.filterElement select:focus {
outline: none !important;
}
.filterElement select:focus option {
outline: none !important;
}

.filtersSkeleton{
height: auto;
width: 33%;
float: left;
}
.singleSkeleton{
margin-top: -24px;
}

.filterTag{
background: #cc945b;
color: #ffffff;
width: auto;
float: left;
min-width: 115px;
text-align: center;
text-transform: uppercase;
padding: 5px 0;
font-family: "PT Sans", Arial, Helvetica, sans-serif;
font-size: 13px;
letter-spacing: 0.125em;
display: inline-block;
font-weight: bold;
}

.filterVon{
height: 34px;
width: 33px;
float: left;
padding: 0;
border-bottom: 2px solid #cccccc;
margin-left: 15px;
line-height: 33px;
}
.feldVon{
height: 34px;
width: 145px;
float: left;
line-height: 33px;
margin: 0;
border-bottom: 2px solid #ccc;
overflow: clip;
}





select::-ms-expand {
  display: none;
}

.filterElement input {
width: auto;
border: none !important;
/*border-bottom: 2px solid #ccc !important;*/
position: relative;
height: auto;
font-family: "PT Sans", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #888;
outline: none;
padding: 5px 4px;

width: 100%;
  box-sizing: border-box;
  height: 34px !important;
  line-height: 100%;
  padding-bottom: 4px !important;
}




.ffhead{
text-align: right;
color: #cccccc;
}

.filterElement h2 {
color: #434341;
}

.buttonElement{
width: 100%;
position: relative;
margin-bottom: 20px;
}
.resetButton{
font-family: "PT Sans", Arial, Helvetica, sans-serif;
color: #cc945b;
text-align: right;
float: right;
position: relative;
z-index: 8;
text-transform: uppercase;
}


.searchBTN {
display: inline-block;
height: auto;
font-family: "PT Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 5px 13px;
color: #ffffff;
background: #cc945b;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.15em;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border: 2px solid #cc945b;
cursor: pointer;
float: right;
}
.searchBTN:hover {
color: #cc945b;
background: #ffffff;
}

.searchBTNWrapp{
width: 100%;
height: auto;
position: relative;
background: rgb(240, 229, 216);
display: inline-block;
padding: 20px;
border: 0px solid #cc945b;
margin-bottom: 20px;
}
.searchBTN2{
height: auto;
font-family: "PT Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 10px 13px;
color: #ffffff;
background: #cc945b;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.15em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border: 2px solid #cc945b;
border-left-width: 2px;
border-left-style: solid;
border-left-color: rgb(204, 148, 91);
cursor: pointer;
float: left;
width: auto;
margin-top: 20px;
margin-left: 2px;
}

.searchBTN2:hover {
background-color: #ffffff;
color: #cc945b;
}

input.inp_object {
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
border: 2px solid #cc945b;
height: 24px;
float: left;
}

.centerElement {
text-align: center;
width: auto;
margin: 0 auto;
background: #EFEFEF;
padding: 20px 22px;
border: 1px solid #CCCCCC;
}
.spalte01 {
width: 130px;
padding: 0 20px 0 0;

}
.spalte02 {
width: 100%;
padding: 0 20px 0 0;
}
.suche_normal {
width: 100%;
float: none;
}
.suche_nach_id {
width: 100%;
max-width: 26%;
float: right;
}
.inp_object {
text-align: center;
}

h2.filterclass01 {
font-size: 16px;
line-height: 110% !important;
}

/*Pagination*/
.derFilter {
width: 100%;
height: auto;
}
.suchauftrag {
width: 100%;
text-align: right;
}
.paginationWrapper {
width: 100%;
text-align: center;
clear: both;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 0px;
border-radius: 0;
float: none !important;
}
.pagination>li {
display: inline;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 6px 32px;
margin-left: -1px;
line-height: 1.42857143;
color: #cc955b;
text-decoration: none;
background-color: #fff;
border: none;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: #cc955b;
border-color: #cc955b;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
color: #cc955b;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.orange-button {
background-color: #cc955b;
color: #FFFFFF !important;
}
#main {
padding-left: 0 !important;
padding-right: 0 !important;
}
/*Pagination*/




option.waehlerFarbe:hover{
background: #CCCCCC;
} 

option.waehlerFarbe:focus{
background: #CCCCCC;
} 


@media screen and (max-width: 600px) {

.filterTag {
  min-width: 35%;
  padding: 5px 0;
  font-size: 16px;
}
.selectElement {
  width: 62% !important;
  overflow: hidden;
}
.filterframe {
  padding: 0;
}
.filtersSkeleton {
  width: 100%;
  float: none;
}
.filterVon {
  width: 10%;
}
.feldVon {
  width: 79%;
}
.searchBTN {
  width: 100%;
  margin-top: 25px;
}
.resetButton {
  float: left;
}




textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
} 

.mobiHeights{
height: 36.5px;
}


}

@media screen and (max-width: 410px) {


.filterTag {
  float: none;
}
.filterVon {
  width: 19% !important;
  margin-left: 1%;
  padding: 0px 1% 0px 0px;
}
.selectElement {
  width: 100% !important;
}
.feldVon {
  width: 76% !important;
}
.filterElement select {
  padding: 0;
}


}