/*Stil img { width: 100%; height: auto; }*/
  html { background: #ebebeb; color:#660000; font-type: felixTI Helvetica perpetuaTI;}
   
   body {margin-left:14%; margin-right:14%;  }
   
h1 {border:0px solid blue; font-weight:lighter; font-size:1.4em; text-align:center; margin-top:0.2em;/*1.6em*/ margin-bottom:0.1em;}
h2 {border:0px solid red;font-weight:lighter; font-size:1.3em; margin-top:0em; margin-bottom:0.2em;  text-align:center; } 
 	 #cont2 h3 { font-weight:lighter; text-align:center; font-size:1.1em;}
p  {  text-align:justify; font-size:1.12em; margin-top:0em;border:0px solid red; margin-bottom:0.1em;}
h3	{ font-weight:lighter; text-align:center; margin-top:0em;}
  
.cont1 { display: flex; flex-direction: row;  border:0px solid red; display: -ms-flexbox;     -ms-flex-direction: row;	}

 #navig  {   width:auto; flex:row;   left:56%; margin-top:28em; position:absolute; display: -ms-flexbox; 
 border:0px solid green;}
#navig a img,
a #gm1
 {border:0px; /*machtrandwegumbilder,die verlinkt sind*/  -ms-flex-direction: row;   }                    
 
.cont2 {margin-left: 1.8em;   display: flex; flex-direction: column;   border: 0px solid blue; max-width:55%;}

 

/*______________________________________________________________________________*/
@media screen and (min-width: 320px) and (max-width: 480px)
{ 
#gm1 { width: 350px; height: auto; }
html { font-size: 99%; margin-left:0em; margin-right:0em;}	
body { 	margin-left:0em; margin-right:0em; height:auto;/*laengenangaben.machen.urseite.def.*/border:0px solid lime;

}
	.cont1	{ display:inline; flex-direction: column; border :0px solid red; max-width:100%;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
 }
#gm1 { border:0px solid red; max-width:100%;  height:auto; display:block;  }
	#navig 		{border:0px solid lime;   margin-top:0.5em;/*abstand-nav-zu-P_ padding-left:0.5em; padding-right:auto;*/position:static;
  justify-content: center;  
display: flex; }
  




 

.cont2,
 div,
 h1,
 h2,
 p,
 h3
  	{border:0px solid red;  max-width:330px; }
h1  {margin-bottom:0em; margin-top:0em; font-weight:normal;  }  	
h2  { margin-left:0em; margin-right:auto; font-weight:normal;   }
 p  {padding: 0 7px; margin:0 auto; }
h3	{margin-top:0em;font-weight:normal;}

.cont2  { margin-left:0em;}  
}
/*______________________________________________________________*/
@media screen and (min-width: 599px) and (max-width: 800px)

{
html { font-size: 100%; }	
body { border: 0px dotted red;     display:flex; flex-direction:column; margin-right:1.5em; margin-left:1.5em; }
.cont2 { border:0px dotted blue; max-width:767px; margin-left:0%; margin-right:0%;}
#gm1  { justify-content: center;                       }
.box, #navig  {  border:0px solid lime; margin-top:0.5em; position:static;  margin-left:11em; }
h1, h2 { margin:0 0; }
h3   { border-top: 0.5em;}
.cont1 {flex-direction: column; border:0px solid red;  
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;}



}
/*______________________________________________________________*/
@media screen and (min-width: 840px/*790 statt768machtHochfomatin768alsCOLUMN*/) and (max-width: 1024px)

{
html { font-size: 100%; }	
body { margin-top:6em; margin-bottom: 5em;margin-right :5%; margin-left:5%; height :auto;/*laengenangaben.machen.urseite.def.*/}
	.cont1	{ display:flex; flex-direction: row; border :0px solid blue; max-width:480; }
#gm1 { border:0px solid blue; max-width:350px;  height:auto; display:block; float:left; margin-left }
	

#navig 		{border:0px solid blue;  margin-left:0.5em; margin-top:29em;     }
h1 {margin-top:0.2px;)
	
}
.cont2,
 div,
 h1,
 h2,
 p,
 h3 	{border:0px solid blue;  max-width:auto; }
h2  { margin-left:6.5em; margin-right:auto;  }
 p  {padding: 0 7px;  }
	
.cont2  { margin-left:1em;max-width:100%;} 
h3  {margin-bottom:0em; margin-top:0em; display: none;  }
h2  { margin-left:0em; margin-right:auto;  }
  	
 p  {padding: 0 0px; margin:0 auto;}
h3	{margin-top:0em;}
div, 
h1,
h2,
p   {width:350px; } 
}
/*________________________________________________________________________*/
/*@media screen and (min-height: 900px) and (max-width:1024px)
{
body { margin-top:6em; margin-bottom: 0em; margin-right :15%; margin-left:15%; /*laengenangaben.machen.urseite.def.
	.cont1	{ display:flex; flex-direction: row; border :1px solid green; max-width:1024; min-width:900px;margin-bottom : 0em;}
#gm1 { border:11px solid green; min-width:314px;    }
#navig 		{border:1px solid green;  margin-left:0.5em; margin-top:22em;     }
.cont2,
 div,
 h1,
 h2,
 p,
 h3 	{border:10px solid green;  }
 .cont2  { margin-left:1em;max-width:1024px; border:1px solid green;}
 p  {padding: 0 0px; margin:0 auto;}
 div, 
h1,
h2,
p   {width:350px;display:block; }
}
 
 /* <script type="text/javascript">
// Medium screens
$medium: "(min-width: 40rem)";
// Large screens
$large: "(min-width: 64rem)";
/* Small screens (default) 
html { font-size: 100%; }*/