@charset "utf-8";
/* CSS Document */

body {color:#423125; font-size: 16px;}
h1, h2, h3, .intro1 p {text-transform: uppercase; color:#423125;font-family: 'SourceSansPro-Regular';}

h1, .intro1 p {font-size: 48px !important;    line-height: 52px;letter-spacing: -1px;   }
h2 {font-size: 40px;   line-height: 56px;  }
h3 {font-size: 38px;   line-height: 56px;  margin-bottom: 15px;  }
h3.ce-headline-center {margin: 120px auto 28px; line-height: 56px;}

.sticky-menu {    z-index: 1001;}
.logo {    z-index: 1002;}

.content-container p {font-size: 24px; font-family: 'SourceSansPro-Light';margin-bottom: 1.6em;}
h4, .h4 p {color:#423125;font-family: 'SourceSansPro-Regular';font-size: 40px;     font-weight: inherit;   line-height: 56px; }
.frame-default {margin-bottom: 0px;}
[class*='sg-'] {padding: 0em;}

.shop {	visibility: hidden;}
.subnav {visibility: hidden;}
.logo img {    width: 150px;    height: auto;}

.intro1 {margin-bottom: 15px;}
.intro2 {margin-bottom: 5px;}
.intro1 p {}
.intro2 p {font-family: 'SourceSansPro-Regular';font-size: 24px;}
.intro3 p {font-family: 'SourceSansPro-Regular';font-size: 32px; line-height: 52px;}

.kontakt-button {padding: 6px; background-color:rgba(66, 49, 37, 0.6); color: #ffffff; text-transform: uppercase; text-align: center;}
.kontakt-button a { color: #ffffff; text-decoration: none;}
.bild .kontakt-button {position: relative; top: -129px; width:320px; left: 50%; margin-left: 200px;    margin-bottom: -80px; z-index: 999;padding: 30px 0px;}
.kontakt-button p {font-family: 'SourceSansPro-Regular';font-size: 20px; line-height: 33px; margin-bottom: 0px;}

/*.bild blockquote { position: absolute; left:50%; margin-left:-350px; margin-top: -500px; background-color:rgba(255, 255, 255, 0.8); width: 590px;   padding: 21px 26px 19px;   font-size: 17.5px;    border-left: 0; z-index: 1000;}
*/
.inhalt ul {/* max-width:450px;font-size: 24px;   padding-right: 30px; margin:0 auto; font-size:large; list-style-image: url('../img_wooden/woodendesign-liste-q.png');*/}

.inhalt {margin-top: 0px;}
.text-right, .ce-headline-right {    text-align: right; float: right;}


p strong, li strong {font-family: 'SourceSansPro-Regular';}
.inhalt p:last-child {    margin-bottom: 0em;}


.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {margin-bottom: 0px;}

.bild-text {margin: 60px 0;    background: #f9f6f4; position: relative;}
.bild-text h1, .bild-text h2, .bild-text p {max-width: 420px; margin: auto 30px;}
.bild-text h1 { margin-bottom: 46px;}
.bild-text .frame-type-text {position: absolute;    bottom:50px;}
.bild-text .rechts .frame-type-text {position: absolute; right: 50%;   bottom:50px;}


.frame-layout-3 {width:340px; padding: 30px 15px; background-color:rgba(66, 49, 37, 0.6); color: #ffffff; text-transform: uppercase; text-align: center; margin: 40px auto 60px;}
.frame-layout-3 a {color: #ffffff; text-decoration: none; }
.schlafdesign .frame-layout-3 {background-color: #004169;}

.designer {    width: 950px;    margin: 20px auto;}
.designer img {margin-bottom: 60px;}
.designer strong {font-size: 24px;font-family: 'SourceSansPro-Regular';}

/* Kundenstimmen */
.frame-space-before-extra-large {    margin-top: 120px;}
.frame-space-after-extra-large {margin-bottom: 120px;}
.inhalt blockquote { position: absolute; left:50%; margin-left:-350px; margin-top: -300px; background-color:rgba(255, 255, 255, 0.8); width: 590px;   padding: 21px 26px 19px;       border-left: 0; z-index: 1000;}
.stimme1 p {font-size: 32px; line-height: 38px; font-family: 'SourceSansPro-Regular'; font-style: italic;}
.stimme2 {    margin: 14px 0 0;}

/*.h4 {    margin-top: -10px;margin-bottom: 44px;}*/
.beige-3, .beige-2 {    max-width: 912px;    margin: 0 auto;    padding: 60px 0;}
.beige-3 p, .beige-2 p {    padding-left: 6px;    padding-right: 6px;}
.beige-3 .sg-row, .beige-2 .sg-row, .beige-2 h4 {   margin-left: 0;	margin-right: 0;}
.beige-2 .text-links {padding-left: 20px;}
.frame-space-before-large {    margin-top: 56px;}
.frame-space-after-large  {margin-bottom: 60px;}

.text-bild1-2 {max-width: 900px; margin: 60px auto;position: relative;}
.text-bild1-2 .frame-type-text {position: absolute;    bottom:50px;}
.text-bild1-2 .rechts .frame-type-text {position: absolute; right: 70%;   bottom:50px;}
.text-bild1-2 .rechts {padding-right: 30px;}

.text-text {max-width: 900px; margin: 60px auto;}
.text-text p {padding-right: 20px;}
.text-text div:nth-of-type(2) {  padding-left: 20px;}
.icon-map {visibility: hidden;}

.kachel p {font-size: medium;}

/* SPECIALS */
.inhalt #c1258 blockquote {    margin-top: -220px;}
.bewerbung {max-width: 800px;    margin: -60px auto 80px;}
.bewerbung .frame-layout-3 {margin: 90px auto 20px;}

/* Formulare */
.kurz-kontakt {background: url(../img_wooden/LP_Massiv-Kueche/modern-Hersteller-Massivholzkueche-Echtholzkueche-Vollholzkueche-Moebeltischler-woodendesign-Hamburg.jpg) center no-repeat;background-size: cover;}
#c1186, #c1278, #c1415, #c1514, #c1619 { max-width: 900px; margin: 0 auto; text-align: left;}
.kurz-kontakt h1 {width: 490px;    padding: 21px 50px 19px;background-color: rgba(255, 255, 255, 0.8); margin-left: 0px;}
.kurz-kontakt .tx-powermail form {border: 0;    background-color:  rgba(255, 255, 255, 0.8);}
.kurz-kontakt .h4 {margin-top: 20px;}
.kurz-kontakt .powermail_fieldwrap_type_text {    color: inherit; font-weight: bold;}
.powermail_fieldwrap_type_text {    font-size: large;}
.powermail_fieldwrap.powermail_fieldwrap_type_submit.powermail_fieldwrap_absenden_01.form-group.col-md-12 {text-align: center;}
.powermail_fieldwrap.powermail_fieldwrap_type_html.powermail_fieldwrap_pflicht.form-group.col-md-12 {text-align: right; }
.powermail_fieldwrap.powermail_fieldwrap_type_html.powermail_fieldwrap_pflicht p {font-size: small !important;}
.powermail_create {background-color: rgba(255, 255, 255, 0.8);max-width: 900px; margin: 0 auto; padding: 40px 0;}


.form-control::-moz-placeholder {
  color: #423125;
  opacity: 0.9;
}
.form-control:-ms-input-placeholder {
  color: #423125;
  opacity: 0.9;
}
.form-control::-webkit-input-placeholder {
  color: #423125;
  opacity: 0.9;
}  
	

.footer h3 {text-transform: inherit;}


h4, .h4 p {font-size: x-large;     font-weight: inherit;   line-height: 36px; margin-bottom: 15px; }
@media screen and (max-width: 1700px) {
body {font-size: 16px;}
h1, h2, h3, .intro1 p {}
.inhalt p {font-size: large; margin-bottom: 1.6em; line-height: 28px;}
h1, .intro1 p {font-size: xxx-large;    line-height: 52px;   }
h2 {font-size: xx-large;   line-height: 46px;  }
h3 {  line-height: 40px;  margin-bottom: 15px;  }
h3.ce-headline-center {margin: 60px auto 0px; line-height: 46px;}




	.logo img {    width: 150px;    height: auto;}

.intro1 {margin-bottom: 15px;}
.intro2 {margin-bottom: 5px;}
.intro2 p {font-size: 24px;}
.intro3 p {font-size: 32px; line-height: 52px;}

.kontakt-button {padding: 6px; }
.bild .kontakt-button {width:280px;  margin-left: 200px;    margin-bottom: -130px;}
.kontakt-button p {font-size: 20px; line-height: 33px; }

.bild blockquote { margin-left:-350px; margin-top: -500px;  width: 590px;   padding: 21px 26px 19px;   font-size: 17.5px; }

.bild-text {margin: 60px 0;    }
.bild-text h1, .bild-text h2, .bild-text p {max-width: 420px; margin: auto 30px;}
.bild-text h1 { margin-bottom: 46px;}
.bild-text .frame-type-text {  bottom:30px;}
.bild-text .rechts .frame-type-text { bottom:30px;}

.frame-layout-3 {width:250px; padding: 6px; margin: 80px auto;}

.designer {    width: 950px;    margin: 20px auto;}
.designer img {margin-bottom: 30px;}
.designer strong {font-size: 24px;}

/* Kundenstimmen */
.frame-space-before-extra-large {    margin-top: 80px;}
.frame-space-after-extra-large {margin-bottom: 80px;}
.inhalt blockquote { margin-left:-350px; margin-top: -300px;width: 590px;   padding: 21px 26px 19px; }
.stimme1 p {font-size: 32px; line-height: 38px;}
.stimme2 {    margin: 14px 0 0;}

.h4 {    margin-top: -10px;margin-bottom: 44px;}
.beige-3, .beige-2 {    max-width: 912px;    margin: 60px auto 0;    padding: 60px 0;}
.beige-3 p {    padding-left: 6px;    padding-right: 6px;}
.beige-2 p 	{padding-left: 0px;    padding-right: 20px;}
.beige-3 .sg-row, .beige-2 .sg-row, .beige-2 h4 {   margin-left: 0;	margin-right: 0;}
	
	
.frame-space-before-large {    margin-top: 26px;}
.frame-space-after-large  {margin-bottom: 60px;}

.text-bild1-2 {max-width: 900px; margin: 60px auto;position: relative;}
.text-bild1-2 .frame-type-text {position: absolute;    bottom:50px;}
.text-bild1-2 .rechts .frame-type-text {position: absolute; right: 70%;   bottom:50px;}
.text-bild1-2 .rechts {padding-right: 30px;}

.text-text {max-width: 900px; margin: 60px auto;}
	.text-text p {padding-right: 20px;}

.kachel p {font-size: medium;}
	.inhalt ul {/*font-size: large;*/}	
}

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

h1, .intro1 p {font-size: xx-large !important;    line-height: inherit;   }
h2 {font-size: xx-large;   line-height: 46px;  }
h3 {font-size: x-large;   line-height: 40px;  margin-bottom: 15px;  }
h3.ce-headline-center {margin: 80px auto 0px; line-height: 46px;}

.inhalt p {font-size: large; margin-bottom: 1.6em; line-height: 28px;}
h4, .h4 p {font-size: x-large;     font-weight: inherit;   line-height: 36px; margin-bottom: 15px; }

	.logo img {    width: 80px;    height: auto;}

.intro1 {margin-bottom: 15px;}
.intro2 {margin-bottom: 5px;}
.intro2 p {font-size: large;}
.intro3 p {font-size: x-large; line-height: inherit;}

.kontakt-button {padding: 6px; }
.bild .kontakt-button {top: -78px; width:280px;  margin-left: 0px;    margin-bottom: -80px;}
.kontakt-button p {font-size: 20px; line-height: 33px; }

.bild blockquote { margin-left:-350px; margin-top: -300px;  width: 590px;   padding: 10px;   font-size: 17.5px; }

.sg-50-small {    width: 100%;}	
	
.bild-text {margin: 60px 0;    }
.bild-text h1, .bild-text h2, .bild-text p {max-width: 420px; margin: auto 30px;}
.bild-text h1 {    margin-bottom: 20px; margin-top: 50px;}
.bild-text .frame-type-text { position: relative; bottom:30px; margin-top: 50px;}
.bild-text .rechts .frame-type-text {  right: 0%;margin-right: 10px;   position: relative; bottom:30px; margin-top: 50px;}

.frame-layout-3 {width:250px; padding: 6px; margin: 80px auto 0;}

.designer { width: 100%;   margin: 20px auto;}
.designer img {margin-bottom: 30px;max-width: 150px;}
.designer strong {font-size: 24px;}

/* Kundenstimmen */
.frame-space-before-extra-large {    margin-top: 80px;}
.frame-space-after-extra-large {margin-bottom: 80px;}
.inhalt blockquote { margin-left:-350px; margin-top: -200px;width: 590px;   padding: 10px; }
.stimme1 p {font-size: large; line-height: inherit;}
.stimme2 { font-size: medium;   margin: 14px 0 0;}

.h4 {    margin-top: -10px;margin-bottom: 44px;}
.beige-3, .beige-2 {    max-width: 912px;    margin: 60px auto 0;    padding: 60px 0;}
	.beige-2 {  padding: 60px 30px;}
.beige-3 p {    padding-left: 6px;    padding-right: 6px;}
.beige-2 p 	{padding-left: 0px;    padding-right: 20px;}
.beige-3 .sg-row, .beige-2 .sg-row, .beige-2 h4 {   margin-left: 0;	margin-right: 0;}
	.beige-2 .text-links {padding-left: 20px;}
	
.frame-space-before-large {    margin-top: 26px;}
.frame-space-after-large  {margin-bottom: 60px;}

.text-bild1-2 {max-width: 900px; margin: 60px auto;position: relative;}
.text-bild1-2 .frame-type-text {position: absolute;    bottom:50px;}
.text-bild1-2 .rechts .frame-type-text {position: absolute; right: 70%;   bottom:50px;}
.text-bild1-2 .rechts {padding-right: 30px;}

.text-text {max-width: 900px; margin: 60px auto;}
	.text-text p {padding-right: 20px;}

.kachel p {font-size: medium;}
iframe {	width: 100%;}	
}
	

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

h1, .intro1 p {font-size: x-large !important;    line-height: inherit;   }
h2 {font-size: x-large;   line-height: inherit;  }
h3 {font-size: large;   line-height: inherit;  margin-bottom: 15px;  }
h3.ce-headline-center {margin: 80px auto 0px; line-height: 46px;}

.inhalt p {font-size: large; margin-bottom: 1.6em; line-height: 28px;}
h4, .h4 p {font-size: x-large;     font-weight: inherit;   line-height: 36px; margin-bottom: 15px; }

	.logo img {    width: 60px;    height: auto;}

.intro1 {margin-bottom: 15px;}
.intro2 {margin-bottom: 5px;}
.intro2 p {font-size: large;}
.intro3 p {font-size: x-large; line-height: inherit;}

.kontakt-button {padding: 6px; }
.bild .kontakt-button {position: inherit; top: 0px; width:280px;  margin: 0px auto;}
.kontakt-button p {font-size: 20px; line-height: 33px; padding-left: 0px;}

.bild blockquote {position: inherit;    left: 0%; margin-left:0px; margin-top: 0px;  width: 100%;   padding: 10px 0;   font-size: inherit; }

.sg-50-small {    width: 100%;}	
	
.bild-text {margin: 60px 0;    }
.bild-text h1, .bild-text h2, .bild-text p {max-width: 420px; margin: auto 30px;padding-left: 0px;}
.bild-text h1 {    margin-bottom: 20px; margin-top: 50px;}
.bild-text .frame-type-text { position: relative; bottom:30px; margin-top: 50px;}
.bild-text .rechts .frame-type-text {  right: 0%;margin-right: 10px;   position: relative; bottom:30px; margin-top: 50px;}

.frame-layout-3 {width:250px; padding: 6px; margin: 40px auto 60px;}
	.frame-layout-3 p, .ce-headline-center, .text-center {padding-left: 0px;}	

.designer { width: 100%;   margin: 20px auto;}
.designer img {margin-bottom: 30px;max-width: 150px;}
.designer strong {font-size: 24px;}
	.designer .sg-33-small {    margin-bottom: 40px;}

/* Kundenstimmen */
.frame-space-before-extra-large {    margin-top: 80px;}
.frame-space-after-extra-large {margin-bottom: 80px;}
.inhalt blockquote {position: inherit;    left: 0%; margin-left:0px; margin-top: 0px;width: 100%;   padding: 10px 0; }
.stimme1 p {font-size: large; line-height: inherit;}
.stimme2 { font-size: medium;   margin: 14px 0 0;}

.h4 {    margin-top: -10px;margin-bottom: 44px;}
.beige-3, .beige-2 {    max-width: 912px;    margin: 60px auto 0;    padding: 60px 20px;}
	.beige-2 {  padding: 60px 30px;}
.beige-3 p {    padding-left: 6px;    padding-right: 6px;}
.beige-2 p 	{padding-left: 0px;    padding-right: 20px;}
.beige-3 .sg-row, .beige-2 .sg-row, .beige-2 h4 {   margin-left: 0;	margin-right: 0;}
	.beige-2 .text-links {padding-left: 20px;}
.beige-3 .sg-row div:nth-child(2), .beige-3 .sg-row div:nth-child(3),.beige-2 .sg-row div:nth-child(2) {margin-top: 20px;}
	
.frame-space-before-large {    margin-top: 26px;}
.frame-space-after-large  {margin-bottom: 60px;}

.text-bild1-2 {max-width: 900px; margin: 60px auto;position: relative;}
.text-bild1-2 .frame-type-text {position: absolute;    bottom:50px;}
.text-bild1-2 .rechts .frame-type-text {position: inherit; right: 0%;   bottom:50px;}
.text-bild1-2 .rechts {padding-right: 30px;}

.text-text {max-width: 900px; margin: 60px auto;}
	.text-text p {padding-right: 20px;}

.kachel p {font-size: medium;}
iframe {	width: 100%;}

.bewerbung {   margin: 0px auto 80px;}	
	
	.icon-tel, .icon-mail{     height: 40px;}
.icon-mail:hover {width: 240px; padding-right:20px;}
.icon-tel:hover {width: 225px; padding-right:20px;}	
	
	.footer .sg-100 {    width: 100%;}
	.footer .sg-20-small, #c550 {    display: none;}
	#c123, #c122, #c557 {padding: 0px 0 0 20px;}
	#c557 {padding: 0px 0 80px 20px;}
	
/* Kontakt-Formulare */	

	.kurz-kontakt { background-image: none; background-color: rgba(72,55,40,0.6);}
	.form-row, .tx-powermail p{    padding-left: 0px !important;}
	 
}