/* =====================================
   Default
   ===================================== */
* {
  margin: 0;
  padding: 0;
  /* kein Highlight bei aktivierten Links auf mobilen Devices */

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-overflow-scrolling: touch;
}
html {
  font-family: Arial, Helvetics, sans-serif;
  font-size: 1.0em;
  color: #fff;
  line-height: 1.4em;
}
a:active,
a:focus {
  outline: none;
}
a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: opacity 300ms ease-out;
  -moz-transition: opacity 300ms ease-out;
  -o-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
}
img {
  border: none;
}
img.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
.clearfix {
  display: inline-block;
}
/* Bereich nicht für IE-mac Anfang */
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* Bereich nicht für IE-mac Ende */
.opacity1 {
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -webkit-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}
.opacityless {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}
.hoveropacity {
  -webkit-transition: opacity 300ms ease-out;
  -moz-transition: opacity 300ms ease-out;
  -o-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
}
.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
/* =====================================
   Slider
   ===================================== */
.contact {
  position: absolute;
  left: 120px;
  top: 50px;
  z-index: 10;
}
.mc-hide-scrolls {
  overflow: hidden;
}
body .mc-cycle {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}
div.mc-image {
  /*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: 
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;*/

  /*If you are using horizontal slide transitions, use the following CSS:*/

  -webkit-transition: top 3s ease-in-out;
  -moz-transition: top 3s ease-in-out;
  -o-transition: top 3s ease-in-out;
  transition: top 3s ease-in-out;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.mc-old-browser .mc-image {
  overflow: hidden;
}