html{
  background-image:url('../img/brickwall.png');
  background-attachment: fixed;
  height:100%;
  position:relative;
}

body{
  min-height:100%;
  color:#fff;

}

#wrapper{
  width:100%;
  max-width:1024px;
  margin:2em auto;
}

/*-------------------------------------------------------------------< Alk >---*/

#alk{
  position:fixed;
  top:0;
  left:1em;
  width:50%;
  height:100%;
  background-image:url('../img/alk1.png');
  background-repeat:no-repeat;
  background-size:contain;
  z-index:-1;
  opacity:.5;
}

/*------------------------------------------------------------------< Menü >---*/

nav{
  font-family:Hulkbusters;
  line-height:.9em;
  text-shadow:0 6px 3px #000;
}

nav a{
  color:inherit;
  text-decoration:none;
}

footer .mod_navigation ul{
  display:flex;
  justify-content: center;
}

footer .mod_navigation li{
  padding:0 1em;
}

footer nav a:hover,
footer nav strong{
  color:#158202;
}
/*-----------------------------------------------------------------< Video >---*/

.ce_youtube{
  position:relative;
  width:100%;
  height:0;
  padding-bottom:54%;
  box-shadow:0 95px 40px -40px #000;
  border:20px solid #7967a0;
}

.video_container > iframe{
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  border:0;
}

/*-----------------------------------------------------------------< Inhalt >---*/



main{
  text-align: center;
}

main a{
  text-decoration:none;
  color:#158202;
}

span.counter{
  position:relative;
  font-size:3em;
  color: #158202;
}

main .mod_article > *:not(.ce_headline){
  margin-bottom:2em;
}



/*--------------------------------------------------------------< Visitors >---*/

section.mod_visitors{
  background-color:green;
  padding:1em;
  margin:1em 0;
}

/*------------------------------------------------------------< Kommentare >---*/

.ce_comments{

}

.ce_comments > .comment_default{
  padding:1em 1em 0 1em;
}

.ce_comments > .comment_default:not(.last):after{
  content:"";
  width:50%;
  max-width:200px;
  height:4px;
  border-radius:2px;
  background-color:#fff;
  display:block;
  margin:1em auto 0;
}

.ce_comments > .comment_default:nth-child(even){

}

.ce_comments > .comment_default > p.info{
  font-size:.7em;
  color:#7967a0;
}

.ce_comments > .form{
  width:100%;
  margin:3em 0;
}

/*-------------------------------------------------------------< Formulare >---*/

form .widget{
  width:100%;
  position:relative;
  margin-bottom:1em;
}

form label{
  position:absolute;;
  color:#aaa;
  left:0;
  right:0;
  top:0;
  margin:auto;
  font-size:.7em;
  line-height:2em;
  transition:top .1s, font-size .1s, color .5s;
}

form input,
form textarea{
  width:100%;
  background-color:rgba(0, 0, 0, 0.7);
  border:0;
  outline: none;
  color:#158202;
  padding:.1em 1em;
  line-height:.8em;
  border:1px solid #158202;
  border-radius:10px;
  box-shadow: 0 25px 15px -11px rgba(0,0,0,1);
}

form .widget.focus label,
form .widget.filled label{
  top:-1em;
  font-size:.5em;
  color:#fff;
}