.anchor {
  display: block;
  height: 156px;
  margin-top: -156px;
  visibility: hidden; }

.background {
  width: 100%;
  height: 910px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/bundles/magwelmain/images/background.png) no-repeat center center;
  -webkit-transition: -webkit-filter 0.4s ease-in-out, background-position 1s ease-in-out, background-size 1s ease-in;
  -moz-transition: -moz-filter 0.4s ease-in-out, background-position 1s ease-in-out, background-size 1s ease-in;
  -ms-transition: -ms-filter 0.4s ease-in-out, background-position 1s ease-in-out, background-size 1s ease-in;
  -o-transition: -o-filter 0.4s ease-in-out, background-position 1s ease-in-out, background-size 1s ease-in;
  transition: filter 0.4s ease-in-out, background-position 1s ease-in-out, background-size 1s ease-in;
  overflow: hidden;
  background-position-x: 0%;
  background-position-y: 0%;
  border-bottom: solid #000 50px; }

.arrow {
  background: url(/bundles/magwelmain/images/arrow.png) no-repeat center center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  margin: 9px auto 0 auto; }

.background2, .background3, .background4 {
  width: 100%;
  height: 1095px;
  position: absolute;
  top: 910px;
  left: 0;
  background: #000; }

.background3 {
  top: 2005px;
  height: 470px;
  background: #26282a; }

.background4 {
  top: 2421px;
  height: 54%;
  background: #333639; }

.content1, .content2, .content3, .content4 {
  width: 100%;
  position: relative;
  padding: 15px; }
  .content1 p, .content1 label, .content2 p, .content2 label, .content3 p, .content3 label, .content4 p, .content4 label {
    color: #fff; }
  .content1 h1, .content2 h1, .content3 h1, .content4 h1 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 3px; }

.content1 {
  height: 780px;
  text-align: center; }
  .content1 h1 {
    font-size: 30px;
    width: 50%;
    margin: 20px auto; }
  .content1 a {
    background: #e45a5a;
    color: #fff;
    padding: 7px 23px 7px 23px;
    font-size: 20px; }
    .content1 a:hover {
      text-decoration: underline; }
  .content1 p {
    color: #fff;
    text-align: center;
    margin-top: 5px; }
    .content1 p span {
      font-size: 12px; }

.content2 .intro, .content4 .intro {
  height: 190px; }
  .content2 .intro h1, .content4 .intro h1 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 3px; }
  .content2 .intro h2, .content4 .intro h2 {
    color: #fff;
    font-size: 20px;
    margin-top: 0px; }
  .content2 .intro p, .content4 .intro p {
    color: #fff;
    width: 45%;
    float: left;
    margin-bottom: 20px; }
    .content2 .intro p:first-of-type, .content4 .intro p:first-of-type {
      margin-right: 110px; }
.content2 .map, .content4 .map {
  position: relative;
  top: 0;
  left: 0;
  height: 260px;
  margin-bottom: 15px; }
  .content2 .map h1, .content4 .map h1 {
    color: #fff;
    font-size: 20px; }
  .content2 .map p, .content4 .map p {
    color: #fff;
    width: 33%;
    position: absolute;
    left: 0;
    top: 35px; }
  .content2 .map .inspired-map, .content4 .map .inspired-map {
    width: 700px;
    height: 240px;
    background: gray;
    position: absolute;
    right: 0;
    top: 0; }

.content3 label, .content4 label {
  font-weight: normal; }
.content3 form, .content4 form {
  width: 50%; }
  .content3 form input, .content4 form input {
    width: 45%;
    margin-bottom: 15px;
    padding: 5px;
    border: 0px; }
  .content3 form .form-item-message, .content4 form .form-item-message {
    float: left;
    margin-right: 15px; }
    .content3 form .form-item-message div textarea, .content4 form .form-item-message div textarea {
      border: 0px;
      height: 277px;
      width: 260px; }
  .content3 form .form-submit, .content4 form .form-submit {
    background: #e45a5a;
    color: #fff; }
.content3 .contact-info, .content4 .contact-info {
  position: absolute;
  right: 175px;
  bottom: 225px; }
  .content3 .contact-info p, .content4 .contact-info p {
    padding-left: 35px;
    background: url(/bundles/magwelmain/images/contact.png) no-repeat 0px 2px; }
  .content3 .contact-info .number, .content4 .contact-info .number {
    background: url(/bundles/magwelmain/images/contact.png) no-repeat 0px -48px; }
  .content3 .contact-info .address, .content4 .contact-info .address {
    background: url(/bundles/magwelmain/images/contact.png) no-repeat -2px -101px; }

.content4 .examples .map button {
  position: absolute;
  bottom: 20px;
  background: #e45a5a;
  color: #fff;
  padding: 7px 23px 7px 23px;
  border: 0px; }
.content4 .summary h1 {
  margin-bottom: 20px; }
  .content4 .summary h1 span {
    font-size: 10px;
    margin-left: 15px; }
.content4 .summary input {
  display: none; }
  .content4 .summary input:checked + label:before {
    content: "\2713";
    font-size: 15px;
    color: #434343;
    text-align: center; }
.content4 .summary label {
  cursor: pointer;
  width: 217px;
  margin-bottom: 15px; }
  .content4 .summary label:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-color: #fff; }

.container .bg-registreren {
  height: 100%; }

.wrap {
  margin-top: 50px; }
  .wrap .login, .wrap .registreren {
    background: #101010;
    width: 382px;
    height: 382px;
    position: relative;
    float: left;
    padding: 42px; }
    .wrap .login h1, .wrap .registreren h1 {
      margin-top: 0;
      color: #fff; }
    .wrap .login input, .wrap .registreren input {
      border: 0px;
      padding: 5px; }
    .wrap .login label, .wrap .registreren label {
      color: #fff;
      font-weight: normal; }
    .wrap .login .button input, .wrap .registreren .button input {
      background: #e45a5a;
      color: #fff;
      font-size: 17px; }
  .wrap .login {
    margin: 0 50px; }
    .wrap .login input {
      width: 100%;
      margin-bottom: 15px; }
    .wrap .login .button #forgot {
      background: #898989;
      width: 65%; }
    .wrap .login .button input {
      width: 30%; }
  .wrap .registreren {
    width: 604px; }
    .wrap .registreren div {
      width: 45%;
      float: left;
      margin-right: 26px; }
      .wrap .registreren div input {
        width: 45%;
        margin-bottom: 15px; }
      .wrap .registreren div label {
        width: 100%; }
      .wrap .registreren div input {
        width: 100%; }
      .wrap .registreren div #register {
        width: 40%; }