/*!
* Start Bootstrap - Full (https://startbootstrap.com/template-overviews/full)
* Copyright 2013-2017 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full/blob/master/LICENSE)
*/
body {
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  color: black;
}
.intro {
  background: url('../assets/img/bg-low.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  height: 100vh;
}

.services {
  background: url('../assets/img/bg2.jpeg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;

}
.bg-dark {
  background-color: rgba(0, 0, 0, 1) !important;
}

.impressum {
  background-color: white;
  color: black;
  text-align: left;
}
.services-wrapper {
  background-color: #fafafa;

  color: white;

}

.services-header {
  padding-top: 20px;
  padding-bottom: 20px;
}

.service-card {
  padding: 30px;
  color: white;
}

.service-text {
  text-align: center;
  font-size: 12px;
}


li {
  text-size: 1.5em;
}

.center {
  text-align: center;
}

.logo {
  width: 50%;
  position : absolute;
  margin: auto;
  left: 0;
  right: 0;
  top:0;
  bottom: 0;
}





.contact-h2 {
  margin-bottom: 50px;
}
.contact-header {
  text-align: center;
}



.full {

  display: flex;
  overflow: hidden;

}

.half-left {
  width: 50%;
  float: left;
  flex: 0 0 50%;


  background-position: right;
  /* Make the background image cover the area of the <div>, and clip the excess */
  background-size: cover;

}

.half-bg {
  width: 100%;

}


.half-1 {
  background-image: url('../assets/img/bg3-low.jpg');
  background-position: right;
}

.half-2 {
  background-image: url('../assets/img/bg2-low.jpg');
  background-position: center;
}

.half-right {

  flex: 1;
  background-color: white;
  width: 50%;
  color: black;
}


.half-content {

  margin: 40px;
}

.half-heading {

}

.fa-toolbox {
  font-size: 4em;
}

ul {
  list-style: none;
  font-size: 1em;
  text-align: center;
  margin: 0;
  padding: 0;
}
li {
  margin: 5px;
}


.full-bg {
  padding: 20px;

  /* background: url('http://robinrabauke.de/hornungtools/assets/img/bg3.jpg'); */
background-color: #fafafa;
  background-position: center;
  /* Make the background image cover the area of the <div>, and clip the excess */
  background-size: cover;


}


.white {
  color: white;
}
.card {
  margin-top: 20px;
}


.partner-logo {
  max-width: 100%;
  padding: 10px;

}

.partner {
  padding-top: 40px;
}

.angebote-bg {
  background-color: #fafafa;
}

.angebote-head {
  color: white;
}


.second {
  background-color: #fafafa;
}



.red {
  color: red;
}

.partner-bg {
  background-color: black;
}

.logo2 {
  max-height: 100%;
  padding: 50px;
  max-width: 100%;
}

.contact {




  text-align: center;


}

.contact-bg {
  background-color: #fff ;
  margin-bottom: 0;
}

.angebote-bg {
  width: 100vw;
  background-color: #fafafa;
}

.contact-icon {
  font-size: 3em;
}

.contact-details {
  padding: 10px;

}




.footer {
  background-color: black;
    text-align: center;
    width: 100%;

    color: white;
    margin: 0;
    padding: 20px;

}

.black {
  color: black;
}

.logo-bg {
  background: url('../assets/img/hornung-tools.svg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;

}





.paral {

background-attachment: fixed;
background-size: cover;
border-radius: 0;
border-color: black;
margin: 0 !important;

}



.paral p {

color:#f5f5f5;
text-align: center;

}


.logo2{
  text-align: center;
}
/* Heading for Parallax Section */
.paral h1 {
color: rgba(255, 255, 255, 0.8);
font-size: 60px;
text-align: center;
padding-top: 60px;
line-height: 100px;
}

.paral h2 {
color: rgba(255, 255, 255, 0.8);

text-align: center;


}

.paralsec {
background-image: url("../assets/img/bg3-low.png");

}

.paralsec1 {
background-image: url("../assets/img/bg2-low.png");}

.paralsec2 {
background-color: black;
}
.paralsec3 {
background-image: url("../assets/img/bg4-low.png");}
}

@media only screen and (max-width: 700px) {
  .half-left {
    display: none;
  }



  .logo {
    width: 90%;
  }
}