/**********/
/* Mixins */
/**********/
/*************/
/* Variables */
/*************/
/********/
/* Base */
/********/
/* line 34, scss/screen.scss */
body {
  font-family: 'Open Sans', sans-serif;
  padding-top: 50px;
  position: relative;
}

/* line 40, scss/screen.scss */
.green {
  color: #5cb85c;
}

/* line 44, scss/screen.scss */
.no-js label {
  position: relative;
  width: auto;
  overflow: visible;
}

/* line 50, scss/screen.scss */
.paralax {
  background-attachment: fixed !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  overflow: hidden !important;
}

/* line 57, scss/screen.scss */
.container {
  padding-bottom: 15px;
}

/* line 61, scss/screen.scss */
#MainNavContent li a:hover {
  background-color: #ccc;
}

/* line 64, scss/screen.scss */
.target {
  padding-top: 50px;
  margin-top: -50px;
  padding-bottom: 50px;
  margin-bottom: -50px;
}

/* line 70, scss/screen.scss */
.well {
  border-color: #414141;
  text-align: center;
}

/* line 75, scss/screen.scss */
dfn:hover {
  cursor: help;
}

/**********/
/* Layout */
/**********/
/* line 83, scss/screen.scss */
#Home .fa-circle {
  color: #414141;
}
/* line 87, scss/screen.scss */
#Home .fa-university {
  margin-left: 2px;
  margin-top: -2px;
}
/* line 91, scss/screen.scss */
#Home .fa-eur {
  margin-left: -2px;
  margin-top: 2px;
}

/* line 97, scss/screen.scss */
#Leistungen {
  background: #414141;
  color: #fff;
}
/* line 100, scss/screen.scss */
#Leistungen ul {
  margin-left: 1em;
}
/* line 102, scss/screen.scss */
#Leistungen ul li {
  padding-bottom: 5px;
}
/* line 105, scss/screen.scss */
#Leistungen ul span {
  padding-left: 15px;
}
/* line 109, scss/screen.scss */
#Leistungen .logos {
  padding-top: 20px;
}
/* line 111, scss/screen.scss */
#Leistungen .logos a {
  display: inline-block;
}
/* line 114, scss/screen.scss */
#Leistungen .logos img {
  max-height: 78px;
}

/* line 123, scss/screen.scss */
#Ueber dt {
  width: 200px;
}
@media (max-width: 791px) {
  /* line 123, scss/screen.scss */
  #Ueber dt {
    width: auto;
  }
}
/* line 129, scss/screen.scss */
#Ueber dd {
  margin-left: 220px;
  margin-bottom: 10px;
}
@media (max-width: 791px) {
  /* line 129, scss/screen.scss */
  #Ueber dd {
    margin-left: auto;
    margin-bottom: 10px;
  }
}

/* line 139, scss/screen.scss */
#Preise {
  background: #414141;
  color: #fff;
}
/* line 142, scss/screen.scss */
#Preise .well {
  color: #333;
}

/* line 146, scss/screen.scss */
.kontaktBG {
  background: url('images/fotolia_55331630.jpg?1405863254') no-repeat 50%;
}
/* line 150, scss/screen.scss */
.kontaktBG .layer {
  background: rgba(91, 194, 206, 0.6);
}

/* line 156, scss/screen.scss */
#Kontakt {
  color: #000;
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 159, scss/screen.scss */
#Kontakt .section-title h1,
#Kontakt a {
  color: #000;
}
/* line 163, scss/screen.scss */
#Kontakt form {
  margin-bottom: 10px;
}
/* line 165, scss/screen.scss */
#Kontakt form input[type="text"],
#Kontakt form input[type="email"],
#Kontakt form textarea,
#Kontakt form select {
  border: 0px;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
}
/* line 18, scss/screen.scss */
#Kontakt form input.placeholder, #Kontakt form textarea.placeholder {
  color: #e6e6e6;
  background: transparent;
}
/* line 19, scss/screen.scss */
#Kontakt form input:-moz-placeholder, #Kontakt form textarea:-moz-placeholder {
  color: #e6e6e6;
  background: transparent;
}
/* line 20, scss/screen.scss */
#Kontakt form input::-moz-placeholder, #Kontakt form textarea::-moz-placeholder {
  color: #e6e6e6;
  background: transparent;
}
/* line 21, scss/screen.scss */
#Kontakt form input:-ms-input-placeholder, #Kontakt form textarea:-ms-input-placeholder {
  color: #e6e6e6;
  background: transparent;
}
/* line 22, scss/screen.scss */
#Kontakt form input::-webkit-input-placeholder, #Kontakt form textarea::-webkit-input-placeholder {
  color: #e6e6e6;
  background: transparent;
}
/* line 182, scss/screen.scss */
#Kontakt form .btn {
  background-color: #414141;
  border-color: #272727;
}
/* line 185, scss/screen.scss */
#Kontakt form .btn:hover {
  background-color: #5a5a5a;
}

/* line 192, scss/screen.scss */
#Impressum dt {
  width: 400px;
}
@media (max-width: 791px) {
  /* line 192, scss/screen.scss */
  #Impressum dt {
    width: auto;
  }
}
/* line 198, scss/screen.scss */
#Impressum dd {
  margin-left: 420px;
  margin-bottom: 10px;
}
@media (max-width: 791px) {
  /* line 198, scss/screen.scss */
  #Impressum dd {
    margin-left: auto;
  }
}

/* line 207, scss/screen.scss */
#Footer nav {
  margin-bottom: 0;
}
/* line 209, scss/screen.scss */
#Footer nav .divider {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 20px;
  position: relative;
  display: block;
}
@media (max-width: 791px) {
  /* line 209, scss/screen.scss */
  #Footer nav .divider {
    display: none;
  }
}

/**********/
/* Module */
/**********/
/* line 229, scss/screen.scss */
.section-title {
  margin: 30px 0px 20px 0px;
}

/* line 233, scss/screen.scss */
.section-title-inner {
  padding: 15px 40px;
}

/* line 237, scss/screen.scss */
.section-title h2 {
  display: inline-block;
  font-family: "Droid Sans" !important;
  color: #777777;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  position: relative;
}

/* line 250, scss/screen.scss */
#Leistungen .section-title h2,
#Preise .section-title h2 {
  color: #fff;
}

/* line 255, scss/screen.scss */
.section-title h2:before,
.section-title h2:after {
  display: block;
  height: 1px;
  content: " ";
  width: 40%;
  position: absolute;
  top: 0.53em;
  z-index: 1;
}
@media (min-width: 992px) and (max-width: 1200px) {
  /* line 255, scss/screen.scss */
  .section-title h2:before,
  .section-title h2:after {
    width: 37%;
  }
}
@media (max-width: 991px) {
  /* line 255, scss/screen.scss */
  .section-title h2:before,
  .section-title h2:after {
    display: none;
  }
}

/* line 274, scss/screen.scss */
#Home .section-title h2:before,
#Home .section-title h2:after {
  width: 27%;
}
@media (min-width: 992px) and (max-width: 1200px) {
  /* line 274, scss/screen.scss */
  #Home .section-title h2:before,
  #Home .section-title h2:after {
    width: 22%;
  }
}

/* line 283, scss/screen.scss */
#Datenschutz .section-title h2:before,
#Datenschutz .section-title h2:after {
  width: 38%;
}
@media (min-width: 992px) and (max-width: 1200px) {
  /* line 283, scss/screen.scss */
  #Datenschutz .section-title h2:before,
  #Datenschutz .section-title h2:after {
    width: 36%;
  }
}

/* line 292, scss/screen.scss */
#Agb .section-title h2:before,
#Agb .section-title h2:after {
  width: 16%;
}
@media (min-width: 992px) and (max-width: 1200px) {
  /* line 292, scss/screen.scss */
  #Agb .section-title h2:before,
  #Agb .section-title h2:after {
    width: 9%;
  }
}

/* line 301, scss/screen.scss */
.section-title h2:before {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF777777', endColorstr='#FF777777');
  background-image: -moz-linear-gradient(left, rgba(119, 119, 119, 0) 0%, #777777 100%);
  background-image: -webkit-linear-gradient(left, rgba(119, 119, 119, 0) 0%, #777777 100%);
  background-image: linear-gradient(to right, rgba(119, 119, 119, 0) 0%, #777777 100%);
  left: 0;
}

/* line 319, scss/screen.scss */
.section-title h2:after {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF777777', endColorstr='#FF777777');
  background-image: -moz-linear-gradient(left, #777777 0%, rgba(119, 119, 119, 0) 100%);
  background-image: -webkit-linear-gradient(left, #777777 0%, rgba(119, 119, 119, 0) 100%);
  background-image: linear-gradient(to right, #777777 0%, rgba(119, 119, 119, 0) 100%);
  right: 0;
  left: auto;
}

/* line 335, scss/screen.scss */
.section-title h2 span {
  padding: 0px 10px;
  position: relative;
  z-index: 2;
}

/* line 342, scss/screen.scss */
#Kontakt .section-title h2:before {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF000000', endColorstr='#FF000000');
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
/* line 347, scss/screen.scss */
#Kontakt .section-title h2:after {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF000000', endColorstr='#FF000000');
  background-image: -moz-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

/* line 356, scss/screen.scss */
.box {
  text-align: center;
  padding: 50px;
}

/* line 363, scss/screen.scss */
.toTop {
  position: fixed;
  right: 0;
  bottom: 0;
  @inlcude border-radius(0px);
  -moz-border-radius-topleft: 25px;
  -webkit-border-top-left-radius: 25px;
  border-top-left-radius: 25px;
  opacity: 0.5;
}
/* line 370, scss/screen.scss */
.toTop:hover {
  opacity: 1;
}
/* line 373, scss/screen.scss */
.toTop i {
  padding: 0 5px;
}

/*********/
/* State */
/*********/
/******************/
/* Helper Klassen */
/******************/
/* line 385, scss/screen.scss */
.hide,
hr {
  display: none;
}

/* Tried and true technique for visually hidden but screen reader accessible text */
/* line 390, scss/screen.scss */
.visually-hidden {
  position: absolute;
  left: -9999em;
  top: auto;
  width: 1px;
  height: 1px;
}
