@media screen
{
	html
	{
		font-size: 100%;
		background:#fff;
		color:#101010;
	}
	body {
		font:400 0.875rem/170% 'Open Sans', sans-serif;
		}

	::selection {background: #ccc;}
	::-moz-selection {background: #ccc;}

	.image { width: 100%; height:auto}
	.highlight {color:red}

	a {color:#7b7b7b; transition: all .6s;}
	a:hover { color:#000}

	.container
	{
		/*max-width:60em;*/
		width:960px;
		margin:0 auto;
	}
	
	h1, h2, h3, h4, h5, h6
	{
		margin-bottom:1em; line-height:130%; font-weight:300;
		text-rendering: optimizeLegibility;/* optimize text kerning */
	}
	h1 {font-size:2rem; font-weight:400; }
	h1 span {font-size:1rem; font-weight:300; color:#666; display:block; line-height:120%;}
	h2 {font-size:1.8rem}
	h3 {font-size:1.6rem}
	h4 {font-size:1.4rem}
	h5 {font-size:1.2rem}
	h6 {font-size:1rem} 

	/* ALL NAVIGATIONS */
	.topBar { width:100%;height:40px; position:absolute; top:0px; z-index:100}
    nav {
        position: relative;
        overflow: hidden;
    }

	nav ul,	.navi
	{
		list-style:none;
	}
	.navi a
	{
		display:inline-block;
	}

    .toggle-navi {
        background: #24242A;
        color:#fff;
        display: block;
        padding:.5em 0;
        position: relative;
        z-index:2;
    }

	/*=NAVIGATION MAIN */
	#navi {
        max-height:0;
        -webkit-transition: max-height 300ms ease-in-out 200ms;
        -moz-transition: max-height 300ms ease-in-out 200ms;
        -ms-transition: max-height 300ms ease-in-out 200ms;
        -o-transition: max-height 300ms ease-in-out 200ms;
        transition: max-height 300ms ease-in-out 200ms;
    }

    #navi:target {
        max-height:30em;
    }
        #navi > li { }
            #navi > li > span,
            #navi > li > a {}

            #navi > li:hover > a,
            #navi > li.active > a {}

            #navi > li > ul {}
                #navi > li > ul > li {}
                #navi > li > ul > li > span,
                #navi > li > ul > li > a {}
                #navi > li > ul > li > a:hover,
                #navi > li > ul > li > span:hover,
                #navi > li > ul > li > span.active,
                #navi > li > ul > li > a.active {}

	/*=NAVIGATION ADDITIONAL */
	#naviAdd {}
		#naviAdd > li {}
			#naviAdd > li > span,
			#naviAdd > li > a {}
			#naviAdd > li > span:hover,
			#naviAdd > li > a:hover {}

	/*=CONTENT */
	.content {}
	.content {}


	/*=FOOTER */
	#footer {}

}


@media only screen and (min-width:1em) {
    .toggle-navi {
        display: none;
    }

    #navi {
        max-height: none;
    }
		
	.topBar { background:#fff; width:100%;height:90px; position:fixed; top:0px; padding-top:20px; box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.7); z-index:1000;
}


	/*=NAVIGATION MAIN */
	nav {float:left}
		#navi { width: 898px; float:left}
			#navi > li { float:left; margin-right:3.3%}
			#navi > li a { text-decoration: none; font:400 1rem/100% 'Open Sans', sans-serif }
			#navi > li a:hover,
			#navi > li a.active { text-decoration: underline; color:#000 }
			
			#facebook, #instagram {
				transition: all .5s; 
				right: 0px; 
				top:5px; 
				font-size: 1.2rem; 
				color:#3b5998;
			}

			#facebook img {
				margin-right: 25px;
				width:16px; 
				height:auto;
			}
			#instagram img {
				width:16px; 
				height:auto;
			}

			#facebook img:hover, .facebook img:hover, #instagram img:hover, .instagram img:hover {
				opacity:0.6; 
				transition: all .4s;
			}
			
		body.safari #navi > li {margin-right:2.8%}
			

	.contactTeaser { display:block; text-align:right; margin-top:18px;font:400 1rem/100% 'Open Sans', sans-serif }
		.contactTeaser a {text-decoration: none;  }
		.contactTeaser a:before { content:"\f003"; font-family: 'FontAwesome';padding-right:15px; text-decoration: none; ransition: all .4s;}
		.contactTeaser a:hover:before { content:"\f0e0";} 
		.contactTeaser span { margin-left:50px}
		.contactTeaser span:before { content:"\f095"; font-family: 'FontAwesome';padding-right:15px}
		
		
			
	.header { background:url(../images/bg-header.jpg) center 0 no-repeat; height:240px; padding-top:90px}
	.index .header { background:url(../images/bg-header.jpg) center 0 no-repeat; height:600px;}
	
	#branding { margin:50px 0} 
	#branding img {
		width: 60%;
	}


	/*=CLAIM */

	.claim, .claim a { color:#fff; list-style:none; text-decoration:none}
		
		.claimLeft {width:481px; height:256px; background: rgba(0,0,0,0.4); padding:30px; }	
			.claimLeft ul { margin-bottom:12px}
			.claimLeft ul:after { content:''; width:100%; border-bottom: 1px solid #fff; display:block;}
				.claimLeft li { list-style:none; font-size: 1.125rem; font-weight: 300; line-height:150% }
				.claimLeft li:before { content:"\f058"; font-family: 'FontAwesome';padding-right:20px}
				
				.claimLeft .arrow  { font-size: 0.875rem; font-weight:700; text-decoration:none}
				.claimLeft .arrow:hover  { opacity: 0.4}
				.claimLeft .arrow:before {content:"\f0a9"; font-family: 'FontAwesome';padding-right:20px; font-size:1.125rem;  }
		
			.claimRight li { list-style:none; font-size: 1rem; font-weight: 700; line-height:150%;  }
			.claimRight li:before { content:"\f044"; font-family: 'FontAwesome'; font-weight: 400; padding-right:20px}
			.claimRight li:first-child:before { content:"\f046";}
			.claimRight li:last-child:before { content:"\f1bb";}
			
			.claimRight .master { margin-top:55px; font-size: 2.473rem; padding-left: 74px  }
			.claimRight .master:before { content:''; background:url(../images/index/kaiser-moebel-meisterbetrieb.png) 0 0 no-repeat; width:64px; height:62px; position:absolute; margin-left: -84px; margin-top:-5px}
				.claimRight .master span { margin-top:55px; font-size: 1.44rem; display:block; margin-top:0px; line-height:150%; }
	
				.claimRight .generation { font-size: 1.30rem; font-weight:300; }
				.claimRight .generation:before { content:''; width:100%; border-bottom: 1px solid #fff; display:block; margin:7px 0 }


	/*=TEASER */

	#teaser { padding:60px 20px; position:relative; border-bottom: 1px solid #cecece}
		#teaser .col_4 { padding: 0 10px}
		#teaser p strong { font-size:1.25rem}
		#teaser img {margin-bottom:20px; width: 100%}
		#teaser p { font-size: 14px; font-weight: 400; line-height: 1.75em; margin-bottom: 20px; color:#252525}
		#teaser a { padding:7px 28px; text-align:center; border: 1px solid #252525; text-decoration:none; font-size:0.875rem; color:#252525; position: relative; }
		#teaser a:hover { background: #d8d8d8}
		#teaser a:before { content: '\f054';font-family: 'FontAwesome'; position: absolute;left: 10px;top: 7px;}

	hr { width:100%; border-bottom: 1px solid #cecece; display:block; margin:60px 0 0}
		
		
	/*=CONTENT */
	
	#content, #projects { padding:60px 0}
	#content p { padding-bottom:35px}

	#projects {border-top: 1px solid #cecece;}
	#projects a { position:relative; transition: all 0.8s; }
	#projects a:hover img  { opacity:0.7; transition: all 0.8s; }
	#projects a:before {content: "\f067"; position:absolute; left:50%; top:-95px; margin-left:-7px; color:#fff; font-family: 'FontAwesome'; font-size:2rem; }
	
	#googlemaps-address iframe { border: none; width: 100%; height: 350px; margin-bottom: 20px}
	#googlemaps-address iframe { border: none; width: 100%; height: 350px; margin-bottom: 20px}
	
	/*=SIDEBAR */

	body.index #sidebar { display: none; }
	
	#sidebar .headline { text-align:center; color:#FFF; background:#252525; padding: 11px 0; width:100%; display:block; font:400 0.875rem/100% 'Open Sans', sans-serif; margin-bottom:34px}
	#sidebar p > span { display:block;}
		.location, .phone, .fax, .email-icon {position: relative;display: block;padding-left: 30px;}
		
		.location:before, .phone:before, .fax:before, .email-icon:before {width: 10px; text-align: center;left: 0;top: 0;position: absolute;font-family: 'FontAwesome';}
		.location:before { content:"\f041"}
		.phone:before { content:"\f095"}
		.fax:before { content:"\f1ac"}
		.email-icon:before { content:"\f003"}
		#sidebar p a.email span {display: inline !important } 
		
	#sidebar .gomaps iframe { height: 230px; width:100%;}
	#sidebar a.widgetmap:hover img { opacity: 0.7;transition: all 0.6s; }
		
	
	
	/*==== FOOTER ====*/

	#footer {
		width: 100%; padding: 50px 0; background:#2a2a2a; color:#fff}

	/*#sitemap { border-right: 1px solid #7b7b7b}*/

		#footer .footerNav ul li { margin-left: 0; }
		#footer .footerNav ul li a { display: block; text-decoration: none; position: relative; padding-left: 20px; transition: all .4s; }
			#footer .footerNav ul li a:before { content: "\f054"; font-family: 'FontAwesome'; position: absolute; top: 2px; left: 0; color:#7b7b7b; transition: all .4s; }
			#footer .footerNav ul li a:hover,
			#footer .footerNav ul li.active a { color: #fff; padding-left: 25px; }
		#footer a:hover { color: #fff; }
		#footer .footerNav ul li a:hover:before { left: 10px; }

		#footer p, #footer li { line-height: 170%; }

		#footer p > span { display: block; padding-left: 30px; position: relative; }
		#footer p span:before { color: #fff !important; }
		
		#footer .locspace {display: flex; justify-content: flex-end;}

	/*==== SOCIAL BAR ====*/

	#socialbar {
		width: 100%;
		height: 60px;
		background: #fff;
		color: #2a2a2a;
		text-align: right;
		font-size: 20px;
		font-weight: 400;
		padding: 10px 0;
	}

	#socialbar a {
		color: #2a2a2a;
		font-size: 34px;
		position: relative;
		top: 5px;
		margin-left: 10px;
		transition: all .5s;
		display: inline-block;
	}
	#socialbar img {
		width: 34px;
	}

	#socialbar a:first-child {
		margin-left: 20px;
	}
	}

	.videowrapper {
	    float: none;
	    clear: both;
	    width: 100%;
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 0px;
	    height: 0;
	}	
	 
	.videowrapper iframe {
		position: absolute;
		border: none;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}




body{}
/* - Mobile Styles -*/
#mobile-link{
	display:none;
	border-top:2px solid #fff;
	background:#252525;
	clear:both;
}

.btn-mobile {
	display:block;
	margin:0 auto;
	color:#fff !important;
	background:url(../images/mobile/icon-mobile.png) no-repeat 5% 24px;
	background-size:70px 70px;
	text-indent:20%;
	text-decoration:none;
	font-size:30px;
	padding:50px 20px;
	text-transform:uppercase;
}

.header .col_group {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-top: 30px;
}