/* CSS Document */

/* maven-pro-700 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/maven_pro/maven-pro-v32-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven_pro/maven-pro-v32-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven_pro/maven-pro-v32-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven_pro/maven-pro-v32-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven_pro/maven-pro-v32-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven_pro/maven-pro-v32-latin-700.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-900 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/maven_pro/maven-pro-v32-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven_pro/maven-pro-v32-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven_pro/maven-pro-v32-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven_pro/maven-pro-v32-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven_pro/maven-pro-v32-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven_pro/maven-pro-v32-latin-900.svg#MavenPro') format('svg'); /* Legacy iOS */
}

body { margin: 0; padding: 0; background: #fff; width: 100%; height: 100%; text-transform: uppercase; font-size: 160%; font-family: 'Maven Pro', sans-serif; }

main { margin: 50px auto; width: 100%; max-width: 1300px; position: relative; }

.bg { display: block; width: 100%; }

.bild { display: block; position: absolute; top: 160px; left: 425px; width: 255px; }
.unterschrift_bild { display: block; position: absolute; top: 315px; left: 130px; width: 500px; }
.unterschrift_text { display: block; position: absolute; top: 585px; left: 425px; width: auto; color: #fff; font-size: 120%; }

.bild_rechts { display: block; position: absolute; top: 3%; right: 3%; width: 19.5%; }
.bild_rechts2 { top: 36%; }
.bild_rechts3 { top: 68.5%; }

.kontakt { display: block; position: absolute; bottom: 110px; left: -8px; color: #fff; font-size: 350%; }

.links { display: block; position: absolute; bottom: 25px; left: 425px; }
.links a { display: block; color: #6f716f; text-decoration: none; line-height: 62px; font-size: 90%; }

.shadow { -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.25); }


@media screen and (max-width:1200px) {
	.kontakt { font-size: 260%; bottom: 95px; }
	.links { left: 330px; bottom: 5px; }
	.links a { line-height: 40px; font-size: 80%; }
}

@media screen and (max-width:950px) {
	body { font-size: 120%; }
	.kontakt { bottom: 70px; }
	.links { left: 240px; bottom: 5px; }
	.links a { line-height: 30px; }
}

@media screen and (max-width:700px) {
	body { font-size: 90%; }
	.kontakt { bottom: 50px; left: -2px; }
	.links { left: 180px; bottom: 10px; }
	.links a { line-height: 20px; }
}

@media screen and (max-width:550px) {
	body { font-size: 70%; }
	.kontakt { bottom: 40px; }
	.links { left: 145px; bottom: 10px; }
	.links a { line-height: 15px; }	
}

@media screen and (max-width:430px) {
	body { font-size: 50%; }
	.kontakt { bottom: 30px; }
	.links { left: 105px; bottom: 12px; }
	.links a { line-height: 10px; }	
}

@media screen and (max-width:330px) {
	body { font-size: 45%; }
	.kontakt { bottom: 25px; }
	.links { left: 90px; bottom: 5px; }
	.links a { line-height: 10px; }	
}