/* Smartphone hoch */

@media only screen and (min-width: 320px) and (max-width: 479px) {
    
.header{height: 100%;width: 100%;background-image: none;background-size: none;background-color: #f7d7ac !important;display: block;position: absolute;}

.impressum{height: 330%; width: 100%;text-align:center;position:absolute;}
    
.logo_block{display: flex;flex-direction: column;align-items: center;justify-content: center; margin-left: 10%;margin-right: 10%;margin-top: 50px;}
    
.logo_block2{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-left: 10%;margin-right: 10%;margin-top: 20px;}
    
.img-responsive{display: block;height: 60%;width: 60%;margin-bottom: 15px;}
    
.img-responsive2{display: block;height: 40%;width: 40%;margin-bottom: 15px;}

.size1{height: 60%;width: 60%;}

.size2{height: 60%;width: 60%;}
    
.inhalt{display: flex;flex-direction: column;min-height: 100vh;max-width: 100%;margin-top: 5%;z-index: 1000;}
  
.inhalt-imp{top: 0;padding-bottom: 25%; display: flex;flex-direction: column;min-height: 100vh;max-width: 100%;margin-left: 5%;z-index: 1000;}

.icon_block{ width: 10%;display: flex;flex-direction: row;align-items: center;justify-content: center;margin: 10%;margin-left: 0;}
    
.icon{ display: block;height: 70px;width: 70px;}
    
h4{ margin-left: 20px;}
    
.column1{max-width: 100%;margin: 10px;display: flex;flex-direction: column;align-items:flex-start;justify-content: flex-start;text-align: left;}
    
.column2{ max-width: 100%;margin: 10px;margin-left: 10px;margin-top: 5px; display: flex; flex-direction: column;align-items: flex-start;justify-content: flex-start;text-align: left;}
    
h6{ font-size: 14px;}
    
footer{ bottom:0; left: 0;background-color: rgb(138,21,72);height: 20%;width: 100%;position:fixed;display: flex;flex-direction: column;}

.foot_colm{ display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; margin-left: 5%; margin-top: 2%; white-space: nowrap;}
}


/* Smartphone quer */

@media only screen and (min-width: 480px) and (max-width: 767px){

.header{height: 100%;width: 100%;background-image: url(../image/hg_creme.jpg);background-size: cover;background-repeat: no-repeat;position: fixed;}
    
.logo_block{display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;margin-left: 10%;margin-right: 10%;margin-top: 30px;}
    
.img-responsive{display: block;height: 25%;width: 25%;margin-bottom: 5px;}
    
.inhalt{display: flex;flex-direction: row;min-height: 100vh;max-width: 100%;margin-left: 10%;margin-top: -5%; z-index: 1000;}

.icon_block{ width: 100%;display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;margin: 10%;margin-left: 0;}

.icon{ display: block;height: 50px;width: 50px;}
    
h4{ font-size: 20px; margin-left: 5px;} 
    
h6{font-size:14px;}
    
footer{bottom: 0;left: 0;background-color: rgb(138,21,72);height: 25%;width: 100%;position: absolute;display: flex;flex-direction: column;align-items: center;
   justify-content: center;}  
    
foot_colm{display: block;color: white;margin-left: 2%;} 
  }  

/* Tablet hoch */

@media only screen and (min-width: 768px) and (max-width: 991px){
    
.header{height: 100%;width: 100%;background-image: url(../image/hg_creme.jpg);background-size: contain;background-position: top; background-repeat: no-repeat;position: fixed;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
    
.impressum{height: 200%;width: 100%;text-align:center;background-color:#f7d7ac;position: absolute;}
      
.logo_block{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-left: 40%; margin-top: 70px;}   
    
.img-responsive{display: block;height: 60%;width: 40%;margin-bottom: 20px;} 
    
.size1{height: 20%;width: 60%;}
        
.inhalt{display: flex;flex-direction: row;min-height: 60%;max-width: 100%;margin-top: 0;margin-left: 5%;z-index: 1000;}

.icon_block{max-width: 33%;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 10%;}
        
footer{bottom: 0;left: 0;background-color: rgb(138,21,72);height: 25%;width: 100%;position: fixed;display: flex;flex-direction: column;align-items: center;justify-content:space-around;margin-top: 10%;}
   
.foot_colm{display: flex;flex-direction: column;align-items: center;justify-content: center;color: white;margin-left: 5%;}       
}


/* Tablet quer */
@media only screen and (min-width: 992px) and (max-width: 1199px){
    
.impressum{height: 200%; width: 100%;text-align:center;background-color:#f7d7ac;position: absolute;}
    
.logo_block{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-left: 70%;margin-top: 50px;}
    
.img-responsive{display: block;height: 70%;width: 50%;margin-bottom: 15px;}
    
.img-responsive2{display: block;height: 70%;width: 50%;margin-bottom: 15px;}

.size1{height: 60%;width: 60%;}
    
.size2{height: 60%;width: 60%;}
    
.inhalt{display: flex;flex-direction: row;min-height: 50%;max-width: 50%;margin-left: 10%;z-index: 1000;}  
   
.icon{display: block;height: 130px;width: 130px;}
    
.icon_block{max-width: 40%;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 10%;margin-left: 15%;}
    
footer{bottom: 0;left: 0;background-color: rgb(138,21,72);height: 15%;width: 100%;position: fixed;display: flex;flex-direction: row;}

.foot_colm{display: flex;flex-direction: column;align-items: center;justify-content: center;color: white;margin-left: 5%;}

.column1{max-width: 40%;margin: 10px;display: flex;flex-direction: column;align-items:flex-start;justify-content: flex-start;text-align: left;}
    
.column2{max-width: 70%;margin: 10px;margin-left: 5%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;text-align: left;}

}