body { width:calc(100% - 50px);padding: 5px 5px 5px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }  
      figure { margin:0px auto;padding:0; } 

#gpxviewer { display: grid; gap: .3em; grid-template-columns: repeat(auto-fit, minmax(15em, 1fr	)); }
#map1 { width:100%;height:100vh;display:inline-block;vertical-align:top; overflow: hidden; }  
#map{ width:100%;height:100vh;display:inline-block;vertical-align:top; overflow: hidden; }         
 
 
 /* neu */
/* html, body { padding-right:0 } */
/*  #map3 {width:100%;height:100%}
 footer { border-top: thin solid currentColor; padding-top: .5em; margin-top: .5em; }  
 
    
      

@media screen and (min-width:700px) {
				.text { display:inline-block; vertical-align: top; padding-right:1em; width:25%; margin:0 }
				#map3 { display:inline-block; width: 72%; width:calc(75% - 25px); height:95vh; height:calc(100vh - 10px); margin:0; padding:0 }
*/

		/*	#map { height:100vh; }
			#map1_profiles { height:100vh; }
			#map1_hp { height:calc((100% + 64px)/3);margin-top:10px }
			#map1_sp { height:calc((100% + 64px)/3);margin-top:-37px }
			#map1_vp { height:calc((100% + 64px)/3);margin-top:-37px }  */
 
/*
@media screen and (min-width:992px) {  
     .text { display:inline-block; vertical-align: top; padding-right:1em; width:25%; margin:0 }
  #map1 { width:96%;height:100vh;display:inline-block;vertical-align:top }      }  
   */
   
   
/* wichtig */

/*
@media screen and (max-width:991px) {  
         .text { display:inline-block; vertical-align: top; padding-right:1em; width:25%; margin:0 }
        #map1 { width:100%;height:100vh;display:inline-block;vertical-align:top; margin:0; padding:0; }  
   //  #map1 { display:inline-block; width: 72%; width:calc(75% - 25px); height:95%; height:calc(100% - 10px); margin:0; padding:0 }   
}  */
      

/*
@media screen and (max-width:420px) {
        .text { display:inline-block; vertical-align: top; padding-right:0.5em; width:25%; margin:0 }
        .map { display:inline-block; width: 72%; width:calc(75% - 25px); height:95%; height:calc(100% - 10px); margin:0; padding:0 }
    .map1 { display:inline-block; width: 96%; width:calc(100% - 25px); height:95%; height:calc(100% - 10px); margin:0; padding:0 } 
   //  #map1 { display:inline-block; width: 72%; width:calc(75% - 25px); height:95%; height:calc(100% - 10px); margin:0; padding:0 }  
    
}
*/
/*
@media screen and (max-width:600px) {  
        body { width:calc(100% - 50px);padding: 1px 1px 1px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }  
        #map1 { width:94%;height:90vh;display:inline-block;vertical-align:top }      }   

@media screen and (max-width:520px) {  
        body { width:calc(100% - 50px);padding: 1px 1px 1px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }   
        #map1 { width:94%;height:90vh;display:inline-block;vertical-align:top }      }  



@media screen and (max-width:350px) {  
       body { width:calc(100% - 50px);padding: 1px 1px 1px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }   
        #map1 { width:94%;height:90vh;display:inline-block;vertical-align:top }      
*/