@charset "ISO-8859-1";
* { margin: 0px; padding: 0px; }




 #bodystandart 
 { 
   background-color:#F0F0F0;
/*   font-family: serif; */

    z-index: 0;
/*   border: 2px solid red; */
 }

 
 #mainfield_sub 
 { 
   position: absolute; 
   height:95%; 
   left: 2% ; 
   width: 94%; 
   z-index: 0;
   background-color:#DDDDDD;
   border-radius:15px;
   padding: 1%;
 }


#head_small 
 { 
   position: absolute;   
   top: 0.5%;          
   height:1.7%; 
   left: 1% ; 
   right: 1% ; 
   font-size: 1.6vh;
   color: black;
   font-style: normal ;
   background-color:#CCCCCC;
   border-radius:15px;
   padding: 0.6%;
 } 
 

#food_small 
 { 
   position: absolute;   
   bottom: 0.5%;          
   height:1.7%; 
   left: 1% ; 
   right: 1% ; 
   font-size: 1.6vh;
   color: black;
   font-style: normal ;
   background-color:#CCCCCC;
   border-radius:15px;
   padding: 0.6%;
 } 
 


 #bild_1
 {
   position: absolute;   
   top: 4%;          
   bottom: 17%;          
   width:50%; 
   padding: 2%;
   font-size: 14px;
   border-radius:15px;
   background-color:#CCCCCC;
 }
 
 
  #bild_2
 {
   position: absolute;   
   top: 15%;          
   bottom: 10%;          
   width:85%; 
/*   padding: 2%; */
/*   border-radius:15px; */
/*   border: 2px solid red; */
   background-color:#CCCCCC;
   

    text-align: center;

 }
 
 #text_feld_1
 {
   position: absolute;   
   left: 57% ; 
   top: 4%;          
   bottom: 17%;          
   padding: 2%;  
   width:38%;
   font-size: 14px;
   border-radius:15px;
   background-color:#CCCCCC;
 }
 
 
 #text_feld_2
 {
   position: absolute;   
   padding: 1%;  
   bottom: 4%;          
   height: 10%; 
   left: 1% ; 
   right: 1% ; 
   border-radius:15px;
   background-color:#CCCCCC;
 }
 
 #text_feld_2 p { font-size: 14px;} 
 
 
 
@media(max-width: 35em)
/* @media(max-device-width: 1920px) */
{
 #bild_1
 {
   position: absolute;   
   top: 4%;          
   bottom: 57%;          
  
   left: 1% ; 
   width:94%; 
   padding: 2%;
   font-size: 14px;
   border-radius:15px;
   background-color:#CCCCCC;
 }
 
 
  #bild_2
 {
   position: absolute;   
   top: 15%;          
   bottom: 10%;          
   width:85%; 
/*   padding: 2%; */
/*   border-radius:15px; */
/*   border: 2px solid red; */
   background-color:#CCCCCC;
   

    text-align: center;

 }
 
 #text_feld_1
 {
   position: absolute;   
  
   top: 44%;          
   bottom: 22%;          
   left: 1% ; 
   width:94%; 
   padding: 2%;  

   font-size: 14px;
   border-radius:15px;
   background-color:#CCCCCC;
 }
 
 #text_feld_2
 {
   position: absolute;   
   padding: 1%;  
   top: 80%;          
   bottom: 5%;          
   left: 1% ; 
   right: 1% ; 
   border-radius:15px;
   background-color:#CCCCCC;
 }
 
 #text_feld_2 p { font-size: 14px;} 
 

#food_small 
 { 
   position: absolute;   
    top: 94%;   
   height:4%;     
   left: 1% ; 
   right: 1% ; 
   font-size: 1.6vh;
   color: black;
   font-style: normal ;
   background-color:#CCCCCC;
   border-radius:15px;
   padding: 0.6%;
 } 
  
 
}