.maincolor {
  color:#ec6625;
}

.mainbackground, .hero-slider-small .orbit-next:active, .hero-slider-small .orbit-next:focus, .hero-slider-small .orbit-next:hover, .hero-slider-small .orbit-previous:active, .hero-slider-small .orbit-previous:focus, .hero-slider-small .orbit-previous:hover {
  background-color: #ec6625;
  color: #ffffff;
}

.footer {
  background: #ec6625;
  color: #fff;
}

.footer a {
  color: #fff;
}

/* foundation theming */
a {
  color: #ec6625;
}

a:hover, a:focus {
  color: #ec6625;
}

.button {
  background-color: #ec6625;
}

.button:hover, .button:focus {
  background-color: #ec6625;
}

/* ----------------------------------------------------------------
ab hier nichts ändern */


/* foundation theming */

input::placeholder {color: #757575;}
input::-webkit-input-placeholder {color: #757575;}
input::-moz-placeholder {color: #757575;}
input:-ms-input-placeholder {color: #757575;}

.button.hollow {
    border: 1px solid #fff;
    color: #fff;
  }

.button.hollow:focus, .button.hollow:hover {
    border-color: #d0d0d0;
    color: #d0d0d0;
  }

li {margin-bottom:1rem;}

body {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  background: #fff;
}

#header {
  max-width: 920px;
  min-height: 125px;
  background: #fff;
  margin:auto;
  padding-top: 40px;
}

#headimage {
  background-image: url(https://cdn.marcapo.com/webdesign/yext/assets/img/headimage_01.jpg);
  padding:5rem 0 5rem 4rem;
}

#logo {
  padding-left:0 !important;
}

.header-contact {
  margin-top: 45px;
}

#maincontainer {
  background-image: url(https://cdn.marcapo.com/webdesign/yext/assets/img/mainbackground.png);
}

#maincontent {
  max-width: 920px;
  background-color: #ffffff;
  margin: auto;
}

.shadow {
  height: 5px;
  width: 100%;
  position: absolute;
  background-image: url(https://cdn.marcapo.com/webdesign/yext/assets/img/shadow.png);
  background-position: top;
  background-repeat: repeat-x;
  left: 0px;
}



#headmessage {
  background-color: rgba(239, 239, 239, 0.6);
  padding: 1rem;
  width: 50%;
  position: relative;
}

@media screen and (max-width: 39.9375em) {
  .contactheader {
    height:2rem;
    padding-left: .625rem;
    padding-right: .625rem;
  }
  #logo {
    padding-left: .625rem !important;
    margin-bottom:1.5rem;
  }

  #headimage {
    padding:2rem;
  }
  #headmessage {
  width: 100%;
  }
}

.youtubevideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.youtubevideo {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
}

.seperator {
  background-color: #ccc;
  text-align: center;
  padding: 2rem 0;
}

.spacer {
  padding: 1rem 0;
}

.wb-img {
  max-height: 200px;
  border-radius: 50%;
}

.meta-wrapper {
  position: relative;
}

.meta {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}

@media screen and (min-width: 40em) {

  .customer {
    position: relative;
  }

  .customer-content {
    position: absolute;
    top: 50%;
    transform: translate(50%, -50%);
  }
}

@media screen and (max-width: 39.9375em) {

  .customer-content {
    margin-top: 1rem;
  }

  .service-content {
    margin-top: 1rem;
  }
}

.customer-img {
  max-height: 200px;
}

/* Slider */

.hero-slider-small .orbit-previous,
.hero-slider-small .orbit-next {
  color: #cacaca;
}

.hero-slider-small .hero-slider-slide {
  background-color: #fff;
  padding: 3rem;
}

.hero-slider-small .hero-slider-slide-content p {
  color: #8a8a8a;
}

.hero-slider-small .hero-slider-slide-content p i {
  font-size: .9rem;
}