/* Styles  */ 
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,100,300,600,700);



@media (max-width: 480px) {

.hor-vert {
  margin: 100px 0px 0px 0px;
  border: 5px solid blue;
  text-align: center;
font-size:24px;
color: #ffffff;
}



.hg_dokumente_dunkel_schrift {
color: #bebebe;
font-size:12px;"
}

.but1 {
	width: 200px;
	padding: 5px 25px 5px 25px;
	margin: 0px 0px 0px 0px;
	background-color: #444444;
	border-radius: 5px;
	border-width: 1px;
      border-style: solid;
      border-color: #999999;
	text-decoration: none;
	color:#ffffff;
}



.but1:hover {
	width: 200px;
	padding: 5px 25px 5px 25px;
	margin: 0px 0px 0px 0px;
	background-color: #999999;
	border-radius: 5px;
	border-width: 1px;
      border-style: solid;
      border-color: #444444;
	text-decoration: none;
	color:#ffffff;

}

.inlog {
	width: 90%;
	padding: 5px 50px 5px 50px;
	margin: 50px 0px 0px 0px;
	background-color: #f5f5f5;
	border-radius: 5px;
	border-width: 2px;
      border-style: solid;
      border-color: blue;
	text-decoration: none;
	color:#000000;
      font-size:20px;
}



}
/* Ende Media 480px */ 



@media (min-width: 481px) and (max-width: 767px) {





}
/* Ende Media 481px - 767px */



@media (min-width: 768px) and (max-width: 979px) {

.hor-vert {
  margin: 200px 0px 0px 0px;
  border: 5px solid blue;
  text-align: center;
font-size:36px;
color: #ffffff;
}

.hg_dokumente_dunkel_schrift {
color: #bebebe;
font-size:14px;"
}

.but1 {
	width: 300px;
	padding: 5px 25px 5px 25px;
	margin: 0px 0px 0px 0px;
	background-color: #444444;
	border-radius: 5px;
	border-width: 1px;
      border-style: solid;
      border-color: #999999;
	text-decoration: none;
	color:#ffffff;
}



.but1:hover {
	width: 300px;
	padding: 5px 25px 5px 25px;
	margin: 0px 0px 0px 0px;
	background-color: #999999;
	border-radius: 5px;
	border-width: 1px;
      border-style: solid;
      border-color: #444444;
	text-decoration: none;
	color:#ffffff;

}


.inlog {
	width: 70%;
	padding: 5px 50px 5px 50px;
	margin: 100px 0px 0px 0px;
	background-color: #f5f5f5;
	border-radius: 5px;
	border-width: 2px;
      border-style: solid;
      border-color: blue;
	text-decoration: none;
	color:#000000;
      font-size:34px;
}








}
/* Ende Media 768px - 979px */






@media (min-width: 980px) {

.hor-vert {
  margin: 200px 0px 0px 0px;
  border: 5px solid blue;
  text-align: center;
font-size:36px;
color: #ffffff;
}

.hg_dokumente_dunkel_schrift {
color: #bebebe;
font-size:14px;"
}

.but1 {
	width: 300px;
	padding: 5px 25px 5px 25px;
	margin: 0px 0px 0px 0px;
	background-color: #444444;
	border-radius: 5px;
	border-width: 1px;
      border-style: solid;
      border-color: #999999;
	text-decoration: none;
	color:#ffffff;
}



.but1:hover {
	width: 300px;
	padding: 5px 25px 5px 25px;
	margin: 0px 0px 0px 0px;
	background-color: #999999;
	border-radius: 5px;
	border-width: 1px;
      border-style: solid;
      border-color: #444444;
	text-decoration: none;
	color:#ffffff;

}

.inlog {
	width: 70%;
	padding: 5px 50px 5px 50px;
	margin: 100px 0px 0px 0px;
	background-color: #f5f5f5;
	border-radius: 5px;
	border-width: 2px;
      border-style: solid;
      border-color: blue;
	text-decoration: none;
	color:#000000;
      font-size:34px;
}

}
/* Ende Media 980px */ 


.hg_dokumente_dunkel{
margin: 30px 0px 0px 0px;
padding: 3px 0px 8px 1px;
background-color: #252525;
border-radius: 4px;
background: #000000;
background: -moz-linear-gradient(left, #000000 0%, #373737 50%, #000000 100%);
background: -webkit-linear-gradient(left, #000000 0%, #373737 50%, #000000 100%);
background: linear-gradient(to right, #000000 0%, #373737 50%, #000000 100%);
}