*,
*:before,
*:after {
  box-sizing: inherit;
}
html,body {
	margin:0;
	padding:0;
	font-family: Verdana,sans-serif;
}

body{ 
min-height: 100%;
}

.container{
	position: relative;
	text-align: center;
	z-index: 99;
}
.clr{
	clear: both;
}
.container > header{
	padding: 0;
	margin: 0;
	position: relative;
	display: block;
}
div.logo {
	float: left; 
	margin-left: 20px;
	margin-top:10px; 
	position: absolute;
	z-index: 9;
	}
@media only screen and (max-width: 640px) {
div.logo{
	margin-left: 10px;
}
}	
div.logo img:hover{
filter: contrast(2) brightness(1.1);
}

div.box1 {
float: both; 
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.3); /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  padding: 20px;
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}
@media only screen and (max-width: 880px) {
div.box1 {
	  padding-bottom: 50px;
}
}

div.box2 {
float: both;
   background-color: rgb(255, 255, 255); /* Fallback color */
  background-color: rgba(255, 255, 255, 0.4); /* Black w/opacity/see-through */
  padding-top: 30px;
  padding-bottom: 100px;
}

h1.idx{
	font-size: 260%;
	color: #fff;
	margin-bottom: 20px;
}
@media only screen and (max-width: 640px) {
h1.idx{
	font-size: 160%;
}
}
@media only screen and (max-width: 380px) {
h1.idx{
	font-size: 110%;
}
}
h2.idx{
	font-size: 150%;
	color: #fff;
}
@media only screen and (max-width: 640px) {
h2.idx{
	font-size: 120%;
}
}
@media only screen and (max-width: 380px) {
h2.idx{
	font-size: 100%;
}
}

div.text {
	color: #000;
    text-align: center;
	font-size: 120%;	
}

.inh { 
	max-width: 1020px;
	margin: 0 auto;
	padding: 20px;
padding-top: 80px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: #444;
	font-weight: 300;
}
.inh h1, h2 {
	color: #444;
}

a.gewalt {
font-family : Calibri;
font-weight : 500;
letter-spacing : 2px;
text-decoration : none;
border-bottom : 1px solid;
margin : 10px;
padding : 5;
}
a.gewalt:hover {
font-family : Calibri;
font-weight : 500;
font-size : 110%;
letter-spacing : 2px;
text-decoration : none;
border-bottom : 5px solid;
margin : 10px;
padding : 0;
}
/* Anfang Footer */
.page-footer	{
max-width: 100%;
	margin: 0px;
	padding: 20px 10px 40px 10px;
	color: #666666;
	border-top: 1px solid #ccc;
	font-size: 90%;
background: rgb(193,192,197);
background: linear-gradient(0deg, rgba(193,192,197,1) 0%, rgba(249,248,250,1) 50%);
	opacity: 0.75;
}

#link {
        float: left;
        text-align: left;
}
#link a {
	    color: #3F58BC;
        text-decoration: none;
}
#link a:hover {
        color: #00008B;
        text-decoration: underline;
}
#copyright {
        float: right;
        text-align: right;
		color: #444;
}