/* @import url("style.css"); */

#hl1 > h1 {
  text-align:left;
}

#image {
  width:calc(100vw - 200px); 
  margin-left: calc(100px - 50vw); 
  
  height:90vh; 
  margin-top:-45vh;
}

#canvas {
  width:calc(100% - 160px); 
  margin-left:80px;
  
  height:80vh; 
  margin-top:5vh;
}

#popup {
  width: 550px; 
  
  top: 50%; 
  left: 50%; 
  
  margin-left: -275px; 
  margin-top: -200px;
}

.imgNavi {
  position:absolute; top:50%; margin-top:-20px; opacity:0.5; z-index:9;
}

#searchTd {
  display: none;
}

#searchInput {
  display: none;
}

#footer1 {
 display:none;
}

#footer2 {
 display:block !important;
}

@media (max-width: 9999px) and (min-width:1px) {
 .itemBox, .itemBox2, .itemBox3, .itemBox4, .itemBox5 {
   float:none;
   display:inline-block; 
 }
 .itemBox {
   width:33.33%;
 }
 .itemBox2, .itemBox3, .itemBox5 {
   width:50%; 
 }
 .flexTable {
   width:100%;
 }
 .brandLogo {
  width:35%;
 }
}

@media (min-width: 1820px) {
 #image {
    width:1620px; 
    margin-left: -810px; 
 }
}

@media (max-width: 1280px) and (min-width:1px) {
  #image {
    width: calc(100vw - 100px); 
    margin-left: calc(50px - 50vw); 
    
    /* height: calc(100vh - 100px); 
    margin-top: calc(50px - 50vh);  */
  }
  
  /* #canvas {
    height: calc(100vh - 100px); 
    margin-top: calc(50px - 50vh); 
  } */
}

@media (max-width: 1260px) and (min-width:1px) {
  #langLinks {
    display: none;
  }
  #langDiv {
    display: block !important;
  }
  #topSpace {
    height: 60px !important; 
  }
  #logo {
    top:-16px  !important;
  }
}

@media (max-width: 1200px) and (min-width:1px) {
  #itemNavi {
    display:none;
  }
}

@media screen and (min-width: 1024px) {
  .itemBox2 {
    width:25%; 
  }
  .itemBox3 {
    width:33.33%; 
  }
  /* .itemBox {
    width:25%;
  } */
  #imgBox {
    float: left !important; 
    margin: 0px 60px 40px 0px !important; 
    
    position: sticky !important;
    position: -webkit-sticky !important; 
    top: 100px;
  }
  
  #thnIco {
    text-align:center;
  }
  #hl1 {
    display: none;
  }
  #hl2 {
    display: block !important;
  }
  #hl2 > h1 {
    text-align:left;
    margin-bottom:5px;
  }
  #detailBlock {
    overflow:hidden;
  }
  /* #detailText, #detailText li , #detailText td  {
    font-size: 114%;
  } */
}

@media (max-width: 1111px) and (min-width:1024px) {
  .itemBox2 {
    width:25%; 
  }
  #imgBox {
     width: calc(100% - 552px) !important;
  }
}

@media (max-width: 1111px) and (min-width:1px) {
  #ftrGroups {
    display: none !important;  
  }
  #footer1 > div, #footer1 > div > div, #footer1 div > a {
   text-align:center !important;
  }
  .ftrDiv {
    margin-right:6vw; 
  }
  /* #imgBox {
    width:45% !important;
  } */
}

@media (max-width: 1111px) and (min-width:1px) {
 #subCat {
   display:table-cell !important;
 }
 .mainCat {
   display: none;
 }
  #searchTd {
    display: table-cell;
  }
  #searchInput {
    display: none;
  }
  #searchIco {
    display: none !important;
  }
  #tc1, #tc3 {
    width: 35%;
  }
  #logoTd {
    text-align:center;
  }
  #topSpace {
    height: 50px !important;   
  }
}

@media (min-width: 1024px) {
  .shopNl > b {
    font-size:16px;  
  }
  a.shopNl {
   display:block;
  }
  div.bInf {
    margin-bottom:5px !important;
  }
  .hImg {
    width: 100px;
    height: auto;
    padding: 0 10px;
  }
  .vImg {
    width: auto;
    height: 75px;
    padding: 0 10px;
  }
  .tdImg  {
    width:14%;
  }
  #bTh1, #bTh2 {
    width:10%;
  }
  #bTh3 {
    width:8%;
  }
}

@media (max-width: 1023px) and (min-width:1px) {
 .bodyWidth {
   width:100%;
 }
 #header {
  position:static !important;
 }
 #topSpace {
  display: none;
 }
 #body {
  padding:9px 20px 20px 20px;
 }
  .krn {
    margin-bottom: 30px;
  }
 .itemSpace {
  margin: 20px 20px 0px 0px;
 }
 .bodyMargin {
  margin-right:-20px;
 }
 .itemBox2 {
  width:33.33%;
 }  
 #zoomBox {
  width:auto !important;
 }
 #brandMenu {
  display:inline-block !important;
 }
 #sortLinks {
   display:none !important;
 }
 #sortMenu {
   display:inline-block !important;
 }
 .liHeader {
   display:none;
 }
 .liInfo a.hl {
   font-size:24px;
 }
}

@media (max-width: 1023px) and (min-width:1px) {
 .itemBox {
   width:33.33%;
 } 
 .itemBox2, .itemBox5 {
   width:50%;
 } 
 #detailLogistic > div {
   margin-right: 0 !important;
 } 
}

@media (max-width: 940px) and (min-width:1px) {
 #ftrStores {
   width: 100%;
 }
 .ftrDiv {
   width: 49%;
   margin-right:0 !important;
 }
}

@media (max-width: 799px) and (min-width:1px) {
 .itemBox4 {
  width:33.33%;
 }
 #slider {
   display:none;
 }
}

@media (max-width: 767px) and (min-width:1px) {
 a.tNav3 {
  font-size:11px;
 }
 #basketTxt {
  height:70px;
 }
 .offerImg {
  width:auto; 
  padding:10px 5px 10px 0px !important;
 }
 .itemBox { 
  width:50%;
 }
 #nextPage, #lastPage {
   display:none;
 }
  #image {
    width: calc(100vw - 50px); 
    margin-left: calc(25px - 50vw); 
    
    /* height: calc(100vh - 50px); 
    margin-top: calc(25px - 50vh);  */
  }
  .column2 {
   column-count: 1 !important;
  }
  .column2 .infoBr {
    display:initial;
  }
  #sockel {
    display:none;
  }
}

@media (max-width: 679px) and (min-width:1px) {
 .krn {
   margin-bottom:15px;
 }
 .krn000 {
   margin-bottom:0px;
 }
 h1, .h1, .hl {
	font-size: 30px;
  line-height: 1.15;
 }
}

@media (max-width: 649px) and (min-width:1px) {
 .noBr {
   display:none;
 }
 .offerInfo {
  display:none;
 }
}

@media (max-width: 599px) and (min-width:1px) {
 #detailAddBox, #detailAccessories, #catSearch, #searchIpp, #shopIpp, #detailNavi {
   display:none;
 }
 #shopPagi {
  display:table;
 }
 #searchPagi {
   text-align:center;
 }
 .itemBox3 {
   width:100%;
 }
 .offerInfo {
  display:block;
 } 
 .itemBox4 {
  width:50%;
 }
 iframe[name="preisinfo"] {
  height:510px;
 }
 #thn1 {
   display:none !important;
 }
 #imgNavi, .imgNavi {
   display: none;
 }
 #canvas {
  width:calc(100% - 60px); 
  margin-left:30px;
 }
}

@media (max-width: 567px) and (min-width:1px) {
  #popup {
    width:calc(100vw - 20px); 
    margin-left: calc(10px - 50vw); 
    
    height:calc(100vh - 20px); 
    margin-top: calc(10px - 50vh); 
  }
  #layerBtn1 {
    display:none;
  }
  #layerBtn2 {
    display:block !important;
  }
  #popImTd {
    display:none;
  }
  #popTxTd {
    text-align:center;
  }
  #popH1 {
    height:auto !important;
    margin-bottom:1.5em;
  }
  /* #popPr {
    display:block;
    margin-top:1.5em;
  } */
  #popIm2 {
    display:block !important;
  }
  #popH2 { 
    display:block;
  }
 .ftrDiv {
   width: 100%;
 }
}

@media (max-width: 567px) and (min-width:1px) and (max-height: 619px) and (min-height:1px) {
  #popIm2 {
    display:none !important;
  }
  #popH2 { 
    margin-top: -1.5em;
  }
}

@media (max-width: 549px) and (min-width:1px) {
  #lProducts {
    display:none !important;
  }
}

@media (max-width: 519px) and (min-width:1px) {
 #detailSpo {
   display:none;
 } 
 .offerIpp {
  display:none;
 }
}

@media (max-width: 499px) and (min-width:1px) {
  .hcInfo {
    display:none;
  }
  .hcBtn {
    display:none;
  }
  #searchTd {
    display: none !important;
  }
  #searchInput {
    display: block;
  }
  #searchIco {
    display: table-cell !important;
  }
}

@media (max-width: 479px) and (min-width:1px) {
  #detailThn, .userItemsInfo {
    display:none;
  }
  #detailMoreImg {
    display:block;
  }
  .userItemsTitle {
   font-weight:normal !important;
  }
  .searchKrn {
    display:none;
  }
}

@media (max-width: 470px) and (min-width:1px) {
 /* .itemImg {
   height:170px;
   max-width:250px;
   margin:12.5px 0px;
   background-size:contain !important;
 } */
 #imgBox {
   width: calc(100% - 220px) !important;
 }
}

@media (max-width: 449px) and (min-width:1px) {
  #basketIco {
   display:none;
 }
 #basketTxt {
  vertical-align:middle;
  padding-top:12px;
  padding-right:5px;
  width:145px;
 }
 h1, .h1, .hl {
	font-size: 26px;
  line-height: 1.15;
 }
}

@media (max-height: 430px) and (min-height:1px) {
  #submenuCategories {
   max-width:405px;
   padding:10px 5px 10px 5px;
  }

  #submenuCategories a {
    padding:5px 0px 10px 0px;
    width:33.33%;
  } 
}

@media (max-width: 410px) and (min-width:1px) {
 #basketTxt {
  height:auto;
  vertical-align:middle;
  padding-top:12px;
 }
  /* .anchorclass {
    padding: 15px 15px 15px 0px;
  }
  #logoTd {
    padding-right:0px !important;
    width:100px;
  }
  #logoTd img {
   display: none;
  } */
  /* #header > #langDiv {
    padding:0px 15px  !important; 
  }
  #header > div {
    padding:0px 0px  !important; 
  } */
  .column2 {
    text-align: left !important;
  }
}

@media (max-width: 399px) and (min-width:1px) {
 #body {
  padding:17px 15px 30px 15px;
 }
 .itemBox, .itemBox5 { 
   width:100%;
 }  
 .itemSpace { 
   margin: 20px 15px 0px 0px;
 }  
 .bodyMargin { 
  margin-right:-15px;
 }
 .searchInfo, .searchTitle > .searchPrice {
  display:none;
 }
 .searchTitle,  .searchTitle a {
  background-color:#FFFFFF;
  font-weight:normal;
  font-size:12px;
 }
 .searchInfoTd {
  vertical-align:bottom;
 }
 .searchPriceAlt {
  display:block !important;  
 }
 #basketTxt {
  padding-top:10px;
 }
  #logoTd {
    width:80px;
  }
 #logo {
  top:5px !important;
 }
 #logo > img {
  height:55px;
 }
}

@media (max-width: 380px) and (min-width:1px) {
 #basketTxt {
  padding-top:8px;
 }
}


@media (max-width: 374px) and (min-width:1px) {
 .head {
   padding:5px 0px 0px 0px !important;
 }
 #basketTxt {
  padding-top:6px;
 }
 #pagiLabel {
  display:none;
 }
 /* #ipQuantity {
  display: none !important;
 } */
 h1, .h1, .hl {
	font-size: 24px;
  line-height: 1.15;
 }
 .itemBox4 {
  width:100%;
 }
 #userIco {
  display: none !important;
 }
}

@media (max-width: 359px) and (min-width:1px) {
 #basketTxt {
  padding-top:4px;
 }
 #ipQuantity {
  display:none !important;
 }
 .orderDiv {
  padding-right:0px !important;
 }
 #imgBox {
  margin-left:10px !important;
 }
 #detailLogistic {
  max-width: 160px;
 }
 #detailBlock .red {
   font-size:200% !important;
 }
}

@media (max-width: 329px) and (min-width:1px) {
 #basketTxt {
  padding-top:2px;
 }
 #ups_logo {
  display:none !important;
 }
 #searchIco {
  padding-right: 15px !important;
 }
}

/* @media (hover: none) {
  .printLnk {
    display: none;
  }
} */

@media print {
  @page {
    size: A4 portrait;
    margin: 0.3in 0.4in 0.2in 0.4in;
  }
  
  html, body,  table, tr, td, input, textarea, select, ul, ol, li {
   font-size: 12px; 
  }
  h1 {
    font-size:28px;
  }
  #detailText {
    margin-top:1em !important;
  }
  #imgBox {
    width:55% !important;
  }
}

@media (hover: none) {
  .footer {
    position:initial !important;
  }
  tfoot {
    display:none;
  }
}