@media screen and (min-width: 2300px){
 html {
   font-size: 16px;
 }
}
@media screen and (min-width: 1600px){
  .techniker-gruppenbild{
    background-position-y: 10%;
  }
 }

@media screen and (max-width: 1600px){
  #hkk-grid .box-img{
  }
  
}

 @media screen and (max-width: 1540px){
  .kundendienstannahme img{
    max-width: 150px;
    max-height: 150px;
  }

  

 }
  
  

  @media screen and (max-width: 1330px){
    #reperaturbon-wrapper{
      flex-direction: column;
      align-items: center;
    }

    #reperaturbon-wrapper #rb-left {
      width: 100%;
    }
    #reperaturbon-wrapper #rb-right {
      width: 100%;
    }
    
    .box-grid{
      grid-template-columns: 70%;
      justify-content: center;
    }
    .centered-techniker-container div{
      width: 70%;
    }

    #filialentrenner{
      display: block !important;
    }

    #hkk-grid{
      grid-template-columns: 70%;
      justify-content: center;
    }
  }

  @media screen and (max-width:1100px){
  .kontaktbuttons{
      
    grid-template-columns: 35% 10% 35%;
  }
}
  
  
  @media screen and (max-width:1005px){
    .box-grid{
      grid-template-columns: 100%;
      justify-content: center;
    }

    .start-image img{
      height: 610px;
      min-width: auto;
      }
    

    .centered-techniker-container div{
      width: 100%;
    }
  }
  
  @media screen and (max-width:800px){

    #rep-bonus {
      top: auto;
      bottom: 30px;
    }

    #rep-bonus img{
      max-width: 10rem;
      max-height: fit-content;
    } #rep-bonus:hover {
      transform: none;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
    }

    .top-header #hamburger{
      display: flex !important;
    }

    

    .bot-header{
      display: none !important;
    }

    .start-image img{
      height: 480px;
      }
   

    .service-standards-grid{
      grid-template-columns: 50% 50%;
    
    }
    #service-standard-PCONLY{
      display: none;
    }

   

    .techniker-gruppenbild{
      height: 180px;
      background-position-y: center;
      background-position-x: center;
      background-size: cover;
    }

    

    

    .titel1{
      margin-top: 2rem;
    }

   

    .regular-content{
      width: 90%;
    }

   

    
   
    .kontaktplaceholder{
        height: 122px !important;
    }

    /*
    .kontaktschwebend{
      z-index: 1000;
     width: 100%;
    top: 2em !important;
    left: 0px;
    margin-left: 0px;
    max-width: 100%;

    position: fixed !important;
    transition: top 500ms;
    }
*/
    .kontaktschwebend a{
      width: 7rem !important;
      height: 7rem !important;
    }

    
    

    .kontaktbuttons p{
      font-size: 13px; 
      
    }

    .kontaktbuttons{
      
      grid-template-columns: 35% 20% 35%;
    }

    
    
  
    .Villach{
      
      margin-top: 3em;
      
    }


    .oeffnungszeiten{
      margin: 0;
    }

    .oeffnungszeiten a{
      width: 100%;
    }

    .oeffnungszeiten p{
      width: 100%;
    }

    

    

    .box{
      width: 100%;
    }

    #leistungen-ul{
      flex-direction: column !important;
    }

    .leistungen li{
      font-size: 1rem;
    }

   
    

  
  }

  /*
    PHONE
*/
@media screen and (max-width: 525px){
  html{
    font-size: 8px;
  }

  .start-image img{
    height: 280px;
    }


    #cookie-popup #cookie-container{
      width: 85%;
    }
  
/*
  .techniker-box-rechts div h3{
    font-size: 1.8rem; 
  }

  .techniker-box-rechts div p{
    font-size: 1.3rem;
  }

  */

  .kundendienstannahme img{
    max-width: 100px;
    max-height: 100px;
    
  }

  .kundendienstannahme{
    flex-direction: column;
    
  }

  .kundendienstannahme #left-section{
    width: 100%;
  }

  .kundendienstannahme .annahmeprofil{
    margin-left: auto;
    margin-right: auto;
  }
  

  #hkk-grid{
    grid-template-columns: 100%;
    justify-content: center;
   
  }

  .techniker-box{
    -webkit-box-shadow: none; 
    box-shadow: none;
  }

  #michael-plank{
    background-size: 125%;
  }

  #andreas-duschnig{
    background-size: 125%;
    
  }

  #hkk-grid .techniker-box{
    box-shadow: none;
    -webkit-box-shadow: none;
  }

  #hkk-grid .box-img{
    
  }


  /*
    Popups
  */
  .mail-field{
    width: 90%;
    margin-left: -45%;
  }

  #name-ptype{
    flex-direction: column;
  }

  #ptype-div{
    width: 50%;
  }

  #fname-div{
    width: 50%;
  }

  #subject{
    height: 17vh !important;
  }

  .popup-head img{
    height: 6.25rem;
  }
}