/*
Grid-System by ModernPixel.de
*/

*{
    box-sizing: border-box;
}

body{ /* Mobile-First */
  font-family: 'Arial', cursive;
  background: #27292b;
  background-attachment: fixed;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  color: #fff;
  margin-top: 2%; /* Abstand oben Mobile */
}
p{
  font-size: 16px;
  line-height: 0.8;
  font-weight: 400;
}
a:link {
  text-decoration: none;
  color:#fff;
}
a:visited{
  text-decoration: none;
  color:#fff;
}
a:active{
  text-decoration: none;
  color:#fff;
}
/*Grid*/

.row{
    float: left;
    width: 100%;
}

.col{
    float: left;
	margin-top:10px;
}

.container{
    max-width: 1290px;
    display: block;
	margin: 0 auto;
}

@media screen and (max-width: 530px){
    .small-0{width: 20%;}
	.small-1{width: 25%;}
    .small-2{width: 33%;}
    .small-3{width: 50%;}
    .small-4{width: 66%;}
	.small-5{width: 100%;}
	.small-6{width: 16.6%;}
}

@media screen and (min-width: 531px) and (max-width: 999px){
    .medium-0{width: 20%;}
	.medium-1{width: 25%;}
    .medium-2{width: 33%;}
    .medium-3{width: 50%;}
    .medium-4{width: 66%;}
	.medium-5{width: 100%;}
	.medium-6{width: 16.6%;}
}

@media screen and (min-width: 1000px){
    .big-0{width: 20%;}
	.big-1{width: 25%;}
    .big-2{width: 33%;}
    .big-3{width: 50%;}
    .big-4{width: 66%;}
	.big-5{width: 100%;}
	.big-6{width: 16.6%;}
}

/*Navi*/

.navi{
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.navi a.logo{
  display: block;
  padding-bottom: 20px;
}
.navi i{ /*Hamburger Logo und Schliesskreuz sowie FB-Logo*/
  color: #fff;
  font-size: 28px;
  text-decoration: none;
}

.navi a i.open{}
.navi a i.close{display: none;}

.navi ul{
  display: none;
  margin: 0px;
  list-style: none;
  padding: 10px 0px 0px 0px;
}

.navi ul li a{
    display: block;
    text-decoration: none;
    color: #fff;
    line-height: 50px;
    font-size: 26px;
    text-transform: uppercase;
	font-weight:100;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.navi ul li a:hover{
  color: #eee;
  text-decoration:none;
  font-weight:bolder;
}

  /*Nav Open*/

  #nav-open:target .navi{
    z-index: 1000000;
  }
  #nav-open:target .navi a i.open{
    display: none;
  }

  #nav-open:target .navi ul{
    display: block;

  }

  #nav-open:target .navi a i.close{
    text-decoration: none;
    display: block;
    z-index: 1000000;
  }

  #nav-open:target .overlay{
    -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
    background: #000;
    opacity: 0.2;
  }
.text-center{
text-align: center;
}
.container-content {
 padding-left:2%;
 padding-right:2%;
 text-align: center;
 opacity: 0.8;
 text-shadow: black 0.1em 0.1em 0.2em;
}
.headline {
 font-size: 48px;
 padding-left:2%;
 padding-right:2%;
 text-align: center;
 text-shadow: black 0.1em 0.1em 0.2em;
}
.dsgvo-text {
 font-size: 16px;
 padding-left:2%;
 padding-right:2%;
 text-align: left;
 text-shadow: black 0.1em 0.1em 0.2em;
}
.about-content {
 padding-left:2%;
 padding-right:2%;
 text-align: center;
}

  .footer {
	max-width: 1290px;
  margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
  }
/*iframe auf 100% strecken und dynamisch halten*/
  img,
iframe {
  max-width: 100%;
}
	.nowrap {
	white-space: nowrap;
	}
	
.ueberschrift{
  font-size: 56 px;
  font-weight: 400;
}

#under-construction {
	position:absolute;
	width:100%;
	height:auto;
	z-index:1;
}

/*Sonstiges*/
.kill{clear: both;}
