@media all  and (min-width:1920px) and (max-width:2249px){


body {
		display: grid;
		grid-template-columns: repeat(14, 1fr);
		grid-template-rows: 106px 40px 1fr 25px;
 		min-height: 98vh;
		background-color: #fef4e8;
		background-image: url(img/perSe_index_gross.jpg);
		background-repeat: no-repeat;		
		width: 99%;		
		}  
#body_stimme {					      	  
	      	  display: grid;
				  grid-template-columns: repeat(14, 1fr);
 				  min-height: 98vh;
	      	  background-image: url(img/perSe_uschi_Stimme_klein.jpg); 
              background-repeat: no-repeat;
              background-color:#fef4e8;
              background-attachment: fixed;
              width:99%;
              }
#body_haende_halten {
              display: grid;
				  grid-template-columns: repeat(14, 1fr);
 				  min-height: 98vh;
	      	  background-image: url(img/perSe_haende_halten.jpg);
              background-repeat: no-repeat;
              background-color:#fef4e8;
              background-attachment: fixed;
              width:99%;
              height:99%;
           }
#body_coaching {
              display: grid;
				  grid-template-columns: repeat(14, 1fr);
 				  min-height: 98vh;
	      	  background-image: url(img/perSe_uschi_front_normal.jpg);
              background-repeat: no-repeat;
              background-color:#fef4e8;
              background-attachment: fixed;
              width:99%;
              height:99%;
           }
#body_referenzen {            
              display: grid;
				  grid-template-columns: repeat(14, 1fr);
 				  min-height: 98vh;
	      	  background-image: url(img/referenzen_normal.jpg);
              background-repeat: no-repeat;
              background-color:#fef4e8;
              background-attachment: fixed;
              width:99%;
              height:99%;
            }            
#body_praeventiv {            
              display: grid;
				  grid-template-columns: repeat(14, 1fr);
 				  min-height: 98vh;
	      	  background-image: url(img/praeventiv_normal.jpg);
              background-repeat: no-repeat;
              background-color:#fef4e8;
              background-attachment: fixed;
              width:99%;
              height:99%;
            }              
#body_kontakt {            
              display: grid;
				  grid-template-columns: repeat(14, 1fr);
 				  min-height: 98vh;
	      	  background-image: url(img/perSe_kontakt_klein.jpg);
              background-repeat: no-repeat;
              background-color:#fef4e8;
              background-attachment: fixed;
              width:99%;
              height:99%; 
           }       

header{
		grid-column: 4/ 15;
  		grid-row:    1;	
		background-color: transparent;
		display: flex;
		flex-direction: row;
		margin: 0px 0px 0px 0px;
      border: 0px solid blue;
     	}

.start {
			grid-column: 4 / 5;
  			grid-row:    2;	
  			color: #191970;	
		   border: 0px solid #191970; 
		   margin-top: -25px;
		   margin-left: 1%;       	
			}
.home {
		font-family: Verdana, arial;
		font-size: 1.0em;
		font-weight: 500;
		letter-spacing: 0.06em;
		line-height: 1.6em;
		color: #191970;;
		text-decoration: none;
		margin-top: 0px;
		margin-left: 0%;
		} 

nav {
	grid-column: 4 / 12;
  	grid-row:    2;
	padding: 0px;
	padding-top: 1px;
	margin-top: 2px;
	margin-left: 0;
	margin-right: 0px;
	width: 100%;
	border: 0px solid green;
	}	

main {
  	grid-column: 4 / 12;
  	grid-row:    3 ;	  
	}
	
article {
  	grid-column: 9 /12;
  	grid-row:    3 ;	  
	}
	
figure {
  position: relative;
  width: 240px; height: 240px;
  margin: 0;
  padding: 0px;
  border: 0px solid blue;
  background: transparent;
}
#float {
  float: right;
  width: 270px; height: 270px;
  margin-top: 20px;
}

#section_kontakt {
	margin: 40px 0px 0px 80px;
}
img {
  width: 99%; 
  height: auto;
}
#main_vita {
  	grid-column: 6 / 12;
  	grid-row:    3 ;
  	height:auto;
   width:100%;
   border: 0px solid black;
   margin: 8% 0px 0% 2%;
   padding-bottom: 40px;
   text-align: justify;
   font-size: 0.9em;
   font-family: Arial, Helvetica, sans-serif;
   color:#191970;
   font-weight: normal;
         	}

#aside_vita {
  	grid-column: 4 /6;
  	grid-row:    3 ;
  	margin-left: 0;
  	margin-top: 5%;
  	width: 90%;	 
  	text-align: justify;
   font-size: 0.9em;
   font-family: Arial, Helvetica, sans-serif;
   color: #191970;
   font-weight: 500; 
   border: 0px solid black;
	}
#section_vita {
  	margin-left: -15%;
  	margin-top: 5%;
  	width: 40%;	
  	height: 80%; 
  	text-align: justify;
   font-size: 0.9em;
   font-family: Arial, Helvetica, sans-serif;
   color:#191970;
   font-weight: 500; 
   border: 0px solid black;
	}
#float_vita {
  width: 90%;
  height: 90%;
  margin: -35% 0% 0px 27%;
  line-height: 0.9em;
  border: 0px solid blue;
}
footer {
			grid-column: 4 / 12;
  			grid-row:    12;	
  			color: #191970;	
	      border-top: 1px solid black; 
         }
.logo {
		background-image: url(img/perSe_logoWeb.jpg); 
		background-repeat: no-repeat;
		width:212px;
      height:79px;
      margin: 30px 0px 0px 56%;
     	border: 0px solid red;
      } 
#line1{
		height: 2px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 1px;
		margin-left: 0%;
		background-image: linear-gradient(to right, #Fa8304, #Fa8304);
		background-color: #FEF4E8;
		}                 

.impressum {
		font-family: arial;
		font-size: 0.9em;
		letter-spacing: 0.1em;
		color: #191970;
		text-decoration: none;
		margin-left: 0%;
		}

.uschi{
		font-family: arial;
		font-size: 1em;
		color: #191970;
		text-decoration: none;		
		margin-left: 32%
		}  
a:hover {
			color: black;
			box-shadow: 2px 3px 3px 2px grey;
			}      

             /* Definition des Index Körpers  ----*/
            
#Frontseite {																								/* Format der index.html Seite */
				display: flex;				
				justify-content: center;
				border: 0px solid black;
            margin: 0px 0px 0px 0px;            
            }
.Frontbild {
             border: 0px solid black;				/* Format des Bildes auf der index.html Seite */
             margin-top: 10%;
             width: 860px;
             height: 375px;
             }       
            
           
 /* --------------------------------Navigation -------------------------- */
           

nav ul {display: flex;	
	flex-direction: row;
	background-color: transparent;
	margin: 0 0 0 4.8%;
	width: 100%;
	}
	
nav li { 
	display: flex;
	align-items: center;
	background-color: transparent;
   list-style-type: none;
  	font-size: 0.95em;
  	font-weight: 500;
   text-align: center;
   padding-top:2px;
   margin:auto;
   margin:0 3.5% 0 1.5%;
   border: 0px solid red;
    }     
ul#nav a {
        text-decoration: none;
        font-family: Arial, Helvetica, serif;
        color: black;                                /* font-color */
            }

ul#nav a:link {
        text-decoration: none;
        font-family: Arial, Helvetica, serif;
        color: #191970;                                /* font-color */
            }

ul#nav a:visited {
        text-decoration: none;
        font-family: Arial, Helvetica, serif;
        color: #191970;                                /* font-color */
            }

ul#nav a:hover {
        text-decoration: none;
        font-family: Arial, Helvetica, serif;
        color: #FF6600;                                /* font-color */
            }
            
nav .submenu { 
	display: block;
   height: 0;
  	z-index: 1000; 
  	margin-left: 5%;
  	font-size: 1.25em;
}
nav .submenu ul { 
  visibility: hidden;
  display: block; 
  width: 8em;
  border: 0px solid red;
  }

nav .submenu li { 
  visibility: hidden;
  display: block; 
  width: 8em;
  font-size: 0.8em;
  margin: 0.em 0 0 -3.0em;
  border: 0px solid red;
}
 
nav li:hover  .submenu,
nav li:active  .submenu, 
nav li:focus  .submenu { 
  visibility: visible;
  width: 8em;
  height: auto; 
 }
 
.submenu a{
	font-size: 0.8em;
	line-height: 1.1em;
	margin-top: 0.2em;
	margin-left: -8.0em;
}

.striche{
	margin: 0 0 0 -7em;
	width: 35px;
	height: 35px;
		}         
/* -------------------------------    main div für stimme -------------  */

#text_koerper { 
					height:auto;
               max-width:100%;
               background-color: #FDECDA;
               border-top-left-radius: 1.3em;
  					border-bottom-right-radius: 1em;
               border: 0px solid #191970;
               margin: 8% 0% 4% 0%;
               padding-bottom: 40px;					          
               padding-left: 8%;
               text-align: left;
               font-size: 16px;
               font-family: Arial, Helvetica, sans-serif;
               color: #191970;
               font-weight: 500;
               letter-spacing: 0.06em;
               } 
#text_koerper_tb { 
					height:auto;
               max-width:100%;
               background-color: #FDECDA;
               border-top-left-radius: 1.3em;
  					border-bottom-right-radius: 1em;
               border: 1px solid #191970;
               margin: 8% 0% 4% 0%;
               padding-bottom: 40px;					          
               padding-left: 8%;
               text-align: left;
               font-size: 16px;
               font-family: Arial, Helvetica, sans-serif;
               color: #191970;
               font-weight: 500;
               letter-spacing: 0.06em;
               }
 
#text_kontakt{ 
					height:45%;
               width:98%;
               background-color: #FDECDA;
              	border-top-left-radius: 1.3em;
  					border-bottom-right-radius: 1em;
               border: 1px solid #191970;
               margin: 8% 0px 5px 0%;
               padding-left: 20px;
               padding-right: 0px;
               text-align: justify;
               font-size: 16px;
               font-family: Arial, Helvetica, sans-serif;
               color: #191970;
               font-weight: normal;
              }  

#textfluss {
					position: relative;
					height:auto;
               width:77%;
               background-color: #FDECDA;
               border: 0px solid black;
               margin: 2% 0% 0% 7%;                      
               float: left;
}             
                  
h1{                                  /* Schriftfarbe Orange  ! */
    font-size: 1.2em;
    font-weight: bold;
    line-height:110%;
}
.h1_i {
	font-size: 0.9em; 
	font-weight: 500;
	font-style: italic;
	}
h2{                                  /* Schriftfarbe schwarz  ! */
    font-size: 1.1em;
    font-weight: bold;
    line-height:110%;
}
h3{                                  /* Schriftfarbe Orange  ! */
	 font-size: 1.2em;
    font-weight: 700;
    line-height:110%;
}
.table_ref{ 
	 width: 50%;
	 margin: 0px 0px 40px 25%;
	 border-collapse: collapse;
	 padding: 20px;
	 font-size: 0.9em;
    }
td {
	border-top: 1px solid black;
	padding-right: 30px;
	padding-bottom: 10px;
}
.tb_workshops { 
	 width: 100%;
	 margin: 0px 0px 0px 0%;
	 padding: 0px;
	 font-size: 0.99em;
	 border-collapse: inherit;
	 border-bottom: 1px solid #191970;
    } 
.tb_workshops td{
	border-top: 0px solid black; 	
	padding-right: 40px;
	padding-bottom: 1px;
	}	
.tb_workshops th{
	border-top: 0px solid black; 
	padding-right: 40px;
	padding-bottom: 13px;
	}               
.ul_vita {
	font-size: 1.0em;
	line-height: 120%;
} 
.ul_ul_vita {
	font-size: 1.0em;
	font-weight: 500;
	line-height: 100%;
}
.Stil12 {
	font-size: 0.9em;
 	font-weight: 500;
 	} 
 
.Stil14_b {
	font-weight: 700;
	} 
	
.Stil14_i {
	font-size: 1.0em; 	
	font-weight: 500;
	font-style: italic;
	}
}
