.form-control {
  margin: 1% 0; 
}

.landing-auto {
  padding-top: 0 !important;
  min-height: 100vh;
}

.featureIcon {
  font-size: 42px !important;
}

#appdesc {
  margin-top: 0;
  padding-top: 30px;
}
      
ul.social-icons li.facebook a {
  background: #3b5998;
}
ul.social-icons li.instagram a {
  background: #c08d64;
}

#subscribeSubmit {
  background-color: #84C3A7;
}

.hoverline:hover {
  text-decoration: underline;
}

.main-description .benefits {
  margin: 0;
  padding: 0;
  /*padding-top: 30px;*/
}

.main-description .benefits .list-style-o-notch {
  margin-bottom: 18px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-left: 25px;
  font-weight: normal;
  line-height: 1.25
}

.main-description .benefits .list-style-o-notch:before {
  content: '\f1ce';
  font-family: 'FontAwesome';
  position: absolute;
  margin-left: -25px;
  font-weight: bold;
  margin-top: 1px
}

.main-description .content {
  line-height: 1.85;
}

p.main-description {
  margin-top: 10px;
}

#interest {
  padding-top: 50px;
  padding-bottom: 50px;
}

#interest p {
  font-size: 20px;
  margin-top: 20px;
}

#action {
  padding-bottom: 100px;
}

#action .button-row {
  margin-top: 40px;
}

section#features {
  padding-bottom: 100px;
}



.action-button.n {
    display: inline-block;
    margin: 10px;
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow:    0 1px 0 #333;
    -moz-box-shadow: 0 1px 0 #333;
    box-shadow: 0 1px 0 #333;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    font-size: 2em;
    color: #fff;
}

.action-button.n span {
    display: inline-block;
    padding: 20px 30px;
    width: 100%;
    background-color: #999;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb), to(#999));
    background-image: -webkit-linear-gradient(#bbb, #999);
    background-image: -moz-linear-gradient(#bbb, #999);
    background-image: -o-linear-gradient(#bbb, #999);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    font-family: 'Pacifico', Arial, sans-serif;
    line-height: 1;
    text-shadow: 0 -1px 1px #333;
    -webkit-transition: background-color .2s ease-in-out, -webkit-transform .1s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, -moz-transform .1s ease-in-out;
    -o-transition: background-color .2s ease-in-out, -o-transform .1s ease-in-out;
    transition: background-color .2s ease-in-out, transform .1s ease-in-out;
}

.action-button.n:hover span {
    background-color: #999;
    text-shadow: 0 -1px 1px #999, 0 0 5px rgba(255, 255, 255, .8);
}

.action-button.n:active, .action-button.n:focus {
    -webkit-box-shadow:    0 1px 0 #666;
    -moz-box-shadow: 0 1px 0 #666;
    box-shadow:    0 1px 0 #666;
}

.action-button.n:active span {
    -webkit-transform: translate(0, 1px);
    -moz-transform: translate(0, 1px);
    transform: translate(0, 1px);
}

.action-button.y {
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 100px;
    width: 100%;
    border-bottom: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow:    0 1px 0 #375d1e;
    -moz-box-shadow: 0 1px 0 #375d1e;
    box-shadow: 0 1px 0 #375d1e;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    font-size: 2em;
    color: #fff;
}

.action-button.y span {
    display: inline-block;
    padding: 20px 30px;
    width: 100%;
    background-color: #70BE3C;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    font-family: 'Pacifico', Arial, sans-serif;
    line-height: 1;
    text-shadow: 0 -1px 1px #4e842a;
    -webkit-transition: background-color .2s ease-in-out, -webkit-transform .1s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, -moz-transform .1s ease-in-out;
    -o-transition: background-color .2s ease-in-out, -o-transform .1s ease-in-out;
    transition: background-color .2s ease-in-out, transform .1s ease-in-out;
}

.action-button.y:hover span {
    background-color: #70BE3C;
    text-shadow: 0 -1px 1px #4e842a, 0 0 5px rgba(255, 255, 255, .8);
    -webkit-transform: translate(0, 1px);
    -moz-transform: translate(0, 1px);
    transform: translate(0, 1px);
}

.action-button.y:active, .action-button.y:focus {
    -webkit-box-shadow:    0 1px 0 #375d1e;
    -moz-box-shadow: 0 1px 0 #375d1e;
    box-shadow:    0 1px 0 #375d1e;
}

.action-button.y:active span {
    -webkit-transform: translate(0, 1px);
    -moz-transform: translate(0, 1px);
    transform: translate(0, 1px);
}

.main-headline {
  color: white;
  display: block;
  border-bottom: 1px solid white;
  padding-bottom: 20px;
  margin-bottom: 0px;
  text-shadow: 1px 1px 1px #000;
  margin-top: 0;
  font-family: 'Caveat', cursive;
  font-size: 40px;
  font-weight: bold;
}

.main-description-wrapper {
  background-color: rgba(255,255,255,.75);
  padding: 20px;
  color: #000;
  font-weight: 500;
  box-shadow: 1px 1px 5px black;
}

.group-inline a:last-child {
  vertical-align: top;
}

.goup-inline a:hover {
  cursor: pointer!important;
}


.btn-store-newsletter-white {
  background-color: #29b929;
  position: relative;
  color: white;
}

.btn-store-newsletter-white:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 10px #fff;
  -moz-box-shadow: 0 0 10px #fff;
  box-shadow: 0 0 10px #fff;
}

.btn-store-newsletter-white i {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translate(0%, -50%);
  font-size: 20px;
  color: #fff;

}

.btn-store-newsletter-white span {
  position: absolute;
  top: 50%;
  left: calc(3% + 40px);
  font-size: 20px;
  transform: translate(0%, -50%);
}

#features .small-element-2,
#features .big-element-2,
#features .spec-icon {
  background-color: #1C6BA0;
}

#features {
  /*min-height: calc(100vh - 105px);*/
}


#form-newsletter .input-fields {
  margin-top: 40px;
}

#form-newsletter .input-fields input {
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 20px;
  border: 0;
  border-bottom: 1px solid #444;
}

#form-newsletter .input-fields input:focus {
  outline: 0
}

#form-newsletter .input-fields input[type="button"] {
  margin-top: 40px;
  border-bottom: 0;
  margin-bottom: 100px;
  background-color: #29b929;
  color: white;
  font-size: 30px;
  font-family: 'Caveat', cursive;
  text-shadow: 1px 1px 1px #444;
}





/*  New Setup  **/
.marvel-device.iphone6.black {
  position: relative;
  zoom: 0.6;
}

.marvel-device.iphone6.black .shadow {
  position: absolute;
    width: 100%;
    height: 20px;
    background-color: transparent;
    top: calc(100% - 20px);
    left: 0px;
    display: block;
    z-index: 0;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.7);
    border-radius: 100%;
}

#landing-main {
  background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url("../images/bg.jpg");
  background-size: cover;
}

#landing-main .landing .marvel-device .screen img {
  width: 100%;
}

.landing-main-headline {
  padding-top: 30px;  
}
.landing-main-subline {
  padding-top: 30px;
}
.landing-main-coming {
  padding-top: 30px;
}
h1.landing-main-headline {
  font-size: 50px;
}

.text-shadow {
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.features-simple {
  max-width: 100%;
}

.bg-inverse {
  background-color: #222;
}

.section-head {
  padding-bottom: 60px;
}

ul.features {
  padding-top: 60px
}

ul.features li i {
  font-size: 2.5em;
  display: inline-block;
  border: 2px solid #1C6BA0;
  padding: 20px;
  min-width: 60px;
  max-width: 75px;
  min-width: 75px;
  max-height: 75px;
  min-height: 75px;
  text-align: center;
  vertical-align: top;
  border-radius: 50%;
  color: #1C6BA0;
}

ul.features li span {
  display: block;
  text-align: center;
}

ul.features li:last-child {
  padding-top: 60px
}

#connected {
  padding-bottom: 100px;
}

#connected.bg-image {
  background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(/assets/images/bottom_bg.jpg);
  background-size: cover;
}

.ctrl-feedback {
  width: 100%;
}

#feedback {
  padding-bottom: 100px;
}

#feedback h2 {
  padding-bottom: 30px;
}

input[type="submit"][class*="ctrl-feedback"] {
  margin-top: 40px!important;
}


input[class="ctrl-feedback"] {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #444;
  padding: 8px 16px;
  color: white;
}
input[class="ctrl-feedback"]:focus {
  outline: 0!important;
}


input[type="text"][class="ctrl-feedback"] {
  font-size: 22px;
}

input[type="email"][class="ctrl-feedback"] { 
  font-size: 22px;
}

#feedback button {
  margin-top: 60px;
}

.icon-row {
  margin-top: 60px;
}


@media all and (max-width: 768px) {
  .text-nowrap {
    white-space: normal;
  }
  .decorate-element-top {
    display: none;
  }

  ul.features {
    padding: 0;
    padding-bottom: 30px;
    
  }

  ul.features li {
    text-align: center;
  }

  ul.features.left li i {
    float: none;
    color: 
  }


  ul.features.right {
    padding-top: 60px;
  }

  ul.features.right li i {
    float: none;
  }

}



.store-image {
  width: 165px;
  max-width: 100%;
  height: 50px;
  max-height: 100%;
  display: inline-block;
  background-image: url(/assets/images/_store-btns-white.png);
  
}

.store-image a {
  display: block;
  width: 100%;
  height: 100%;
}

.store-image:hover {
  
  box-shadow: 2px 1px 6px rgba(0,0,0,0.7);
}

.store-image.store-image-ios {
  background-position-x: 0;
}

.store-image.store-image-android {
  background-position-x: 100%;
}
.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}
.impressum,
.impressum p,
.impressum li {
  color: white;
}


.btn-cta {
    background-color: #20478b;
    color: white;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 20px;
}	
.btn-cta:hover {
    background-color: #4C6BA2;
}