@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHh30AXC-v.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPHA.ttf) format('truetype');
}
html#start {
  height: 100%;
  overflow: hidden;
}
html#start .carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
html#start .carousel-fade .carousel-inner .item,
html#start .carousel-fade .carousel-inner .active.left,
html#start .carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
html#start .carousel-fade .carousel-inner .active,
html#start .carousel-fade .carousel-inner .next.left,
html#start .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
html#start .carousel-fade .carousel-inner .next,
html#start .carousel-fade .carousel-inner .prev,
html#start .carousel-fade .carousel-inner .active.left,
html#start .carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
html#start .carousel-fade .carousel-control {
  z-index: 2;
}
html#arbeiten footer {
  background-color: white;
}
html body {
  height: 100%;
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  background-color: white;
  color: #333333;
  -webkit-animation: fade-in ease-in-out 1.4s;
  -moz-animation: fade-in ease-in-out 1.4s;
  animation: fade-in ease-in-out 1.4s;
  line-height: 2.4rem;
}
html body * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html body .clearfloat {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}
html body a,
html body a:active,
html body a:focus {
  color: #333333;
  outline: none;
}
html body a img,
html body a:active img,
html body a:focus img {
  border: none;
}
html body a:hover,
html body a:active:hover,
html body a:focus:hover {
  color: #333333;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  text-transform: uppercase;
  font-weight: 300;
}
html body img {
  width: 100%;
  height: auto;
}
html body nav.navbar-default {
  background-color: white;
  border-color: white;
  margin-bottom: 0 !important;
}
html body nav #mainNavigation .navbar-nav li {
  /*
						&:last-child {
							a:after {
								content: "";
								padding-left: 0;
							}
						}
*/
}
html body nav #mainNavigation .navbar-nav li.separator {
  padding-top: 12px !important;
  color: #999999;
}
html body nav #mainNavigation .navbar-nav li.active > a {
  background-color: rgba(255, 255, 255, 0);
  color: black;
}
html body nav #mainNavigation .navbar-nav li a {
  font-weight: 300;
  color: #999999;
  /*
							&:after {
								content: "|";
								padding-left: 30px;
							}
*/
}
html body nav #mainNavigation .navbar-nav li a:hover {
  color: black;
}
html body nav .navbar-brand {
  z-index: 10;
  height: auto;
  margin-left: 0 !important;
}
html body header h1 {
  color: #999999;
  font-size: 3.5rem;
  margin-top: 0;
  font-weight: 100;
}
html body header p {
  text-transform: uppercase;
  font-size: 2.5;
  color: #333333;
  font-weight: 300;
}
html body section {
  height: 100%;
  padding-bottom: 30px;
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-top: 15px;
}
html body section.noPadding {
  padding: 0 !important;
}
html body section .col-lg-1,
html body section .col-lg-10,
html body section .col-lg-11,
html body section .col-lg-12,
html body section .col-lg-2,
html body section .col-lg-3,
html body section .col-lg-4,
html body section .col-lg-5,
html body section .col-lg-6,
html body section .col-lg-7,
html body section .col-lg-8,
html body section .col-lg-9,
html body section .col-md-1,
html body section .col-md-10,
html body section .col-md-11,
html body section .col-md-12,
html body section .col-md-2,
html body section .col-md-3,
html body section .col-md-4,
html body section .col-md-5,
html body section .col-md-6,
html body section .col-md-7,
html body section .col-md-8,
html body section .col-md-9,
html body section .col-sm-1,
html body section .col-sm-10,
html body section .col-sm-11,
html body section .col-sm-12,
html body section .col-sm-2,
html body section .col-sm-3,
html body section .col-sm-4,
html body section .col-sm-5,
html body section .col-sm-6,
html body section .col-sm-7,
html body section .col-sm-8,
html body section .col-sm-9,
html body section .col-xs-1,
html body section .col-xs-10,
html body section .col-xs-11,
html body section .col-xs-12,
html body section .col-xs-2,
html body section .col-xs-3,
html body section .col-xs-4,
html body section .col-xs-5,
html body section .col-xs-6,
html body section .col-xs-7,
html body section .col-xs-8,
html body section .col-xs-9 {
  padding-left: 5px;
  padding-right: 5px;
}
html body section .fancybox {
  margin-bottom: 5px;
  margin-top: 5px;
}
html body .fancybox-wrap {
  padding: 0 !important;
}
html body .fancybox-wrap .fancybox-inner {
  border: none;
}
html body .fancybox-wrap .fancybox-inner a:hover,
html body .fancybox-wrap .fancybox-inner a:active,
html body .fancybox-wrap .fancybox-inner a:focus {
  text-decoration: none;
  color: rgba(0, 0, 0, 0);
}
html body a.fancybox-prev {
  left: 0;
}
html body a.fancybox-next {
  right: 0;
}
html body .fancybox-default a.fancybox-close,
html body .fancybox-default a.fancybox-expand,
html body .fancybox-default a.fancybox-nav span,
html body .fancybox-light a.fancybox-close,
html body .fancybox-light a.fancybox-expand,
html body .fancybox-light a.fancybox-nav span,
html body .fancybox-dark a.fancybox-close,
html body .fancybox-dark a.fancybox-expand,
html body .fancybox-dark a.fancybox-nav span {
  background-image: none !important;
}
html body a.fancybox-prev span:before,
html body a.fancybox-next span:before,
html body a.fancybox-close:before {
  color: white;
  font-size: 72px;
  font-weight: 100;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
html body a.fancybox-prev span:before {
  content: "<";
}
html body a.fancybox-next span:before {
  content: ">";
}
html body a.fancybox-close:before {
  content: "X";
  font-size: 48px;
}
html body .fancybox-dark-overlay {
  background: #000000 none repeat scroll 0 0;
  opacity: 0.9;
}
html body .fancybox-light-overlay {
  background: #ffffff none repeat scroll 0 0;
  opacity: 0.9;
}
html body aside ul {
  list-style-type: none;
  padding-left: 0;
  padding-top: 15px;
}
html body aside ul li {
  padding-bottom: 10px;
}
html body aside ul li:before {
  content: "►";
  font-size: 30%;
  color: black;
  padding-right: 10px;
  vertical-align: text-bottom;
}
html body .blackBack {
  background-color: black !important;
  color: white !important;
}
html body .blackBack > .panel-heading {
  background-color: black !important;
  border: none !important;
  color: white !important;
}
html body .blackBack > .panel-heading a,
html body .blackBack > .panel-heading a:hover,
html body .blackBack > .panel-heading a:active,
html body .blackBack > .panel-heading a:visited,
html body .blackBack > .panel-heading a:focus {
  color: white;
  text-decoration: none;
}
html body .whiteBack {
  background-color: white !important;
  color: black !important;
}
html body .whiteBack > .panel-heading {
  background-color: white !important;
  border: none !important;
  color: black !important;
}
html body .whiteBack > .panel-heading a,
html body .whiteBack > .panel-heading a:hover,
html body .whiteBack > .panel-heading a:active,
html body .whiteBack > .panel-heading a:visited,
html body .whiteBack > .panel-heading a:focus {
  color: black;
  text-decoration: none;
}
html body .whiteText {
  color: white !important;
}
html body .panel {
  box-shadow: none;
  border: none;
  border-radius: 0;
}
html body .panel .panel-title {
  font-size: 4rem;
  font-weight: 100;
  padding-left: 15px;
}
html body .panel .panel-body {
  border: none !important;
  padding: 0;
}
html body footer {
  position: fixed;
  bottom: 0;
  height: 25px;
  padding-right: 10px;
  width: 100%;
  font-size: 1.2rem;
}
html body #kontakt,
html body #datenschutz {
  padding: 0 30px 45px 30px;
}
/*****Etc*****/
/*Continue to define the other sections one by one*/
@media only screen and (max-width: 767px) {
  html#start {
    height: auto;
    overflow: auto;
  }
  html body nav #mainNavigation .navbar-nav li.separator {
    display: none;
  }
  html body header h1 {
    font-size: 2rem;
  }
  html body section {
    height: auto !important;
    margin-bottom: 25px;
  }
  html body .panel .panel-title {
    font-size: 2rem;
    padding-left: 0;
    font-weight: 300;
  }
  html body aside img {
    padding-left: 0 !important;
    padding-right: 15px !important;
  }
  html body aside .row {
    padding-left: 15px;
  }
  html body #kontakt,
  html body #datenschutz {
    padding: 0 15px 45px 15px;
  }
}
@media only screen and (max-width: 1024px) {
  html body header h1 {
    font-weight: 300 !important;
  }
}
/*----------------------------------------------   
--Fade ins
-----------------------------------------------  */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*----------------------------------------------   
--Fade out for slider
-----------------------------------------------  */
@-webkit-keyframes fade-out {
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
}
@-moz-keyframes fade-out {
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
}
@keyframes fade-out {
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
}