@charset "utf-8";
/* CSS Document */
/** Allgemeine Gestaltung **/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html, body { height: 100%; }
body {
  /*background-image: url(../material/hg_2000x1080.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;*/
	background-color: #fff; 
}
body#impressum { background-image: none; }
.inhalt {
  width: 920px;
  margin: 0 auto;
	min-height: calc(100vh - 30px );
}
.logoBett {
  position: relative;
  display: block;
  float: left;
  width: 100%;
}
.logoBett img {
  float: right;
  margin-top: 15vw;
}
.textBett {
  position: relative;
  display: block;
  float: left;
  width: 600px;
  margin-top: 10vw;
}
#impressum .textBett { margin-top: 10px; }
footer { height: 30px;   }
.footerInhalt { display: block; height: 30px; width: 100%; float: left; font-size: 0.7em; color: #939393; }
/* SCHRIFT */
/* source-code-pro-regular - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-code-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''), url('../fonts/source-code-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-code-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-code-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-code-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-code-pro-v21-latin-regular.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}
/* source-code-pro-800 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/source-code-pro-v21-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''), url('../fonts/source-code-pro-v21-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-code-pro-v21-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-code-pro-v21-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-code-pro-v21-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-code-pro-v21-latin-800.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}
body {
  font-family: 'Source Code Pro';
  font-weight: 400;
  font-size: 24px;
}
a { text-decoration: none; color: #000; }

/* RESPONSIV */




@media screen and (max-width:1080px){
	
	body {
	/*background-image: url(../material/hg_1080x810.jpg);*/
}
	.logoBett img {
  margin-top: 22vw;
}
}



@media screen and (max-width:960px){
	body { font-size: 1.2em; }
	.inhalt {
	width: 768px;
}
	.textBett {
	width: 480px;
	margin-top: 14vw;
}
	
	.logoBett img { width: 400px; height: auto; }
}

@media screen and (max-width:768px){
	.inhalt { width: 100%; padding: 20px; }
	.textBett { width: 80%; }
	body { font-size: 1.2em; }
}


@media screen and (orientation:portrait){
	
	body {
	/*background-image: url("../material/hg_3x4.jpg");
	background-size: contain;*/
}
	.inhalt { width: 100%; padding: 20px; }
	.textBett { width: 80%; margin-top: 30vw;}
}




@media screen and (orientation:portrait) and (max-width:530px){
	
	body {
	/*background-image: url("../material/hg_3x4_small.jpg");
	background-size: cover;*/
}
	.logoBett img { width: 100%; height: auto; margin-top: 12vw; }
	.textBett { margin-top: 30vh;}
}
