html {
  background-color: rgba(74, 74, 74, 50);
  background-image: url("bild3.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 30% 65%;
  background-size: auto 130%;
  font-size: 160%;
}

body {
  background-color: rgba(74, 74, 74, 0);
  color: #E6E6E6;
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0px;  
}

a:link {
  color: #0489B1;
}
a:visited {
  color: #0489B1;
}
a:active {
  color: #0489B1;
}
       
div.titel1 {
  border:0;
  color: #BDBDBD;
  font-size: 4em;
  position: relative;
  right: 0;
  white-space: nowrap;
  text-align: right;
}
      
div.text {
  border: 0;
  background-color: rgba(74, 74, 74, 0.4);
  width: 100%;
  margin-top: .5em;
  max-width: 600px;
  line-height: 150%;
  position: absolute;
  right: 0;
}

div.telefon {
	border: 0;
	background-color: rgba(74, 74, 74, 0.4);
	position: relative;
	left: 0;
	width: 6.5em;
	white-space: nowrap;
	text-align: center;
	font-size:2em;
	margin-top: 2.5em;
	padding:0px;
}

div.impressumlink {
	position: -webkit-absolute;
	position: fixed;
	bottom: 0;
	left:0;
	background-color: rgba(74, 74, 74, 0.4);
	text-align: center;
	font-size: 80%;
	margin-top: .5em;
	}

@media screen and (max-width: 600px) {
body {
font-size: 40%;

}
.text {
font-size:200%;
margin-top: 3em;
}
.telefon {
font-size:100%;
margin-top:1em;

}
.impressumLink {
font-size:160%;
}

}

@media screen and (max-aspect-ratio: 1/1) {
html {
background-size: auto 132%;
background-position: 20% 60%;
}
}

@media screen and (min-aspect-ratio: 4/3) {
html {
background-size: auto 130%;
}
}

@media screen and (min-aspect-ratio: 16/9) {
html {
background-size: auto 132%;
background-position: center 60%;
}
}

@media screen and (min-aspect-ratio: 17/9) {
html {
background-size: 95% auto;
background-position: center 60%;
}
div.titel1 {
  right: 2.5%;
}
div.text {
  right: 2.5%;
}
div.telefon {
  left: 2.5%;
}
div.impressumlink {
	left:2.5%;
}
}