@import url(//fonts.googleapis.com/css?family=Roboto:100,400,300,500);
body {
  font-family: "Roboto"; }

.alert:empty {
  padding: 0;
  border: 0; }

.alert.alert-success {
  background: #7cb342;
  color: #fff; }

header {
  height: 600px;
  position: relative;
  width: 100%;
  background-image: url("../img/header1.jpg");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  overflow: hidden; }
  @media (max-width: 900px) {
    header {
      background-image: url("../img/mobile.jpg");
      background-position: right;
      height: 90vh; } }

.logo-wrapper {
  position: relative; }
  .logo-wrapper .background-color-wrapper {
    position: absolute;
    width: 1000px;
    height: 217px;
    top: 0; }
  .logo-wrapper .background-color1 {
    z-index: 1;
    background: #7cb342;
    transform: rotate(-20deg);
    left: -473px; }
  .logo-wrapper .background-color2 {
    z-index: 2;
    background: #9ccc65;
    transform: rotate(-20deg);
    left: -454px;
    top: -40px; }
  .logo-wrapper .background-color3 {
    z-index: 3;
    background: #333333;
    transform: rotate(-11deg);
    left: -527px;
    top: -29px; }
  .logo-wrapper .background-color4 {
    z-index: 4;
    background: #fff;
    transform: rotate(-15deg);
    left: -378px;
    top: -84px; }
  .logo-wrapper img {
    position: absolute;
    z-index: 5;
    top: 10px;
    left: 30px; }

.headline-wrapper {
  position: absolute;
  height: 200px;
  width: 100%;
  right: 0;
  bottom: 0;
  color: #fff; }
  .headline-wrapper .background-color-wrapper {
    position: absolute;
    width: 640px;
    height: 217px;
    top: 0; }
  .headline-wrapper .background-color1 {
    z-index: 1;
    background: #7cb342;
    transform: rotate(3deg);
    right: -10px; }
  .headline-wrapper .background-color2 {
    z-index: 2;
    background: #9ccc65;
    transform: rotate(8deg);
    right: 80px;
    top: 38px; }
  .headline-wrapper .background-color3 {
    z-index: 3;
    background: #fff;
    transform: rotate(-2deg);
    right: -43px;
    top: 19px;
    width: 802px; }
  .headline-wrapper .background-color4 {
    z-index: 4;
    background: #333333;
    transform: rotate(-10deg);
    right: -82px;
    top: 90px;
    height: 300px;
    width: 900px;
    width: calc(100% + 100px); }
  .headline-wrapper .headline {
    position: absolute;
    z-index: 5;
    bottom: 25px;
    right: 15px;
    text-align: right; }
    .headline-wrapper .headline h1 {
      font-size: 1.7rem; }
    .headline-wrapper .headline h2 {
      font-size: 1.7rem; }
    .headline-wrapper .headline span {
      color: #7cb342; }
  @media (max-width: 1150px) {
    .headline-wrapper .headline {
      bottom: 20px;
      right: 10px; }
      .headline-wrapper .headline h1 {
        font-size: 1.5rem; }
      .headline-wrapper .headline h2 {
        font-size: 1.5rem; } }
  @media (max-width: 900px) {
    .headline-wrapper .background-color-wrapper {
      width: 440px; }
    .headline-wrapper .background-color3 {
      width: 602px; }
    .headline-wrapper .background-color4 {
      transform: rotate(-4deg);
      top: 47px;
      width: 120%; }
    .headline-wrapper .headline {
      bottom: 25px;
      right: 30px; }
      .headline-wrapper .headline h1 {
        font-size: 1.7rem; }
      .headline-wrapper .headline h2 {
        font-size: 1.7rem; } }
  @media (max-width: 600px) {
    .headline-wrapper {
      height: 150px; }
      .headline-wrapper .background-color-wrapper {
        width: 100%; }
      .headline-wrapper .background-color3 {
        width: 100%;
        right: -10px; }
      .headline-wrapper .background-color4 {
        transform: rotate(-4deg);
        top: 47px;
        right: -20px;
        width: 120%; }
      .headline-wrapper .headline {
        bottom: 10px;
        right: 10px; }
        .headline-wrapper .headline h1 {
          font-size: 1.1rem; }
        .headline-wrapper .headline h2 {
          font-size: 1.1rem; } }

.text-wrapper h3 {
  font-size: 3rem;
  font-weight: bolder; }

.text-wrapper p {
  text-align: justify;
  font-size: 1.5rem; }

.text-wrapper span {
  color: #7cb342; }

.text-wrapper strong {
  font-weight: 900; }

@media (max-width: 767px) {
  .text-wrapper h3 {
    font-size: 2.4rem; }
  .text-wrapper p {
    text-align: left;
    font-size: 1.25rem; } }

.customer-wrapper {
  margin: 0;
  padding: 0; }
  .customer-wrapper .customer-logo {
    display: inline-block;
    width: 120px;
    height: 68px;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: center; }
    .customer-wrapper .customer-logo.aida {
      background-image: url("../img/aida.svg"); }
    .customer-wrapper .customer-logo.pwc {
      background-image: url("../img/pwc.png"); }
    .customer-wrapper .customer-logo.talpa {
      background-image: url("../img/talpa.png"); }
    .customer-wrapper .customer-logo.six {
      background-image: url("../img/six.png"); }
    .customer-wrapper .customer-logo.ea {
      background-image: url("../img/ea.png"); }
    .customer-wrapper .customer-logo.prosieben {
      background-image: url("../img/prosieben.svg"); }
    @media (max-width: 767px) {
      .customer-wrapper .customer-logo {
        width: 100px;
        height: 60px;
        background-size: 60px; } }

.customer h4 {
  font-weight: 300;
  font-size: 1rem;
  margin-top: 1rem; }

.contact-form-wrapper img {
  border: 3px solid #333; }

.contact-form-wrapper #success-message {
  opacity: 0; }

.contact-form-wrapper .form-group .form-control {
  -webkit-box-shadow: none;
  border-bottom: 2px;
  border-style: none none solid none;
  border-radius: 0;
  border-color: #333;
  font-size: 1.5rem;
  padding-left: 0; }
  @media screen and (max-width: 767px) {
    .contact-form-wrapper .form-group .form-control {
      font-size: 1.25rem; } }

.contact-form-wrapper .form-group .form-control:focus {
  box-shadow: none;
  border-width: 0 0 2px 0;
  border-color: #7cb342; }

.contact-form-wrapper textarea {
  resize: none; }

.contact-form-wrapper .btn-mod.btn-large {
  height: auto;
  padding: 13px 52px; }

.contact-form-wrapper .btn-mod.btn-border {
  color: #000000;
  border: 1px solid #000000;
  background: transparent; }

.contact-form-wrapper .btn-mod, .contact-form-wrapper a.btn-mod {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 13px;
  color: #fff;
  background: rgba(34, 34, 34, 0.9);
  border: 1px solid transparent;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); }

.contact-form-wrapper .btn-mod.btn-border:hover, .contact-form-wrapper .btn-mod.btn-border:active, .contact-form-wrapper .btn-mod.btn-border:focus, .contact-form-wrapper .btn-mod.btn-border:active:focus {
  color: #fff;
  border-color: #333;
  background: #333;
  outline: none; }

@media (max-width: 767px) {
  .cta-wrapper {
    text-align: left; }
    .cta-wrapper .btn-base {
      margin: 0; } }

p.cta-text {
  text-align: center;
  font-size: 1.5rem;
  margin-top: 2.4rem;
  font-weight: 400; }
  @media screen and (max-width: 767px) {
    p.cta-text {
      text-align: left;
      font-size: 1.25rem; } }

.btn-base {
  width: 271px;
  line-height: 102px;
  height: 102px;
  background: #628e34;
  transition: background 225ms ease !important;
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
  transition: all 225ms ease;
  border: none;
  border-radius: 2px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  display: block;
  margin: auto; }
  .btn-base:hover {
    text-decoration: none; }

.btn-cta span {
  z-index: 8;
  position: relative;
  color: #fff; }

.btn-cta:before {
  content: "";
  display: block;
  width: 90%;
  height: 70%;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transition: all 400ms cubic-bezier(0.32, 1.25, 0.1, 1.47);
  -moz-transition: all 400ms cubic-bezier(0.32, 1.25, 0.1, 1.47);
  transition: all 400ms cubic-bezier(0.32, 1.25, 0.1, 1.47);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #7cb342; }

.btn-cta:focus:before, .btn-cta:hover:before {
  height: 105%;
  width: 105%; }

.footer {
  background-color: #333;
  color: white;
  padding: 90px 0px;
  position: relative; }
  @media screen and (max-width: 991px) {
    .footer {
      padding: 40px 0px; } }
  .footer .contact-title {
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 1.5em; }
  .footer .contact-wrapper {
    list-style: none;
    margin: 0;
    padding: 0; }
    .footer .contact-wrapper .contact-item {
      margin: 8px 0;
      font-size: 0.88em; }
      .footer .contact-wrapper .contact-item .icon {
        margin-right: 10px; }
      .footer .contact-wrapper .contact-item a {
        color: white; }
  .footer .social-wrapper {
    list-style: none;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 991px) {
      .footer .social-wrapper {
        margin: 20px 0; } }
    .footer .social-wrapper .social-item {
      display: inline-block; }
      .footer .social-wrapper .social-item a {
        color: white;
        font-size: 1.8em;
        margin-right: 45px; }
  .footer .description {
    font-size: 0.8em; }

.bottom-bar {
  color: #898989;
  background-color: black;
  padding: 20px 0;
  font-size: 0.8em; }
  .bottom-bar .left-side {
    display: inline; }
  .bottom-bar .right-side {
    float: right; }
    @media screen and (max-width: 767px) {
      .bottom-bar .right-side {
        float: none; } }
    .bottom-bar .right-side .right-item {
      display: inline-block; }
      .bottom-bar .right-side .right-item a {
        color: #898989; }
      .bottom-bar .right-side .right-item:after {
        content: "|";
        margin-right: 10px;
        margin-left: 10px; }
      .bottom-bar .right-side .right-item:last-child:after {
        content: "" !important;
        margin-right: 10px;
        margin-left: 10px; }