body{
    position: relative;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("../_tmc_daten/Image/_picture_upload/f8_ ");
    background-size: cover;

  }
body::before{
     content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.65);
}
.clear{
    clear:both;
}
.bg6{
 background: rgba(0,0,0,0.4);
 padding:12px 16px;
 border-radius:8px;
}


/********************/
/* Shop Navigation */
/********************/
.header{
    display:none;
}

.mob3{
    display:block;
}
.desk3{
    display:block;
}
.hn5{
    display:block;
}
.hn7{
    display:none;
}
.tren8{
    display:none
}

ul.menu li:first-child
{
display:none;
    }

.shopmenu{
   margin-left:-12px;
 }
 .abt5{
     border-bottom:1px solid #7f7f7f;
     margin-bottom:8px;
 }



 .shopmenu ul{
     margin:0;
     padding:0;

 }
 .shopmenu li{
    background:#edf3ea;
    color:#000;
     font-size:1.2em;
     margin-bottom:2px;
 }


  .shopmenu li a{
      display:block;

       padding: 12px 6px 8px 12px;
 }
 .shopmenu li a:hover{
       background:#2a9941;
       color:#fff;
 }
  .shopmenu li:last-child{
     margin-bottom:24px;
  }

 .sub12 {

   border-bottom:0;
   padding: 0px 6px 0px 12px;
   background:#edf3ea;
   color:#000;

   }

  .sub12:hover{
    background:#2a9941;
  }
  .sub12a {
      font-size:0.85em;
  }

  .sub130 ul{
      margin-top:-8px;
      border-top:2px solid #fff;
 }
    .sub130 li{
    padding-left:24px;
    }
  .sub130 li:hover{
    background:#2a9941;
  }
.sc8{
    font-size:0.9em;
    padding-right:12px;
}

.hidenav4{
    display:none;

}

.agb:hover{
    opacity:0.6;
}


/***************************************/
/* Shop Artikeluebsicht mit Flexboxen  */
/***************************************/
.flexcontainer1{
    display:flex;
    flex-wrap:wrap;
    width:108%;
    margin:36px 0 36px 0;

}
.flx1{
    min-width:247px;
    min-height:308px;
    width:10%;
    margin:0 18px 18px 0;
    background:#161612;
   padding:8px;
   border-radius:8px;
}
.flx1:nth-child(4n){
   margin-right:0;
}
a.one{
    opacity:0.9;
    color:#fff;
    text-decoration:none;
}
a.one:hover{
    color:#fff;
   opacity: 0.6;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;

}

.flx1 img{
    width:100%;
    height:auto;
}
.flx1 span{
    font-size:0.9em;
    color:#fff;
}







.flx1 div {
   padding: 12px 12px 24px 12px;
   font-size:1em;
   line-height:1.4em;
}
.flx1 img{
    width:100%;
    height:auto;
    /*border-bottom:1px solid #cccccc; */
}

.flx1 h2{
 color:#ff930b;
  margin: 0;

    padding: 0;
    font-size: 1.4em;
    line-height:1.45em;
    font-weight:400;
}

.ic19{
    border : solid 2px #ffffff;
    border-radius : 3px;
    moz-border-radius : 3px;
    font-size : 20px;
    color : #ffffff;
    padding : 12px 48px 24px 48px;
    background-color : #ff930b;
    margin-bottom:48px;
}
.ic19:hover{
    opacity:0.7;
    }
.flx1 a:hover{
    opacity:0.7;
    color:#000;
}
.ltxt6{
    color:#fff;
    font-size:0.9em;
    line-height:0.4em;
}

.tbu7 td{
    padding:12px;
    min-width:80px;
    background:#000;
}

/********************/
/* Shop Detailseite */
/********************/
form{
    width:95%;
}
.dpicsec{
    display:flex;
    margin-left:8px;
}
.dpicsec img{
    border:1px solid #ffff;
}

.detail9,  .picsec{
    background:#161612;
    border-radius:8px;
}
.detail9:first-child{
    background:#161612;
    border-radius:8px;
}
 .flexcontainer2{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    z-index:99999999;
    line-height:1.1em;
    color:#fff;



}
.flx2{
   width:41.133%;
   background:#161612;
}
.flx2 h1{
    display:none;
}

.mpic{
    width:100%;
    height:auto;
    max-width:406px;
    padding:8px 0 0 8px;
}
.picsec{
    max-width:414px;
}

.dpicsec{
    width:100%;
    max-width:402px;
    z-index:99999999;
}
.dpicsec div{
    width:25%;
    margin-right:6px;
}


.dpicsec img{

    width:100%;
    height:auto;
    border-radius:4px;
}

.dpicsec div:last-child{
   margin-right:0;
   }



.flx3{
   width:51.367%;
   padding: 3% 2% 0 2.5%;
   line-height:1.2em;

}
.flx3 h1{
     color:#e48901;
        margin: 0;
        margin-bottom:0.2%;
        padding: 0;
        font-size: 2.2em;
        line-height:1.65em;
        letter-spacing:0.02em;
        font-weight:400;
}

.sale{
    background:#ff930b;
    padding:2px 8px 2px 8px;
    font-variant: small-caps;
    font-weight:600;
    font-size:0.8em;
    letter-spacing:0.07em;
    color:#f5f6f5;
    border-radius:5px;
}
.datasec {
    display:flex;
    flex-wrap:wrap;
    width:100%;
    z-index:99999999;
    margin-top:8%;
}
.flx4{
    flex-grow: 4;
}
.flx4  td{
    font-size:0.8em;
    line-height:1.1em;
    padding-right:8px;
}
.flx5{

    padding-top:8px;
    text-align:right;
}
 .mb9 {
     text-align:right;
     margin:20px 0;
 }


.wkbutton{
    background:#2e1d13;
    padding:8px 12px 9px 12px;
    font-variant: small-caps;
    font-weight:400;
    font-size:1.0em;
    letter-spacing:0.07em;
    color:#ff930b;
    border-radius:5px;
    border:0;
    margin:12px 0;

}
.wkbutton:hover{
    opacity:0.7;
    }
.sa2{
    margin-left:12px;
}
.anzbut2{
    margin-bottom:20%;
    background:#222220;
    padding:2px 0 12px 4px;
}
.anzbut2 span{
    color:#ff930b;
}
.anz7{
    border-radius:5px;
    border:0;
    background:#edf3ea;
    max-width:60px;
    margin-left:12xpx;
}

.sub6{
    background-color: rgb(46, 29, 19);
    border:0;
    cursor:pointer;
    padding:8px 12px 8px 12px;
    border-radius:5px;
    margin-top:12px;
    color:#fff;
    font-weight:700;
    font-variant: small-caps;
}
.sub6:hover{
    opacity:0.7;
}

.pricesec{
    margin:18px 0 18px 0;
}
.rbt{
    font-size:0.8em;
    font-weight:400;
}
.rbt1{
    color:#ff930b;
    font-weight:400;
    font-size:1.2em;
    line-height:1.2em;
    }
.detailsec{
    width:100%;
    color:#fff;

}
.grnline{
    margin:4% 0 3% 0;
    background:#2e1d13;
    color:#ff930b;
    text-align:center;
    font-weight:400;
    padding:8px;
    border-radius:8px;
    }


.detbeschr {
    margin-bottom:4%;

}
.detbeschr ul{
    margin:0;
    padding:0;
    padding-left:12px;
    margin-top:4%;
    list-style-type:none;
}
.detbeschr li{
   padding: 12px 4px 12px 12px;
}
.detbeschr li:nth-child(odd){
   background:#393936;
   border-radius:8px;
}
 .detbeschr p{
     margin:0;
     padding:0;
    padding:12px 12px 12px 24px;
}
.detbeschr strong{
    color:#ff930b;
    font-weight:400;
}

.more2{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    z-index:99999999;
    line-height:1.1em;
    color:#000;

}
.flxmore{
    color:#ff930b;
    padding-bottom:12px;
    margin-top:4%;
    font-weight:400;
    margin-left:12px;
}
.flxmore a{
    text-decoration:none;
}

.flxmore:hover{
    opacity:0.7;
    }
/***************************************/
/* Shop Warenkorb  */
/***************************************/
 .basket{

 }
 .basket table{
     width:97.5%;
 }
 .basket table tbody tr:first-child td {
      background-color: #2e1d13;
      font-weight:900;
      color:#fff;
      border-radius:8px;
    }
 .basket table tbody tr:last-child td {

      border-bottom:8px solid #2e1d13;
    }

  .basket table td{
    vertical-align: middle;
    background:#161612;
    border-radius:8px;
    padding:8px;
   }
   .basket table td  a {
    font-size:1.1em;
    text-decoration:none;
    color:#fff;
   }
   .basket table td  a:hover {
       opacity:0.3;
       }
 .basket table td img{
     width:10%;
     height:auto;
     vertical-align: middle;
     padding-right:8px;
     float:left;
 }
 .basket table td:nth-child(2){
     width:8%;
 }
  .basket table td:nth-child(3){
     width:8.2%;
 }
   .basket table td:nth-child(4){
     width:16%;
 }
   .basket table td:nth-child(4){
     width:16%;
 }
   .basket table td:nth-child(5){
     width:3.7%;
 }
 .inn5{
     font-size:0.95em;
     line-height:1.0em;
 }
.inn5 span, .basket span{
    font-size:0.7em;
}
.anz18{
    padding:8px 12px 8px 12px;
    border-radius:5px;
    border:0;
    background:#fbfcfb;
    width:20%;
}
.delbasket{
    margin-top:24px;
    float:left;

}
.delbasket a{
   background:#2e1d13;
    padding:8px 12px 8px 12px;
    font-variant: small-caps;
    font-weight:600;
    font-size:1.0em;
    letter-spacing:0.07em;
    color:#f5f6f5;
    border-radius:5px;

    }
.delbasket a:hover{
    background:#942525;
    opacity:0.7;
   }
.more8{
    float:left;
    margin-left:12px;
}
.more9{
    float:right;
    margin-right:2.8%;

}
.tren5::before {
  content: " | ";
}
.shme9 h2, .bbwahl h2{
    font-size:1.4em;
    padding-top:60px;
}

/*Shop WK BUtton mobile*/

.wkmob4 {
display:none;


}



/***************************************/
/* Shop Warenkorb leer Meldung */
/***************************************/
.ero0{
      color:#ff930b;
      font-weight:900;
      }

.ero1{
    padding-right:8px;
    font-size:2.8em;

}
.arr991{
    color:#ff930b;
    font-size: 1.6em;
}
.arr991:hover{
    opacity:0.7;
}

/***************************************/
/* Shop Warenkorb Versandart select button */
/***************************************/
select {
    display: block;

    padding: .6em 1.4em .5em .8em;

    max-width: 100%;


    /* useful when width is set to anything other than 100% */

    box-sizing: border-box;
    margin: 0;
    border: 0px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
    border-radius: .5em;
    -webkit-appearance: none;
    appearance: none;
    background-color:#2e1d13;
    color:#fff;
    font-weight:700;
    font-variant: small-caps;
    font-size:0.6em;

    /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient.
        for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
    */

   /*background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/

   /*    background-position: right .7em top 50%, 0 0; */
    /* icon size, then gradient */

    /*background-size: .65em auto, 100%; */
}
/* Hide arrow icon in IE browsers */

select::-ms-expand {
    display: none;
}
/* Hover style */

select:hover {
    border-color: #888;
    opacity:0.7;
}

select > *:hover {
    background-color: #dfac20;


}
/* Focus style */

select:focus {
    border-color: #aaa;
    /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */

    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color:#fff;
    font-weight:900;
    outline: none;
    font-variant:small-caps;
}
/* Set options to normal weight */

select option {
    font-weight:900;
    font-variant:small-caps;
}
/*************/
/* content redaktionell*/
/*************/
 .ctbx{
     text-shadow: #000 3px 0 10px;
 }

.redflex{
    width:99%;
    margin-top:24px;
}
.redflex strong{
   color:#ff930b;
}

.redflex img{

    width:48%;
    max-width:528px;
    height:auto;
}

.ctbx:nth-of-type(even) img{
     float:left;
     padding: 0 39px 18px 0;

}
.ctbx:nth-of-type(odd) img{
     float:right;
     padding: 0 0 18px 24px;

}

/*linksec*/
.linksec{
    display:flex;
    flex-wrap:wrap;
    margin:0% 0 4% 0;
}
.lkflx{
    width:90%;
    margin-top: 2%;
}

.linksec a{
        font-size:0.98em;
        font-weight:500;
        letter-spacing:0.035em;
         text-decoration:none;
        color:#ffa904
}

.lnksec a:visited{
        color:#ffa904;
    }



.linksec a:first-child{
    margin-right:20px;
}



/*************/
/* footer */
/*************/
.footer{
    position:absolute;
     bottom:-56px;
     right:4%;
    text-align:right;
    z-index:9899;
    color:#e7e7e7;
    font-size:0.7em;
    padding-bottom:12px;
    }
.ft67 .footer{
   position:relative;
}


.foot6{
    color:#e7e7e7;
    font-weight:400;

}
.footer a:link{
    color:#e7e7e7;
    text-decoration:none;
}
.footer a:visited{
    color:#e7e7e7;
}
.ftl9:hover{
    opacity:0.7;
}


/***************************************/
/* Anpassung an valgrid */
/***************************************/
.ctbx:first-child{

     padding-top:26px;
}
/***************************************/
/* Anpassung an buchungsenginge */
/***************************************/
.opt100{
    margin-top:6%;
    margin-bottom:-0.3%;
}
.bestellbut{
    border :2px  solid  #ffffff;
    border-radius : 3px;
    border-radius : 8px;
    font-size : 1.5em;
    color : #ffffff;
    padding : 12px 48px 12px 48px;
    background-color : #2e1d13;
    margin-bottom:48px;

}
.bestellbut:hover{
    border :2px  solid  #fc9c04;

    color:#fff;
    background:#942525;

}
.delbasket a{
    text-decoration:none;
}
@media screen and (max-width:1655px) {

 .flx1:nth-child(4n){
   margin-right:18px;
}
}/*end*/
@media screen and (max-width:1515px) {

.flx3 h1{
    font-size:1.6em;
}
.wkbutton{
    font-size:0.9em;
}

}/*end*/
@media screen and (max-width:1348px) {

#template{
    /*background:fuchsia; */
}
.footer{
    z-index:99999;
}
.wkbutton{
    font-size:0.75em;
}


}/*end */
@media screen and (max-width:1286px) {

#template{
   /* background:yellow;  */
}
#halign{
    position:relative;
    width:100%;
}

}/*end  */
@media screen and (max-width:1260px) {
.flx1{
    min-width:230px;
    min-height:auto;
    width:9%;
}
.sitenav a{
    padding-right:12px;
     font-size:1em;
}

.lnav{
    width:90%;
    text-align:left;
    margin:10% 0 0 4.8%;
}
.logo{
    margin-left:-3%;
}



}/*end  */
@media screen and (max-width:1185px) {
.flx1{
    min-width:100px;
    min-height:auto;
    width:26%;
}
.logo{
    margin-left:-7%;
}
.ctbx:nth-of-type(even) img{
     float:inherit;
     display:block;
     width:100%;
     padding: 12px 0 36px 0;

}
.ctbx:nth-of-type(odd) img{
     float:inherit;
      display:block;
     width:100%;
     padding: 12px 0 36px 0;

}

}/*end  */
@media screen and (max-width:1165px) {
 .mb9 {
     text-align:right;
 }
 .wkbutton{
    font-size:0.8em;
}

}/*end  */

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

.wkbutton{
    font-size:1em;
    padding:12px;
}
.sa2{
    margin-bottom:24px;
}

.anz7{
    max-width:30px;
}
.flexcontainer2{
    font-size:1em;
}
.dpicsec div:last-child{
   margin-right:2px;
   }






}/*end  */
@media screen and (max-width:1108px) {

#template{
   /* background:pink; */
}
.ft1{
    width:160px;
    }

.ft2{
    float:left;
    padding-left:3%;
}
.sitenav a{
    padding-right:8px;
     font-size:0.9em;
}


.logo{
    margin-left:-12%;
}
.flx3 h1{
     font-size:1.4em;
     margin-bottom:8px;
}
.flx3{
    font-size:0.9em;
}



}/*end  */

@media screen and (max-width:1019px) {
.flx1{
    /*background:brown; */
}
.logo{
    margin-left:-2%;
    width:105%;
}

}/*end  */
@media screen and (max-width:992px) {
  body{
     background-image: url("../_tmc_daten/Image/_picture_upload/f7_ ");
 }
 .flexcontainer1{

    width:100%;

}
.grd_flxit{
    position:absolute;
    top:0;
    left:36px;
}
.grd_flxit:first-child{
    width:1%;
    min-height:150%;
    margin:0;
    background:transparent;

}
 .grd_flxit:last-child{
     margin-top:200px;
     width:93%;
}

.header{
    display:block;
}

.sitenav{
    display:none;
}

.logo{
    position:absolute;
    margin-top:-3%;
    left:-48px;
    width:260px;
}

.flx1{
    min-width:100px;
    min-height:auto;
    width:28%;
}




#template{
    /*background:orange;*/
}
.hidenav4{
    display:block;
}
.tren8{
    display:block;
}


.wkb3{
    position:absolute;
    display:block;
}
.wplft{
    display:none;
}

.wprgh{
    position:relative;
  float:inherit;
    width:96%;
    z-index:20;


}

/**************/
/*Init Hamburger*/
/*************/

      .header .menu-btn {
        display: none;
    }

    .header .menu-btn:checked ~ .menu {
        max-height: 800px;
    }

    .header .menu-btn:checked ~ .menu-icon .navicon {
        background: transparent;
    }

    .header .menu-btn:checked ~ .menu-icon .navicon:before {
        transform: rotate(-45deg);
    }

    .header .menu-btn:checked ~ .menu-icon .navicon:after {
        transform: rotate(45deg);
    }

    .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
    .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
        top: 0;
    }
        .header .menu {
            position:absolute;
            clear: none;
            right:8%;
            max-height: none;
            width:50%;
            z-index:700;
    }
        .header .menu-icon {
            display: none;
        }

    /* header */
 .header .menu {
            right:auto;
            top:12px;
 }

.header {
    position:absolute;
    right:0%;             /*Position Menue und Hamburger zum Logo*/
    margin-top:3%;
    z-index:99999;
    width:55%;
}

.header ul {
    padding: 0;
    list-style: none;
    overflow: hidden;
}

ul.navlist
{
    display: inherit;
    z-index:99999;
     background:rgba(38, 21, 3, 0.9);
    webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    min-width:260px;
    margin-left:37.9%;

}
ul.navlist li
{
    font-size:1em;
    line-height:1.2em;
    text-align:left;
    padding-left:7%;
    border-bottom:1px solid #b8b7b8;
}
ul.navlist li:last-child
{
    border-bottom:0px solid #b8b7b8;
  }

ul.navlist li:first-child{
    padding-top:24px;
}

ul.navlist li a:link{
    font-weight:400;
    color:#f69608;
    text-decoration:none;

}
ul.navlist li a:hover{
    color:#f69608
    text-decoration:none;
    opacity:0.9;
}
ul.navlist li a:visited{
    color:#f69608;
    text-decoration:none;
}

/* menu */

    .header .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {

    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 14px 5.8%;
    position: relative;
    user-select: none;
}

.header .menu-icon .navicon {
    background: #fff;
    display: block;
    height: 4px;
    position: relative;
    transition: background .2s ease-out;
    width: 24px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
    background: #fff;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.header .menu-icon .navicon:before {
    top: 8px;
}

.header .menu-icon .navicon:after {
    top: -8px;
}

.header .menu-btn:checked ~ .menu {
    position:relative;
    padding-bottom: 48px;
}
 .sham7{
    display:block;
    font-size:0.4em;
}

/*subnav */
.subnavlist {
   font-size:0.6em;
   line-height:1em;
}

.subnavlist li:first-child{
    margin-top:-24px;
}
.subnavlist li:last-child{
    margin-bottom:12px;
}
ul.subnavlist li{
    margin:0;
    border:0px;
    margin-bottom:1px;
    }


/*//hamburger*/

/*Anpassungen Shopmenu*/
ul.menu li:first-child
{
display:block;
    }

.shopmenu{
 position:relative;
   margin-left:-10%;
   margin-top:24px;
   font-size:0.7em;

 }
  .shopmenu h1:hover{
     opacity:1.0;
 }

/*mobil wk button*/
    .wkmob4 {
    position:absolute;
   right:7.5%;
   bottom:55px;

    width: 50px;
    height:50px;
    border-radius:50%;
    background:#2a9941;
    display:block;


}
.wkmob4:hover{
    opacity:0.7;
}

.botext {
    font-size:1.5em;
    margin-top:33%;
    text-align:center;
    color:#fff;
    padding-left:26%;

    }
.c15{
    margin-bottom:28%;
}
.flx3 h1{
    font-size:1.8em;
}
.flx3{
    line-height:1.4em;
}
.flx4  td{
    font-size:0.91em;

}
.pricesec{
    margin-top:32px;
}




}/*end  */

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

 #template{
   /* background:lightgreen;*/
}

.flx1{
    /*background:lightgreen; */
}
.flx3 h1{
    font-size:1.5em;
}
.flx5{
    width:100%;
  text-align:right;
}
.pricesec{
    text-align:right;
    margin-top:-10%;
}

 .basket table{
     width:100%;
 }
  .basket table td img{
     width:30%;
 }
 .tren5::before {
  content: ' ';
  display: block;
}
.grnline{
    padding-left:20px;

    }


}/*end  */

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

 #template{
   /*background:brown; */
}
.flx4 td{
    padding:4px 0 4px 0;
}

.c15{
    margin-bottom:40%;
}

}/*end  */
@media screen and (max-width:690px) {

.flx3 h1{
    font-size:1.3em;
}
}/*end  */

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

#halign{
    width:98%;
}
ul.navlist
{
    margin-left:17.9%;

}

#template{
    /*background:lightblue;*/

}
 .grd_flxit:last-child{
     margin-top:230px;
     width:93%;
}

.logo{
    position:absolute;
    margin-top:-3%;
    left:-60px;
    width:320px;
}

.flx1{
     margin-right:0;
     width:99%;
}
.flx1:nth-child(4n){
    margin-right:0;
}
h3{
    font-size:1.8em;
    font-weight:600;
}

.more7q{

}

.more8{
    float:right;

}

.more9{
    margin-top:8%;
    display:block;
    float:right;
    margin-right:0;
}
.c15{
    margin-bottom:48%;
}
.basket table td{
    vertical-align:top;

}

  .basket table td img{
     width:100%;
     max-width:120px;
     vertical-align: top;
     padding-right:0;
     float:inherit;
     display:block;
     margin-bottom:24px;
 }

 .basket table td:nth-child(1){
    padding-bottom:36px;
}




  .wkmob4 {
   right:5%;
 }
 .flx2{
     width:100%;
 }
 .flx2 h1{
     display:block;
     padding:16px 8px 16px 14px;
     font-size:1.6em;
 }
 .flx3 h1{
     display:none;
 }
 .flx3{
     width:100%;
 }


 .mpic{
     max-width:800px;
     width:96%;
     padding: 0 2%;
     border-radius: 8px;
 }
 .flx4 td{
     font-size:1em;
     padding:4px 12px;
 }
 .mb9{
     padding-left:10%;
 }
 .flx4{
 background:#222220;
 }
 .anzbut2{
     padding-left:12px;
 }

 .wkbutton, .pricesec{
     font-size:1.2em;

 }
 .flx5,.pricesec{
    width:100%;
  text-align:left;
}
.dpicsec{
    max-width:395px;
}

}/*end  */

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

#halign{
     /*transform: scale(0.95); /* Equal to scaleX(0.9) scaleY(0.9) */
     overflow-x:hidden;
}
/*.footer{
    max-width:320px;

} */
.flexcontainer1{
    width:98%;
}
.flx1{
     /*background:lightblue; */
}
ul.navlist{
    margin-left:1.9%;
}

.datasec{
   flex-wrap:wrap;
}
.flx4{
 width:100%;
}
.flx5{
 width:100%;
}

 .wkbutton{
    font-size:0.85em;
 }

select{
    font-size:0.65em;
    font-weight:900;
    letter-spacing:0.07em;
}
.grnline, .flxmore  {
    margin:36px 0 24px 0;

}
.detbeschr ul{
    padding-top:12px;
}
.basket{
    font-size:0.745em;
}
.more11{
    display:none;
}
.opt100{
    margin-top:48px;
}
.inn5 span, .basket span{
    font-size:1em;
}
.c15{
    margin-bottom:65%;

}
.wkmob4 {
  bottom:40px;
   right:20px;
 }
 .dpicsec{
    max-width:94%;
}
.dpicsec div:last-child{
   margin-right:0;
   }




}/*end  */

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

  .wkmob4 {
  bottom:40px;
   right:9%;
 }

 .ft2{
     width:70%;
 }
 .flx3 h1{
     font-size:1.4em;
  margin-top:-15%;
 }
 .flxmore{
     padding-left:12px;
 }


}/*end  */





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

/*left*/
.grd_flxit:first-child{
    width:28%;
    min-height:150%;
    margin:4% 4% 0 0;


}
.grd_flxit:last-child{

    margin-left:-4%;


}
 .flx1{

}

#template{
    /*background:purple;*/

}
.header {


    width:315px;
}
.logo{
    width:240px;
}

.flx1{
    width:100%;
}

.basket{
    margin-top:-10%;
    margin-left:-2%;
     transform: scale(0.97); /* Equal to scaleX(0.9) scaleY(0.9) */
}
.delbasket {
    font-size:0.8em;
}
 .wkbutton{
    font-size:0.75em;
 }
 .sub6{
    font-size:0.75em;
    font-weight:900;
    letter-spacing:0.07em;
 }

select{
    font-size:0.6em;
    font-weight:900;
    letter-spacing:0.07em;
    padding:8px 2px 8px 2px;
}
.grnline, .flxmore  {
    margin:36px 0 24px 0;
}

.basket{
    font-size:0.745em;
 }
    .wkmob4 {
  bottom:80px;
  right:5%;
 }

}/*end  */