/*--------basis einstellungen Standard=Desktop-PC--------*/
html{width:100%; height:auto; min-height:100vh; font-size:100%; font-family:sans-serif;}
body{width:100%; height:auto; min-height:100vh; margin:0em; padding:0em; background:#FFFFFF;}

/*--------Header design--------*/
header{
  background:#f5f5f5;
  height:8.0rem;
  width:100%;
  max-width:1600px;
  margin-left:auto;
	margin-right:auto;
  border-bottom:solid #78091b 0.3rem;
}

#logo{float:left; height:100%; }

main{
  width:100%;
  max-width:1600px;
  height:auto;
  min-height:calc(100vh - 8rem);
	margin-left:auto;
	margin-right:auto;
  display: flex;
  flex-direction: column;

}

#hintergrund{
  height:auto;
  min-height:calc(100vh - 8rem);
  width:100%;
  background-image:url(images/hintergrund.jpg);
  background-repeat:no-repeat;
  background-position:center;
  background-attachment:fixed;
  background-size:cover;
  padding-top:2rem;
  padding-bottom:2rem;
}

#textbox1{
  width:60%;
  height:auto;
  background-color:rgba(128,128,128,0.8);
  margin-left:auto;
	margin-right:auto;
  margin-top:10rem;
  border-style:solid;
  border-color:#78091b;
  border-width:0.4rem;
  border-radius:0.4rem;
  text-align:center;
  font-size:200%;
}






/*--------Media-querys--------*/

/*
______________________________________
-----Desktop(PC)-----
______________________________________
*/
@media screen and (min-width:1200px){

@media screen and (max-width:1499px){
	html{
		font-size:95%;
	}
}

@media screen and (max-width:1399px){
	html{
		font-size:90%;
	}
}

}

/*
______________________________________
-----Handhelds-----
______________________________________
*/
@media screen and (max-width:1199px){

/*Tablets*/
	@media screen and (max-width:1199px){
		html{
			font-size:85%;
		}
	}

	@media screen and (max-width:1049px){
		html{
			font-size:80%;
		}
	}

/*Smartphones und hochkanttablets*/
	@media screen and (max-width:899px){
		html{
			font-size:75%;
		}
	}

	@media screen and (max-width:749px){
		html{
			font-size:70%;
		}
	}

	@media screen and (max-width:599px){
		html{
			font-size:65%;
		}
	}

	@media screen and (max-width:449px){
		html{
			font-size:60%;
		}
	}

  @media screen and (max-width:299px){
		html{
			font-size:55%;
		}
	}
}