@media (min-width: 576px) { 

    body
    {
        font-size: 11px;
    }
    
    .burger
    {
       
          float: right
    }

    .navMG
    {
        width: 100%;
        max-width: 340px;
    }
    
    .navItem
    {
        font-size: .9em;
    }
    
    .sliderTextBlock 
    {
        display: block;
        width: 30%;
        height: 300px;  
        margin-left: 15%;  
        float:left; 
        overflow: hidden;

    }

    .sliderBildBlock {

        width: 38%; 
        max-height: 300px;  
        margin-right: 12%; 
        float: left; 
        overflow: hidden ;
        display: block;
    }

    .sliderHeadline 
    {
        width: 100%; 
        height: 80px; 
        text-align: center; 
        font-size: 2.8em; 
        font-weight: 900
    }
    
    .bgBild600 {
        
        min-height: 100%; 
        width: auto;
        margin-left: -30%;
        
    }
    
    
    .logoTop {
    height: 110%;  
    max-height: 180px; 
    position: fixed; 
    z-index: 5020;
        margin-left: -15%;
        margin-top: -1.6%;
    }

    
    .aniTitle {
    max-width: 80%;
    }


    .bigHeadline {
        padding-top: 1.4em;
        font-size: 4.2em;
    }

    .smallHeadline {
        font-size: 2.8em; 
    }

    
    .leftItem {
        width: 40px;  
        height: 40px;
        padding: 4px; 
    
        text-align: center; 
        color: #fff; 
        top:15px;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
        
        background-repeat: no-repeat;
        background-size: cover;
        cursor:pointer;
    }

    .rightItem {
        width: 35%; 
        padding: 4px;  
        color: #455a64; 
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    }
    
    .prodContainerDetail
    {
        width: 200px;
        max-width: 60%;
        font-size: .9em;
    }
    
    .prodContainer
    {
        height: 200px; 
        
    }
    .prodContainerImage
    {
        height:100px; 
    }
    
    .filterfield {
    width: 120px;
    margin-right: 5px;
    margin-bottom: 5px;;
    height: auto;
    min-height: 18px;

    }
    
    
     .filter, .filterUWG
    {
        width: 100%;
    max-width: 100%; 
    }
    .filterHead, .filterHeadUWG
    {
        min-width: 114px;
        width: 116px;
        max-width: 114px; 
        padding-bottom: 7px;
    }
    
    .filterItemField
    {
        min-width: 114px;
        width: 114px;
        max-width: 114px; 

    }
    
    .box_merkliste
    {
        width: 450px;
    }
    
    .listContainerTools
    {
        display: block;
    } 
    .listContainerToolsMobil
    {
        display: none;
    } 
    
    .reiter {
        width: 120px;
        font-size: .9em;
    }    
    
    .opentimesBlock {
    ; 
    height: 50px; 
    }

    

    .opentimesBlock {

        min-width: 300px; 
        width: 100%; 
        height: 80px; 
        margin: 0 0 5px 0 ; 
        font-size: .8em ; 
        float: left
    }


    .opentimesBlockLine0, opentimesBlockLine1 {

       min-width: 330px; 
       width: 100%; 
       height: 25px; 
       margin-top: 10px; 
       color: #90A4AE ; 
       float: left
    }

    .opentimesBlockLine1 {
       margin-top: 0;
       height: 25px;
    }



    .opentimesBlockRow0 {

       height: 25px; 
       min-width: 80px; 
       width: 20%; 
       float: left; 
       color: #455a64
    }


    .opentimesBlockRow1 {

       height: 25px; 
       min-width: 110px; 
       width: 40%; 
       float: left; 
       font-size: .8em 
    }

    .sortiItems {
        height: 1.5em;
        width: 100%;
        float: left;
        font-size: 1.2em; 
        color: var(--blaugrau);
    }
    
    
    .sliderAktion {
        margin-top: 0;
    }
    
    .sliderHeadPos {
        margin-top: 0;
    
    }
    
    .mehrAls576
    {
        display: block;
    }
    .wenigerAls576
    {
        display: none;
    }

    .btnMerkenPDetails {
    margin: -32px 0 0 0 ; 
    }
    
    
    .video {
    display: block;
    width: 120%;
    }
    
    .videoContainer {
    min-height: 390px;
    max-height: 400px;
    
    }
    
    .detailLogo {
    
    width: 130px;  
    min-height: 130px; 
    height: 130px;
    background-color: #fff;; 
    overflow: hidden; 
    border: 1px #eceff1 solid; 
    float: left
    
    
    }
    
    
    .detailAnschrift {
    
    width: 400px; 
    float:left; 
    min-height: 140px; 
    height: 140px; 
    overflow: hidden; 
    border: 1px #eceff1 solid;  
    margin-left: 40px; 
    font-size: 0.9em
    
    
    }
    
    .detailkontactBtn {
    
    width: 400px;  
    min-height: 30px; 
    height: 40px; 
    overflow: hidden; 
    border: 1px #eceff1 solid; 
    float: left; 
    margin-left: 40px; 
    font-size: 0.9em
    
    
    }
    
    .contactBTN {
    width: 175px; 
    }
    
    
    .prodContainer
{
    overflow: hidden ;
    font-size: 1.1em; 
    width: 100%;  
    height: 207px;
    width: auto;
    background-color: #ECEFF1; 
    margin-bottom: 20px; 
    transition: all 0.3s ease-in-out 0.0s;
    -moz-transition: all 0.3s ease-in-out 0.0s;
    -o-transition: all 0.3s ease-in-out 0.0s;
    -webkit-transition: all 0.3s ease-in-out 0.0s;
}


    .prodImageSize {
    
    
    width: 100%; 
    max-width: auto;
    max-height:110px; 
    height: auto;
    }
    
    
    .nurMobil {
       display: none;

    }
    
    
    .searchTop {
    margin-top: -270px;
}
    
    
    .top150 {

         margin-top: 0;;
    }
    
    
    .productsInContainer {
    float: left;
    width: 25%;
    }
    
    .zoomIN {
        display: block;
    }
    
} 
@media (min-width: 720px) { 
 
    
    
}    

@media (min-width: 768px) { 

    body
    {
        font-size: 14px;
    }
    
    .burger
    {
        margin-right: 15%
    }

    
    
    .navMG
    {
        width: 100%;
        max-width: 450px;
    }
    
    
     .bgBild600 {
        
        min-height: 100%; 
        width: auto;
        margin-left: -30%;
        
    }
    
     .logoTop {
        margin-left: -15%;
    }
    
     .aniTitle {
    max-width: 80%;
    }


    .bigHeadline {
        padding-top: 1.0em;
        font-size: 4em;
    }

    .smallHeadline {
        font-size: 2.8em; 
    }
    
    .prodContainerDetail
    {
        max-width: 75%;
    }
    
    
    .filterfield {
    width: 168px;
    margin-right: 5px;
    }
    
    
     .filter, .filterUWG
    {
        width: auto;
        max-width: 100%; 
    }
    .filterHead, .filterHeadUWG
    {
        min-width: 144px;
        width: 146px;
        max-width: 146px; 
    }
    
    .filterItemField
    {
        min-width: 144px;
        width: 144px;
        max-width: 144px; 

    }
    
    .btnFilter {
        margin-top: 10px
    }
    
    .box_merkliste
    {
        width: 700px;
    }
    
    .btnMerkenPDetails {
    margin: -32px 0 0 0 ; 
    }
    
    
    .videoContainer {
    
    max-height: 400px;
    min-height: 400px;
    }
   
     .productsInContainer {
    float: left;
    width: 25%;
    }
    
    
    .prodImageSize {
    
    
    width: 100%; 
    max-width: auto;
    max-height:190px; 
    height: auto;
    }
    
    
    
}


@media (min-width: 992px) { 

    body
    {
        font-size: 15px;
    }
    .navContainer
    {
        font-size: 1.3em;
        display: block;
        width: 90%;
    }
    .burger
    {
        display: none;
    }
    

    .top3
    {
        display: none;
    }
  
    
    .navMG
    {
        width: 100%;
        max-width: 600px;
    }
    
    
    .navItem
    {
        font-size: .9em;
    }
    
 
    .logoTop {
        margin-left: -18%;
    }
    
    .prodContainer
    {
        height: 250px; 
        
    }
    
   
    
    
    .prodContainerImage
    {
        height:140px; 
    }
    
    
    .filterfield {
    width: 220px;
    margin-right: 5px;
    }
    
    
     .filter, .filterUWG
    {
        width: auto;
    }
    .filterHead, .filterHeadUWG
    {
        
        width: 215px;;
        max-width: 100%; 
    }
    
    .filterItemField
    {
        min-width: 218px;
        width: 218px;
        max-width: 218px; 

    }
    
    .box_merkliste
    {
        width: 880px;
    }
    
     .btnMerkenPDetails {
    margin: -10px 0 0 0 ; 
    }
    
    .videoContainer {
    
    max-height: 600px;
    
    }
    .videoContainer {
    
    max-height: 600px;
    min-height: 600px;
    }
    
     .productsInContainer {
    float: left;
    width: 25%;
    }
    
}


@media (min-width: 1220px) { 

    body
    {
        font-size: 18px;
    }
    
    .navMG
    {
        max-width: 750px;
    }
    
    .navContainer
    {
        font-size: 1.1em;
   
    }
    
    .logoTop {
        margin-left: -10%;
    }
    
    .bigHeadline {
        padding-top: .5em;
        font-size: 4.8em;
    }

    .smallHeadline {
        font-size: 2.8em; 
    }
    
    .big250 {
    
    width: 250px;
    margin-top: 20px;
    }
    
    .prodContainer
    {
        font-size: 1.1em; 
        width: 250px;
    }
    
    
     .filter, .filterUWG
    {
        width: 250px;
    }
    
    .filterfield {
    width: 250px;
    }
    
    
    .filterHead, .filterHeadUWG
    {
        min-width: 244px;
        width: 246px;
        max-width: 246px; 
        
    }

    .filterItemField
    {
        min-width: 244px;
        width: 244px;
        max-width: 244px; 
    }
    
    .box_merkliste
    {
        width: 960px;
    }
    
    .videoContainer {
    
    max-height: 600px;
    
    }
    
    .prodContainer
    {
        height: 302px; 
        
    }
    
    
    
    .prodContainerImage
    {
        height:185px; 
    }
    
    
     .productsInContainer {
    float: left;
    width: 25%;
    }
    
}
  

@media (min-width: 1650px) { 

    .navContainer
    {
        font-size: 1.1em;
        margin-left: 2%;
    }

    .bgBild600 {
        
        min-height: 100%; 
        width: 100%;
        margin-left: 0;
        
    }
    
    .logoTop {
    margin-left: 2%;
    }
    
    
    .bigHeadline {
        padding-top: 0;
        font-size: 6em;
    }

    .smallHeadline {
        font-size: 3em; 
    }
    
    

    .filter, .filterUWG
   {
       width: 250px;
       height: auto;
        min-height: 10px;

   }


   .filterfield {

       font-size: 1.1em; 
       min-height: 10px; 
       height: 25px;; 
       float: left;  
       width: 260px;
   }

   .filterUWG
   {
       height: 30px;
   }


   .filterHead, .filterHeadUWG
   {
       min-width: 254px;
       width: 256px;
       max-width: 256px; 
       height: 30px;;
       font-size: .7em;
   }
   .btnFilter {
       margin-top: 20px;
   }

   .filterHead
   {
       margin-bottom: 5px;
       background-color: #eceff1;
   }    

   .filterHeadUWG 
   {
       border: 0;
       text-align: left;
       font-size: 0.56em;
       height: 20px;
       padding: 2px 5px 0 5px;
       color: var(--blaugrau);
   }

   .filterItemField
   {
       min-width: 254px;
       width: 254px;
       max-width: 254px; 
       height: auto;
       min-height: 0px;

       padding: 0px 5px 0 5px;
       text-align: left;
       font-size: 0.8em;
       color: #333;
       float: left;
       overflow: hidden;
   }

   .filterItem
   {
       min-width: 244px;
       width: 244px;
       max-width: 244px; 
       text-align: left;
       font-size: 0.7em;
       color: #78909C;
       float: left;
       height: 25px;
   }

   
    .backtotop, .backtotopPur
    {
        right: 15%;
        bottom: 7%;
    }
    
    .videoContainer {
    
    max-height: 600px;
    
    }
    
     .productsInContainer {
    float: left;
    width: 25%;
    }
    
}



@media (min-width: 1915px) { 

    .navContainer
    {
        font-size: 1.1em;
        margin-left: 5%;
    }
    
    
    .logoTop {
    margin-left: -4%;
    }
    
    
     .box_merkliste
    {
        width: 960px;
        height: 600px;
        background-color: #fff;
        position: fixed;
        z-index: 6000;
        -webkit-box-shadow: 8px 8px 23px 0px rgba(0,0,0,0.45);
        -moz-box-shadow: 8px 8px 23px 0px rgba(0,0,0,0.45);
        box-shadow: 8px 8px 23px 0px rgba(0,0,0,0.45);
        float: left;
        top: 0;
    }
    
    .slideTopMenu
    {
        transform: rotate(-1.5deg); 
        width: 200px; 
        height: 130px; 
        background-color: #ECEFF1; 
        margin: 0px auto auto 58%;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 96%, 0% 100%);
    }
    
    .backtotop, .backtotopPur
    {
        right: 20%;
        bottom: 7%;
    }
    
    .videoContainer {
    
    max-height: 600px;
    
    }
    
     .productsInContainer {
    float: left;
    width: 25%;
    }
    
}


@media (min-width: 2200px) { 

    .navContainer
    {
        font-size: 1.1em;
        margin-left: 5%;
    }
    
    
    .logoTop {
    margin-left: 3%;
    }
}