* {box-sizing: border-box;}

html{
  background: url('/img/willma_bg.png') no-repeat center center fixed;
  background-size: cover;
  height: 100%;
  overflow: hidden;
  /*background-color: black; opacity: 60%;*/
}

#logo{
    padding-top: 35px;
}
body {
  margin: 0;
  font-family:Raleway, Arial, Helvetica, sans-serif;
}

.weissText{
    color: white;
    font-weight: 500;
}
.weissText a, weissText a:visited{
    text-decoration: none;
    color: white;
}
.weissText a:hover{
    color: darkgrey;
}
.footer a, .footer a:visited{
    text-decoration: none;
    font-weight: 600;
    
}
.schwarzBg {
    background-color: black; 
    /*background-color: rgb(191, 191, 191);*/
    opacity: 60%;
}

.footer a:hover{
    color: darkgrey;
}

.container{
  width: 70%;
  max-width: 600px;
  margin: auto;
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px;
  opacity: 80%;
}
.weiss{
    background: white;
    opacity: 80%;
}

.centered{
  text-align: center;
}

header{
  box-sizing: border-box;
  line-height: 1.6;
display: inline-block;
}
.danbutton {
	-moz-box-shadow:inset 0px 1px 14px 0px #1dab98;
	-webkit-box-shadow:inset 0px 1px 14px 0px #1dab98;
	box-shadow:inset 0px 1px 14px 0px #1dab98;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1dab98), color-stop(1, #198b7c) );
	background:-moz-linear-gradient( center top, #1dab98 5%, #198b7c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1dab98', endColorstr='#198b7c');
	background-color:#1dab98;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
text-indent:0px;
	border:1px solid #198b7c;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:33px;
	font-weight:bold;
	font-style:normal;
height:49px;
	line-height:49px;
width:384px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #198b7c;
}.danbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #198b7c), color-stop(1, #1dab98) );
	background:-moz-linear-gradient( center top, #198b7c 5%, #1dab98 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#198b7c', endColorstr='#1dab98');
	background-color:#198b7c;
}.danbutton:active {
	position:relative;
	top:1px;
}

@media screen and (orientation: portrait) {
  
.container{ 
    width: 90%;
    max-width: none;
}


}