/* ------------ SmartPhone----------- */
@media only screen 
and (min-device-width : 375px) 
and (-webkit-device-pixel-ratio : 2)  {
  
  /* Header */
  #Fraunhofer{
  width: 10em;
  padding-left: 30px;
  padding-right: 30px;
  float: right;
  margin-top: 65px;
  position: fixed;
  top: -100; 
  left: -15px; 
  z-index: 999;

}

#inIT{
  width: 10em;
  padding-left: 30px;
  padding-right: 30px;
  float: right;
  margin-top: 65px;
  position: fixed;
  top: 0; 
  left: 50px; 
  z-index: 999;
}
  
 .navbar-brand img{
  width: 5em;
}
  
#PlaceHolder {
  width: 100%;
  background: none;
  position: relative;
  z-index: 0;
  padding-top: 115px;  
}
	.myPosition{
		float: right !IMPORTANT;
}
  
  #KachelnHead h3{
  color:#fff;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-size:20px;
  margin: 20px;

}
  
/* Section */
   #Events{
    background: url(../../EW-IMG/Background/Impuls.JPG) no-repeat;
    color: #000;
    text-align: left;
    background-size: cover;
  }

/* Contact */ 
  	#slideContact{
  	background-color: #F8F8F8;
  	color: #000;
  	text-align: left;
  	font-size: 0.9em;
	}

	#slideContact h3{
    font-size: 0.9em;
    color: #000;
	}
  
  
    .container {
    z-index: 10;

  	padding-left:25px;
  	margin-right:auto;
  	margin-left:auto;
  }
  
  
}


/* Tablet */
@media only screen 
and (min-device-width : 768px) 
and (-webkit-min-device-pixel-ratio: 2) 
{ 

 /* Header */
  #Fraunhofer{
  width: 10em;
  padding-left: 30px;
  padding-right: 30px;
  float: right;
  margin-top: 65px;
  position: fixed;
  top: -100; 
  left: -15px; 
  z-index: 999;

}

#inIT{
  width: 10em;
  padding-left: 30px;
  padding-right: 30px;
  float: right;
  margin-top: 65px;
  position: fixed;
  top: 0; 
  left: 100px; 
  z-index: 999;
}
  
 .navbar-brand img{
  width: 5em;
}
  
#PlaceHolder {
  width: 100%;
  background: none;
  position: relative;
  z-index: 0;
  padding-top: 115px;  
}
	.myPosition{
		float: right !IMPORTANT;
}
  
/* Section */
   #Events{
    background: url(../../EW-IMG/Background/Impuls.JPG) no-repeat;
    color: #000;
    text-align: left;
    background-size: cover;
  }

/* Contact */ 
  	#slideContact{
  	background-color: #F8F8F8;
  	color: #000;
  	text-align: left;
  	font-size: 0.9em;
	}

	#slideContact h3{
    font-size: 0.9em;
    color: #000;
	}
}


/* TabletGroß */
@media (min-width:1024px) {

 /* Header */
  #Fraunhofer{
  width: 14em;
  padding-left: 30px;
  padding-right: 30px;
  float: right;
  margin-top: 65px;
  position: fixed;
  top: -100; 
  right: 170px; 
  z-index: 999;

}

#inIT{
  width: 14em;
  padding-left: 30px;
  padding-right: 30px;
  float: right;
  margin-top: 65px;
  position: fixed;
  top: 0; 
  right: 5px; 
  z-index: 999;
}
  
 .navbar-brand img{
  width: 10em;
}
  
#PlaceHolder {
  width: 100%;
  background: none;
  position: relative;
  z-index: 0;
  padding-top: 150px;  
}
	.myPosition{
		float: right !IMPORTANT;
}
  
/* Section */
   #Events{
    background: url(../../EW-IMG/Background/Impuls.JPG) no-repeat;
    color: #000;
    text-align: left;
    background-size: cover;
  }

/* Contact */ 
  	#slideContact{
  	background-color: #F8F8F8;
  	color: #000;
  	text-align: left;
  	font-size: 0.9em;
	}

	#slideContact h3{
    font-size: 0.9em;
    color: #000;
	}

}