@media screen and (max-width: 1024px), (max-device-width: 1024px) {

.consumer-filter-inputs
{
  display: block
}


.desktopheadline{
  display: none
}



.iframeheadline{
  display: block;
}

#pageframe, .brands{
  width:100%;
  padding:0
}
.lasche{
  display: none
}
.map-wrapper{
  height: 500px;
  padding: 5px 5px 5px 5px;
  width:98%;
  float:left;      
}

.infosatz {
    position: absolute;
    top: 5px;
    right: 15px;
    width: 272px;
    height: 25px;
    border: solid 1px #a9a9a9;
    font: 0.9em intro_regular;
    padding: 5px;
    background: #E6E5E3;
}
.brand-search{
  padding: 0;
}

#rectangles li{
  width: 23vw;
  height: 23vw;
  margin: 0 1vw 1vw 0;
}
#rectangles li.ohnebild,#rectangles li.conceptstore-unbezahlt,#rectangles li.circular,#rectangles li.ohnebildmitlink{
  width: 23vw;
    height: 30px;
  margin: 0 1vw 1vw 0;
}
.rect-pic {
    width: 100%;
    height: 100%
}


.brand-search-button{
  display:none
}
.brand-search-buttonmobile{
  background-color:#e65d26;
  display:block;
}
#consumer-suche {
    padding:10px
}

#consumer-suche .consumer-fuer {
    margin-top: 0;
}

#consumer-suche .brand-select {
    padding: 2px;
}
#consumer-suche input  {
    margin: 2px 15px 2px 2px;
    width: 130px;
}
#consumer-suche input.chkbox {
    margin: 0 4px 0 0;
    width: 15px;
}
.brands {
    margin-top: 0px;
}

.rect-headline img{
  height: 16px;
  width: 16px
}

.col11{
  float:left;
  margin: 0 0 0 20px;

}

.mobile-visible{
  display: block
}
.desktop-visible{
  display:none
}

.col10, .col11 {
    margin: 20px;
}

.col10, .col11,.map-wrapper-consumer,#map_canvas_consumer {
    width: 410px !important;
}

}

@media screen and (max-width: 830px), (max-device-width: 830px) {
#rectangles li{
  width: 31vw;
  height: 31vw;
  margin: 0 1vw 1vw 0;
}
#rectangles li.ohnebild,#rectangles li.conceptstore-unbezahlt,#rectangles li.circular,#rectangles li.ohnebildmitlink{
  width: 31vw;
    height: 30px;
  margin: 0 1vw 1vw 0;
}


.fragezeichen{
margin:5px 5px 0 -10px;

}


 }

@media screen and (max-width: 768px), (max-device-width: 768px) {

#consumer-suche .consumer-fuer {
    display:none
}






}

@media screen and (max-width: 610px), (max-device-width: 610px) {
#rectangles li{
  width: 46vw;
  height: 46vw;
  margin: 0 1vw 1vw 0;
}
#rectangles li.ohnebild,#rectangles li.conceptstore-unbezahlt,#rectangles li.circular,#rectangles li.ohnebildmitlink{
  width: 46vw;
    height: 30px;
  margin: 0 1vw 1vw 0;
}
.map-wrapper{
  width:96%;
}

.col9, .product-pic, .product-pic-squares{
  width: 98%;
  height: auto
}

.col10, .col11{
    margin: 0px;
    padding: 10px;
    width: 90%;
}
.product-nav {
    margin: 10px;
}

 }



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

#rectangles li{
  width: 92vw;
  height: 92vw;
  margin: 0 1vw 1vw 0;
}
#rectangles li.ohnebild,#rectangles li.conceptstore-unbezahlt,#rectangles li.circular,#rectangles li.ohnebildmitlink{
  width: 92vw;
    height: 30px;
  margin: 0 1vw 1vw 0;
}
.product-pic, .product-pic-squares{
  width: 100%;
  height: auto
}

.product-pic img{
margin:0  !important;
}

.product-pic-info {
    width: 95%;
}

}
@media screen and (max-width: 380px), (max-device-width: 380px) {
  .fragezeichen{
    display: none
  }

.infosatz {
    position: absolute;
    /* float: right; */
    top: 345px;
    right: 40px;
    width: 240px;
    height: 33px;
    border: solid 1px #a9a9a9;
    font: 0.8em intro_regular;
    padding: 5px;
    background: #E6E5E3;
}

.infosatz {
  display:none
}

.map-wrapper{
  width:90%;
  height: 500px;
  padding-top: 20px
}

#consumer-suche .brand-select {
    /* margin-right: 15px; */
}

#consumer-suche input  {
    margin: 2px 2px 2px 2px;
    width: 110px;
}
.brand-select a {
    color: #424242;
    display: block;
    height: 25px;
    line-height: 25px;
    background: url(/images/btn-select.png) #ffffff top right no-repeat;
    width: 115px;
    padding: 0 0 0 2px;
    font-weight: bold;
    border: 1px solid #dbdcdd;
    font-size: 11px
}

#consumer-suche .brand-select {
    margin-right: 0px;
}
}