/* IMAGE FOR DESKTOP */
@media only screen and (min-width: 40em) {
  .main-frame {
    background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliuslanding/www.neu.de/2015_11_02_hpv-belowthefold-3steps-geo-psc/assets/img/landing-image-3steps-poster.jpg);
    background-repeat: no-repeat;
    background-position:top center;
    background-size: cover;
  }
}

/* IMAGE FOR MOBILE */
@media only screen and (max-width: 62.5em) {
  .main-frame {
    background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliuslanding/www.neu.de/2015_11_02_hpv-belowthefold-3steps-geo-psc/assets/img/landing-image-3steps-poster-small.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
}

/* CUSTOM LOGO */
.logo{
  margin-bottom:20px;
}
  .logo img {
    width: 290px;
  }

.regform-title {
  color: #ea3332;
}

/* Customizations for events, blog and charter frames (icons) */
.events-frame {
  background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliuslanding/www.neu.de/2015_11_02_hpv-belowthefold-3steps-geo-psc/assets/img/events-frame-bg.jpg);
}

@media only screen and (min-width: 40em) {
  .events-frame p {
    width: 50%;
  }
}

body {
  background-color: #fff; /* the color we want below the footer */
}

/* CUSTOM COLUMNS IN SEO FRAME */
@media only screen and (min-width: 64.063em) { /* offset one column for large grid */
  .large-offset-1 {
    margin-left: 8.33333% !important;
  }
}

.row .row {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 64em) {
  .seo-frame-column-split-first ul {
    margin-bottom: 0;
  }
  .seo-frame-column-split-last ul {
    margin-top: 0;
  }
}
@media only screen and (max-width: 40em) {
  .seo-frame-column-split-middle ul {
    margin: 0;
  }
}

.seo-frame {
  background: #fff;
  padding: 0;
}
.seo-frame .seo-frame-links {
  padding: 50px 15px 15px;
  background-color: #464648;
}
.seo-frame .copy {
  color: #464648;
  background-color: #fff;
  text-align: left;
}
.privacy-wrapper {
  background: #fff;
}
.privacy,
.specialoffer-legal {
  color: #464648;
  text-align: left;
}
.seo-frame .copy a,
.privacy a,
.specialoffer-legal a {
  color: #464648;
}

/* CUSTOM PRIVACY */
.footer-copy-privacy-wrapper {
  padding: 0 15px;
}

/* CUSTOM SOCIAL PROFILES */
.social-profiles-de {
  margin: 15px 0 5px;
}
@media only screen and (min-width: 40.063em) {
  .social-profiles-de {
    text-align: right;
  }
}
.social-profiles-de h4 {
  color: #333;
}
.social-profiles-de a {
  display: inline-block;
  margin: 0;
  cursor: pointer !important;
  margin: 0 4px;
  opacity: .75;
  text-indent: 0;
  border: none;
  text-indent: -9999em;
  text-align: left;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background: url(https://iliusstx-a.akamaihd.net/bundles/iliuslanding/www.neu.de/2015_11_02_hpv-belowthefold-3steps-geo-psc/assets/img//social-icons.png) no-repeat scroll 0 0 #fff;
  transition: 0.3s opacity ease-in-out;
}
.social-profiles-de a:hover {
  opacity: 1;
}
  .social-profiles-de .social-profiles-de-facebook {
    background-position: 0 0;
    margin-left: 0;
  }
  .social-profiles-de .social-profiles-de-twitter {
    background-position: 0 -40px;
  }
  .social-profiles-de .social-profiles-de-google {
    background-position: 0 -20px;
  }
  .social-profiles-de .social-profiles-de-youtube {
    background-position: 0 -60px;
    margin-top: 3px;
    width: 36px;
    height: 16px;
  }
  .social-profiles-de .social-profiles-de-blog {
    background-position: 0 -80px;
    width: 31px;
  }