/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
section {display: block;}
.element {

  float: left;

  position: relative;

}


.noneDisplay {visibility: visible; display: block}
.hidden-mobile {visibility: visible; display: block}

.hidden-main {visibility: hidden; display: none}
.hidden-temp {visibility: hidden; display: block}


html {
height: 150%;
}
body{
height: 100%;
font-family:KlavikaWebBasicRegular;
background-color:#FFF;
  color: #3f3e3e;
  line-height: 28px; font-size:22px;
}
.news-single-content i{ font-family:KlavikaWebBasicRegularItalic;line-height:16px; font-size:16px;}
/*header-box*/
#box {position: fixed; display: none;top:0; z-index:7; width:100%; height:150px; background-color:#000; }
#box-main {position: fixed;top:0; z-index:7; width:100%; height:150px; background-color:#000;}

#fix {
position: fixed;visibility: visible; display:none;z-index:17;
top: 0;
left: 0;
padding: 0;
background: #111;
}

.pr-menu-1 {position: fixed; z-index:999; text-align:center; top:405px;left:-71px;width:180px; height: auto; transform: rotate(-90deg);font-size:16px;}
.pr-menu-1 a{color:#FFF; background:#000; text-transform:uppercase;padding:5px 0 5px 0; display:block}
.pr-menu-1 a:hover{color:#FFF; background:#835630; text-transform:uppercase;padding:5px 0 5px 0; display:block}
.pr-menu-1-active {position: fixed; z-index:999; text-align:center; top:405px;left:-71px;width:180px; height: auto; transform: rotate(-90deg);font-size:16px;}
.pr-menu-1-active a{color:#FFF; background:#835630; text-transform:uppercase;padding:5px 0 5px 0; display:block}

.pr-menu-2 {position: fixed; z-index:999; text-align:center; top:600px;left:-71px;width:180px; height: auto; transform: rotate(-90deg);font-size:16px;}
.pr-menu-2 a{color:#FFF; background:#000; text-transform:uppercase;padding:5px 0 5px 0; display:block}
.pr-menu-2 a:hover{color:#FFF; background:#835630; text-transform:uppercase;padding:5px 0 5px 0; display:block}
.pr-menu-2-active {position: fixed; z-index:999; text-align:center; top:600px;left:-71px;width:180px; height: auto; transform: rotate(-90deg);font-size:16px;}
.pr-menu-2-active a{color:#FFF; background:#835630; text-transform:uppercase;padding:5px 0 5px 0; display:block}

.pr-menu-3 {position: fixed; z-index:999; text-align:center; top:796px;left:-71px;width:180px; height: auto; transform: rotate(-90deg);font-size:16px;}
.pr-menu-3 a{color:#FFF; background:#000; text-transform:uppercase;padding:5px 0 5px 0; display:block}
.pr-menu-3 a:hover{color:#FFF; background:#835630; text-transform:uppercase;padding:5px 0 5px 0; display:block}
.pr-menu-3-active {position: fixed; z-index:999; text-align:center; top:796px;left:-71px;width:180px; height: auto; transform: rotate(-90deg);font-size:16px;}
.pr-menu-3-active a{color:#FFF; background:#835630; text-transform:uppercase;padding:5px 0 5px 0; display:block}
/*SECTIONS*/
.section{float:left;margin:0px;height: auto;padding-bottom:0px;width:100%;text-align:center;}
.section-2{float:left;margin:0px;height: auto;padding-bottom:0px; margin-bottom:60px;width:100%;text-align:center;}
.section ul{list-style:none;margin: auto;}
.white {background-color:#000}
/*.gray { background-color:#fbfbfb;background-image:url(../images/raster.png)}*/
.gray { background-color:#FFF;}
.black {background-color:#2e2b29;background-image:url(../images/bg-black.jpg);background-position:top center;background-size:100%; background-repeat:no-repeat; color:#FFF}
.black a{color:#FFF}
.black-2 {background-image:url(../images/bg-black.png);color:#FFF; padding:80px 0 600px 0;}
.black-2 a{color:#FFF}
.blank{height:400px;}
#section-footer {position:fixed; z-index:1; bottom:0;}
/*SLOTS*/
/*intro*/
#contentBoxTemp { position:absolute; z-index:6; bottom:-710px;float:left; left:0;text-align:center;  width:100%; height:850px;background-color: transparent }
#contentBox { position:absolute; z-index:6; bottom:-2710px;float:left; left:0;text-align:center;  width:100%; height:2850px;background-color: transparent }
.slot-1-0{ position:relative;width:1440px;padding:0; text-align:center; margin:25px auto 0 auto;}
.content-image-box{padding:0 10px 20px 10px;}
/*intro end*/
.grid-box {position:relative; z-index:2;width:100%;padding:0 0 550px 0; margin:0px 0 0px 0; text-align:center;}
.grid { position:relative; z-index:3;width:100%;padding:0; margin:0; text-align:center; background-color:#FFF}
.slot-1-1{ position:relative;width:1440px;padding:200px 0 0 0; text-align:center; margin:0px auto 0 auto;}
.slot-1-2{ position:relative;width:1440px;padding:0px 0 0 0; text-align:center; margin:0px auto 0 auto;}
.slot-1-3{ position:relative;width:1440px;padding:0px; text-align:center; margin:-40px auto 0px auto;}
.slot-1-4{ position:relative;width:1440px;padding:20px 0; text-align:center; margin:60px auto 0px auto;}
.slot-1-5{ position:relative;width:1440px;padding:0px; text-align:center; margin:0px auto 0px auto;}
.slot-1-1-footer{ position:relative;width:1440px;padding:0px; text-align:center; margin:80px auto 0 auto;}
.related {margin-top:20px; padding-bottom:0px}

.slot-2-0{ position:relative; float:left;width:1420px;padding:0px 10px;text-align:center}
.slot-2-1{ position:relative; float:left;width:470px;padding:0 0 120px 10px; text-align:left}
.slot-2-2{ position:relative; float:left;width:940px;padding:0 0 20px 10px; text-align:left}
.slot-2-3{ position:relative; float:left;padding:0 0 20px 10px; text-align:left}


.news-box-content {float:left; width:100px; height:100px; margin-top:-50px;background-color:#FFF}

/*CONTENT-ELEMENTS*/
.fancybox-title-float-wrap {font-family:KlavikaWebBasicRegular;}
#image-main {width:950px; height:auto; margin:0 0 120px 0}
.image-studio-slide{ padding: 0 0 0 0;}
.studio-images img{float:left;width:460px;}

#map_canvas {width:940px;height:800px; margin:0px 0 120px 0}
#map_canvas_2 {width:940px;height:840px; margin:0px 0 120px 0}

.more{float:left; width:100%; height:66px;}
#more {width:66px; height:66px; padding:30px 0 0 10px; float:left;
-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	opacity: 0.3;
}
#more:hover{
	opacity: 1;
}
.top-2{margin-top:-80px;}

#logo-icon { width:398px; padding:40px 0 80px 0}
#logo-intro {width:195px; padding:0 0 0px 0}
#logo-icon-main {width:112px; padding:0 0 40px 0}
#logo-footer {width:119px; height:auto}
#logo{}
.news-box{ width:144px; height:144px;padding:0px 10px 0px 0px; margin:0; float:right;}
.news-box a:hover img {opacity: 0.6;}
#specials:hover {opacity: 0.4;}
.logo-box{ width:215px;padding:10px 20px 0px 10px; margin:0; float:left;}
.logo-box a:hover img {opacity: 0.6;}
.logo-box-footer{ width:241px;padding:0px 20px 0px 0px; margin:0; float:left;}
#headerBox {visibility: hidden; display: none}
#headerBox { position: fixed; z-index:7; top:0px;float:left; left:0; height:80px; width:100%;  background-image: none;background-color:#000; }
.header {width:1440px; margin-left:auto; margin-right:auto; margin-top:0px; }
.menu-intro-box {width: auto;float: right;}
/*footer elements*/
.address-info{ float:left;text-transform: none; color:#FFF;font-size:22px; line-height: normal;  padding:60px 0 0px 0}
.address-main{ float:left;text-transform: none; color:#FFF;font-size:18px; line-height: normal; padding:50px 0 0px 10px; text-transform:uppercase}
.address-main b{font-size:18px}
.social-media-1 { float:left;font-size:18px; padding:30px 0 0 10px}
.social-media-1 a{text-decoration:underline}
.social-media-2 { float:left;font-size:18px; padding:0px 0 0 10px; text-transform:uppercase}
.social-media-2 a{text-decoration:underline}
.social-media-3 { float:left;font-size:18px; line-height:24px; padding:80px 0 0 10px;text-transform:uppercase}
.social-box-footer{padding:0 0 20px 0}
.social-box-footer img{width:66px; height:66px; padding:0px 10px 0 0;}
.social-box-footer a:hover img {opacity: 0.6;}
/*MENU-CONTAINER-INTRO*/
.menuContainerHeader {position:relative; float: left; width:100%; padding:31px 0 0 0; margin:0px 0; line-height:normal;}
.menuContainer {position:relative; float: left; width:100%; padding:0px; margin:70px 0 70px 0;line-height:normal}
.menuBox{ position:relative; float:right; z-index:12; margin:30px 0px 0 0px; padding:20px 0 20px 0px;text-align:left; }
#button{ width:20px; height:auto;border:0px; margin:0; padding:0; cursor:pointer;}
.slidingDiv { position:relative;float:left;width:575px;}
.slidingDivButton { position:relative;float: right;width:20px; height:30px; padding-right:20px; margin-top:-5px}
.slidingDivButton a:hover img {opacity: 0.6;}

.subNavNext-2 {width:100%;  float:left;text-align:center; padding:50px 0 0 0; margin:0 auto -20px auto;}
.subNavNext {width:100%;  float:left;text-align:center; padding:50px 0 0 0; margin:0 auto -9px auto;}
.subNavNext a{text-decoration:underline}
.subNavNext-first {padding:20px 0 10px 0;width:100%; text-align:center}

/*HEADLINES*/
b {text-transform:uppercase;margin:0 0px;font-size:22px; line-height:30px; padding:0 0 0px 0}
header h1{font-size:35px;color:#734c28;font-family:KlavikaWebBasicBold; text-transform:uppercase; font-weight:normal; padding-bottom:5px; text-align:left}
header h2{text-transform:uppercase;margin:0 0px;font-size:22px; line-height:30px; padding:0 0 0px 0}
h2{margin:0 70px;font-size:40px; line-height:50px; padding:0 0 0px 0}
h3{ text-transform:uppercase;margin:0 50px;font-size:40px; line-height:50px; padding:0 0 40px 0}
h5{ text-transform: none;margin:0 0px;font-size:30px; line-height:40px; padding:20px 0}
h4{ margin:0 50px;font-size:40px; line-height:50px; padding:0 0 40px 0}
h6{ float:left;font-family:KlavikaWebBasicBold;margin:0 0px;font-size:40px; text-transform:uppercase; line-height: normal; font-weight:normal; padding:70px 0 0px 0}

.more-news h2 {font-size:40px;color:#000;font-family:KlavikaWebBasicBold; text-transform:uppercase; font-weight:normal; padding:100px 0 40px 0; text-align: center}
.more-news h3 {font-family:KlavikaWebBasicRegular;color: #3f3e3e;line-height: 28px; font-size:22px; width:60%; padding:0 20% 60px 20%; margin:0}
/*NAVIGATION*/


.nav {margin:auto;  text-align:left; font-size:16px;text-transform:uppercase; }
.nav { float:left;width:190px;}
.nav a{color: #FFF;margin:0 0px 0px 0; padding-bottom:20px;text-decoration:none;}
.nav a:hover {color: #84562c;margin:0 0px 0px 0;padding-bottom:20px;text-decoration:none;background-image:url(../images/nav-active.png);background-repeat:no-repeat; background-position:bottom right;}
.nav a.active {color: #84562c;margin:0 0px 0px 0;padding-bottom:20px;text-decoration:none;background-image:url(../images/nav-active.png);background-repeat:no-repeat; background-position:bottom right;}

.nav  ul li{padding:0; margin:0 0px 0 0}
.nav  li{padding:0 0 0 0; margin:0; display: inline}
.nav-footer-box {float:left; padding:103px 0 0 10px; width:100%}

.nav-footer {margin:auto;  text-align:left; font-size:18px;text-transform:uppercase; }
.nav-footer a{color: #FFF;margin:0 50px 0px 0; padding-bottom:20px; text-decoration:none;}

.sub {padding:25px 0 0px 170px;}

/*NEWS*/
.news-list-morelink{ visibility:hidden; display:none}
.news-catmenu img{visibility:hidden; display:none}
#container {position:relative;float:left; width:100%; display:block;  padding-bottom:60px}
#schaufenster-menu { position:relative;padding:0 0 0px 0; }
#schaufenster-menu ul li{padding:0; margin:0 10px 0 10px; text-transform:uppercase} 
#schaufenster-menu li{padding:0 0px 0 0px; margin:0; display: inline}
#sf_menu .catmenu-normal {color:#3f3e3e;text-decoration: none}
#sf_menu .catmenu-normal a{color:#3f3e3e;text-decoration: none}
#sf_menu .catmenu-active a{color:#989595;text-decoration: none}

.news-list-intro{ float:left}
.news-list-item-intro { float:left; width:460px; height:480px; overflow:hidden;padding:0 10px 40px 10px;}
.news-list-item-intro img{width:460px; height:290px;}
.news-list-item-intro  h1{margin:0;font-size:42px; text-transform:uppercase;line-height:44px; padding:80px 40px 5px 40px; text-align:center;font-family:KlavikaWebBasicBold;}
.news-list-item-intro  h2{margin:0 10px;font-size:22px; line-height:24px; padding:0; text-align:center}
.news-list-item-intro  .header-1-box{padding:40px 0 20px 0;}
.news-list-item-intro  .header-1{margin:0;font-size:36px; text-transform:uppercase;border-bottom: 0px solid #000; width:auto;padding:0; font-family:KlavikaWebBasicBold; }
.news-list-item-intro .header-1{background-image:url(../images/underline.png); background-repeat:no-repeat; background-position:bottom right; padding:0 0 5px 0}
.news-list-item-intro  h4{margin:0;font-size:22px; line-height:24px;padding:0px 0 10px 0;}
.news-list-item-intro-content {float:left; text-align:left}

/*NEWS-MAIN*/
.news-list-main{ float:left}
.news-list-item-main { float:left; width:460px;padding:0 10px 0px 10px; margin-bottom:20px;}
.news-list-item-main img{width:460px; height:290px;}
.news-list-item-main  h1{margin:0;font-size:22px; text-transform:uppercase;line-height:24px; padding:100px 0 5px 0; text-align:center;}
.news-list-item-main  h2{  margin:0 10px;font-size:22px; line-height:24px; padding:0; text-align:center}
.news-list-item-main  h3{margin:0;font-size:32px; text-transform:uppercase;line-height:24px; padding:50px 0 10px 0; font-family:KlavikaWebBasicBold; }
.news-list-item-main  h4{ margin:0;font-size:22px; line-height:24px;padding:0px 0 10px 0;}


/*NEWS-SINGLE*/
#next{width:40px; height:auto}
.news-single-item-title{ margin:0 70px;font-size:40px; line-height:50px; padding:0 200px 0px 200px; text-transform:none;  text-align:center}
.news-single-imgcaption{visibility:hidden; display:none}
.single-image {}
.news-single-item {padding-top:310px;}
.news-single-item h1{font-size:35px;color:#734c28;font-family:KlavikaWebBasicBold; text-transform:uppercase; font-weight:normal; padding-bottom:5px; text-align:left}
.news-single-item header h1{font-size:35px;color:#734c28;font-family:KlavikaWebBasicBold; text-transform:uppercase; font-weight:normal; padding-bottom:15px; text-align:lef; margin:0}
.news-single-item header h2{font-size:35px;color:#000;font-family:KlavikaWebBasicBold; text-transform:uppercase; font-weight:normal; padding-bottom:5px; text-align:lef;border-bottom: 0px solid #000; width:auto;margin:0 0 30px 0;}
.news-single-item header h2{background-image:url(../images/underline.png); background-repeat:no-repeat; background-position:bottom right; padding:0 0 30px 0}

.news-single-item .header-1{font-size:35px; line-height:normal;color:#000;font-family:KlavikaWebBasicBold; text-transform:uppercase;font-weight:normal;border-bottom: 0px solid #000; width:auto;margin:0 0 30px 0; padding-bottom:20px;}
.news-single-item .header-1{background-image:url(../images/underline.png); background-repeat:no-repeat; background-position:bottom right}
.news-single-item h2{line-height: 26px; font-size:22px;font-family:KlavikaWebBasicBold; font-weight:normal; margin-bottom:30px; color:#000}
.news-single-link {text-align:left; margin-top:-50px}
#single-nav-box {font-size:0px;}
.news-single-image{ float:left; width:960px;padding:0px 0 20px 0;}
#single-nav-box {position:absolute; bottom:40px; left:970px;}
#single-back-box {position:absolute; bottom:31px; right:80px;}
#single-back-box a{color:#734c28;font-family:KlavikaWebBasicRegular;}
.news-single-content{ float:left; width:450px;padding:0px 0 80px 0px; }
.single-image img{ float:left;}
.single-image-1 img{width:930px; height:auto}
.single-image-1 { float:left;padding:0px 10px 10px 10px; margin-bottom:0px;width:940px; height:530px; overflow:hidden}
.single-image-2{float:left; width:450px; height: auto; margin:10px 20px 20px 10px;}
/*NAVIGATION*/
.subNav img{width: 66px;opacity: 1;-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;}
.subNav  a:hover img{
	opacity: 0.6;
}
.subNav ul li{padding:0; margin:0}
.subNav{ margin:auto}
.subNavNo {display:block; color:#23272a; font-size:14px; text-decoration:none; text-align:left; height:32px; width:163px; padding:5px 0 0 10px;}
.subNavNo {background-image:url(../images/navBg_no.png); background-repeat:no-repeat}

.subNav2 img{width: 102px;opacity: 1;-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;}
.subNav2  a:hover img{
	opacity: 0.6;
}

.subNav2 ul li{padding:0; margin: auto;}
.subNav2{ margin:auto;}

.subNavLogo {}
.start-container {position: absolute; z-index:5; width:100%; height:100%;  }
.start {position: absolute; z-index:6; width:100%; height:40px; bottom:0px; background-color:#009900;  }

/*####### CONTENT-ELEMENTS #########*/
.headerBox-all {visibility:hidden; display:none}
#footer{ position:fixed; z-index:22; height:24px; top:20px;width:100%; font-size:12px; text-transform:uppercase }
.footer-box{ height:40px; bottom:0;width:1264px; margin:auto; color:#111}
.address {width:50%; padding-left:10px; float:left; text-align:left}

#start { position:fixed; z-index:4; bottom:0px; height:60px; width:100%; margin: auto; visibility:visible; display:block  }
#start-all {visibility:hidden; display: none  }

.resetBox {position:absolute; left:0;top:-100%; width:10px;}

#social-box { width:40%; text-align:right; padding:0px 20px 0px 0; margin:0; float:right; }
.addthis_toolbox { float:right; padding:0; margin:0;}
.addthis_toolbox a img{width:24px;}




/* HOVER EFFECT */

span.rollover {
	font-size:18px; color:#FFFFFF;
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background-color:#35271e;
	background-image: url(../images/watherproof.png);background-position:center; background-repeat:no-repeat;background-size: 260px Auto;
	cursor: pointer;
	height: 290px;
	width: 460px;
	position: absolute;
	z-index: 6;
	opacity: 0;
	text-decoration:none;
	visibility: visible; display: block;
}

span.rollover:hover {visibility: visible; display: block;
	opacity: .8;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	text-decoration:none;
}

/*SUPERSIZE*/
#icon-box{position:fixed; z-index:2; height:100%; width:100%; top:200px; left:0px; background-image:url(../images/logo-icon.png);background-position:center; background-repeat:no-repeat;background-size: 350px Auto; margin-top:-40px;}
#over-box{position:fixed; z-index:1; height:100%; width:100%; top:0px; left:0px;background-image:url(../images/bg-black.png);}

#loading {
	    position: absolute;
	    top: 49.5%; 
	    left: 49.5%;
	    z-index: 10;
	    width: 32px; 
	    height: 32px;
	    text-indent: -999em;
	   
		
	}
	#supersized{
	    position: fixed;visibility: visible; display: block;top:0px;
	}
	#supersized img{ -ms-interpolation-mode: bicubic; }
	#supersized img, #supersized a{
	    height:100%;
	    width:100%;
	    position:absolute;
	    z-index: 1;
	}
	
	#supersized .prevslide, #supersized .prevslide img{
	    z-index: 1;
	}
	#supersized .activeslide, #supersized .activeslide img{
	    z-index: 2;
	}
/*SUPERSIZE*/
/*
Back to top button 
*/
#back-top { padding:0px 0px 8px 0; width:66px; height:auto; margin:0 auto 0 auto;text-align:center}
#back-top a {
	width: 66px;
	display: block;
	
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover img{
	opacity: 0.6;
}

/*
Back to overview 
*/
#back-overview  { float:left; padding:0 10px 40px 10px;}
#back-overview  a {
	width: 66px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-overview  a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-overview  span {
	width: 66px;
	height: 66px;
	display: block;
	margin-bottom: 7px;
	background: url(../images/overview.png) no-repeat center center;
	background-size:66px 66px;
	
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	opacity: 0.2;
}
#back-overview  a:hover span {
	opacity: 0.8;
}