@font-face {
  font-family: "JosefinSans-Regular";

  src: url("JosefinSans-Regular.woff") format("woff"), /* Modern Browsers */
    url("JosefinSans-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


#Inhalt
{
text-align: center;
margin: 0 auto;
max-width: 60%;
}

ul
{
text-align: left;
}
li
{
margin-bottom: 8px;
}

.xdsoft_datetimepicker
{
display: none;
	}

.Initial
{
font-weight: 600;
font-size: 110%;
}

form {
  width:400px;
  margin: 5px;
  padding: 30px;
  background-color: #E8E6E6;
}

input {
font-family:  "JosefinSans-Regular", 'Arial', 'sans-serif';
  border:1px solid #ccc;
  font-size:15px;
  width:300px;
  min-height:20px;
  display:block;
  margin-bottom:15px;
  margin-top:5px;
  outline: none;


  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}

#Firma /* die Einblendung im Zentralbild  background-color: hsla(0, 100%, 100%, 0.3);	 */
{

cursor: pointer;
width: 27%;
border-radius: 5px;
position:absolute;top: 0px;left: 50%;transform: translate(-50%,0%);
}
#Firma h2
{
text-shadow: 3px 3px 4px black;
font-family: "JosefinSans-Regular";
font-size:1.8em;
color:#f7ff00;
}

#target
{ min-height: 0;
 min-width: 0; 

  justify-content: center;
}

.innerlinks
{
color: #727272;
}

.innerlinks:hover
{
color: #000000;
}



/* ------------------------------------------- */

@media  only screen and (max-device-width: 1024px) 
{
	
	#target img
	{
	width: 70%; height: 70%;
	}
	
	#Inhalt
{
text-align: center;
margin: 0 auto;
max-width: 80%;
}

#Firma /* die Einblendung im Zentralbild */
{
width: 40%;

position:absolute;top: 0px;left: 50%;transform: translate(-50%,0%);
}

#Firma h2
{
   
font-size:1.4em;

}	
}