body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/*FINALVERSION*/
/* --General-- */
	/*src: url('https://vb-holzundbau.ch/files/vb-holzundbau/fonts/Ailerons-Typeface.otf') format("opentype");*/
/*@font-face {
	font-family: 'Ailerons';
	src: url('../../files/vb-holzundbau/fonts/Ailerons-Typeface.otf') format("opentype"),
	src: url('../../files/vb-holzundbau/fonts/Ailerons-Typeface.ttf') format("truetype");
}*/
@font-face {
	font-family: "Ailerons-Regular";
	src: url("/files/vb-holzundbau/fonts/Ailerons-Typeface.eot"); /* IE9 Compat Modes */
	src: url("/files/vb-holzundbau/fonts/Ailerons-Typeface.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	  url("/files/vb-holzundbau/fonts/Ailerons-Typeface.otf") format("opentype"), /* Open Type Font */
	  url("/files/vb-holzundbau/fonts/Ailerons-Typeface.svg") format("svg"), /* Legacy iOS */
	  url("/files/vb-holzundbau/fonts/Ailerons-Typeface.ttf") format("truetype"), /* Safari, Android, iOS */
	  url("/files/vb-holzundbau/fonts/Ailerons-Typeface.woff") format("woff"), /* Modern Browsers */
	  url("/files/vb-holzundbau/fonts/Ailerons-Typeface.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}
body {
	background:#fff;
	min-width: 300px;
}
body .inside {
	margin:0px auto;
	max-width:2000px;
	box-sizing: border-box;
}
#wrapper {
	overflow: hidden;
}
.clearer {
	clear:both;
}
/* --Header-- */
header {
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	z-index: 9999999999999999999999999999;
}
header/*,
header nav ul.level_1*/ {
	height:120px;/*78px*/
	/*border-bottom:1px solid #f2f2f2;*/
}
body.dienstleistungen header {
	border-bottom:1px solid #f1f1f1;
}
/*Logo*/
header .ce_logo {
	box-sizing:border-box;
	margin:0;
	padding:20px 0 0 60px;
}
header .ce_logo .logo a {
	display:block;
	position: absolute;
	top:0;
	left:0;
	z-index:999999999999999999;
}
header .ce_logo .logo {
	position:relative;
	/*Codelogo*/
	font-family: "Ailerons-Regular";
}
header .ce_logo .logo,
header .ce_logo .logo a {
	width:276px;
	height:80px;
}
header .ce_logo .logo .upper_text_left,
header .ce_logo .logo .upper_text_right {
	top:0;
	height:40px;
	margin:0;
	padding:0;
	line-height: 32px;
	letter-spacing: -2px;
	color:#c3ac77;
}
header .ce_logo .logo .upper_text_left,
header .ce_logo .logo .upper_text_right {
	font-size:52px;
}
header .ce_logo .logo .upper_text_left {
	position: absolute;
	left:-1px;/*-0.5%*/
}
header .ce_logo .logo .upper_text_right {
	position: absolute;
	left:103px;
}
header .ce_logo .logo .line {
	position: absolute;
	width:100%;/*276px*/
	left:0px;
	top:48px;
	height:2px;
	background:#b1b1b1;
}
header .ce_logo .logo .down_text_middle {
	position: absolute;
	top:54px;
	left:55px;
	font-size:25.5px;
	line-height: 32px;
	letter-spacing: 0.1px;
	color:#686868;
}
/*Navigation*/
header nav#nav_des_tab {
	margin:0;
	padding:0;
	text-align:right;
	position: absolute;
	top:0;
	right:40px;
	width:75vw;
	display: block;
	overflow: visible;
}
/*Level 1*/
header nav#nav_des_tab ul.level_1 {
	float:right;
}
header nav#nav_des_tab ul.level_1 li,
header nav#nav_des_tab ul.level_1 li.active {
	float:left;
	list-style-type: none;
	display:inline-block;
}
header nav#nav_des_tab ul.level_1 li {
	padding:0px 20px;
	position: relative;
}
header nav#nav_des_tab ul.level_1 li span {
	display: inline-block;
	border-top:solid #fff 4px;
}
header nav#nav_des_tab ul.level_1 li,
header nav#nav_des_tab ul.level_1 li a,
header nav#nav_des_tab ul.level_1 li.active,
header nav#nav_des_tab ul.level_1 li.active strong {
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	font-size:22px;
	color:#907f59;
	text-decoration: none;
	text-transform: uppercase;
}
header nav#nav_des_tab ul.level_1 li,
header nav#nav_des_tab ul.level_1 li a {
	color:#907f59;
}
header nav#nav_des_tab ul.level_1 li span,
header nav#nav_des_tab ul.level_1 li.active,
header nav#nav_des_tab ul.level_1 li.active strong {
	transition:all .15s ease-in-out;
}
header nav#nav_des_tab ul.level_1 li.active {
	margin:0px 20px;
}
header nav#nav_des_tab ul.level_1 li span,
header nav#nav_des_tab ul.level_1 li.active {
	padding:68px 0px 30px 0px;
}
header nav#nav_des_tab ul.level_1 li:hover span,
header nav#nav_des_tab ul.level_1 li.trail span,
header nav#nav_des_tab ul.level_1 li.active {
	border-top:solid #b79f69 4px;
}
header nav#nav_des_tab ul.level_1 li:hover span,
header nav#nav_des_tab ul.level_1 li.active,
header nav#nav_des_tab ul.level_1 li.active strong,
header nav#nav_des_tab ul.level_1 li.trail span {
	color:#000;
}
/*Level 2*/
header nav#nav_des_tab ul.level_1 li ul.level_2 {
	position: absolute;
	top:120px;
	left:0;
	width:330px;
	display:none;
}
header nav#nav_des_tab ul.level_1 li.active ul.level_2 {
	top:116px;
	left:-20px;
}
header nav#nav_des_tab ul.level_1 li:hover ul.level_2 {
	display:inherit;
}
header nav#nav_des_tab ul.level_1 li ul.level_2 li {
	float:none;
	border:none;
	background:#f6f6f6;
	display:block;
	text-align:left;
}
header nav#nav_des_tab ul.level_1 li ul.level_2 li span,
header nav#nav_des_tab ul.level_1 li ul.level_1 li:hover ul.level_2 span {
	border: none;
}
header nav#nav_des_tab ul.level_1 li ul.level_2 li,
header nav#nav_des_tab ul.level_1 li ul.level_2 li span {
	padding:0;
}
header nav#nav_des_tab ul.level_1 li ul.level_2 li a,
header nav#nav_des_tab ul.level_1 li ul.level_2 li.active {
	padding:15px 20px;
	display:block;
	margin:0;
}
header nav#nav_des_tab ul.level_1 li ul.level_2 li span,
header nav#nav_des_tab ul.level_1 li:hover ul.level_2 span,
header nav#nav_des_tab ul.level_1 li.trail:hover span {
	color:#907f59;
}
header nav#nav_des_tab ul.level_1 li ul.level_2 li:hover span {
	color:#000;
}
/* --Elemente-- */
/*Banner*/
.ce_banner.kontakt {
	width:100%;
	padding:0;
	margin:0;
	height:60vh;
	min-height:540px;
	overflow: hidden;
	position: relative;
	background:url("../../files/vb-holzundbau//content/images/4_kontakt/banner/1.jpg") center center no-repeat;
	background-size:cover;
}
/*@media screen and (min-width: 800px) {
	.ce_banner {
		background:url("../../files/vb-holzundbau/images_system/banner.jpg") center bottom no-repeat;
		background-size:cover;
	}
}
@media screen and (max-width: 800px) {
	.ce_banner {
		background:url("../../files/vb-holzundbau/images_system/banner_small.jpg") center bottom no-repeat;
		background-size:cover;
	}
}*/
.ce_banner .ce_bar {
	position: absolute;
	bottom:0;
	width:50%;
	height:50%;
	left:-80%;
	/*overflow: hidden;*/
}
.ce_banner .ce_bar:before {
	background:rgba(255, 255, 255, 0.3);
	content:''; 
    position: absolute; 
    top:0;
    right:0; 
    width: 4000px; 
    height: 4000px;  
    transform-origin:right middle;
    transform: translateY(-50%) translateX(-110px) rotate(23deg);/*-130px 20deg*//*klassisch: -170px*/
    z-index:999;
}
.ce_banner .text {
	position: absolute;
	z-index:99999;
	top:10%;
	left:20px;
	width:calc(100% - 40px);
	font-family: "Ailerons-Regular";
	/*font-size:8vh;*/
	font-size:98px;/*5.2vw*/
	text-transform: uppercase;
	color:#fff;
	text-align:left;
	letter-spacing: -12px;
}
.ce_banner .text .first,
.ce_banner .text .second {
	display:block;
	margin: 0;
	padding:0;
	position:relative;
}
.ce_banner .text .first {
	top:0;
}
.ce_banner .text .second {
	top:0;
}
.ce_banner .text .first span,
.ce_banner .text .second span {
	display: block;
	position: absolute;
	left:0;
	top:20px;
	width:100%;
	opacity: 0;
}
.ce_banner .text .first,
.ce_banner .text .second,
.ce_banner .text .first span,
.ce_banner .text .second span {
	height:98px;	
}

.ce_skewed.single {
	width:100%;
	height:0;
	overflow: visible;
	position: relative;
	background:blue;
}
.ce_skewed.single .skewed.one,
.ce_skewed.single .skewed.second {
	position: absolute;
	/*height:34px; 1grad*/
	/*height:65px;*/
	height:3.7vw;/*3.7 without second*/
	width:100%;
	left:0;
	bottom:0;
	overflow: hidden;
}
.ce_skewed.single .skewed.one:before {
	position: absolute;
	content:'';
	top:100%;
	left:0;
	transform:rotate(-2deg) translateY(-38%);
	background:#fff;
	width:2100px;
	height:100px;
	z-index:9999;
}
.ce_skewed.single .skewed.second:before {
	position: absolute;
	content:'';
	top:100%;
	right:0;
	transform:rotate(-5deg) translateY(-20%);
	background:blue;
	width:5000px;
	height:5000px;
	z-index:9999;
	display: none;
}
/*Slider*/
.ce_swiper {
	width:100%;
	padding:0;
	margin:0;
	background-size:cover;
	overflow:hidden;
	position: relative;
}
.swiper-slide {
	width:100%;
	position: relative;
	overflow: hidden;
}
.ce_swiper:before {
	position:absolute;
	content:'';
	top:100%;
	left:0;
	width:2100px;
	height:100px;
	z-index:9999;
	background:#fff;
	transform:rotate(-2deg);
	transform-origin: top left;
}
/*staff*/
.ce_swiper.startseite .slide-1 {
	background:url("../../files/vb-holzundbau/content/images/1_startseite/swiper/1.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.startseite .slide-2 {
	background:url("../../files/vb-holzundbau/content/images/1_startseite/swiper/2.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.startseite .slide-3 {
	background:url("../../files/vb-holzundbau/content/images/1_startseite/swiper/2.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.startseite .slide-4 {
	background:url("../../files/vb-holzundbau/content/images/1_startseite/swiper/4.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.startseite .slide-5 {
	background:url("../../files/vb-holzundbau/content/images/1_startseite/swiper/5.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.startseite .slide-6 {
	background:url("../../files/vb-holzundbau/content/images/1_startseite/swiper/6.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.startseite .slide-7 {
	background:url("../../files/vb-holzundbau/content/images/1_startseite/swiper/7.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.startseite .slide-8 {
	background:url("../../files/vb-holzundbau/content/images/1_startseite/swiper/8.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.startseite .slide-9 {
	background:url("../../files/vb-holzundbau/content/images/1_startseite/swiper/9.jpg") bottom center no-repeat;
	background-size:cover;
}
.ce_swiper.startseite .slide-10 {
	background:url("../../files/vb-holzundbau/content/images/1_startseite/swiper/10.jpg") bottom center no-repeat;
	background-size:cover;
}
.ce_swiper.startseite .slide-11 {
	background:url("../../files/vb-holzundbau/content/images/1_startseite/swiper/11.jpg") bottom center no-repeat;
	background-size:cover;
}


.ce_swiper.startseite .slide-12,
.ce_swiper.holzbau .slide-12 {
	background:url("../../files/vb-holzundbau/content/images/1_startseite/swiper/12.jpg") bottom center no-repeat;
	background-size:cover;
}
.ce_swiper.startseite .slide-13 {
	background:url("../../files/vb-holzundbau/content/images/1_startseite/swiper/13.jpg") bottom center no-repeat;
	background-size:cover;
}
.ce_swiper.startseite .slide-14,
.ce_swiper.gebauudehuellen .slide-14 {
	background:url("../../files/vb-holzundbau/content/images/1_startseite/swiper/14.jpg") bottom center no-repeat;
	background-size:cover;
}
.ce_swiper.startseite .slide-15,
.ce_swiper.gebauudehuellen .slide-15 {
	background:url("../../files/vb-holzundbau/content/images/1_startseite/swiper/15.jpg") center center no-repeat;
	background-size:cover;
}

/*staff*/
.ce_swiper.staff .slide-1 {
	background:url("../../files/vb-holzundbau/content/images/3_ueber_uns/swiper/1.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.staff .slide-2 {
	background:url("../../files/vb-holzundbau/content/images/3_ueber_uns/swiper/2.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.staff .slide-3 {
	background:url("../../files/vb-holzundbau/content/images/3_ueber_uns/swiper/3.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.staff .slide-4 {
	background:url("../../files/vb-holzundbau/content/images/3_ueber_uns/swiper/4.jpg") bottom center no-repeat;
	background-size:cover;
}
.ce_swiper.staff .slide-5 {
	background:url("../../files/vb-holzundbau/content/images/3_ueber_uns/swiper/5.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.staff .slide-6 {
	background:url("../../files/vb-holzundbau/content/images/3_ueber_uns/swiper/6.jpg") center center no-repeat;/*center -150px*/
	background-size:cover;
}
/*holzbau*/
.ce_swiper.holzbau .slide-1 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/1_holzbau/swiper/1.jpg") top center no-repeat;
	background-size:cover;
}
.ce_swiper.holzbau .slide-2 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/1_holzbau/swiper/2.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.holzbau .slide-3 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/1_holzbau/swiper/3.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.holzbau .slide-5 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/1_holzbau/swiper/5.jpg") top center no-repeat;
	background-size:cover;
}
.ce_swiper.holzbau .slide-7 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/1_holzbau/swiper/7.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.holzbau .slide-8 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/1_holzbau/swiper/8.jpg") center center no-repeat;/*center -150px*/
	background-size:cover;
}
/*innenausbau*/
.ce_swiper.innenausbau .slide-1 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/2_innenausbau/swiper/1.jpg") bottom center no-repeat;
	background-size:cover;
}
.ce_swiper.innenausbau .slide-2 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/2_innenausbau/swiper/2.jpg") bottom center no-repeat;
	background-size:cover;
}
/*renovation & sanierung*/
.ce_swiper.renovationen_sanierungen .slide-1 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/3_renovationen_&_sanierungen/swiper/1.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.renovationen_sanierungen .slide-2 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/3_renovationen_&_sanierungen/swiper/2.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.renovationen_sanierungen .slide-4 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/3_renovationen_&_sanierungen/swiper/4.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.renovationen_sanierungen .slide-5 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/3_renovationen_&_sanierungen/swiper/5.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.renovationen_sanierungen .slide-6 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/3_renovationen_&_sanierungen/swiper/6.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.renovationen_sanierungen .slide-8 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/3_renovationen_&_sanierungen/swiper/8.jpg") center center no-repeat;
	background-size:cover;
}
/*gebäudehüllen*/
.ce_swiper.gebauudehuellen .slide-3 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/4_gebauudehuellen/swiper/3.jpg") bottom center no-repeat;
	background-size:cover;
}
.ce_swiper.gebauudehuellen .slide-4 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/4_gebauudehuellen/swiper/4.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.gebauudehuellen .slide-6 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/4_gebauudehuellen/swiper/6.jpg") center center no-repeat;
	background-size:cover;
}
/*fenster dachfesnter*/
.ce_swiper.fenster_dachfenster .slide-1 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/5_fenster_dachfenster/swiper/1.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.fenster_dachfenster .slide-2 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/5_fenster_dachfenster/swiper/2.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.fenster_dachfenster .slide-3 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/5_fenster_dachfenster/swiper/3.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.fenster_dachfenster .slide-4 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/5_fenster_dachfenster/swiper/4.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.fenster_dachfenster .slide-5 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/5_fenster_dachfenster/swiper/5.jpg") center center no-repeat;
	background-size:cover;
}
.ce_swiper.fenster_dachfenster .slide-6 {
	background:url("../../files/vb-holzundbau/content/images/2_dienstleistungen/5_fenster_dachfenster/swiper/6.jpg") center center no-repeat;
	background-size:cover;
}
/*.ce_swiper .bottom {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:72px;
	z-index:9;
	background:red;
}
.ce_swiper .bottom .bar {
	position:absolute;
	top:0;
	right:0;
	width:2500px;
	height:500px;
	transform: rotate(-2deg);
	transform-origin:100% 0;
	background:#fff;
}*/
.ce_swiper .swiper-button-prev,
.ce_swiper .swiper-button-next {
	position: absolute;
	top:calc(30vh - 72px);
	height:62px;
	width:40px;
	background:none !important;
	transition:all .15s ease-in-out;
}
.ce_swiper .swiper-button-prev {
	left:20px;
}
.ce_swiper .swiper-button-prev:hover {
	left:10px;
}
.ce_swiper .swiper-button-next {
	right:20px;
}
.ce_swiper .swiper-button-next:hover {
	right:10px;
}
/*.ce_swiper .swiper-button-next .upper_bar,
.ce_swiper .swiper-button-next .bottom_bar,
.ce_swiper .swiper-button-prev .upper_bar,
.ce_swiper .swiper-button-prev .bottom_bar {
	position: absolute;
	width:44px;
	height:5px;
	background:#fff;
}
.ce_swiper .swiper-button-prev .upper_bar,
.ce_swiper .swiper-button-prev .bottom_bar {
	left:0;
}
.ce_swiper .swiper-button-next .upper_bar,
.ce_swiper .swiper-button-next .bottom_bar {
	right:0;
}
.ce_swiper .swiper-button-prev .upper_bar {
	transform: rotate(-45deg);
	transform-origin:0 0;
	top:31px;
}
.ce_swiper .swiper-button-prev .bottom_bar {
	transform: rotate(45deg);
	transform-origin:0 100%;
	top:26px;
}
.ce_swiper .swiper-button-next .upper_bar {
	transform: rotate(45deg);
	transform-origin:100% 0;
	top:31px;
}
.ce_swiper .swiper-button-next .bottom_bar {
	transform: rotate(-45deg);
	transform-origin:100% 100%;
	top:26px;
}*/
/*.ce_swiper .swiper-slide .text {
	position: absolute;
	width:90%;
	left:10vh;
	z-index:99;
	font-family: 'Ailerons';
	font-size:8vh;
	text-transform: uppercase;
	color:#fff;
	text-align:left;
	letter-spacing: -12px;
}
.ce_swiper .swiper-slide.slider_01 .text {
	top:13vh;
	opacity: 0;
}
.ce_swiper .swiper-slide.slider_02 .text {
	top:10vh;
}
.ce_swiper .swiper-slide.slider_01 .ce_slider_01,
.ce_swiper .swiper-slide.slider_02 .ce_slider_02 {
	width:calc(50% + 100px);
	position: absolute;
	top:0;
}
.ce_swiper .swiper-slide.slider_01 .ce_slider_01 {
	left:calc(-50% - 100px);
}
.ce_swiper .swiper-slide.slider_02 .ce_slider_02 {
	left:0;
}
.ce_swiper .swiper-slide.slider_01 .ce_slider_01 .bar,
.ce_swiper .swiper-slide.slider_02 .ce_slider_02 .bar {
	position: absolute;
	transform: rotate(30deg);
	transform-origin:right top;
	width:2000px;
	height:2000px;
	right:0;
	top:0;
}*/
.ce_swiper,
.swiper-slide/*,
.ce_swiper .swiper-slide.slider_01 .ce_slider_01,
.ce_swiper .swiper-slide.slider_02 .ce_slider_02*/ {
	height:60vh;
}
/*Startseite - Slider 01*/
.ce_swiper .swiper-slide.slider_01 {
	background:url("../../files/vb-holzundbau/images_system/AdobeStock_99934797 - Kopie2.jpg") center bottom no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
}
.ce_swiper .swiper-slide.slider_01 .ce_slider_01 .bar {
	background:rgba(255, 255, 255, 0.3);
}
/*Startseite - Slider 02*/
.ce_swiper .swiper-slide.slider_02 {
	background:url("../../files/vb-holzundbau/images_system/AdobeStock_90185526_klein.jpg") center center no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
}
.ce_swiper .swiper-slide.slider_02 .ce_slider_02 .bar {
	background:rgba(28, 101, 125, 0.4);
}




/* -Container- */
/*Content*/
#container .mod_article {
	box-sizing: border-box;
	padding:0px 40px;
}
body.projekte #container .mod_article,
body.contact #container .mod_article {
	box-sizing: border-box;
	padding:0px 40px 0px 40px;
}
body.singleproject #container .mod_article {
	width:100%;
	padding:0;
	margin:0;
}
body.singleproject #container .mod_article .ce_text {
	padding:0px 80px;
}
#container .ce_text,
#container .ce_download,
body.contact #container .form_contact,
#container .ce_gallery .caption,
#container .ce_staff .caption {
	font-family: 'Montserrat', sans-serif;
	font-size:25px;
	color:#434d4b;
	font-weight:300;
	box-sizing: border-box;
	padding:0px 40px;
}
#container .ce_staff .caption {
	font-size:22px;
}
#container .ce_staff .person .caption strong {
	font-weight:500;
	display:block;
	margin:0 0 10px 0;
}
#container .ce_text h1,
#container h1.ce_headline,
#container .ce_gallery h1,
#container .ce_text h2,
#container h2.ce_headline,
body.contact #container .ce_map h2,
body.contact #container .form_contact h2 {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	color:#434d4b;
	font-weight:300;
	hyphens: auto;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
}
#container .ce_text h1,
#container h1.ce_headline,
#container .ce_gallery h1 {
	font-size:60px;
	margin:30px auto 20px auto;
	text-align:center;
}
#container .ce_text h2,
#container h2.ce_headline,
body.contact #container .ce_map h2,
body.contact #container .form_contact h2 {
	font-size:40px;
}
#container .ce_text p strong {
	font-weight:600;
}
#container .ce_text p a,
#container .ce_download p a,
body.contact #container .form_contact p a {
	color:#b09a69;
	text-decoration: none;
}
#container .ce_text p a:hover,
#container .ce_download p a:hover,
body.contact #container .form_contact p a:hover {
	color:#000;
}
/*ce_text list*/
#container .ce_text ul {
	list-style-type:none;
	list-style: none;
	margin: 0;
	padding: 0;
}
#container .ce_text ul li {
	margin: 0 0 2px 0;
}
#container .ce_text ul li:first-child {
	margin: -8px 0 0 0;
}
#container .ce_text ul li:first-child {
	margin: -8px 0 0 0;
}
#container .ce_text ul li ul li:first-child {
	margin: 2px 0 0 0;
}
#container .ce_text ul li ul li:last-child {
	margin: 0 0 2px 0;
}
#container .ce_text ul li:last-child {
	margin: 0 0 20px 0;
}
#container .ce_text ul > li:before {
    display: inline-block;
    content: "-";
    font-weight: 600;
    width: 20px;
    margin-left: -20px;
}
#container .ce_text ul {
	margin: 0 0 0 30px;
}
/*download*/
#container .ce_download a {
	display: inline-block;
	background: #f1f1f1;
	padding: 10px 12px;
	font-weight: 400;
	color: #85754f;
}
/**/
#container .ce_text strong a,
#container .ce_text a strong {
	font-weight: 500;
	cursor: pointer;
}
/*headline*/
#container .head.bar {
	margin:31px auto 40px auto;
	height:4px;
	width:100px;
	background:#c3ac77;
}
@media screen and (max-width: 1022px) {
	#container .head.bar {
		margin:25px auto 30px auto;
		height:2px;
		width:70px;
	}
}
/*Form - Footer*/
footer form#form_footer {
	width:100%;
	height:45px;
	position: relative;
	border:none;
	border-bottom:2px solid #3a3838;
}
footer form#form_footer.false {
	border-bottom:2px solid #f34e4e;
}
footer form#form_footer.false input,
footer form#form_footer.false button {
	background:#ffcbcb;
	border-radius: 0px;
}
footer form#form_footer.false button .bar_container .upper_bar,
footer form#form_footer.false button .bar_container .middle_bar,
footer form#form_footer.false button .bar_container .bottom_bar {
	background:#f34e4e;
}
footer form#form_footer input {
	left:0;
	width:calc(100% - 45px);
	padding:12px 10px 10px 5px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size:18px;
	outline:none !important;
}
footer form#form_footer button {
	width: 45px;
	right:0;
	cursor: pointer;
}
footer form#form_footer input,
footer form#form_footer button {
	position: absolute;
	top:0;
	height:45px;
	box-sizing: border-box;
	border:none;
	background: #fff;
}
footer form#form_footer button .bar_container,
form#form_contact button .bar_container  {
	width: 45px;
	height:43px;
	position: absolute;
	top:0;
	transition:all .15s ease-in-out;
}
form#form_contact button .bar_container {
	right:10px;
}
form#form_contact button:hover .bar_container {
	right:0;
}
footer form#form_footer button .bar_container {
	left:0;
}
footer form#form_footer button:hover .bar_container {
	left:10px;
}
footer form#form_footer button .bar_container .upper_bar,
form#form_contact button .bar_container .upper_bar {
	position: absolute;
	top:12px;
	left:20px;
	height:2px;
	width:17px;
	transform: rotate(45deg);
	transform-origin:0 0;
}
footer form#form_footer button .bar_container .bottom_bar,
form#form_contact button .bar_container .bottom_bar {
	position: absolute;
	top:34px;
	left:20px;
	height:2px;
	width:17px;
	transform: rotate(-45deg);
	transform-origin:left bottom;
}
footer form#form_footer button .bar_container .middle_bar,
form#form_contact button .bar_container .middle_bar {
	position: absolute;
	top:23px;
	left:4px;
	height:2px;
	width:26px;
}
footer form#form_footer button .bar_container .upper_bar,
footer form#form_footer button .bar_container .bottom_bar,
footer form#form_footer button .bar_container .middle_bar {
	background:#3a3838;
}
form#form_contact button .bar_container .upper_bar,
form#form_contact button .bar_container .bottom_bar,
form#form_contact button .bar_container .middle_bar {
		background:#85754f;;
}
form#form_contact button:hover .bar_container .upper_bar,
form#form_contact button:hover .bar_container .bottom_bar,
form#form_contact button:hover .bar_container .middle_bar {
	background:#3a3838;
}
/*Form - Contact*/ /*Pendenz: Padding um body.contact #container .form_contact anschauen*/
/**/
form#form_contact #email_sec {
	display: none;
	}
/**/
body.contact #container .form_contact,
body.contact #container .ce_map {
	background:#f9f9f9;
	box-sizing: border-box;
	width:100%;
}
body.contact #container .form_contact {
	padding:1px 40px 10px 40px;
}
body.contact #container .ce_map {
	margin-bottom:20px;
	padding:1px 40px 40px 40px;
}
form#form_contact {
	width:100%;
	margin:20px 0 0 0;
}
form#form_contact input,
form#form_contact textarea {
	display:block;
	width:100%;
	border:none;
	background:#f1f1f1;
	margin:0 0 20px 0;
	box-sizing: border-box;
	padding:12px 10px 10px 5px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size:21px;
	border-bottom:2px solid #d4d4d4;
	outline:none !important;
}
form#form_contact textarea {
	max-width: 100%;
	min-width:100%;
	min-height:20vh;
	height:40vh;
	max-height:50vh;
}
form#form_contact input.false,
form#form_contact textarea.false {
	border-bottom:2px solid #f34e4e;
	background:#ffcbcb;
}
form#form_contact p.false {
	color:#f34e4e;
}
form#form_contact button {
	background: #c3ac77;
	width:100%;
	padding:15px 0;
	border:none;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color:#85754f;
	cursor:pointer;
	margin:0 0 30px 0;
	text-align: center;
	position: relative;
	transition:all .15s ease-in-out;
	border-radius: 0px;
}
form#form_contact button:hover {
	background: #d4d4d4;
	color:#3a3838;
}
form#form_contact .g-recaptcha {
	margin:20px 0;
}
.form_contact .success {
	display: block;
	border:2px solid #a3d9a7;
	background:#bfebc2;
	padding:20px 20px 10px 20px;
	margin:0 0 40px 0;
}
.form_contact .success a {
	display: inline-block;
	margin:0 auto;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:14px;
	color:#698e6c !important;
	text-transform: uppercase;
	border:3px solid #698e6c;
	padding:10px 20px;
	transition:all .15s ease-in-out;
}
.form_contact .success a:hover {
	background:#698e6c;
	color:#fff !important;
}
button {
	outline:none !important;
}
/*Content (Kontakt)*/
body.contact #container .ce_text {
	position:relative;
	float:left;
	width:calc(50% - 10px);
	box-sizing: border-box;
	/*margin:0 20px 20px 0;*/
	background:#f9f9f9;
	height:33vh;
	min-height:380px;
}
body.contact #container .ce_text.address {
	margin:0 10px 20px 0;
}
body.contact #container .ce_text.otimes {
	margin:0 0 20px 10px;
}
body.contact #container .ce_map #map {
	width:100%;
	background:#f9f9f9;
	height:50vh;
	margin:0 auto;
}
/*Hyperlink Projekte*/
body.projekte #container .ce_hyperlink {
	position:relative;
	float:left;
	width:calc(50% - 20px);
	box-sizing: border-box;
	margin:0 20px 20px 0;
}
body.projekte #container .ce_hyperlink a {
	display: block;
	position: relative;
	overflow: hidden;
}
body.projekte #container .ce_hyperlink,
body.projekte #container .ce_hyperlink a,
body.projekte #container .ce_hyperlink a .ce_hyperlink_image,
body.projekte #container .ce_hyperlink .bc {
	height:34vh;
}
body.projekte #container .ce_hyperlink a,
body.projekte #container .ce_hyperlink a .ce_hyperlink_image,
body.projekte #container .ce_hyperlink .bc
{
	width:100%;
}
body.projekte #container .ce_hyperlink a .ce_hyperlink_image,
body.projekte #container .ce_hyperlink .bc,
body.projekte #container .ce_hyperlink a img,
body.projekte #container .ce_hyperlink .bc .text {
	transition:all .15s ease-in-out;
}
body.projekte #container .ce_hyperlink a .ce_hyperlink_image {
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
}
body.projekte #container .ce_hyperlink a img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	filter: blur(2px);
}
body.projekte #container .ce_hyperlink a:hover img {
	filter: blur(0);
	filter: contrast(1);
}
body.projekte #container .ce_hyperlink .bc {
	position: absolute;
	top:0;
	left:0;
	background:rgba(89, 88, 87, 0.6);
	text-align:center;
}
body.projekte #container .ce_hyperlink a:hover .bc {
	background:rgba(89, 88, 87, 0);
}
body.projekte #container .ce_hyperlink h2 {
	display:none;
}
body.projekte #container .ce_hyperlink .bc .text {
	margin:calc(17vh - 26px) auto;
	text-align:center;
	color:#fff;
	display:inline-block;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border:2px solid #fff;
	padding:20px 25px;
}
body.projekte #container .ce_hyperlink a:hover .bc .text {
	background:#fff;
	color:#907f59;
}
/*Gallery*/
.ce_swiper_gallery {
	/*margin:-40px auto;
	padding-left:-40px;
	width:calc(100% + 80px);*/
}
/*Dienstleistungen*/
.ce_tight {
	width:90%;
	margin:0 auto;
}
.ce_tight .bar.top,
.ce_tight .bar.bottom {
	margin:31px auto 39px auto;/*50px auto 100px auto*/
	height:4px;/*12*/
	background:#c3ac77;/*c3ac77*/
	width:100px;/*20%*/
	display:none;
}
.ce_tight .bar.bottom {
	margin:-30px auto 14px auto;
	display:none;
}
body #container .ce_text.btn p {
	text-align:left !important;
}

body #container .ce_text.btn h2 {
	margin:0 0 20px 0; /*0 0 10px 0*/
	display: block;
	text-align:left !important;
}
body #container .ce_text.btn a {
	background: #c3ac77;
	width:auto;
	padding:15px 20px;
	border:none;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color:#85754f;
	cursor:pointer;
	margin:30px 0 0 0;
	text-align: center;
	position: relative;
	transition:all .15s ease-in-out;
	border-radius: 0px;
	display: inline-block;
}
body #container .ce_text.btn a:hover {
	background: #d4d4d4;
	color:#3a3838;
}
body #container .ce_text .what-we-do {
	position: absolute;
	width:80%;
	top:50%;
	right:10%;
	transform: translateY(-50%);
}
body #container .ce_text.right,
body #container .ce_image.right,
body #container .ce_text.left,
body #container .ce_image.left {
	height:35vh;
	min-height:400px;/*360*/
	max-height:500px;
	margin:0 0 100px 0;
}
body #container .ce_text.last,
body #container .ce_image.last {
	margin:0;
}
body #container .ce_image.right,
body #container .ce_image.left {
	width:calc(60% - 13px);
	position: relative;
	overflow:none;
}
body #container .ce_text.right,
body #container .ce_text.left {
	width:40%;
	/*text-align: center;*/
	position: relative;
	/*background:#f9f9f9;*/
}
/*cover*/
body #container .ce_image.right .cover.side.left,
body #container .ce_image.right .cover.side.right,
body #container .ce_image.left .cover.side.left,
body #container .ce_image.left .cover.side.right {
	position:absolute;
	top:0;
	width:100px;
	height:500px;
	background:#fff;/*f1f1f1*/
	/*display:none;*/
}
body #container .ce_image .cover.side.right {
	left:100%;
	transform: rotate(3deg);
	transform-origin: top left;
}
body #container .ce_image .cover.side.left {
	right:100%;
	transform: rotate(-3deg);
	transform-origin: top right;
}
body #container .ce_image.right .cover.side.left,
body #container .ce_image.left .cover.side.right {
	display:none;
}
body #container .ce_image.right .cover.bottom.left,
body #container .ce_image.left .cover.bottom.right {
	display:none;
}
body #container .ce_image.right .cover.bottom,
body #container .ce_image.left .cover.bottom {
	position: absolute;
	bottom:0;
	width:100px;
	height:1500px;
	background:#fff;/*f1f1f1*/
}
/*cover end*/
body #container .ce_image.right .image_container,
body #container .ce_image.left .image_container {
	width:100%;
	position:absolute;
	/*left:0;*/
	top:0;
	/*bottom:-2px;*//*-2px; holzbau 400px mit Südhallen*/
}
/*body #container .ce_image.right .image_container {
	left:-2px;
}
body #container .ce_image.left .image_container {
	right:-2px;
}*/
body #container .ce_image .image_container {
	bottom:-5px;
}

/*body #container .ce_image.holzbau .image_container {
	left:-2px;
}
body #container .ce_image.innenausbau .image_container {
	bottom:-5px;
}
body #container .ce_image.renovationen_sanierungen .image_container {
	top:0;
}*/
body #container .ce_image.gebauudehuellen .image_container {
	bottom:-60px;
}/*
body #container .ce_image.fenster_dachfenster .image_container {
	bottom:-2px;
}*/
body #container .ce_image.right .image_container img,
body #container .ce_image.left .image_container img {
	/*height:100%;*/
	/*filter: grayscale(100%);*/
	position: absolute;
	left:-10000%; right: -10000%; 
	top: -10000%; bottom: -10000%;
	margin: auto auto;
	min-width:calc(1000% + 5px);
	min-height:calc(1000% + 5px);
	-webkit-transform:scale(0.1);
	transform: scale(0.1);
	
}
/*right*/
body #container .ce_text.right,
body #container .ce_image.right {
	float:left;
}
body #container .ce_image.right {
	border-left:13px solid #c3ac77;
}
body #container .ce_image.right .cover.bottom.right {
	left:0;
	transform: rotate(89deg);
	transform-origin: bottom left;
}
/*left*/
body #container .ce_text.left,
body #container .ce_image.left {
	float:right;
}
body #container .ce_image.left {
	border-right:13px solid #c3ac77;
}
body #container .ce_image.left .cover.bottom.left {
	right:0;
	transform: rotate(-89deg);
	transform-origin: bottom right;
}
@media screen and (max-width: 1600px) {
	body #container .ce_text.right,
	body #container .ce_image.right,
	body #container .ce_text.left,
	body #container .ce_image.left {
		height:395px;
		min-height:395px;/*360*/
		max-height:395px;
		margin:0 0 85px 0;
	}
	body #container .ce_text.last,
	body #container .ce_image.last {
		margin:0;
	}
}
@media screen and (max-width: 1450px) {
	/*body #container .ce_text.right,
	body #container .ce_image.right,
	body #container .ce_text.left,
	body #container .ce_image.left {
		height:400px;
		min-height:400px;
		max-height:400px;
		margin:0 0 85px 0;
	}*/
	body #container .ce_image.right,
	body #container .ce_image.left {
		width:calc(55% - 10px);
	}
	body #container .ce_text.right,
	body #container .ce_text.left {
		width:45%;
	}
	/*right*/
	body #container .ce_image.right {
		border-left:10px solid #c3ac77;
	}
	/*left*/
	body #container .ce_image.left {
		border-right:10px solid #c3ac77;
	}
}
@media screen and (max-width: 1300px) {
	.ce_tight {
		width:100%;
	}
	body #container .ce_text.right,
	body #container .ce_image.right,
	body #container .ce_text.left,
	body #container .ce_image.left {
		height:370px;
		min-height:370px;/*360*/
		max-height:370px;
		margin:0 0 85px 0;/*85px*/
	}
	body #container .ce_text.last,
	body #container .ce_image.last {
		margin:0;
	}
	body #container .ce_image.right,
	body #container .ce_image.left {
		width:calc(60% - 8px);
	}
	body #container .ce_text.right,
	body #container .ce_text.left {
		width:40%;
	}
	/*right*/
	body #container .ce_image.right {
		border-left:8px solid #c3ac77;
	}
	/*left*/
	body #container .ce_image.left {
		border-right:8px solid #c3ac77;
	}
}
@media screen and (max-width: 1200px) {
	/*body #container .ce_text.right,
	body #container .ce_text.left {
		font-size:22px;
	}*/
	body #container .ce_text.btn h2 {
		font-size:32px;
	}
	body #container .ce_text.right,
	body #container .ce_image.right,
	body #container .ce_text.left,
	body #container .ce_image.left {
		height:370px;
		min-height:370px;/*360*/
		max-height:370px;
		margin:0 0 60px 0;/*85px*/
	}
	body #container .ce_text.last,
	body #container .ce_image.last {
		margin:0;
	}
}
@media screen and (max-width: 1022px) {
	/*Dienstleistungen*/
	/*body #container .ce_text.right,
	body #container .ce_image.right,
	body #container .ce_text.left,
	body #container .ce_image.left {
		height:370px;
		min-height:370px;
		max-height:370px;
	}*/
	.ce_tight .bar.top,
	.ce_tight .bar.bottom {
		margin:21px auto 30px auto;/*50px auto 100px auto*/
		height:2px;/*12*/
		background:#c3ac77;/*c3ac77*/
		width:70px;/*20%*/
	}
	body #container .ce_text .what-we-do {
		position: static;
		width:100%;
		top:auto;
		right:auto;
		transform:none;
	}
	body #container .ce_image.right,
	body #container .ce_image.left {
		width:100%;
		display: block;
		border-right:0;
		border-left:0;
		border-top:4px solid #c3ac77;
		margin:0 0 20px 0;
		height:240px;
		min-height:240px;/*360*/
		max-height:240px;
	}
	body #container .ce_text.right,
	body #container .ce_text.left {
		width:100%;
		display: block;
		/*margin:0 0 10px 0;*/
		margin:0;
		padding:20px 20px 10px 20px;
		text-align: center;
		height:auto;
		min-height:100px;/*360*/
		max-height:370px;
		background:#f8f8f8;
	}
	body #container .ce_text.btn h2,
	body #container .ce_text.btn p {
		text-align:center !important;
	}
	body #container .ce_text.btn h2 {
		font-weight:400;
	}
	body #container .ce_text.last,
	body #container .ce_image.last {
		margin:0;
	}
	
	body #container .ce_image.right .cover.side.left,
body #container .ce_image.left .cover.side.right {
	display:block;
}
	body #container .ce_image.right .cover.side.left,
	body #container .ce_image.right .cover.side.right,
	body #container .ce_image.left .cover.side.left,
	body #container .ce_image.left .cover.side.right {
		background:#fff;
		display:none;
	}
	/*body #container .ce_image .cover.side.right {
		transform: rotate(0deg);
	}
	body #container .ce_image .cover.side.left {
		transform: rotate(0deg);
	}*/
	/*body #container .ce_image.right .cover.side.left,
	body #container .ce_image.left .cover.side.right {
		display:inline-block;
	}
	body #container .ce_image.right .cover.bottom,
	body #container .ce_image.left .cover.bottom {
		background:#fff;
	}*/
	/*body #container .ce_image.right .cover.bottom.left {
		right:0;
		transform: rotate(-89deg);
		transform-origin: bottom right;
		display:block;
		display:none;
	}
	body #container .ce_image.left .cover.bottom.right {
		left:0;
		transform: rotate(88deg);
		transform-origin: bottom left;
		display:block;
	}*/
	body #container .ce_image.right .cover.bottom.right,
	body #container .ce_image.left .cover.bottom.left {
		left:0;
		transform: rotate(88.2deg);
		transform-origin: bottom left;
	}
	
	body #container .ce_image.right .cover.bottom,
	body #container .ce_image.left .cover.bottom {
		background:#fff;
	}
	/*body #container .ce_image.gebauudehuellen .image_container {
		bottom:-20px;
	}*/
}

/*Mitarbeiter */
/*#container .ce_team {
	margin:0 auto;
	width:calc(100% - 80px);
}*/
body.newue #container .ce_team {
	margin:0 auto 50px auto;
	width:calc(100% - 200px);
	max-width:1300px;
	overflow:hidden;
	display:block;
}
body.newue #container .banner.vertical.staff {
	display:none;
}
body.newue #container .ce_staff {
	float:left;
	width:calc(100% + 60px);
	overflow:hidden;
	margin: 40px 0 -80px 0;
}
body.newue #container .ce_staff .person {
	width:calc(100%/3);
	margin:0 0 80px 0;
	float:left;
	display:inline-block;
	height:auto;
	min-height:720px;
}
body.newue #container .ce_staff .person .image {
	height:550px;/*420*/
	position: relative;
	transition:all .15s ease-in-out;
}

body.newue #container .ce_staff .person a {
		margin:0 0 -10px 0;
		display:block;
		color:#b09a69;
		font-weight:300;
		text-decoration:none;
}



/*#container .ce_staff {
	float:left;
	width:75%;
}
#container .banner.vertical.staff {
	float:left;
	width:25%;
	background:url("../../files/vb-holzundbau/content/images/3_ueber_uns/banner_vertical_grey.jpg") top right no-repeat;
	background-size: cover;
	height:1115px;
	position: relative;
	overflow: hidden;
}
#container .ce_staff,
#container .banner.vertical.staff {
	margin: 40px 0 -80px 0;
}
#container .banner.vertical.staff .bar.top {
	position: absolute;
	bottom:100%;
	left:0;
	width:1000px;
	height:50px;
	background:#fff;
	transform: rotate(3deg);
	transform-origin: bottom left;
}
#container .banner.vertical.staff .bar.bottom {
	position: absolute;
	top:100%;
	left:0;
	width:1000px;
	height:50px;
	background:#fff;
	transform: rotate(-3deg);
	transform-origin: top left;
}
#container .ce_staff .person {
	width:25%;
	margin:0 0 80px 0;
	float:left;
	display:inline-block;
	height:auto;
	min-height:530px;
}*/
#container .ce_staff .person .image {
	height:420px;
	position: relative;
	transition:all .15s ease-in-out;
}
#container .ce_staff .person .image .cover {
	display: none;
}
#container .ce_staff .person .image:hover > .cover {
	position: absolute;
	top:0;
	left:0;
	display: block;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
	z-index:9999;
}
#container .ce_staff .person .image .cover {
	padding:20px;
	color:#fff;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:14px;
	transition:all .15s ease-in-out;
}
#container .ce_staff .person .image .cover strong {
	display:block;
	margin:0 0 10px 0;
	font-weight:700;
	font-size:14px;
}
#container .ce_staff .person .image .cover a {
	color:#c3ac77;
	text-decoration: none;
}
#container .ce_staff .person .caption {
	padding:15px 0 0 0;
}
#container .ce_staff .person .image,
#container .ce_staff .person .caption {
	width:calc(100% - 60px);
}
#container .ce_staff .person .caption .bar {
	background:#c3ac77;
	width:40px;
	height:4px;
	margin:0 0 11px 0;
}
#container .ce_staff .person .image.r_vb {
	background:url("../../files/vb-holzundbau/content/images/3_ueber_uns/mitarbeiter/Robin_von_Bueren_Geschaeftsleitung_Projektleiter.jpg") center center no-repeat;
	background-size:cover;
}
#container .ce_staff .person .image.y_vb {
	background:url("../../files/vb-holzundbau/content/images/3_ueber_uns/mitarbeiter/Yves_von_Bueren_Geschaeftsleitung.jpg") center center no-repeat;
	background-size:cover;
}
#container .ce_staff .person .image.a_o {
	background:url("../../files/vb-holzundbau/content/images/3_ueber_uns/mitarbeiter/Alexander_Obrecht_Projektleiter.jpg") center center no-repeat;
	background-size:cover;
}
#container .ce_staff .person .image.j_o {
	background:url("../../files/vb-holzundbau/content/images/3_ueber_uns/mitarbeiter/Joël_Oester_Zimmermann.jpg") center center no-repeat;
	background-size:cover;
}
#container .ce_staff .person .image.d_o {
	background:url("../../files/vb-holzundbau/content/images/3_ueber_uns/mitarbeiter/Dominic_Otti_Zimmermann.jpg") center center no-repeat;
	background-size:cover;
}
#container .ce_staff .person .image.j_s {
	background:url("../../files/vb-holzundbau/content/images/3_ueber_uns/mitarbeiter/Jan_Schmocker_Zimmermann.jpg") center center no-repeat;
	background-size:cover;
}
#container .ce_staff .person .image.s_h {
	background:url("../../files/vb-holzundbau/content/images/3_ueber_uns/mitarbeiter/Shpat_Horuni_Holzbau_Arbeiter.jpg") center center no-repeat;
	background-size:cover;
}
#container .ce_staff .person .image.v_j {
	background:url("../../files/vb-holzundbau/content/images/3_ueber_uns/mitarbeiter/Valentin_Jaggi_Holzbau_Vorarbeiter.jpg") center center no-repeat;
	background-size:cover;
}
@media screen and (max-width: 1800px) {
	/*#container .banner.vertical.staff {
		height:980px;
	}
	#container .ce_staff .person {
		min-height:460px;
	}
	#container .ce_staff .person .image {
		height:350px;
	}*/
}
@media screen and (max-width: 1600px) {
	body.newue #container .ce_team {
		width:calc(100% - 80px);
	}
}
@media screen and (max-width: 1470px) {
	body.newue #container .ce_staff .person {
		width:50%;
		height:calc(60vw + 160px);
	}
	body.newue #container .ce_staff .person .image {
		height:60vw;
	}
}
@media screen and (max-width: 1022px) {
	body.newue #container .ce_team {
		width:100%;
	}
	body.newue #container .ce_staff .person {
		width:50%;
		
		
	}
	body.newue #container .ce_staff .person .image {
		width:calc(100% - 20px);
		
	}
		
	#container .ce_staff,
	#container .banner.vertical.staff {
		margin: 40px 0 -30px 0;
	}
}
@media screen and (max-width: 860px) {
	body.newue #container .ce_staff {
		float:left;
		width:100%;
	}
	body.newue #container .ce_staff .person {
		width:100%;
		min-height:100px;
		height:auto;
		margin:0 0 30px 0;
	}
	body.newue #container .ce_staff .person .image,
	body.newue #container .ce_staff .person .caption {
		width:100%;
		display:block;
	}
	body.newue #container .ce_staff .person .caption {
		background:#f9f9f9;
		padding:20px 20px 30px 20px;
	}
	body.newue #container .ce_staff .person.last .caption {
		background:#f9f9f9;
		padding:20px 20px 80px 20px;
	}
	body.newue #container .ce_staff .person .image {
		height:130vw;
	}
}
@media screen and (max-width: 860px) {
	body.newue #container .ce_staff .person .caption {
		font-size:19px;
	}
}
/* -Footer- */
footer {
	position:relative;
}
footer .swissmade,
footer nav {
	box-sizing: border-box;
}
/*Scroll to Top*/
footer .ce_scroll_to_top {
	width:100%;
	padding-bottom:40px;
	padding-top:20px;
}
footer .ce_scroll_to_top .scroll_to_top {
	position: relative;
	cursor: pointer;
}
footer .ce_scroll_to_top .scroll_to_top,
footer .ce_scroll_to_top .button {
	width:63px;
}
footer .ce_scroll_to_top,
footer .ce_scroll_to_top .scroll_to_top,
footer .ce_scroll_to_top .button {
	height:45px;/*45px*/
}
footer .ce_scroll_to_top,
footer .ce_scroll_to_top .scroll_to_top {
	margin:0 auto;
}
footer .ce_scroll_to_top .button {
	position: absolute;
	top:10px;
	left:0;
	transition:all .15s ease-in-out;
}
footer .ce_scroll_to_top .scroll_to_top:hover .button {
	top:0;
}
footer .ce_scroll_to_top .bar_left,
footer .ce_scroll_to_top .bar_right {
	position: absolute;
	top:0;
	left:-13px;
	width:44px;
	height:5px;
	background:#3a3838;
}
footer .ce_scroll_to_top .bar_left {
	transform: rotate(-45deg);
	transform-origin:right top;
}
footer .ce_scroll_to_top .bar_right {
	transform: rotate(45deg);
	transform-origin:0 0;
	left:32px;
}
/*Footer Content*/
footer .ce_text,
footer .socialmedia,
footer .ce_form_footer {
	position: relative;
	box-sizing: border-box;
}
footer .ce_text,
footer .ce_form_footer {
	width:25%;
	float:left;
	padding:0 0 0 40px;
}
footer .ce_form_footer {
	max-width:390px;
}
footer .footer_content_bar {
	position: absolute;
	top:5px;
	left:40px;
	width: 52px;
	height:4px;
	background:#c3ac77;
}
footer .ce_text h2,
footer .socialmedia h2,
footer .ce_form_footer h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	font-size:20px;
	text-transform: uppercase;
	color:#4a4a4a;
	margin:24px 0 20px 0;
}
footer .socialmedia h2 {
	margin:24px 0 20px 39px;	
}
footer .ce_text p,
footer .ce_form_footer p,
footer .footer_confirmation {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color:#707070;
}
footer .ce_text p,
footer .ce_form_footer p {
	font-size:16px;
	line-height:25px;
}
footer .footer_confirmation {
	font-size:13px;
	line-height:15px;
}
footer .ce_text p strong,
form#form_contact p.false strong {
	font-weight:500;
}
footer .ce_text p a,
footer .footer_confirmation a {
	color:#b09a69;
	text-decoration: none;
}
footer .ce_text p a:hover,
footer .footer_confirmation a:hover {
	color:#000;
}
footer .socialmedia {
	width:215px;/*212*/
	padding:0;
	margin:0px 40px 0 0;
	float:right;
	box-sizing: border-box;
}
footer .socialmedia a {
	display:inline-block;
	width:46px;
	height:46px;
	float:left;
	transition:all .15s ease-in-out;
}
footer .socialmedia a.instagram {
	/*margin:0; --> mit Facebook*/
	margin:0 0 0 31px;
}
footer .socialmedia a.facebook {
	margin:0 0 0 23px;
	display: none;
}
footer .socialmedia a.instagram {
	background:url("../../files/vb-holzundbau/images_system/instagram.png") center center no-repeat;
	background-size:cover;
}
footer .socialmedia a.instagram:hover {
	background:url("../../files/vb-holzundbau/images_system/instagram_hover.png") center center no-repeat;
	background-size:cover;
}
/*footer .socialmedia a.facebook {
	background:url("../../files/vb-holzundbau/images_system/facebook.png") center center no-repeat;
	background-size:cover;
}
footer .socialmedia a.facebook:hover {
	background:url("../../files/vb-holzundbau/images_system/facebook_hover.png") center center no-repeat;
	background-size:cover;
}*/
/*Subfooter*/
footer .subfooter {
	height:71px;
	width:100%;
	position:relative;
}
/*Navtigation*/
footer nav#nav_footer {
	margin:0 auto;
	padding:0;
	max-width: 2000px;
	position: relative;
	height:71px;
}
footer nav#nav_footer ul.level_1 {
	position: absolute;
	top:0;
	right:0;
	padding:28px 15px;
	z-index:99999999999999;
}
footer nav#nav_footer ul.level_1 li {
	float:right;
	padding:0 25px;
}
footer nav#nav_footer ul.level_1 li,
footer nav#nav_footer ul.level_1 li a,
footer nav#nav_footer ul.level_1 li strong {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color:#666;
	text-decoration: none;
}
footer nav#nav_footer ul.level_1 li.active strong,
footer nav#nav_footer ul.level_1 li a:hover {
	color:#b79f69;
}
/*Swissmade*/
footer .swissmade {
	position: absolute;
	left:0;
	bottom:71px;
	height:71px;
	width:650px;
	padding:20px 30px;
	font-family: "Ailerons-Regular";
	font-size:31px;
	position: relative;
	overflow: hidden;
}
footer .swissmade .text {
	position: absolute;
	color:#696969;
	z-index:999999999;
	top:20px;
	display:none;
}
footer .swissmade .bc {
	position:absolute;
	left:0;
	top:26px;
	width:2000px;
	height:2000px;
	background:#dedede;
	transform: rotate(4deg);
	transform-origin:0 0;
	z-index:9999999;
}
footer .swissmade .swissflag {
	position:absolute;
	height:30px;
	width:30px;
	background:#ee2626;
	top:20px;
	left:230px;
	z-index:999999999;
	display:none;
}
footer .swissmade .swissflag .bar_hor,
footer .swissmade .swissflag .bar_vert {
	background:#fff;
	width:18px;
	height:6px;
}
footer .swissmade .swissflag .bar_hor {
	position: absolute;
	top:12px;
	left:6px;
}
footer .swissmade .swissflag .bar_vert {
	position: absolute;
	top:12px;
	left:6px;
	transform: rotate(90deg);
}
/* -Responsive- */
@media screen and (max-width: 2000px) {
	/*Banner*/
	.ce_banner {
		height:60vh;
		min-height:540px;
	}
	.ce_banner .text {
		font-size:4.95vw;/*5.2vw*/
	}
	.ce_banner .text .first,
	.ce_banner .text .second,
	.ce_banner .text .first span,
	.ce_banner .text .second span {
		height:4.95vw;	
	}
}
@media screen and (max-width: 1800px) {
	/*Banner*/
	.ce_banner .text {
		font-size:5.1vw;
	}
	.ce_banner .text .first,
	.ce_banner .text .second,
	.ce_banner .text .first span,
	.ce_banner .text .second span {
		height:5.1vw;	
	}
}
@media screen and (max-width: 1600px) {
	/*Banner*/
	.ce_banner .text {
		font-size:5.2vw;
	}
	.ce_banner .text .first,
	.ce_banner .text .second,
	.ce_banner .text .first span,
	.ce_banner .text .second span {
		height:5.2vw;	
	}
}
@media screen and (max-width: 1400px) {
	/*Banner*/
	.ce_banner .text {
		font-size:5.45vw;
	}
	.ce_banner .text .first,
	.ce_banner .text .second,
	.ce_banner .text .first span,
	.ce_banner .text .second span {
		height:5.45vw;	
	}
}
@media screen and (max-width: 1200px) {
	/*Banner*/
	.ce_banner .text {
		font-size:5.75vw;
	}
	.ce_banner .text .first,
	.ce_banner .text .second,
	.ce_banner .text .first span,
	.ce_banner .text .second span {
		height:5.75vw;	
	}
}
@media screen and (max-width: 1000px) {
	/*Banner*/
	.ce_banner {
		min-height:470px;
	}
	.ce_banner .text {
		font-size:6.1vw;
	}
	.ce_banner .text .first,
	.ce_banner .text .second,
	.ce_banner .text .first span,
	.ce_banner .text .second span {
		height:6.1vw;	
	}
}
@media screen and (max-width: 800px) {
	/*Banner*/
	.ce_banner {
		min-height:470px;
	}
	.ce_banner .text {
		font-size:50px;
	}
	.ce_banner .text .first,
	.ce_banner .text .second,
	.ce_banner .text .first span,
	.ce_banner .text .second span {
		height:50px;	
	}
}
@media screen and (max-width: 720px) {
	/*Banner*/
	.ce_banner {
		min-height:400px;
		height:400px;
		max-height:400px;
	}
	.ce_banner .text {
		left:10px;
		width:calc(100% - 20px);
	}
	.ce_banner .ce_bar {
		width:375px;
	}
}
@media screen and (max-width: 500px) {/*klassisch 430px*/
	/*Banner*/
	.ce_banner .ce_bar {
		width:345px;
	}

	.ce_banner .text {
		font-size:45px;
		letter-spacing: -10px;
		top:15%;
	}
	.ce_banner .text .first,
	.ce_banner .text .second,
	.ce_banner .text .first span,
	.ce_banner .text .second span {
		height:45px;	
	}
}
@media screen and (max-width: 435px) {/*klassisch 400px*/
	/*Banner*/
	.ce_banner .ce_bar {
		width:330px;
	}

	.ce_banner .text {
		font-size:40px;
		letter-spacing: -8px;
		top:20%;
	}
	.ce_banner .text .first,
	.ce_banner .text .second,
	.ce_banner .text .first span,
	.ce_banner .text .second span {
		height:40px;	
	}
}
@media screen and (max-width: 420px) {/*klassisch 370px*/
	/*Banner*/
	.ce_banner {
		min-height:350px;
		height:350px;
		max-height:350px;
	}
	.ce_banner .ce_bar {
		width:270px;
	}

	.ce_banner .text {
		font-size:35px;
		letter-spacing: -8px;
		top:20%;
	}
	.ce_banner .text .first,
	.ce_banner .text .second,
	.ce_banner .text .first span,
	.ce_banner .text .second span {
		height:35px;	
	}
	.ce_banner .ce_bar:before {
		background:rgba(255, 255, 255, 0.3);
		content:''; 
	    position: absolute; 
	    top:0;
	    right:0; 
	    width: 4000px; 
	    height: 4000px;  
	    transform-origin:right middle;
	    transform: translateY(-50%) translateX(-140px) rotate(23deg);/*-130px 20deg*//*klassisch: -170px*/
	    z-index:999;
	}
}
@media screen and (max-width: 350px) {/*klassisch nicht vorhanden*/
	.ce_banner .text {
		font-size:33px;
	}
	.ce_banner .ce_bar:before {
		background:rgba(255, 255, 255, 0.3);
		content:''; 
	    position: absolute; 
	    top:0;
	    right:0; 
	    width: 4000px; 
	    height: 4000px;  
	    transform-origin:right middle;
	    transform: translateY(-50%) translateX(-150px) rotate(23deg);/*-130px 20deg*//*klassisch: -170px*/
	    z-index:999;
	}
}
@media screen and (max-width: 1350px) {
	/*Logo*/
	header .ce_logo {
		padding:15px 0 0 40px;
	}
	/*Navigation*/
	/*Level1*/
	header nav#nav_des_tab {
		right:25px;
	}
	header nav#nav_des_tab ul.level_1 li {
		padding:0px 12px;
	}
	header nav#nav_des_tab ul.level_1 li.active {
		margin:0px 12px;
	}
	/*Level2*/
	header nav#nav_des_tab ul.level_1 li.active ul.level_2 {
		left:-16px;
	}
	header nav#nav_des_tab ul.level_1 li ul.level_2 li a,
	header nav#nav_des_tab ul.level_1 li ul.level_2 li.active {
		padding:15px 16px;
	}
	/* -Footer- */
	footer nav#nav_footer ul.level_1 {
		padding:28px 25px;
	}
	footer nav#nav_footer ul.level_1 li {
		padding:0 15px;
	}
	.ce_swiper .swiper-slide .text {
		font-size:8vw;
		left:5vh;
	}
}
@media screen and (max-width: 1200px) {
	/* -Footer- */
	footer nav#nav_footer ul.level_1 {
		padding:28px 30px;
	}
	footer nav#nav_footer ul.level_1 li {
		padding:0 8px;
	}
	/*Swissmade*/
	footer .swissmade {
		bottom:63px;
		width:550px;
		height:63px;
	}
	footer .swissmade .text {
		top:15px;
		font-size:25px;
		left:36px;
	}
	footer .swissmade .swissflag {
		top:12px;
		left:200px;
	}
}
@media screen and (max-width: 1200px) {
	/* -Header- */
	header {
		height:90px;
	}
	/*Logo*/
	header .ce_logo {
		padding:15px 0 0 60px;
	}
	header .ce_logo .logo,
	header .ce_logo .logo a {
		width:207px;
		height:60px;
	}
	header .ce_logo .logo .upper_text_left,
	header .ce_logo .logo .upper_text_right {
		height:40px;
		line-height: 23px;
		letter-spacing: -1px;
	}
	header .ce_logo .logo .upper_text_left,
	header .ce_logo .logo .upper_text_right {
		font-size:38px;
	}
	header .ce_logo .logo .upper_text_left {
		position: absolute;
		left:-1px;/*-0.5%*/
	}
	header .ce_logo .logo .upper_text_right {
		position: absolute;
		left:77px;
	}
	header .ce_logo .logo .line {
		position: absolute;
		top:36px;
		height:1px;
	}
	header .ce_logo .logo .down_text_middle {
		position: absolute;
		top:36px;
		left:42px;
		font-size:19px;
		line-height: 33px;
		letter-spacing: 0.1px;
	}
	/*Navigation*/
	header nav#nav_des_tab {
		right:45px;
	}
	header nav#nav_des_tab ul.level_1 li {
		padding:0px 15px;
	}
	header nav#nav_des_tab ul.level_1 li span {
		border-top:solid #fff 3px;
	}
	header nav#nav_des_tab ul.level_1 li,
	header nav#nav_des_tab ul.level_1 li a,
	header nav#nav_des_tab ul.level_1 li.active,
	header nav#nav_des_tab ul.level_1 li.active strong {
		font-size:18px;
	}
	header nav#nav_des_tab ul.level_1 li.active {
		margin:0px 15px;
	}
	header nav#nav_des_tab ul.level_1 li span,
	header nav#nav_des_tab ul.level_1 li.active {
		padding:49px 0px 20px 0px;
	}
	header nav#nav_des_tab ul.level_1 li:hover span,
	header nav#nav_des_tab ul.level_1 li.trail span,
	header nav#nav_des_tab ul.level_1 li.active {
		border-top:solid #b79.f69 3px;
	}
	/*Level 2*/
	header nav#nav_des_tab ul.level_1 li ul.level_2 {
		top:90px;
		width:270px;
	}
	header nav#nav_des_tab ul.level_1 li.active ul.level_2 {
		top:86px;
		left:-20px;
	}
	header nav#nav_des_tab ul.level_1 li ul.level_2 li a,
	header nav#nav_des_tab ul.level_1 li ul.level_2 li.active {
		padding:15px 20px;
	}
	#container .ce_text {
		font-size:22px;
	}
	#container .ce_text h2, {
		font-size:28px;/*30px*/
	}
}
@media screen and (max-height: 800px) {
	body.projekte #container .ce_hyperlink,
	body.projekte #container .ce_hyperlink a,
	body.projekte #container .ce_hyperlink a .ce_hyperlink_image,
	body.projekte #container .ce_hyperlink .bc {
		height:46vh;
	}
	body.projekte #container .ce_hyperlink .bc .text {
		margin:calc(23vh - 26px) auto;
	}
	/*Swiper*/
	.ce_swiper,
	.swiper-slide,
	.ce_swiper .swiper-slide.slider_01 .ce_slider_01,
	.ce_swiper .swiper-slide.slider_02 .ce_slider_02 {
		height:80vh;
	}
	.ce_swiper .swiper-button-prev,
	.ce_swiper .swiper-button-next {
		top:calc(40vh - 50px);
	}
	.ce_swiper .bottom {
		height:50px;
	}
}
@media screen and (max-width: 1100px) {
	/*Logo*/
	header .ce_logo {
		padding:15px 0 0 40px;
	}
		/*Navigation*/
	header nav#nav_des_tab {
		right:25px;
	}
}
@media screen and (max-width: 1022px) {
	/* -Header- */
	/*Navigation*/
	header nav#nav_des_tab {
		margin:0;
		padding:0;
		text-align:right;
		position: absolute;
		top:0;
		right:0;
		width:calc(100% - 247px);
		display: block;
		overflow: visible;
	}
	/*Mobile Button*/
	header nav#nav_des_tab .ce_mob_button {
		position: absolute;
		right:0;
		top:0;
		width:90px;
		height:90px;
		border-left:1px solid #f1f1f1;
		cursor: pointer;
	}
	header nav#nav_des_tab .ce_mob_button.active {
		display:none;
	}
	header nav#nav_des_tab .ce_mob_button .bar_01,
	header nav#nav_des_tab .ce_mob_button .bar_02,
	header nav#nav_des_tab .ce_mob_button .bar_03 {
		position: absolute;
		width:40px;
		height:6px;
		left:25px;
		background:#b79f69;
	}
	header nav#nav_des_tab .ce_mob_button .bar_01 {
		top:28px;
	}
	header nav#nav_des_tab .ce_mob_button .bar_02 {
		top:42px;
	}
	header nav#nav_des_tab .ce_mob_button .bar_03 {
		top:56px;
	}
	header nav#nav_des_tab .ce_mob_button.active .bar_01,
	header nav#nav_des_tab .ce_mob_button.active .bar_03 {
		width:46px;
		left:22px;
		top:42px;
	}
	header nav#nav_des_tab .ce_mob_button.active .bar_01 {
		transform: rotate(45deg);
	}
	header nav#nav_des_tab .ce_mob_button.active .bar_02 {
		display:none;
	}
	header nav#nav_des_tab .ce_mob_button.active .bar_03 {
		transform: rotate(-45deg);
	}
	/*Level 1*/
	header nav#nav_des_tab ul.level_1 {
		float:none;
		position: absolute;
		right:-291px;
		top:90px;
		height:100%;
		background:#f9f9f9;
		width:290px;
		z-index:9999999999;
	}
	header nav#nav_des_tab ul.level_1 li,
	header nav#nav_des_tab ul.level_1 li.active {
		float:none;
		display:block;
		background:#f9f9f9;
	}
	header nav#nav_des_tab ul.level_1 li {
		padding:0;
		text-align:left;
		border-bottom:1px solid #f1f1f1;
		position: relative;
	}
	header nav#nav_des_tab ul.level_1 li .go_sub {
		position: absolute;
		top:0;
		right:0;
		width:58px;
		height:58px;
		background:#f2f2f2;
		border-left:1px solid #f1f1f1;
		cursor: pointer;
		z-index:9999;
	}
	/*header nav#nav_des_tab ul.level_1 li .go_sub:hover {
		background:red;
	}*/
	header nav#nav_des_tab ul.level_1 li .go_sub.active {
		display: none;
	}
	header nav#nav_des_tab ul.level_1 li .go_sub .down {/*b30, h28*/
		position: absolute;
		top:20px;
		left:19px;
		width: 0px;
		height: 0px;
		-webkit-transform:rotate(360deg);
		border-style: solid;
		/*border-width: 18px 10px 0 10px;
		border-color: #b79f69 transparent transparent transparent;*/
		border-width: 9px 0 9px 20px;
		border-color: transparent transparent transparent #b79f69;
	}
	header nav#nav_des_tab ul.level_1 li .go_sub .up	{
		position: absolute;
		top:20px;
		left:19px;
		width: 0px;
		height: 0px;
		-webkit-transform:rotate(360deg);
		border-style: solid;
		/*border-width: 0 10px 18px 10px;
		border-color: transparent transparent #b79f69 transparent;*/
		border-width: 18px 10px 0 10px;
		border-color: #b79f69 transparent transparent transparent;
	}
	header nav#nav_des_tab ul.level_1 li:last-child {
		border-bottom:none;
	}
	header nav#nav_des_tab ul.level_1 li span {
		display:block;
		border-top:none;
	}
	header nav#nav_des_tab ul.level_1 li,
	header nav#nav_des_tab ul.level_1 li a,
	header nav#nav_des_tab ul.level_1 li.active,
	header nav#nav_des_tab ul.level_1 li.active strong {
		font-family: 'Montserrat', sans-serif;
		font-weight:300;
		font-size:18px;
		color:#907f59;
		text-decoration: none;
		text-transform: uppercase;
	}
	header nav#nav_des_tab ul.level_1 li.active {
		margin:0;
	}
	header nav#nav_des_tab ul.level_1 li span,
	header nav#nav_des_tab ul.level_1 li.active strong {
		padding:20px 25px;
	}
	header nav#nav_des_tab ul.level_1 li:hover span,
	header nav#nav_des_tab ul.level_1 li.trail span,
	header nav#nav_des_tab ul.level_1 li.active {
		border-top:none;
	}
	header nav#nav_des_tab ul.level_1 li.active {
		padding:0;
	}
	header nav#nav_des_tab ul.level_1 li.active strong {
		padding:20px 25px;
		display: block;
		color:#000;
	}
	/*Level 2*/
	header nav#nav_des_tab ul.level_1 li ul.level_2 {
		position:static;
		top:auto;
		left:auto;
		width:330px;
		/*display:none;*/
		margin:0;
	}
	header nav#nav_des_tab ul.level_1 li.active ul.level_2 {
		top:auto;
		left:auto;
		margin:0;
		padding:0;
	}
	header nav#nav_des_tab ul.level_1 li ul.level_2 li {
		float:none;
		border:none;
		background:#f2f2f2;
		display:block;
		text-align:left;
		border-bottom:1px solid #f0f0f0;
	}
	header nav#nav_des_tab ul.level_1 li ul.level_2 li:last-child {
		border-bottom:none;
	}
	header nav#nav_des_tab ul.level_1 li ul.level_2 li span,
	header nav#nav_des_tab ul.level_1 li ul.level_1 li:hover ul.level_2 span {
		border: none;
	}
	header nav#nav_des_tab ul.level_1 li ul.level_2 li,
	header nav#nav_des_tab ul.level_1 li ul.level_2 li span {
		padding:0;
	}
	header nav#nav_des_tab ul.level_1 li ul.level_2 li a,
	header nav#nav_des_tab ul.level_1 li ul.level_2 li.active {
		padding:20px 25px;
	}
	header nav#nav_des_tab ul.level_1 li ul.level_2 li span,
	header nav#nav_des_tab ul.level_1 li:hover ul.level_2 span,
	header nav#nav_des_tab ul.level_1 li.trail:hover span {
		color:#907f59;
	}
	header nav#nav_des_tab ul.level_1 li ul.level_2 li:hover span,
	header nav#nav_des_tab ul.level_1 li ul.level_2 li.active strong {
		color:#000;
	}
	header nav#nav_des_tab ul.level_1 li ul.level_2 li.active {
		padding:0;
	}
	header nav#nav_des_tab ul.level_1 li:hover ul.level_2 {
		display:none;
	}
	/* -Container- */
	/*Content*/
	#container .mod_article,
	body.contact #container .mod_article {
		box-sizing: border-box;
		/*padding:0px 20px;*/
		padding:0 20px;
	}
	#container .ce_text,
	body.projekte #container .mod_article,
	#container .ce_download {
		box-sizing: border-box;
		padding:0;
	}
	body.singleproject #container .mod_article .ce_text {
		padding:0px 20px;
	}
	#container .ce_text h2,
	#container h2.ce_headline,
	body.contact #container .form_contact h2,
	body.contact #container .ce_map h2 {
		font-size:22px;
	}
	/*Content (Kontakt)*/
	body.contact #container .ce_text {
		position:relative;
		float:none;
		width:100%;
		box-sizing: border-box;
		/*margin:0 auto 20px auto;*/
		height:auto;
		min-height:auto;
		padding:0 20px 15px 20px;
	}
	body.contact #container .ce_text.address,
	body.contact #container .ce_text.otimes {
		margin:0 auto 20px auto;
	}
	/*Form*/
	body.contact #container .form_contact,
	body.contact #container .ce_map {
		width:100%;
	}
	body.contact #container .form_contact {
		padding:1px 20px 0 20px;
	}
	body.contact #container .ce_map {
		padding:1px 20px 20px 20px;
	}
	/*Hyperlink Projekte*/
	body.projekte #container .ce_hyperlink {
		float:none;
		display:block;
		width:calc(100% - 40px);
		margin:0 0 10px 20px;
	}
	body.projekte #container .ce_hyperlink .bc .text {
		padding:15px 20px;
		max-width: 50%;
	}
	/* -Footer- */
	footer .ce_text,
	footer .socialmedia,
	footer .ce_form_footer {
		position: relative;
		box-sizing: border-box;
	}
	footer .ce_text,
	footer .ce_form_footer,
	footer .socialmedia {
		width:calc(100% - 40px);
		float:none;
		margin:0px auto 20px auto;
		background:#f8f8f8;
		max-width:calc(100% - 40px);
		padding:20px;
	}
	footer .socialmedia h2 {
		margin:24px 0 20px -1px;
	}
	footer .socialmedia {
		min-height:148px;
	}
	footer .footer_content_bar {
		top:25px;
		left:20px;
		width:45px;
	}
	/*footer .socialmedia a.facebook {
		margin:0 0 0 -16px;
	} width Facebook*/
	footer .socialmedia a.instagram {
		margin:0 0 0 -9px;
	}
	footer form#form_footer input,
	footer form#form_footer button {
		background: #f9f9f9;
	}
	/*Subfooter*/
	footer .subfooter {
		/*background:#f9f9f9;*/
		height:auto;
		width:100%;
		position:relative;
		display:block;
	}
	/*Navtigation*/
	footer nav#nav_footer {
		margin:0 auto;
		padding:20px;
		position: relative;
		height:auto;
		display: block;
		background:yellow;
		background:#f9f9f9;
		width:calc(100% - 40px);
	}
	footer nav#nav_footer ul.level_1 {
		position:static;
		top:0;
		right:0;
		padding:0;
		margin:0;
	}
	footer nav#nav_footer ul.level_1 li {
		float:none;
		padding:0;
		margin:2px 0;
	}
	footer nav#nav_footer ul.level_1 li,
	footer nav#nav_footer ul.level_1 li a,
	footer nav#nav_footer ul.level_1 li strong {
		display:block;
		padding:8px 0;
	}
	footer nav#nav_footer ul.level_1 li.first,
	footer nav#nav_footer ul.level_1 li.first a,
	footer nav#nav_footer ul.level_1 li.first strong {
		padding:0 0 8px 0;
	}
	footer nav#nav_footer ul.level_1 li.last,
	footer nav#nav_footer ul.level_1 li.last a,
	footer nav#nav_footer ul.level_1 li.last strong {
		padding:8px 0 0 0;
	}
	footer nav#nav_footer ul.level_1 li.active strong,
	footer nav#nav_footer ul.level_1 li a:hover {
		color:#b79f69;
	}
	/*Swissmade*/
	footer .swissmade {
		left: auto;
		bottom:auto;
		width:100%;
		overflow: hidden;
	}
	footer .swissmade .text {
		top:22px;
		left:37px;
	}
	footer .swissmade .bc {
		top:28px;
	}
	footer .swissmade .swissflag {
		top:20px;
		left:205px;
	}
	.ce_swiper .swiper-slide .text {
		font-size:9vw;
		letter-spacing: -5px;
		left:65px;
		width:calc(100% - 150px);
	}
}
/*Mobile*/
@media screen and (max-width: 800px) {
	/* -Header- */
	header {
		height:70px;
	}
	/*Logo*/
	header .ce_logo {
		box-sizing: border-box;
		padding:10px 0 0 0;
		margin:0 auto;
		width:172px;
	}
	header .ce_logo .logo,
	header .ce_logo .logo a {
		width:172px;
		height:50px;
	}
	header .ce_logo .logo .upper_text_left,
	header .ce_logo .logo .upper_text_right {
		line-height: 20px;
	}
	header .ce_logo .logo .upper_text_left,
	header .ce_logo .logo .upper_text_right {
		font-size:32px;
	}
	header .ce_logo .logo .upper_text_left {
		position: absolute;
		left:-1px;
	}
	header .ce_logo .logo .upper_text_right {
		position: absolute;
		left:64px;
	}
	header .ce_logo .logo .line {
		position: absolute;
		top:30px;
	}
	header .ce_logo .logo .down_text_middle {
		position: absolute;
		top:29px;
		left:34px;
		font-size:16px;
		line-height: 30px;
		letter-spacing: 0.1px;
	}
	/*Navigation*/
	header nav#nav_des_tab ul.level_1 {
		top:70px;
	}
	/*Mobile Button*/
	header nav#nav_des_tab .ce_mob_button {
		width:70px;
		height:70px;
	}
	header nav#nav_des_tab .ce_mob_button .bar_01,
	header nav#nav_des_tab .ce_mob_button .bar_02,
	header nav#nav_des_tab .ce_mob_button .bar_03 {
		width:28px;
		height:5px;
		left:21px;
	}
	header nav#nav_des_tab .ce_mob_button .bar_01 {
		top:21px;
	}
	header nav#nav_des_tab .ce_mob_button .bar_02 {
		top:32px;
	}
	header nav#nav_des_tab .ce_mob_button .bar_03 {
		top:43px;
	}
	header nav#nav_des_tab .ce_mob_button.active .bar_01,
	header nav#nav_des_tab .ce_mob_button.active .bar_03 {
		width:36px;
		left:17px;
		top:32px;
		height:6px;
	}
	header nav#nav_des_tab .ce_mob_button.active .bar_01 {
		transform: rotate(45deg);
	}
	header nav#nav_des_tab .ce_mob_button.active .bar_02 {
		display:none;
	}
	header nav#nav_des_tab .ce_mob_button.active .bar_03 {
		transform: rotate(-45deg);
	}
	/* -Container- */
	/*Swiper*/
	.ce_swiper,
	.swiper-slide,
	.ce_swiper .swiper-slide.slider_01 .ce_slider_01,
	.ce_swiper .swiper-slide.slider_02 .ce_slider_02 {
		height:60vh;
	}
	.ce_swiper .bottom {
		height:20px;
	}
	.ce_swiper .swiper-button-prev,
	.ce_swiper .swiper-button-next {
		top:calc(30vh - 20px);
	}
	.ce_swiper .swiper-slide .text {
		font-size:11vw;
	}
	/*Content*/
	#container .ce_text h1,
	#container h1.ce_headline {
		font-size:27px;
	}
	#container .ce_text h2,
	#container h2.ce_headline,
	body.contact #container .form_contact h2,
	body.contact #container .ce_map h2 {
		font-size:22px;
	}
	#container .ce_text {
		padding:0;
		margin:0;
	}
	#container .ce_text,
	body.contact #container .form_contact,
	body.contact #container .form_contact input,
	body.contact #container .form_contact textarea,
	#container .ce_download p a {
		font-size:19px;
	}
}
@media screen and (max-height: 575px) {
	#rc-imageselect,
	.g-recaptcha {
		transform:scale(0.79);
		-webkit-transform:scale(0.79);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	} 
}
@media screen and (max-width: 400px) {
	header .ce_logo {
		float:left;
		padding:10px 0 0 0;
		margin:0;
		width:calc(100% - 71px);
	}
	header .ce_logo .logo {
		margin:0 auto;
	}

}