@charset "utf-8";


.layoutHeaderInner {width: auto;}

.layoutMainInner {width: auto; padding: 0 20px;}

.layoutFooterInner {width: auto;}

.layoutLogo {left: 20px;}

.layoutMenuTop {right: 20px;}

.layoutSpacer {display: none;}

footer {height: auto; margin-top: auto; background: #fff url(../images/bgFooter.png) repeat-x center bottom;}

.layoutFooterInner {position: relative; width: auto; height: auto; padding: 20px 10px 45px 10px;}

.layoutFooterBottom {position: relative; left: 0; right: 0; top: 0; text-align: left;}


.cols-2.row-0 .span6:nth-child(1) {float: none; width: auto; margin-right: 0;}

.cols-2.row-0 .span6:nth-child(2) {float: none; width: auto; margin-top: 20px;}







.curtainItemSingle {padding: 0;}

.curtainSlideshow {position: relative; top: auto; left: auto;}

.curtainContent {position: absolute; left: 10%; bottom: 0; right: 10%;}


/************************************************************************/
/*	Menü-Klasse leinerProducts2Col, Terrasse, Kassettenmarkisen etc.	*/
/************************************************************************/
.blogleinerProducts2Col {margin-top: -25px;}

.blogleinerProducts2Col .cols-2 .span6 {width: 278px!important; margin-right: 84px!important; float: left!important; margin-top: 0!important;}

.blogleinerProducts2Col h2 {font-family: "Oswald",sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.25em; padding: 20px 0px 12px; margin: 0; color: #000; text-transform: uppercase;}

.blogleinerProducts2Col .items-leading .leading-0 {margin-bottom: 63px;}

.blogleinerProducts2Col .items-leading .leading-0 h4 {font-size: 14px;}

.blogleinerProducts2Col .items-leading .leading-0 p {max-width: 537px;}

.blogleinerProducts2Col .items-row .item h4 {color: #fff; text-align: left; padding: 20px 0 12px 0!important; font-size: 14px; letter-spacing: 0.25em; font-weight: bold;}

.blogleinerProducts2Col .items-row .item > p:last-child a {padding-top: 7px; font-size: 12px; border-bottom: 1px solid #000; margin-left: 14px; line-height: 130%; padding-bottom: 1px;}

.blogleinerProducts2Col .items-row .item a:hover {border-bottom: 1px solid #666!important; color: #666;}

.blogleinerProducts2Col .items-row .item {margin-bottom: 49px;}

.blogleinerProducts2Col .items-row .item .productImg {position: relative; width: 278px; height: 208px; overflow: hidden; margin: 2px 0 15px 0; background: no-repeat 0 0; cursor: pointer;}

.blogleinerProducts2Col .items-row .item .productImg img {display: block; position: absolute; left: 0; top: 0;}











.blogleinerHome3Col .leading-0 {width: 50%; height: auto; min-height: 250px; margin-right: 0; box-sizing: border-box; padding: 40px 20px 20px 20px!important;}

.blogleinerHome3Col .leading-1 {width: 50%; height: auto; min-height: 250px; box-sizing: border-box; padding: 20px!important;}

.blogleinerHome3Col .items-row .span4 {width: calc(33.33% - 20px); margin-right: 20px;}

.blogleinerHome3Col .items-row .span4 .productImg img {width: 100%; height: auto;}

.blogleinerHome3Col .items-row .item .productImg {width: 100%; height: auto; background-size: cover;}

.blogleinerHome3Col .items-row .item .productImg img {display: block; position: static;}


.blogleinerProductDetail .slideshowContainer {margin: 30px 0 0 0; width: auto;}


nav.navMain ul.nav-child {width: auto; height: auto; padding: 20px 200px; min-height: 375px;}

nav.navMain ul.nav-child.noRightHelper {padding: 20px 20px 20px 200px;}

nav.navMain ul.nav-child li {margin-left: 0;}

nav.navMain ul.nav-child li:nth-child(2) {margin-left: 0;}

nav.navMain ul.nav-child li.spacer {display: none;}

nav.navMain ul.nav-child li:nth-child(3) {margin-left: 0;}


li.helperLeft {left: 20px; top: 20px; width: 160px!important;}

li.helperRight {right: 20px; top: 20px; width: 160px!important;}

li:nth-child(3) ul li.helperRight {top: 20px; border-left: 1px solid #fff; padding: 10px 0 10px 20px;}







.item.column-1 td {display: inline-block;}


.slideshowContainer img {width: 100%; height: auto;}



/********************************/
/*		footer left menu		*/
/********************************/
nav.navFooterLeft {float: left; position: static; left: 0; top: 0; width: 510px;} /* change settings: float: left; width: 510px instead of max-width: 100%; */
/*nav.navFooterLeft ul.nav.menu li {float: none; display: block; vertical-align: top;}*/


/********************************/
/*		footer right menu		*/
/********************************/
nav.navFooterRight {position: static; right: 0; top: 0; margin-right: 98px; float: right;} /* change settings: margin-right: 98px; float: right; */
nav.navFooterRight ul {display: block; margin-left: 0;}

.layoutFooterBottom {clear: both; text-align: right;}


.blogleinerProductDetail .col1,.blogleinerProductDetail .col2 {float: none; width: auto; margin-right: 0;}

.blogleinerProductDetail .slideshowContainer nav {width: 100%;}



/********************************/
/*	header slideshow/content	*/
/********************************/
.layoutCurtain {height: auto;}

.curtainItemSingle {width: 100%; height: auto;}

.curtainSlideshow {width: 100%; height: auto;}

.curtainSlideshow img {width: 100%; height: auto;}

.curtainText {position: absolute; left: 20px; top: 40px;}

@media (max-width: 930px) {
	ul.nav.menu > li {margin: 0 10px;}
}

@media (max-width: 820px) {
/* changed settings: margin von 0 10px to 0 5px and letter-spacing 0.21 to 0.15em  */
	ul.nav.menu > li {margin: 0 5px; letter-spacing: 0.15em!important;}
        nav.navFooterLeft {width: 300px;} /*change settings: width: 300px */
}

@media (max-width: 720px) {
	ul.nav.menu > li {margin: 0 5px;}

	.helperRight {display: none!important;}

	nav.navHome {display: none;}
}

@media (max-width: 700px) {
	ul.nav.menu > li {margin: 0 2px;}
}

/************************************************/
/*		All iframe Videos - makes them responsive		*/
/************************************************/

.video-box { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}

.video-box iframe,.video-box object,.video-box embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/************************************************************************/
/*	    (Aktion))                                           	*/
/************************************************************************/

/*	vespa button          */

.blackbutton{
    margin-left: 50px;
}