html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
body{
	overflow:hidden;
	background:#000000;
	padding:0px;
	margin:0px;
	font:12px Verdana,Helvetica,Sans-Serif;
	}
img{border:0px;}
a{color:#FFFFFF;text-decoration:none;}
ul{list-style-type:square;}

.left{float:left;}
.right{float:right;}
.nofloat{float:none;clear:both;}
.nono{display:none}
.invisible{position:absolute;top:-1000px;}
.background{display:none;}
.smaller{font-size:100%;font-weight:normal;}
.white{color:#ffffff;}
.view_screen{display:block;}
.view_mobile{display:none;}
.mobile{
	display:none;
}
.screen{
	display:inline-block;
}

::-webkit-scrollbar {
  width: 0px;
}
::-webkit-scrollbar-track {
  background: #000; 
}
::-webkit-scrollbar-thumb {
  background: rgba(0,0,0.0.4); 
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0.0.4);
}
#social{width:541px;height:474px;position:absolute;top:0px;right:0px;padding-top:50px;padding-right:50px;text-align:right;z-index:80;background:transparent;display:none;}/* url(../images/bg-social.png) right top no-repeat*/
	#social img{margin:0 2px;}
#social #twitterlink,#social #fblink{display:none;}	
	
#imagediv{position:absolute;top:0;left:0;z-index:4;background:#000000;}
	#imagediv .panel{float:none;background:transparent}
		.projectbig{display: none;}
#imglayer{height:100%;position:absolute;top:0px;width:100%;left:0;z-index:90;width:100%;overflow:hidden;text-align:center;background:transparent url(../images/bg-content.png) top left;}
	#imglayer .screen{height:50px;}
	#imglayer ul{list-style-type:none;width:1200px;}
		#imglayer ul li{width:65px;float:left;padding:2px 0 0 0;}
#pfeilrechts{position:absolute;top:47%;right:25px;z-index:89;height:59px;width:35px;background:transparent url(../images/Pfeil_gross_rechts.png) right top no-repeat;display:none;}
#pfeillinks{position:absolute;top:47%;right:75px;z-index:99;height:59px;width:35px;background:transparent url(../images/Pfeil_gross_links.png) left top no-repeat;display:none;}
#pfeilrechts:hover{background:transparent url(../images/Pfeil_gross_rechts_active.png) right top no-repeat;}
#pfeillinks:hover{background:transparent url(../images/Pfeil_gross_links_active.png) left top no-repeat;}
#imageblenderdiv{position:absolute;top:0;left:0;z-index:5;height:100%;width:100%;background:transparent url(../images/Grosse_Bilder_dkl_Verlauf.png) left top no-repeat;}
	#imageblenderdiv .panel img{width:100%}
	#imageblenderdiv.muted{overflow:hidden;}
	#imageblenderdiv.muted::after{content:url(../images/muted.png);position:absolute;top:calc(50% - 48px);left:calc(50% - 48px);opacity:0.4;cursor:pointer;}
	#imageblenderdiv.muted:hover::after{opacity:1;}
	#mama{padding:0px;margin:0px;height:100%;background:#000000;}
		#header{height:auto;margin-top:15px;background:#ffffff;}
			#logo{margin:50px 50px 50px 11px;}
			#left{background:transparent;width:230px;float:left;z-index:98;position:absolute;left:0px;top:0px;margin:0;padding:0 0 0 40px;height:100%;font-weight:normal;}
				#left .nav{background:transparent;font-size:14px;list-style-type:none;margin:0;padding:10px;z-index:100;}
					#left .nav li{float:none;padding:0px;text-transform:uppercase;margin-bottom:15px;margin-top:0px;width: 170px;}
						#left .nav li.item-148{display:none;}
						#left .nav li a{color:#FFFFFF;text-decoration:none;}    
						#left .nav li a:hover{color:#BCB5AF !important;}
						#left .nav li#current,#left .nav li.active{background:transparent url(../images/Nav_arrow.png) right 5px no-repeat;}
						#left .nav li.active:hover{background:transparent url(none) right 5px no-repeat;}
						#left .nav ul li.active:hover,#left .nav ul li#current,#left .nav ul li.active{background:transparent url(../images/Nav_arrow.png) right 17px no-repeat;}
						#left .nav li#current li.active{background:transparent;}
						#left .nav li.active a{color:#BCB5AF;text-decoration:none;display:block;}/*width: 50px;*/
						#left .nav li.active li a{color:#FFFFFF;text-decoration:none;}
						#left .nav li.active li.active a{color:#BCB5AF;text-decoration:none;}
						#left .nav li ul{list-style-type:none;padding:0px;font-size:11px;margin-left:20px;}
						#left .nav li li a{font-family: 'Open Sans', verdana, serif;font-size:113%;  display: block; padding: 11px 0 5px 0;}
						#left .nav li ul{display:none;}
						#left .nav li.active ul li#current{background:transparent url(../images/Nav_arrow.png) right 15px no-repeat;}
						#left .nav li ul li.active a{color:#BCB5AF;}
						#left .nav li ul li{width:150px;float:none;padding:0;margin:0;background:none;text-transform:none;}
						
			#content{
				overflow:hidden;
				width:365px;
				height:100%;
				float:left;
				background:transparent;
				z-index:81;
				position:absolute;
				top:0px;
				left:270px;
				padding-top:200px;
			}
			#contentbox{
				max-width:100%;
				display:none;
				height:100%;
				background:transparent url(../images/bg-content.png) 0 0;
				color:#ffffff;
				position:absolute;
				z-index:11;
				padding:0px 20px 20px 20px;
			}
				#contentbox #inside{line-height:130%;}
				#contentbox #inside.detail{padding:0 0 0 20px;width:330px;}
				#contentbox #inside .item-page{
					overflow:auto;
					padding:0 0 5px 0;
					width:325px;
					max-width: 325px;
					scrollbar-width: none;
				}
				#contentbox #inside .item-page .home p em {
					font-style:normal;
				}
				/*#contentbox #inside .item-page .home p:last-child {left: -1000px;position:absolute;width:330px;}*/
				#contentbox #inside .item-page .textslider{margin:0 0 14px 0;background:transparent;}
				#contentbox #inside .item-page .project span{position: absolute;width: 50px;height: 34px;background: #fff url(../images/preloading.gif) 10px 2px no-repeat;opacity: 0.7;display:block;}
				#contentbox #inside .item-page div[itemprop="articleBody"]{
					height: calc(100vh - 260px);
					max-width:100%;
					/*overflow-x: hidden;
					margin-right: -22px;*/
					}
					
				#inside li.project img{cursor:pointer;float:left;margin:3px 9px 0 0;padding:1px;border:1px solid #BCB5AF;}
				#inside #pagecontent{
					padding-top:10px;
					height:auto!important;
				}
				#inside .buttonheading{display:none;}
				#inside hr{float:none;clear:both;padding-bottom:12px;border:none;visibility:hidden;}
				#inside h1{
					margin:0px 0px 14px 0;
					/*padding-right: 80px;*/
					font-weight:normal;
					font-size:26px;
					font-family: 'Bentham', serif;
					position:relative;
					line-height: 26px;
				}
				#inside h1.pr80{
					padding-right: 80px;
				}
				#inside h2,#inside h2 a,#inside span.title{color:#BCB5AF;font-size:12px;float:none;}
				#inside.detail h1{margin:190px 0 0 0;font-weight:normal;font-size:24px;}
				#inside p{margin:0 0 10px 0;}
				#inside.detail p{margin:22px 0 0 0;}
				#inside ul.projectlisting{list-style-type:none;padding-top:6px;}
				#inside .jspPane ul.projectlisting{padding-top:0px;}
				#inside ul.projectlisting li{float:none;clear:both;padding:2px 0 0px 0;font-size:12px;line-height:15px;min-height: 75px;}
				#inside .jspPane ul.projectlisting li{padding:0 0 2px 0;}
				#inside ul.projectlisting li h2{color:#a79d96;font-size:13px;margin-bottom:0px;padding-bottom:3px;}
				#inside ul.projectlisting li h2 a{color:#a79d96;}
				#inside ul.projectlisting li hr{padding:0px;height:1px;line-height:1px;display:none;}
				#inside ul.projectlisting .previewimg{float:left;margin:3px 9px 0 0;padding:0px;border:1px solid #BCB5AF;width:104px;height:60px;overflow:hidden;}
				#inside ul.projectlisting .inner{border:2px solid #333333;width:100px;height:56px;overflow:hidden;}
				#inside ul.detaillisting{
					list-style-type:none;
					float:none;
					clear:both;
					padding-top: 2px;
					width:320px;
					overflow: auto;
				}
				#inside ul.detaillisting li{float:left;padding:1px;margin:10px 10px 0 0;font-size:11px;height:34px;overflow:hidden;border: 1px solid #BCB5AF;}
				#inside ul.detaillisting li img{cursor:pointer;float:left;margin:0;padding:0;border:0;height:34px !important;width:50px !important;}
				#inside a.more{font-size:90%;text-transform:uppercase;line-height:24px;padding-right: 7px;color:#FFFFFF;text-decoration:none;background:transparent url(../images/more-arrow.png) right 5px no-repeat;}
				#inside span.wf_file_text, #inside a{color: #a79d96;}
				#loader{background:#000;z-index:3;text-align:center;padding-top:20%;width:100%;height:100%;position:absolute;top:0px;left:0px;}
				#prozentloaded{width:32px;margin:auto auto;}
				#pager{position:absolute;bottom:0px;right:-3px;font: 10px Verdana,Helvetica,Sans-Serif;}
				ul.pageNav{width:auto;float:right;}
				ul.pageNav li{display:block;float: left;padding: 3px;}
				ul.pageNav li a{color: #fff;text-decoration: none;}
				ul.pageNav li a .pagingarrows{padding-top:3px;height:7px;}
				ul.pageNav li.currentPage a {color: #BCB5AF;font-weight:bold;}
				
				#mousetext{display:none;position:absolute;top:0;left:-200px;z-index:100;background:#333333;color:#ffffff;border:1px solid #ffffff;padding:2px;}
				#nextpic{display:none;position:absolute;right:50px;z-index:100;}


/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}


.pagecontent{

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 665px;
	width: 325px;
}

/* root element for scrollable items */
.pagecontent p {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}

#cookie-overlay{
  	z-index: 10000;
    display: block;
    position: absolute;
    width: 100%;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    bottom: 0;
}

#cookie-overlay a{
    font-family: sans-serif;
    line-height: 18px;
    padding: 2px 12px;
    border-color: #BBB;
    color: #333;
    background-color: #f3f3f3;
    box-sizing: border-box;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
    white-space: nowrap;
    outline: none;
    width: initial;
    height: initial;
    margin: 0 0 0 10px;
}

.preise{
    width: calc(100% - 300px);
	height:auto;
    position: absolute;
    right: 50px;
    z-index: 80;
    top: 50px;
	display:none;
	text-align: right;
  	line-height: 56px;
}
.preise a img{
	max-height:88px;
}

#content .preise {
    left: 20px;
    top: 75px;
	display:none;
}

.page122 #content .preise,
.page106 .preise,
.page122 .preise,
.page189 .preise,
.page191 .preise,
.page67 .preise,
.page68 .preise,
.page101 .preise,
.page223 .preise,
.page238 .preise,
.page260 .preise,
.page27 .preise,
.page34 .preise,
.page218 .preise{
	display:block;
}
.page106 .preise .tour-14,
.page106 .preise .tour-16,
.page106 .preise .tour-18,
.page106 .preise .gda24SM,
.page106 .preise .gda24SA,
.page106 .preise .ifda2r,
.page106 .preise .wdj25,
.page106 .preise .idj23,
.page106 .preise .raw25 {
	display:none;
}

.page106 #content .preise {
	display:none;
}

.page106 .preise img,
.page67 .preise a img{
	padding-right:13px;
}

.page189 .preise > *,
.page191 .preise > *,
.page67 .preise > *,
.page260 .preise .auszeichnungen22,
.page68 .preise > *,
.page34 .preise > *,
.page223 .preise a,
.page238 .preise a,
.page260 .preise a,
.page27 .preise a,
.page223 .preise .tour,
.page238 .preise .tour,
.page260 .preise .tour,
.page27 .preise .tour,
.page68 .preise > *,
.page218 .preise > *{
	display:none;
}


.page67 .preise .ia19,
.page67 .preise .gda19,
.page223 .preise a.wdj22,
.page238 .preise a.idj23,
.page238 .preise a.gda24W,
.page68 .preise a.tour-18,
.page34 .preise a.tour-16,
.page67 .preise a.tour-14,
.page238 .preise a.raw25,
.page218 .preise a.raw25{
	display:inline-block;
}

.page106 .preise a.wdj22 img,
.page106 .preise .tour img{
	max-height:88px;
}
.page106 .preise .tour img{
	max-width:88px;
}
.page223 .preise a.wdj22 img{
	max-height:150px;
	margin-left:20px;
}
.page238 .preise a.idj23 img{
	margin-left:20px;
}

	
.page67 .preise div a:first-child{
	display:none!important;
}

.page27 .preise .tour,
.page260 .preise .tour,
.page260 .preise .wdj22,
.page260 .preise .auszeichnungen22,
.page260 .preise .idj23{
	display:none;
}
.page189 .preise .wdj25,
.page191 .preise .wdj25,
.page218 .preise .gda24SA,
.page238 .preise a.gda24W img,
.page260 .preise .hdj23,
.page260 .preise .gda24SM,
.page260 .preise .gda24N,
.page260 .preise .ifda2r,
.page238 .preise a.raw25 img,
.page218 .preise a.raw25 img{
	display:inline-block; 
	 padding-left: 13px;
}
.page238 .preise a.gda24W img,
.page260 .preise a.hdj23 img,
.page260 .preise a.gda24N img,
.page238 .preise a.raw25 img,
.page218 .preise a.raw25 img{
	max-height:88px;
}

.page27 .preise a.auszeichnungen22{
	display:inline-block;
}
.page27 .preise a.auszeichnungen22 img{
	max-height:250px;
	margin-left:20px;
}

/* mobile styles */
@media (max-width: 992px) {

	.mobile{
		display:inline-block;
	}
	.screen{
		display:none;
	}
	
	body.cat17 #inside a{
		font-weight: bold;
	}

	#inside ul.detaillisting{
		width: 100%!important;
	}
	
	.view_mobile{display:block;}
	.view_screen{display:none;}

	.preise{
		display:none!important;
	}

	#content .preise {
		width: auto;
		height:auto;
		left: 0px;
		top: auto;
		position:relative;
		padding:20px 0;
		display:block!important;
		text-align: left;
	}

	#content .preise img{
		max-height: 88px;
		width:auto;
	}

	
	.page106 .preise,
	.page122 .preise,
	.page67 .preise,
	.page101 .preise,
	.page260 .preise,
	.page218 .preise,
	.page238 .preise{
		display:none;
	}
	.page106 #content .preise,
	.page122 #content .preise,
	.page67 #content .preise {
		display:block!important;
	}
	.page67 #content .preise .touren,
	.page122 #content .preise .touren{
		display:none;
	}
	
	.page106 #content .preise a{
		float:left;
		padding-right:18px;
		display: table-cell;
		position: relative;
		height:120px;
	}
	
	.page106 #content .preise a:nth-child(2){
		padding-right:0;
	}
	.page106 #content .preise .gda24SM,
	.page106 #content .preise .gda20N,
	.page106 #content .preise .ia19{
		display:none;
	}
	
	.page106 #content .preise .touren a{
		float:left;
		margin-left:12px;
		padding-right:0;
		max-width: 101px;
	}
	
	.page106 #content .preise a.first img{
		width: auto;
	}
	
	.page106 #content .preise :not(.touren) a:first-child,
	.page106 #content .preise :not(.touren) a:last-child{
		padding-right:0;
	}
	
	.page106 #content .preise .touren a:first-child{
		margin-left:0;
	}
	
	.page106 #content .preise :not(.touren) a:last-child img{
		padding-right:0;
	}
	
	.page106 #content .preise .touren a img{
		width:100%;
		height:auto;
		padding-right:0px;
		max-height: 96px;
	}
	
	.page106 #content .preise div{
		width:100%;
		float: none;
	}

	.page34 #content .preise .touren,
	.page67 #content .preise .touren,
	.page68 #content .preise .touren{
		display:inline-block;
	}
	
	.page34 #content .preise .touren a,
	.page67 #content .preise .touren a,
	.page68 #content .preise .touren a{
		display:none;
	}
	.page34 #content .preise .touren .touren16,
	.page67 #content .preise .touren .touren14,
	.page67 #content .preise .gda20N,
	.page67 #content .preise .ia19,
	.page68 #content .preise .touren .touren18{
		display:inline-block;
	}
	
	*{
		box-sizing: border-box;
	}
	body{
		background:#fff!important;
		overflow:scroll!important;
		font-size:14px;
	}
	img{
		max-width:100%;
		height:auto;
	}
	#mama {
		padding: 0 30px;
		margin: 0px;
		height: 100%;
		background: #fff;
	}
	.shownavi {
	  display: inline-block;
	  cursor: pointer;
	  position:absolute;
	  right:20px;
	  top:100px;
	  z-index: 1000;
	}

	.bar1, .bar2, .bar3 {
	  width: 35px;
	  height: 5px;
	  background-color: #a8a3a0;
	  margin: 6px 0;
	  transition: 0.4s;
	}

	.change .bar1 {
	  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
	  transform: rotate(-45deg) translate(-9px, 6px);
	}

	#logo {
		margin: 40px 0px 0px 0px;
		width: 180px;
	}
	.change .bar2 {opacity: 0;}

	.change .bar3 {
	  -webkit-transform: rotate(45deg) translate(-8px, -8px);
	  transform: rotate(45deg) translate(-8px, -8px);
	}
	.white{color:#a8a3a0;}
	#fullscreen{
		display:none;
	}
	#left {
		background: transparent;
		width: 100%;
		float: none;
		z-index: 98;
		position: relative;
		left: 0px;
		top: 0px;
		margin-bottom:40px;
		padding: 0;
		height: auto;
		font-weight: normal;
	}
	.mainmav{
		display:none;
		margin-top:40px;
	}
	#left .nav{
		padding: 0px;
	}
	#left .nav li {
		float: none;
		padding: 0px;
		text-transform: uppercase;
		margin-bottom: 15px;
		margin-top: 0px;
		width: 100%;
	}
	#left .nav li a {
		color: #a8a3a0;
		text-decoration: none;
	}
	#left .nav li.active ul {
		display: block;
	}
	#left .nav li.active li a {
		color: #333;
		text-decoration: none;
	}
	#content {
		overflow: auto;
		width: 100%;
		height: auto;
		float: none;
		background:#fff!important;
		z-index: 81;
		position: relative;
		top: auto;
		left: auto;
		padding-top: 0!important;
	}
	#contentbox {
		display: block;
		height: auto;
		background: transparent!important;
		color: #a8a3a0;
		position: relative;
		z-index: 11;
		padding: 0;
		width: 100%;
	}
	#contentbox #inside .item-page {
		overflow: auto;
		padding: 0 0 5px 0;
		width: 100%;
		max-width:unset;
	}
	#contentbox #inside .item-page div[itemprop="articleBody"] {
		height: auto;
		overflow: hidden;
		margin-right: 0;
		padding-right: 0;
	}
	#inside .headerimg {
		margin: 0 0 24px 0;
	}
	#inside h2, #inside h2 a, #inside span.title {
		font-size: 16px;
		font-weight:normal;
		color: #a8a3a0;
	}
	#inside ul.projectlisting li {
		float: none;
		clear: none;
		padding: 0;
		padding-bottom: 20px;
		padding-top: 20px;
		font-size: 12px;
		width: 100%;
		height:auto;
	}
	#inside ul.projectlisting li h2{
		display:block;
		height:auto;
	}
	#inside ul.projectlisting li img{
		display:block;
		margin-bottom:5px;
		height:auto!important;
		width:100%!important;
		min-height:67px;
		float:none;
		clear:both;
	}
	#inside ul.detaillisting li {
		display:block;
		line-height:1;
		float: none;
		padding: 0;
		padding-top: 30px;
		margin: 0;
		font-size: 11px;
		height:auto!important;
		width:100%!important;
		overflow: hidden;
		border: 0;
		position: relative;
	}
	.jspPane {
		position: relative;
		width: 100%!important;
	}
	.background {
		display: block;
		line-height: 1;
	}
	.projectlisting + p.background,
	#pagecontent + p{
		display: none;
	}
	#inside ul.detaillisting li {
		float: none;
		height: auto;
	}
	#inside ul.detaillisting li img {
		cursor: default;
		float: none;
		width: 100%!important;
		height: auto!important;
	}
	#inside a.more {
		color: #a79d96;
	}
	.background img,
	.background video{
		max-width:100%;
		height:auto;
	}
	.bottomspacer{
		display:none;
	}
	#imageblenderdiv {
		display:none;
	}
	#loader {
		display:none;
	}
	#cookie-overlay {
		z-index: 10000;
		display: block;
		position: fixed;
		width: 100%;
		background: #000;
		color: #fff;
		text-align: center;
		padding: 10px 0;
		bottom: 0;
	}
/* end */
}

/* mobile styles */
@media (max-width: 768px){
	#mama {
		padding: 0 20px;
		margin: 0px;
		height: 100%;
		background: #fff;
	}
	#logo {
		margin: 40px 0px 0px 0px;
		width: 150px;
	}
	.shownavi {
		display: inline-block;
		cursor: pointer;
		position:absolute;
		right:20px;
		top:87px;
		z-index: 1000;
	}
	#inside ul.detaillisting{
		width: 100%!important;
	}
	#inside ul.detaillisting li {
		display: block;
		line-height: 1;
		float: none;
		padding: 0;
		padding-top: 20px;
		margin: 0;
		font-size: 11px;
		height: auto!important;
		width: 100%!important;
		overflow: hidden;
		border: 0;
	}
	.page106 .preise a.wdj22 img,
	.page106 .preise a.idj23 img,
	.page106 .preise a.hdj23 img{
		/*max-height: 108px!important;
		height: 108px !important;*/
		width: auto!important;
	}
	
	.youtube{
		display:block;
	}
}

.youtube{
	max-width: 100%!important;
	display:block;
}

#unmute{
	margin: auto;
	margin-top:calc(25% - 50px);
	width: 50px;
}