@charset "UTF-8";
@import url(http://weloveiconfonts.com/api/?family=entypo);
/* orbitron-regular - latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/orbitron-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/orbitron-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/orbitron-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/orbitron-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/orbitron-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/orbitron-v25-latin-regular.svg#Orbitron') format('svg'); /* Legacy iOS */
}
/* orbitron-500 - latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/orbitron-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/orbitron-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/orbitron-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/orbitron-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/orbitron-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/orbitron-v25-latin-500.svg#Orbitron') format('svg'); /* Legacy iOS */
}
/* orbitron-600 - latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/orbitron-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/orbitron-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/orbitron-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/orbitron-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/orbitron-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/orbitron-v25-latin-600.svg#Orbitron') format('svg'); /* Legacy iOS */
}
/* orbitron-700 - latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/orbitron-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/orbitron-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/orbitron-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/orbitron-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/orbitron-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/orbitron-v25-latin-700.svg#Orbitron') format('svg'); /* Legacy iOS */
}
/* CSS Document */
body {
  /* Padding bottom - footer height */
	margin-bottom: 100px;
}
/* Angaben Kopfbereich */
.box-head {
	width: 100vw;
	height: 24vw;
	background-color: #3C464C;
	background-size: cover;
	position: relative;
	z-index: 2;
}
/* Titelbild-Animation */

.titelbild-h2 {
	width: 100vw;
	height: 24vw;
	position: absolute;
	z-index: 3;
}
.titelbild-h1 {
	width: 100vw;
	height: 24vw;
	position: absolute;
	z-index: 0;
}
.titelpic-hummel {
    position: absolute;
	max-width: 30vw;
	display: block;
    left: 22%;
    top: 10%;
	z-index: 1;
    -webkit-animation: titelpic 30s infinite; /* Safari 4.0 - 8.0 */
    animation: titelpic 30s infinite;
	}
.titelpic-illu {
   width: 100vw;
	height: 24vw;
	position: absolute;
	z-index: 0;
    -webkit-animation: titelillu fadeInOut 10s infinite; /* Safari 4.0 - 8.0 */
    animation: titelillu fadeInOut 10s infinite;
	}


.titelpic {
    position: absolute;
    left: -4%;
    top: 10%;
	z-index: 1;
    -webkit-animation: titelpic 30s infinite; /* Safari 4.0 - 8.0 */
    animation: titelpic 30s infinite;
	}
.titelillu {
    position: absolute;
    left: 0%;
    top: 10%;
	z-index: 1;
    opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in;
	animation-duration: 10s;
	}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes titelpic {
	
	0% {
		transform:scale(0.7) translateX(0px);
		}
    50% {
		transform:scale(1.0) translateX(100px);
		}
	100% {
		transform:scale(0.7) translateX(0px);
	 	}
}

/* Standard syntax */
@keyframes titelpic {
	0% {
		transform:scale(0.70) translateX(0px);
		}
    50% {
		transform:scale(1.0) translateX(100px);
		}
	100% {
		transform:scale(0.7) translateX(0px);
	 	}
	
}
@keyframes fadeInOpacity  {
     0% {
        opacity:1;
    }
    40% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
   90% {
        opacity:0;
    }	
}
@-webkit-keyframes fadeInOpacity  {
     0% {
        opacity:1;
    }
    40% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
   90% {
        opacity:0;
    }	   
}
/* Ende Titelbild-Animation */
@media only screen and (max-width: 768px) {
    /* For mobile phones - Positionskorrektur */
    .box-head {
	width: 100vw;
	height: 40vw;
	background-color: #3C464C;
	background-size: cover;
	position: relative;
	z-index: 2;
	}
	.titelpic {
    position: absolute;
    left: -4%;
    margin-top: 12%;
	z-index: 1;
    -webkit-animation: titelpic 30s infinite; /* Safari 4.0 - 8.0 */
    animation: titelpic 30s infinite;
	}
	.footer-link {
    width: 100%;
    margin-left: -12px;
	font-size: 0.8em;
	}
}

.Wrapper {
	box-sizing: border-box;
	position: relative;
	z-index: 5;
	width: 70vw;
	margin-top: -2vw;	
}
  
.gras {
    display: block;
    box-sizing: border-box;
    width: 100vw;
    height: auto;
    margin: 0 auto;
  }
  
.rubrik-t-head {
	font-family: 'Encode Sans', sans-serif;
	font-weight: 600;
	color: #96BE47;
	padding: 2vw;
	font-size: 4vw;
	letter-spacing: 0.05em;
	line-height: 140%;
	position: absolute;
	bottom: 8vw;
	left: 8vw;
	-webkit-animation: rubrik 4s ease forwards; /* Safari 4.0 - 8.0 */
	animation: rubrik 4s ease forwards;		
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes rubrik {
	
	0% {
		transform:translateY(4%);
		}
	100% {
		transform:translateY(-6%);
	 	}
}
.t-slogan {
	font-family: 'Orbitron';
	font-size: 6vw;
	color: #FFFFFF;
	position: absolute;
	z-index: 40;
	left: 24vw;
	top: 4.4vw;
}
.t-slogan-i {
	font-family: 'Orbitron';
	font-size: 6vw;
	color: #898989;
	position: absolute;
	z-index: 40;
	left: 24vw;
	top: 16vw;
}
.t-info {
    font-family: 'Orbitron';
    font-size: 2vw;
    color: #96BE47;
    position: absolute;
    z-index: 20;
    left: 24vw;
    top: 32vw;
    padding-bottom: 12vw;
}
.t-info2 {
    font-family: 'Orbitron';
    font-size: 2vw;
    color: #96BE47;
    position: absolute;
    z-index: 20;
    left: 22vw;
    top: 10vw;
    padding-bottom: 12vw;
}


.sd {
	font-family: 'Orbitron';
	font-size: 1.2vw;
	color: #FFFFFF;
	position: absolute;
	z-index: 40;
	left: 4vw;
	bottom: 9vw;
	letter-spacing: 0.1em;
}
.datenschutz {
	font-family: 'Orbitron';
	font-size: 1.8vw;
	color: #FFFFFF;
	position: absolute;
	z-index: 40;
	left: 4vw;
	bottom: 3vw;
	letter-spacing: 0.1em;
}
.head-2 {
    font-family: 'Orbitron';
    font-size: 1.2vw;
    color: #FFFFFF;
    position: relative;
    z-index: 40;
    left: 2.8vw;
    top: 4vw;
    letter-spacing: 0.1em;
}
.logo-li {
	width: 10%;
	height: auto;
	position: absolute;
	z-index: 41;
	left: 2vw;
	bottom: 11.2vw;
}

/* Ende Angaben Kopfbereich */
/* Hauptnavigation */
 .nav-bg {
	background-color: #96BE47;
	height: 100%;
}
.navbar-inverse {
    background-color: #96BE47;
  border-color: #96BE47;
}
.navbar {
	border-radius: 0px;
	border-style: none;
	padding-left: 2.4vw;
}
.navbar-right   {
	text-align: right;
	width: 100%;
}
.nav.navbar-nav li a {
	border-style: none;
	background-repeat: no-repeat;
	background-size: cover;
	padding-left: 0vw;
	color: #FFFFFF;
}
.nav.navbar-nav li a:hover  {
	transition: color 1s linear;
	color: #000000;
} 
.content {
		margin-top: 2em;
}
.row {
  width:auto;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}
.fliesstext {
	font-family: 'Encode Sans', sans-serif;
	font-weight: 300;
	font-size: 0.8em;
	text-align: left;
	color: #000000;
	line-height: 1.8em;
	padding-left: 4vw;
	padding-right: 15px;
	letter-spacing: 0.04em;
}
.fliess-head {
	font-weight: 500;
	color: #96BE47;
}
.bu {
	font-family: 'Encode Sans', sans-serif;
	font-weight: 300;
	font-size: 0.7em;
	text-align: left;
	color: #000000;
	line-height: 1.8em;
	padding-top: 0.6em;
	padding-right: 15px;
	letter-spacing: 0.04em;
	
}
.aktiv {
	font-weight: 500;
	color: #96BE47;
}
/* social media pics */
.social ul li a {
  color: #FEFEFE;
	font-family: 'Encode Sans', sans-serif;
	font-weight: 300; 
  text-decoration: none;
}
.social ul li a img {
	padding-left: 2px;
  padding-right: 10px;
}
.social {
  position: fixed;
  right: 0px;
  top: 60px;
  z-index: 50;
}
.social ul {
  padding: 0px 0px 20px 0px; /* Innenabstand Block */
  -webkit-transform: translate(270px, 0);
  -moz-transform: translate(270px, 0);
  -ms-transform: translate(270px, 0);
  -o-transform: translate(270px, 0);
  transform: translate(270px, 0);
}
.social ul li {
  display: block;
  margin: 5px; /* Abstand zw. Balken */
  background: rgba(0, 0, 0, 0.36);
  width: 300px; /* Länge Balken */
  text-align: left;
  padding: 2px; /* Innenabstand Einzelbalken */
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li:hover {
  -webkit-transform: translate(-110px, 0);
  -moz-transform: translate(-110px, 0);
  -ms-transform: translate(-110px, 0);
  -o-transform: translate(-110px, 0);
  transform: translate(-110px, 0);
  background: rgba(255, 255, 255, 0.8);
}
.social ul li:hover a {
  color: #000;
}
/* Ende social media pics */
/* Contentbereich */
.container-img {
	position: relative;
	margin-top: 7px;
	margin-right: -15px;
	margin-bottom: 7px;
	}
.image {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0 0 0.6em #C6C6C6;
	}
.image:hover {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0 0 0.6em #C6C6C6;
	transform: translate scale(1.2);
	}
.image-small {
	display: block;
	width: 100%;
	max-width: 100px;
	height: auto;
	box-shadow: 0 0 0.6em #C6C6C6;
}
.image-small2 {
	width: 100%;
	max-width: 140px;
	height: auto;
}
.overlay {
	position: absolute;
	bottom: 0;
	left: 0px;
	right: 0;
	margin-left: 15px;
	margin-right: 15px;
	overflow: hidden;
	width: auto;
	height: 0;
	transition: .5s ease;
	background-image: -webkit-linear-gradient(270deg,rgba(179,179,179,0.49) 0%,rgba(84,84,84,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(179,179,179,0.49) 0%,rgba(84,84,84,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(179,179,179,0.49) 0%,rgba(84,84,84,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(179,179,179,0.49) 0%,rgba(84,84,84,1.00) 100%);
}

.container-img:hover .overlay {
	height: 40%;
}
.trans {
	width: 100%;
		height: 100%;
}
.t-intro {
	font-family: 'Encode Sans', sans-serif;
	font-weight: 300;
	font-size: 3vw;
	color: #5A5A5A;
	position: relative;
	z-index: 8;
	bottom: 0vw;
	padding-left: 12vw;
	padding-right: 12vw;
	text-align: center;
	}
.t-An {
	font-family: 'Orbitron';
	font-size: 6vw;
	color: #5A5A5A;
	vertical-align: bottom;
	}
.t-An2 {
	font-family: 'Orbitron';
	font-size: 6vw;
	color: #5A5A5A;
	vertical-align: sub;
	}
.t-Ab {
	font-family: 'Orbitron';
	font-size: 6vw;
	color: #5A5A5A;
	vertical-align: top;
	position: relative;
	}
.t-Ab2 {
	font-family: 'Orbitron';
	font-size: 6vw;
	color: #5A5A5A;
	vertical-align: sub;
	position: relative;
	}
.t-autor {
	font-family: 'Encode Sans', sans-serif;
	font-weight: 300;
	font-size: 1vw;
	position: absolute;
	margin-top: -4em;
	margin-left: -2em;
	}
.text {
	white-space: nowrap;
	color: white;
	font-size: 20px;
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
a {
    color: #020202;
}
.fliesstext a:hover {
    color: #96BE47;
    text-decoration: none;
}
.white a, .white a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
/* footer Angaben */
.footer {
	position: fixed;
	bottom: 0px;
	width: 100%;
	/* Footer Höhe */
	height: 60px;
	background-image: url(../bilder/gras_linie.png);
	background-repeat: repeat-x;
	z-index: 30
}
.footer-link {
    margin-left: 0vw;
}
.footer-link li {
	float: left;
	display: inline;
} 
.footer-link li a {
	font-family: 'Encode Sans', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #666764;
	padding: 30px 1em 0.1em 0px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.footer-link li a:hover {
     text-decoration:none;  
	color: #96BE47;
}
/* Ende footer Angaben */