* { 
  margin: 0; 
  padding: 0; 
}

body {
  margin: 0; 
  padding: 0; 
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  font-family: sans-serif;
  font-size: 24px;
  line-height: 1.3;
}

input[type="checkbox"] + label:before {
  width: 60px;
  height: 30px;
  border-radius: 30px;
  border: 2px solid #ddd;
  background-color: #EEE;
  content: "";
  margin-right: 30px;
  transition: background-color 0.5s linear;
}

input[type="checkbox"] + label:after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #fff;
  content: "";
  transition: margin 0.1s linear;
  box-shadow: 0px 0px 5px #aaa;
  position: absolute;
  left: 2px;
  top: 2px;
}

input[type="checkbox"]:checked+label:before{
  background-color: #2b8718;
}

input[type="checkbox"]:checked+label:after {
  margin: 0 0 0 30px;
}



#logo {
	width:66%; 
  padding: 0px 17% 6px 17%; 
  margin-top:10px;
}
#logo article {
	width:33.3%; 
	float:left;
}
#logo .mitte {
	text-align:center; 
	padding-top:25px;
}
#logo .links {
	text-align:left; 
	padding-top:10px;
}
#logo .rechts {
	text-align:right; 
	padding-top:60px;
}
#logo img {
	width:260px;
}
#logo .links img{
	width:180px;
}

#image_top {
	width:66%; 
  padding: 0px 17% 0px 17%; 
  background:#f0f9e4;
}
#image_top article {
	width:100%; 
	padding: 0px 0% 0px 0%;
}
#image_top article .img {
	width:100%;
}

#title_top {
	width:66%; 
  padding: 0px 17% 0px 17%; 
  background:#f0f9e4;
}
#title_top article {
	text-align:center;
	width:100%; 
	padding: 0px 0% 0px 0%;
}

#text_top {
	width:40%; 
  padding: 0px 30% 20px 30%; 
  background:#f0f9e4;
}
#text_top article {
	text-align:left;
	width:100%; 
	padding: 0px 0% 0px 0%;
}

#text_ausverkauft {
	width:40%; 
  padding: 20px 30% 50px 30%; 
  background:#f0f9e4;
}
#text_ausverkauft article {
	text-align:center;
	width:100%; 
	padding: 0px 0% 0px 0%;
}

#formular {
	width:40%; 
  padding: 0px 30% 50px 30%; 
  background:#f0f9e4;
}
#formular article {
	text-align:left;
	width:100%; 
	padding: 0px 0% 0px 0%;
}

