/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-narrow-regular - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-sans-narrow-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-narrow-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-narrow-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-narrow-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-narrow-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-narrow-v17-latin-regular.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}
/* pt-sans-narrow-700 - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/pt-sans-narrow-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-narrow-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-narrow-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-narrow-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-narrow-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-narrow-v17-latin-700.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	font-size: 100%;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none outside none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}
:focus {
	outline: 0 none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	-webkit-text-size-adjust: none;
}
section, article, aside, hgroup, header, footer, nav {
	display: block;
}

/*##################################################
 * ################ Start  #########################
 * ############################################### */


html {
	overflow-y: scroll;
	height: 100%;
	min-height: 100%;
}




html {
	font-family: 'Open Sans', sans-serif;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	background: white;	 
	font-size: 13px;
	color: #262626;
	line-height: 1.5;
	
	height: 100%;
	min-height: 100%;
	
}

.keeper {
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	width: 1px;
}

a {
	color: #5c7f2f;
	text-decoration: underline;	
}
a:hover {
	color: #77a144;
}

.BP {
	display: none;
	position: absolute;
	width: 1px;
	height: 1px;
}


.clearer {
	clear: both;
}
h1, h2, h3, h4, h5, h6, .choose {
	color: #63a216;
	font-weight: 700;
	font-size: 25.7px;
	padding-bottom: 22px;
	font-family: 'PT Sans Narrow', sans-serif;
}

h3 {
	font-size: 17px;
	padding: 0.9em 0 0.1em;
}

h4,h5,h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 15px;
	padding: 0.9em 0 0.1em;
}

.mm-page {
	height: 100%;
	min-height: 100%;
}

.page-wrapper {
	width: 100%;
	height: 100%;
	min-height: 200px;
	position: absolute;

}

.page-content {
	position: relative;
	float: left;
	width: 100%;
	min-height: 100%;
	overflow: hidden;
}


.nav-wrapper {
	width: 100%;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	height: 1px;
}

.bg {
	width: 100%;
	height: 100%;
	padding: 0;
	background: url(_img/slide1.jpg) no-repeat center center fixed;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
	
	position: fixed;
	top: 0;
	left: 0;
}


.home .bg {
	
	opacity: 0.5;
	
	-webkit-filter: blur(8px);
	   -moz-filter: blur(8px);
	     -o-filter: blur(8px);
	    -ms-filter: blur(8px);
	        filter: blur(8px);
}

article {
	background: white;
	background: rgba(255,255,255,0.97);
	
	height: auto;
	min-height: 200px;
	width: 523px;
	float: right;
	margin: 100px 0 125px 0;
	padding: 7% 6.1% 14% 5.7%;	
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;

	-webkit-transition: all 500ms ease;
	   -moz-transition: all 500ms ease;
	    -ms-transition: all 500ms ease;
	     -o-transition: all 500ms ease;
	        transition: all 500ms ease;
}

.ready article {
	opacity: 1;

	-webkit-transition: all 1500ms ease;
	   -moz-transition: all 1500ms ease;
	    -ms-transition: all 1500ms ease;
	     -o-transition: all 1500ms ease;
	        transition: all 1500ms ease;
}

.article-wrapper {
	height: auto;
	min-height: 200px;
	width: 703px;
	margin: 0 auto;
}

.page-content.article {
	width: 100%;
	
	position: relative;
	
}

article .slider-wrapper * {
	display: none;
}

article .slider-wrapper  {
	position: relative;
	margin: 0 !important;
	left: 0 !important;
	top: 0 !important;
}
article .slider-wrapper:before {
	content: "Achtung, um die Galerie zu verwenden muss im CMS das Layout-Template 'Galerie' ausgewählt werden. ";
	display: block !important;
	margin: 30px;
	padding: 40px;
	border: 3px solid red;
	font-size: 130%;
}

article ul {
	list-style: disc outside;
	padding-left: 25px;
	margin-bottom: 12px;
}
article ol {
	list-style: decimal outside;
	padding-left: 25px;
	margin-bottom: 12px;
}

article p {
	margin: 1em 0;
}

.wcms-newsitem-image-preview, .wcms-newsitem-image-full {
	max-width: 40%;
	height: auto;
}


.mm-menu {
	background: #46423f;
	color: rgba(255, 255, 255, 0.9);
}
.mm-menu .mm-list > li:after {
	border-color: rgba(255, 255, 255, 0.23);
}

.nav-holder {
	width: 703px;
	height: auto;
	min-height: 1px;
	margin: 0 auto;
	position: relative;
}

.nav-holder h1 {
	padding: 0;
	margin: 0;
}

.nav-holder h1 a {
	display: block;
	width: 177px;
	height: 99px;
	
	position: absolute;
	left: 0;
	top: 0;
}

.logo-line {
	position: absolute;
	width: 100%;
	height: 3px;
	background: white;
	top: 15px;
	left: 0px;
	z-index: 15;
	-webkit-transition: all 500ms ease;
	   -moz-transition: all 500ms ease;
	    -ms-transition: all 500ms ease;
	     -o-transition: all 500ms ease;
	        transition: all 500ms ease;
	        
	opacity: 0;
	
	-webkit-transform: translateX(0px) translateY(-20px);
	   -moz-transform: translateX(0px) translateY(-20px);
	     -o-transform: translateX(0px) translateY(-20px);
	    -ms-transform: translateX(0px) translateY(-20px);
	        transform: translateX(0px) translateY(-20px);
	        
}

.ready .logo-line {
	opacity: 1;
	-webkit-transform: translateX(0px) translateY(0px);
	   -moz-transform: translateX(0px) translateY(0px);
	     -o-transform: translateX(0px) translateY(0px);
	    -ms-transform: translateX(0px) translateY(0px);
	        transform: translateX(0px) translateY(0px);
	        
	-webkit-transition: all 2300ms ease;
	   -moz-transition: all 2300ms ease;
	    -ms-transition: all 2300ms ease;
	     -o-transition: all 2300ms ease;
	        transition: all 2300ms ease;
}

.logo-linebox {
	position: absolute;
	width: 46px;
	height: 9px;
	background: black;
	top: 12px;
	left: 20px;
	
	z-index: 16;
	
	opacity: 0;
	
	-webkit-transition: -webkit-transform 2300ms ease-in-out, opacity 2300ms ease;
	   -moz-transition:    -moz-transform 2300ms ease-in-out, opacity 2300ms ease;
	    -ms-transition:     -ms-transform 2300ms ease-in-out, opacity 2300ms ease;
	     -o-transition:      -o-transform 2300ms ease-in-out, opacity 2300ms ease;
            transition:         transform 2300ms ease-in-out, opacity 2300ms ease;
            
    -webkit-transition-delay: 0ms;
    	    transition-delay: 0ms;
	        
	/*-webkit-transform: translateX(-10px) translateY(0px);
	   -moz-transform: translateX(-10px) translateY(0px);
	     -o-transform: translateX(-10px) translateY(0px);
	    -ms-transform: translateX(-10px) translateY(0px);
	        transform: translateX(-10px) translateY(0px);*/
}

.ready .logo-linebox {
	opacity: 1;
	-webkit-transform: translateX(0px) translateY(0px);
	   -moz-transform: translateX(0px) translateY(0px);
	     -o-transform: translateX(0px) translateY(0px);
	    -ms-transform: translateX(0px) translateY(0px);
	        transform: translateX(0px) translateY(0px);
	        
	-webkit-transition-delay: 1200ms;
    	    transition-delay: 1200ms;
}



.nav-holder nav {
	font-size: 12px;
	color: white;
	background: #46423f;
	width: 177px;
	min-height: 26px;
	left: 0;
	top: 101px;
	position: absolute;
	overflow: hidden;
	
	
}


nav #menubutton {
	position: absolute;
	
	-webkit-transition: opacity 800ms ease-in-out;
	   -moz-transition: opacity 800ms ease-in-out;
	    -ms-transition: opacity 800ms ease-in-out;
	     -o-transition: opacity 800ms ease-in-out;
	        transition: opacity 800ms ease-in-out;
	opacity: 0;
	z-index: 10
}

.home nav #menubutton {
	opacity: 1;
}

nav.open #menubutton {
	opacity: 0 !important;
	-webkit-transition: opacity 400ms ease-in-out;
	   -moz-transition: opacity 400ms ease-in-out;
	    -ms-transition: opacity 400ms ease-in-out;
	     -o-transition: opacity 400ms ease-in-out;
	        transition: opacity 400ms ease-in-out;
	
}

nav #menubutton i {
	display: none;
}


.nav-holder nav a {
	text-decoration: none;
	color: white;
	padding: 0 3.7% 0 16.3%;
	width: 80%;
	height: 26px;
	line-height: 26px;
	background: url(_img/arrow_navi.png) no-repeat transparent 10px 0px;
	display: block; 
	position: relative;
	
	-webkit-transition: color 300ms ease-in-out;
	   -moz-transition: color 300ms ease-in-out;
        -ms-transition: color 300ms ease-in-out;
         -o-transition: color 300ms ease-in-out;
            transition: color 300ms ease-in-out;
}


nav #menubutton:hover  {
	color: white !important;
}

.nav-holder nav ul a:hover {
	text-decoration: none;
	color: #6fa82a;	
}
.nav-holder nav a:before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(_img/arrow_navi.png) no-repeat transparent 10px -23px;
	opacity: 0;
	
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
            
    width: 100%;
    height: 100%;
}
.nav-holder #menubutton:before {
	display: none;
}

.nav-holder nav ul a:hover:before {
	opacity: 1;
}

.nav-holder nav ul .act a {
	background: url(_img/arrow_navi.png) no-repeat transparent 10px -23px;
}

.mm-list .act a {
	color: #6fa82a;
} 


.nav-holder nav ul {
	height: auto;
	
	max-height: 780px;
	opacity: 1;
	
	-webkit-transition: max-height 800ms ease-in-out, opacity 800ms ease-in-out, left 800ms cubic-bezier(1, 0, 1, 0);
	   -moz-transition: max-height 800ms ease-in-out, opacity 800ms ease-in-out, left 800ms cubic-bezier(1, 0, 1, 0);
	    -ms-transition: max-height 800ms ease-in-out, opacity 800ms ease-in-out, left 800ms cubic-bezier(1, 0, 1, 0);
	     -o-transition: max-height 800ms ease-in-out, opacity 800ms ease-in-out, left 800ms cubic-bezier(1, 0, 1, 0);
            transition: max-height 800ms ease-in-out, opacity 800ms ease-in-out, left 800ms cubic-bezier(1, 0, 1, 0);
            
	position: relative;
	z-index: 15;
	left: 0;	
}

.home .nav-holder ul {
	left: -177px;
	max-height: 0;
	opacity: 0;
}

.nav-holder nav.open ul {
	
	max-height: 780px;
	opacity: 1;
	left: 0;
	-webkit-transition: max-height 800ms ease-in-out, opacity 800ms ease-in-out;
	
	
	
}

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	
	height: 23px;
	line-height: 23px;
	width: 100%;
	
	color: white;
	text-align: center;
	background: #23201f;
	font-size: 12px;
}

footer a {
	color: #63a117;
	text-decoration: none;
}
footer a:hover {
	color: #c1de9e;
}

footer a.phonelink {
	color: white;
	cursor: text;
}
footer a.phonelink:hover {
	color: white;
}


.slider-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.slider-slides {
	min-width: 100000px;
	height: 100%;
	position: relative;
}
.slider-slide {
	width: auto;
	height: auto;
	
	float: left;
	border-left: 1px solid white;
	border-right: 1px solid white;
	background: white;
}
.slider-slide .thumb {
	display: none;
}

.slider-wrapper.ready .slider-slide {

}
.slider-slide img {
	width: 100%;
	height: 100%;
	opacity: 1;
	
	-webkit-transition: opacity 800ms ease;
	   -moz-transition: opacity 800ms ease;
	    -ms-transition: opacity 800ms ease;
	     -o-transition: opacity 800ms ease;
	        transition: opacity 800ms ease;
	
}

.slider-slide .video-wrapper {
	overflow: hidden;
	position: relative;
}
.slider-slide .video-wrapper iframe {
	position: relative;
}
.slider-slide .video-alt:not(.touch) {
	display: none;
}

.slider-slide img.slidemobile {
	display: none;
}



.slider-slide.inactive img {
	opacity: 0.3;
}

.slider-slide.highlite img {
	opacity: 1;
}
	

 .btn {
 	width: 58px;
 	height: 58px;
 	display: block;
 	position: absolute;
 	top: 50%;
 	left: 37px;
 	margin-top: -29px;
 	background: url(_img/arrow_slider.png) left top no-repeat transparent;
 	z-index: 20;
 }
 
 #btn-next {
 	left: auto;
 	right: 37px;
 	background: url(_img/arrow_slider.png) right top no-repeat transparent;
 }
 #btn-overview {
 	left: auto;
 	top: auto;
 	margin: 0;
 	right: 37px;
 	bottom: 55px;
 	background: url(_img/arrow_slider.png) left bottom no-repeat transparent;
 }
  #btn-close {
 	left: auto;
 	top: 37px;
 	right: 37px;
 	background: url(_img/arrow_slider.png) right bottom no-repeat transparent;
 	margin: 0;
 	z-index: 2000;
 }
 
.slider-overview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	background: transparent;
	padding: 2% 5%;
  	margin: 0; 	
  	z-index: 40;
  	
	display: none;
} 
.slider-overview.show {
}

.slider-overview .gradient {
	position: absolute;
	top: -25%;
	left: -25%;
	width: 150%;
	height: 150%;
	
	
	background: -moz-radial-gradient(center, ellipse cover,  rgba(88,88,88,0.9) 0%, rgba(52,52,52,0.95) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(88,88,88,0.9)), color-stop(100%,rgba(52,52,52,0.95))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(88,88,88,0.9) 0%,rgba(52,52,52,0.95) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(88,88,88,0.9) 0%,rgba(52,52,52,0.95) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(88,88,88,0.9) 0%,rgba(52,52,52,0.95) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(88,88,88,0.9) 0%,rgba(52,52,52,0.95) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6585858', endColorstr='#f2343434',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.slider-overview .thumbs{
	width: 100%;
	height: 100%;
	-ms-box-orient: horizontal;
	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -moz-flex;
  	display: -webkit-flex;
  	display: flex;
  	-webkit-flex-wrap: wrap;
  	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
  	align-content: center;
  	
}

.slider-overview .thumbs .thumb-box {
	margin: 12.5px;
	width: 198px;
	height: 130px;
	cursor: pointer;
	overflow: hidden;
	
	-webkit-transition: -webkit-transform 400ms ease-in-out, opacity 400ms ease-in-out, -webkit-box-shadow 200ms ease 0ms;
	   -moz-transition:    -moz-transform 400ms ease-in-out, opacity 400ms ease-in-out, box-shadow 200ms ease 0ms;
	    -ms-transition:     -ms-transform 400ms ease-in-out, opacity 400ms ease-in-out, box-shadow 200ms ease 0ms;
	     -o-transition:      -o-transform 400ms ease-in-out, opacity 400ms ease-in-out, box-shadow 200ms ease 0ms;
	        transition:         transform 400ms ease-in-out, opacity 400ms ease-in-out, box-shadow 200ms ease 0ms;
	
	-webkit-transition-delay: 2000ms;
	        transition-delay: 2000ms;

	-webkit-transform: scale(1.3) rotateY(60deg);
       -moz-transform: scale(1.3) rotateY(60deg);
        -ms-transform: scale(1.3) rotateY(60deg);
         -o-transform: scale(1.3) rotateY(60deg);
            transform: scale(1.3) rotateY(60deg);
    
    z-index: 100;
    opacity: 0;
    position: relative;

}


.slider-overview img { 
	width: 198px;
	height: 130px;
	
	
	position: relative;
	
	
	-webkit-transition: all 200ms ease;
	   -moz-transition: all 200ms ease;
	    -ms-transition: all 200ms ease;
	     -o-transition: all 200ms ease;
	        transition: all 200ms ease;
	
	
}

.slider-overview .thumb-box:hover img {
	-webkit-transform: scale(1.3);
       -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
}

.thumb-box:hover {
	/*-webkit-box-shadow: 0 0 20px 20px rgba(255,255,255,0.3);
	box-shadow: 0 0 20px 20px rgba(255,255,255,0.3);*/
}



.slider-overview .thumb-box.pop {
	opacity: 1;

	-webkit-transform: scale(1) rotateY(0deg);
       -moz-transform: scale(1) rotateY(0deg);
        -ms-transform: scale(1) rotateY(0deg);
         -o-transform: scale(1) rotateY(0deg);
            transform: scale(1) rotateY(0deg);
}

.slider-overview .thumb-box:nth-child(0)  {-webkit-transition-delay: 0ms;transition-delay: 0ms;}
.slider-overview .thumb-box:nth-child(1)  {-webkit-transition-delay: 50ms;transition-delay: 50ms;}
.slider-overview .thumb-box:nth-child(2)  {-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.slider-overview .thumb-box:nth-child(3)  {-webkit-transition-delay: 150ms;transition-delay: 150ms;}
.slider-overview .thumb-box:nth-child(4)  {-webkit-transition-delay: 200ms;transition-delay: 200ms;}
.slider-overview .thumb-box:nth-child(5)  {-webkit-transition-delay: 250ms;transition-delay: 250ms;}
.slider-overview .thumb-box:nth-child(6)  {-webkit-transition-delay: 300ms;transition-delay: 300ms;}
.slider-overview .thumb-box:nth-child(7)  {-webkit-transition-delay: 350ms;transition-delay: 350ms;}
.slider-overview .thumb-box:nth-child(8)  {-webkit-transition-delay: 400ms;transition-delay: 400ms;}
.slider-overview .thumb-box:nth-child(9)  {-webkit-transition-delay: 450ms;transition-delay: 450ms;}
.slider-overview .thumb-box:nth-child(10) {-webkit-transition-delay: 500ms;transition-delay: 500ms;}
.slider-overview .thumb-box:nth-child(11) {-webkit-transition-delay: 550ms;transition-delay: 550ms;}
.slider-overview .thumb-box:nth-child(12) {-webkit-transition-delay: 600ms;transition-delay: 600ms;}
.slider-overview .thumb-box:nth-child(13) {-webkit-transition-delay: 650ms;transition-delay: 650ms;}
.slider-overview .thumb-box:nth-child(14) {-webkit-transition-delay: 700ms;transition-delay: 700ms;}
.slider-overview .thumb-box:nth-child(15) {-webkit-transition-delay: 750ms;transition-delay: 750ms;}
.slider-overview .thumb-box:nth-child(16) {-webkit-transition-delay: 800ms;transition-delay: 800ms;}
.slider-overview .thumb-box:nth-child(17) {-webkit-transition-delay: 850ms;transition-delay: 850ms;}
.slider-overview .thumb-box:nth-child(18) {-webkit-transition-delay: 900ms;transition-delay: 900ms;}
.slider-overview .thumb-box:nth-child(19) {-webkit-transition-delay: 950ms;transition-delay: 950ms;}
.slider-overview .thumb-box:nth-child(20) {-webkit-transition-delay: 1000ms;transition-delay: 1000ms;}
.slider-overview .thumb-box:nth-child(21) {-webkit-transition-delay: 1050ms;transition-delay: 1050ms;}
.slider-overview .thumb-box:nth-child(22) {-webkit-transition-delay: 1100ms;transition-delay: 1100ms;}
.slider-overview .thumb-box:nth-child(23) {-webkit-transition-delay: 1150ms;transition-delay: 1150ms;}
.slider-overview .thumb-box:nth-child(24) {-webkit-transition-delay: 1200ms;transition-delay: 1200ms;}
.slider-overview .thumb-box:nth-child(25) {-webkit-transition-delay: 1250ms;transition-delay: 1250ms;}
.slider-overview .thumb-box:nth-child(26) {-webkit-transition-delay: 1300ms;transition-delay: 1300ms;}
.slider-overview .thumb-box:nth-child(27) {-webkit-transition-delay: 1350ms;transition-delay: 1350ms;}
.slider-overview .thumb-box:nth-child(28) {-webkit-transition-delay: 1400ms;transition-delay: 1400ms;}
.slider-overview .thumb-box:nth-child(29) {-webkit-transition-delay: 1450ms;transition-delay: 1450ms;}
.slider-overview .thumb-box:nth-child(30) {-webkit-transition-delay: 1500ms;transition-delay: 1500ms;}
.slider-overview .thumb-box:nth-child(31) {-webkit-transition-delay: 1550ms;transition-delay: 1550ms;}
.slider-overview .thumb-box:nth-child(32) {-webkit-transition-delay: 1600ms;transition-delay: 1600ms;}
.slider-overview .thumb-box:nth-child(33) {-webkit-transition-delay: 1650ms;transition-delay: 1650ms;}
.slider-overview .thumb-box:nth-child(34) {-webkit-transition-delay: 1700ms;transition-delay: 1700ms;}
.slider-overview .thumb-box:nth-child(35) {-webkit-transition-delay: 1750ms;transition-delay: 1750ms;}
.slider-overview .thumb-box:nth-child(36) {-webkit-transition-delay: 1800ms;transition-delay: 1800ms;}
.slider-overview .thumb-box:nth-child(37) {-webkit-transition-delay: 1850ms;transition-delay: 1850ms;}
.slider-overview .thumb-box:nth-child(38) {-webkit-transition-delay: 1900ms;transition-delay: 1900ms;}
.slider-overview .thumb-box:nth-child(39) {-webkit-transition-delay: 1950ms;transition-delay: 1950ms;}
.slider-overview .thumb-box:nth-child(40) {-webkit-transition-delay: 2000ms;transition-delay: 2000ms;}


.hide {
	display: none;
}


#menubutton {
	
}

td {
	padding: 5px 0;
}

.wcms-form-label {
	display: block;
}

p.wcms-link {
	margin: 6px 0;
}


@media (max-aspect-ratio: 29/20) {
	
	#BPportrait {
		display: block;
	} 

}


@media only screen and (min-width : 941px) {
	#BPdesktop {
		display: block;
	}	
}


@media only screen and (min-width : 730px) and (max-width : 940px) {	
	#BPtablet {
		display: block;
	}
	
	
	.nav-wrapper {
		position: absolute;
	}

}

@media only screen  and (max-width : 940px) {	
	
	.default .bg {
		height: auto;
		padding: 0 0 46%;
		position: relative;
		background-position: center center;
		float: left;
		background-attachment: scroll;
		border-bottom: 3px solid #46423f;
	}
	
	.page-content {
		min-height: 100px;
	}
	
	.home .page-content {
		min-height: 100%;
	}
	
	.nav-holder {
		width: 70%;
	}
	
	.nav-holder nav {
		min-height: 34px;
	}
	
	
	.nav-holder nav a {
		height: 34px;
		line-height: 34px;
		font-size: 18px;
		background: none;
		padding: 0 6.6% 0 3.4%;
		width: 90%;
	}
	.nav-holder nav a:before {
		display: none;	
	}
	.nav-holder nav ul .act a {
		background: none;
		color: #6fa82a;
	}
	
	.nav-holder nav a#menubutton i {
		display: inline-block;
		padding-right: 10px;
		padding-left: 4px;
	}

	.article-wrapper {
		width: 100%;
		
		
	}
	
	.article-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		
		background: url(_img/slide1.jpg) center center no-repeat white;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
		background-position: center center;
		background-fixed: scroll;
		
		-webkit-filter: blur(8px);
		   -moz-filter: blur(8px);
		     -o-filter: blur(8px);
		    -ms-filter: blur(8px);
		        filter: blur(8px);
	}
	
	
	article {
		margin: 0;
		width: 100%;
		background: rgba(255,255,255,0.8);
		position: relative;
		opacity: 1 !important;
		
		padding: 4% 15% 14%;
	}
	
	/* Gallery umbauen */
	.slider-wrapper {
		width: 100%;
		height: auto;
		position: relative;
	}
	.slider-wrapper .btn {
		display: none;
	}
	
	.slider-slides {
		-moz-transform: translateX(0px) translateY(0px) !important;
		-webkit-transform: translateX(0px) translateY(0px) !important;
		-o-transform: translateX(0px) translateY(0px) !important;
		-ms-transform: translateX(0px) translateY(0px) !important;
		transform: translateX(0px) translateY(0px) !important;
		
		min-width: 0;
		width: 100%;
		height: auto;
	}
	.slider-slide {
		width: 100% !important;
		height: auto !important;
		border: 0;
		border-bottom: 1px solid white;
	}
	
	.slider-slide.helper {
		display: none;
	}
	
	.slider-slide img {
		width: 100% !important;
		height: auto !important;
		float: left;
		opacity: 1 !important;
		
	}
	
	.slider-slide iframe {
		display: none;
	}
	.slider-slide .video-alt {
		display: none;
	}
	
	




}


@media only screen and (max-width : 730px) { /* 'smartphone' variante */
	
	#BPphone {
		display: block;
	}
	
	.slider-wrapper .btn {
		display: none;
	}
	
	
	.nav-wrapper {
		position: relative;
		float: left;
		height: auto;
	}
	.nav-holder {
		width: 100%;
		float: left;
	}
	
	.nav-holder nav ul {
		display: none;
	}	
	
	.nav-holder h1 {
		display: block;
		background: #63a216;
		overflow: hidden;
		height: 88px;
		width: 100%;
		position: relative;
	}
	
	.nav-holder h1:before { /* Gradient */
		content: " ";
		position: absolute;
		left: 30%;
		top: -95%;
		width: 100%;
		height: 240%;
		
		background: -moz-radial-gradient(center, ellipse cover,  rgba(123,200,27,0.9) 0%, rgba(99,162,22,1) 50%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(123,200,27,0.9)), color-stop(50%,rgba(99,162,22,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(123,200,27,0.9) 0%,rgba(99,162,22,1) 50%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(123,200,27,0.9) 0%,rgba(99,162,22,1) 50%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(123,200,27,0.9) 0%,rgba(99,162,22,1) 50%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(123,200,27,0.9) 0%,rgba(99,162,22,1) 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e67bc81b', endColorstr='#63a216',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


	}
	.nav-holder h1 a {
		
		background: url(_img/logo-mobile.png) no-repeat transparent;
		width: 100%;
		height: 88px;
		position: relative;
		
	}
	.nav-holder h1 a img {
		display: none;	
	}
	.nav-holder nav {
		position: relative;
		float: left;
		top: 0;
		border-top: 1px solid white;
		border-bottom: 1px solid white;
		width: 100%;
	}
	
	.nav-holder nav a#menubutton {
		opacity: 1;
	}
	.nav-holder nav a#menubutton i {
		padding-left: 0;
	}
	
	article {
		padding: 4% 9% 14%;
	}
	
	
	
	footer {
		position: relative;
		float: left;
		width: 94%;
		height: auto;
		padding: 3% 3%;
		font-size: 16px;
		line-height: 1.7;
	}
	
	.home .bg {
		display: none;
	}
	
	.slider-slide img {
		display: none;
	}
	.slider-slide img.slidemobile {
		display: block;
	}
	
	
	
}