* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
}

body {
  background-color: #333;
  color: #333;
  font-size: 1rem;
  font-family: 'Lato', sans-serif;
  line-height: 1.5;
}
.clearfix {
  clear: both;
}
.inside {
  max-width: 80%;
  margin: 0 auto;
}
.short {
  max-width: 48%;
}
.dark, .green {
  background-color: #333;
  color: #fff;
}
.dark {
  background-color: #333;
}
.green {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#56ab2f+0,a8e063+100 */
  /* background: #56ab2f;
  background: -moz-linear-gradient(45deg, #56ab2f 0%, #a8e063 100%);
  background: -webkit-linear-gradient(45deg, #56ab2f 0%,#a8e063 100%);
  background: linear-gradient(45deg, #56ab2f 0%,#a8e063 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56ab2f', endColorstr='#a8e063',GradientType=1 ); */
  background-image: url('../images/hero-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.green h3 {
  color: #fff;
}

header {
  padding: 16px 0;
  position: fixed;
  top: 0;
  width: 100%;
}
nav {
  float: left;
  margin-top: 8px;
}
nav ul {
  list-style-type: none;
}
nav ul li {
  display: inline;
  cursor: pointer;
}
nav ul li a {
  text-decoration: none;
  color: #fff;
  padding-right: 24px;
  font-size: 1rem;
}
nav ul li:hover a {
  color: #a8e063;
}
#menu-lang {
  float: right;
}
#menu-lang {

}
#menu-lang * {
  height: 32px;
  width: 32px;
}
#menu-lang li {
  display: inline-block;
  margin-left: 32px;
  background-size: cover;
  opacity: 0.5;
}
#menu-lang a {
  height: 32px;
  width: 32px;
}
#menu-lang li:hover,
#menu-lang li:focus,
#menu-lang li.active {
  opacity: 1;
}

section {
  padding: 80px 0;
  background-color: #fff;
}
.half article {
  width: 50%;
  float: left;
}
.half article:first-of-type {
  padding-right: 4%;
}
.half article:last-of-type {
  padding-left: 4%;
}
.third article {
  width: 30.83%;
  margin: 0 1.25%;
  float: left;
  background-color: #fafafa;
  border-radius: 8px;
  border: 1px solid #E0E0E0;
}
.third article:first-of-type {
  margin-left: 0;
}
.third article:last-of-type {
  margin-right: 0;
}
.third h3 {
  margin-bottom: 24px;
}
.third article h4 {
  border-bottom: 1px solid #e0e0e0;
  padding: 16px;
  text-transform: uppercase;
  letter-spacing: 0.12rem;
}
.third article .text {
  padding: 16px;
}
#hero {
  text-align: center;
  padding-top: 156px;
}
#hero p {
  padding-top: 2.4rem;
  font-size: 1.2rem;
  margin-bottom: 0;
  text-align: center;
}
.button {
  text-decoration: none;
  text-transform: uppercase;
  padding: 12px 48px;
  margin-top: 2.4rem;
  border-radius: 50px;
  border: 4px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
}
#hero a:hover {
  background-color: #fff;
  color: #56ab2f;
}
h1 {
  text-transform: uppercase;
  text-align: center;
  font-size: 2.4rem;
  margin: 0 auto;
  letter-spacing: 0.12rem;
}
h2 {
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.12rem;
  font-size: 1.2rem;
  line-height: 1.6;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #fff;
  width: 64%;
  margin: 0 auto;
  text-transform: uppercase;
}
h3 {
  color: #56ab2f;
  text-transform: uppercase;
  font-size: 1.6rem;
  margin-bottom: 0.8rem;
}
p {
  margin-bottom: 0.8rem;
  text-align: justify;
}
p a,
p a:hover,
p a:focus,
p a:visited,
.news-entry > a,
.news-entry > a:hover,
.news-entry > a:focus,
.news-entry > a:visited {
  border-bottom: 1px dashed #56ab2f;
  text-decoration: none;
  color: #56ab2f;
  padding-bottom: 0.1rem;
}
p a:hover,
p a:focus {
  border-bottom-style: solid;
}
.green p a,
.green p a:hover,
.green p a:focus,
.green p a:visited {
  border-bottom: 1px dashed #fff;
  text-decoration: none;
  color: #fff;
  padding-bottom: 0.1rem;
}
.green p a:hover,
.green p a:focus {
  border-bottom-style: solid;
}

#organisatoren ul {
  list-style-type: none;
}
#organisatoren ul li {
  margin: 24px 0;
}
#organisatoren ul li img {
  width: 16%;
  height: auto;
  float: left;
  border-radius: 800px;
  margin-right: 24px;
}
.sponsor img {
  width: 100%;
}
.sponsor a {
  color: #56ab2f;
  display: block;
  margin-bottom: 24px;
}

#anfahrt,
#location {
  padding: 0;
}
#anfahrt iframe,
#location iframe {
  width: 100%;
  height: 400px;
  display: block;
}
#anfahrt .overlay,
#location .overlay {
   background:transparent;
   position:relative;
   width:100%;
   height:400px; /* your iframe height */
}

footer {
  padding: 80px 0;
}
footer section {
  background: none;
}
footer #danke {
  margin: 0 auto;
}
footer #kontakt,
footer #contact {
  padding-top: 80px;
  text-align: center;
}
footer #kontakt a,
footer #contact a {
  text-decoration: none;
  color: #fff;
}
footer #kontakt a:hover,
footer #contact a:hover {
  color: #56ab2f;
}
footer #kontakt p,
footer #contact p {
  text-align: center;
  margin-bottom: 0;
}