/*Font*/

/* roboto-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('../_fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-regular - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../_fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-500 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('../_fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-700 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('../_fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

/*#############################################################*/

	body {
		font-size: 1em;
		line-height: 1.3;
		color: #383339;
		font: 400 1em/22px 'Roboto', sans-serif;
	}

	h1 {
		font-family: 'Roboto', sans-serif;
		font-style: normal;
		font-variant: normal;
		font-weight: 400;
		font-size: 1.6em;
	}

	h2 {
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 1.4em;
	}

	h3 {
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 1.2em;
	}

	h4 {
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		margin: 1em 0;
		font-size: 1.0em;
	}

	
	h1, .h1, h2, .h3, h3, h4, .h4 {
		color:#90420E;
		font-weight: bold;
	}


	.seotext {
		clear: both;
		background: #fff;
		border-bottom: 2px solid #fff;
		border-radius: 4px;
		font-size: 0.8em;
		margin-top: 30px;
		padding: 20px 30px;
		color: #383339;
	}

/*Startseite*/
	.page-home .main, .page-home .navigation	{
		background-color: #eee;
		max-width: 1280px;
	}

	.page-home .main .content, .page-home .link_weitere_informationen a {
		color: #383339;
	}

	.page-home .main h1, .page-home .main h2, .page-home .main h3 {
		color:#90420E;
		font-weight: bold;
	}
	

/*Main größer*/

	/* .headertop,  .navigation, .slider.headerimage, .flexslider, .social-buttons-inner {
		max-width: 1400px;
		background-color: #30303b;
		color: #fff;		
	} */
	
	.main	{
		background-color: #fff;
		max-width: 1000px;
	}



	header {
		max-width: 100%;
		margin: 0 auto 0px auto;
		z-index: 100;
		position: relative;
		background-color: #EC6D1C;
	}

	nav {
		margin-top: -10px;
		position: relative;
		z-index: 99;
		max-width: 100%;
		background-color: #eee;
		box-shadow: 0 2px 5px 0px rgba(1, 1, 1, 0.5);
	}

	/* header, nav , footer , .topnav, .topnav a  {
		background-color: #30303b;
		color: #fff;		
	} */

	.topnav {
		position: relative;
		list-style: none;
		z-index: 900;
	}


	/* .topnav ul li {
		display: block;
		padding: 0px 8px 0px 8px;
		background-color: #30303b;
	} */

	.topnav li.active > a {
		color: #90420E;
	}


/*Sliderbilder Unterseiten größer*/

	.slider.headerimage .flexslider .slides li img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		border-radius: 0 0 85% 85% / 0%;
	}

	.slider.headerimage, .slider.headerimage, .slider.headerimage .flexslider, .slider.headerimage .flexslider .slides, .slider.headerimage .flexslider .slides li, .slider.headerimage .flexslider .slides li img {
		max-height: calc(90vh - 165px); /*90 Standard*/
		background-color: transparent;
	}


/* add custom styles*/

	.headertop .logo img {
		display: none !important;
	}

	.headertop .haus {
		background: url(images/header_moebel_kuechen_baer.png) no-repeat;
		height: 150px;
	}
		
	.headertop .haus h1 {
		display: none !important;
	}
		
	.headertop .haus .h1 {
		display: none !important;
	}


/* Home Overlay  ####################################################*/

	.home-overlay{
		z-index: 2;
		position: absolute;
		width: 100%;
		top:0;
	}

	.home-overlay-container{
		width: 400px;
		/*position #################*/
		margin: 250px auto 0 auto;
		/*color overlay #############*/
		background: rgba(255, 255, 255, 0.8);
	}

	.home-overlay .image{
		width: 100%;
		float: left;
		padding: 10px;

	}
	.home-overlay .text{
		width: 0%;
		float: left;
		padding: 10px;
	}


/* end Home Overlay  ##################################################*/

	.logoright .haus h1 {
	font-size: 2.8em;
	}



/*//logo galerie####################################################*/

	.box-logo{
		width: 25%;
		padding: 5px;
	}

	.div-logo{
		background: #fff;
		border: 1px solid #eee;
		border-bottom: 2px solid #e3e3e3;
		text-align: center;
		height: 150px;
		margin: auto;
		position: relative;

	}

	.div-logo  img{
	   position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
		backface-visibility: hidden;
		max-height: 90%;
		max-width: 90%;
	}
/*//bilder galerie####################################################*/
	.box-galerie{
		width: 33%;
		padding: 5px;
		height: fit-content;
	}

	.div-galerie{
		box-shadow: 0 0 2px 0 rgba(1, 1, 1, 0.2);
		position: relative;
		height: fit-content;
	}

	.box-galerie .div-galerie img {
		height: 100%;
		object-fit: cover;
		width: 100%;
	}

	.box-galerie .div-galerie .text{
	  background: rgba(50, 50, 50, 0.8);
		bottom:-17px;
		color: #eee;
		display: block;
		padding: 10px;
		position: absolute;
		/*transition: padding 0.3s ease 0s;*/
		width: 100%;
	}

/*//ueber-uns######################################################*/

	.p-ueber-uns .col{
		padding: 10px;

	}
	.p-ueber-uns .col .mod{
		min-height: 430px;
		border: 1px solid #eee;
		border-bottom: 2px solid #e3e3e3;
		padding: 10px 10px 0 10px;
		background: #F2F2F2;
		font-size: 0.8em;
	}

	.p-ueber-uns .col .mod .text{

	}
	img.service{
	margin-top: 15px;
	}

	.gmapcontent2{
	float: right;
	margin: -130px 125px 0 0;
	}


	@media only screen and (max-width: 959px) {

		.headertop .haus h1{
			font-size: 1.8em;
			padding: 0 0 30px 10px;
		}
		
		.headertop .haus .h1{
			font-size: 1.8em;
			padding: 0 0 30px 10px;
		}

	}

/*//video reponsive######################################################*/

	.responsive-video {
    	position: relative;
    	padding-bottom: 55%;
    	padding-top: 30px;
    	height: 0;
    	overflow: auto;
	}

	.responsive-video video,
	.responsive-video iframe
	.responsive-video object,
	.responsive-video embed {
   	 	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
   		height: 100%;
	}	
	
/* responsive IFrame Darstellung############################################*/
	.embed-container {
		position: relative; 
		padding-bottom: 100% /*56.25%;*/ /* ratio 16x9 */;
		overflow: hidden; 
		width: 100%;
		height: auto;
	}
	
	.embed-container iframe {
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
	}
	
	/* ratio 4x3 */
	.embed-container.ratio4x3 {
		padding-bottom: 75%;
	}
	
/* All Mobile Sizes (devices and browser) */

	@media only screen and (max-width: 768px) {
		
		
	.headertop .haus {
		background: url(images/header_moebelbaer_k_700.png) no-repeat;
		height: 70px;
		background-color: #90420E;
	}
		
	.box-logo{
		width: 50%;
	}

	.p-ueber-uns .col{
		width: 50%;
		min-height: 500px;
	}

	.gmapcontent2{
		float: left;
		margin: inherit;
	}

	.headertop .haus h1{
		font-size: 1em;
		display: block;
		margin: 0;
		padding: 0 0 10px 10px;
	}

	.headertop .haus .h1{
		font-size: 1em;
		display: block;
		margin: 0;
		padding: 0 0 10px 10px;
	}

	.page-service .content ul{
		width: 100%;
		display: inline-table;
		margin-top: 40px;
	}
		
	.home-overlay{
		display: none;
	}

	}

	@media only screen and (max-width: 479px) {
	
	.headertop .haus {
		background: url(images/header_moebelbaer_k.png) no-repeat;
		height: 60px;
	}

	}