@charset "utf-8";

.message-box{
    font-size: 90%;
    opacity: .9;
    padding: 5px;
}
.message-box:before{          
    margin: 0 .5em;
}


body {width: 100%; ovearflow: hidden;}

.layoutMain {min-height: 0;}

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

header {min-height: 0; width: 100%; height: 100px; left: 0; top: 0; text-align: left; background: #fff url(../images/bgFooter.png) repeat-x center top; position: fixed; z-index: 10000; box-shadow: 0px 0 10px 0 #555;}

header.minimized {height: 60px; background: #fff;}

.layoutHeaderInner {position: relative; width: auto; height: auto; padding: 40px 0 0 0;}

.layoutLogo {position: absolute; left: 10px; top: 40px;}

header.minimized .layoutLogo {top: 23px;}

.layoutMenuTop {position: absolute; right: 10px; top: 37px; padding: 0; text-align: right;}

header.minimized .layoutMenuTop {top: 10px;}

.layoutMenuTop > .moduletable {display: none;}

.search {display: none;}

.layoutContent {padding-top: 100px!important;}

.home .layoutContent {padding-top: 0px;}

.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; margin-top: 10px;}

iframe {margin: 0 auto!important; float: none!important;}

h2 {font-size: 30px;}

h3 {font-size: 24px;}

.citation {font-size: 17px;}

.layoutMask {width: 100%; height: 100%; position: fixed; background: rgba(255,255,255,.65); z-index: 1000; display: none;}

.layoutScrollHelper.active {height: 100%; overflow: hidden;}


.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;}

.item img {max-width: 100%;}



.blog,.blogleinerFabrics2Col {padding-top: 30px;}


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

.blogleinerProducts2Col .cols-2 .span6 {width: auto!important; margin-right: 0px!important; float: none;}

.blogleinerProducts2Col .productImg {margin: 0 0!important;}

.blogleinerProducts2Col .productImg img {opacity: 0.01;}


/************************************************************************/
/*	Menü-Klasse leinerService4Col, Prospekte, Bedienungsanleit. etc.	*/
/************************************************************************/
.blogleinerService4Col {padding-top: 30px;}

.blogleinerService4Col .cols-4 .span3 {width: auto; margin-right: 0; float: none;}


/************************************************/
/*		Menü-Klasse leinerHome3Col, Home		*/
/************************************************/
.blogleinerHome3Col .leading-0 {width: auto; height: auto; padding: 20px 20px 30px 20px!important; margin: 10px 0 0 0; float: none; min-height: 0; text-align: center;}

.blogleinerHome3Col .leading-0 a {float: none; display: inline-block;}

.blogleinerHome3Col .leading-1 {width: auto; height: auto; padding: 20px!important; margin: 10px 0 0 0; float: none; min-height: 0;}

.blogleinerHome3Col .items-row .span4 {width: auto; margin-right: 0; float: none;}

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

.blogleinerHome3Col .items-row .span4 .productImg {background-size: auto;}

.blogleinerHome3Col .items-row .item .productImg img {opacity: 0.01;}


.productInfo {background: #666;}

.productInfoPage {padding: 0;}

.productInfoMenu {display: none;}

.productInfoAccordionTitle {display: block; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.29em; text-transform: uppercase; background: #444; border-bottom: 2px solid #999; padding: 5px 30px; cursor: pointer;}

.productInfoAccordionContent {display: none; padding: 30px 30px 30px 30px; border-bottom: 2px solid #999;}

.productInfoAccordionContent.cycle {padding: 80px 30px 30px 30px;}

.productInfoAccordionContent img {max-width: 100%; height:auto; float: none!important; margin: 0 auto 10px auto!important; display: block;}

.productInfoSubpages nav {width: 100%; top: -50px; bottom: auto;}

.productInfoSubpages .navLeft {left: 0; top: -50px;}

.productInfoSubpages .navRight {right: 0; top: -50px;}

.productInfoSubpages .navLeft img:hover,.productInfoSubpages .navRight img:hover {background-position: 0 0;}


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

.blogleinerProductDetail .teaserBlack {width: auto;}

.blogleinerProductDetail .teaserWhite {width: auto;}


/************************************************************************/
/*			Menü-Klasse leinerImprint2Col, Impressum/Datenschutz		*/
/************************************************************************/
.blogleinerImprint2Col .cols-2.row-0 .span6:nth-child(1) {float: none; width: auto; margin-right: 0;}

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

.blogleinerImprint2Col {padding-top: 30px;}


/********************************/
/*	glossar (Markisen-ABC)		*/
/********************************/
.leinerGlossarLetterHead {width: auto;}

.leinerGlossarLetter {width: auto;}

.markisenABCContainer {margin: 20px 0;}


/********************************/
/*	header slideshow/content	*/
/********************************/
.curtainSlideshow {width: auto; height: auto; position: static;}

.layoutCurtain {height: auto; padding-bottom: 0; margin: 0 -10px;}

.curtainItem {position: relative; width: 100%; height: 350px; box-sizing: border-box; padding: 60px; display: block; background-size: cover;}

.curtainItem h3 {margin-bottom: 0; padding-bottom: 20px; text-shadow: 2px 2px 5px #404040;}

.curtainText {display: block; position: static; left: 0; bottom: 0; width: auto; padding: 10px 0;}

.curtainText h3 {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; font-size: 30px;}

.curtainContent {background: rgba(255,255,255,0.7); position: static; left: 0; bottom: 0; right: 0; border-radius: 0; background: #000; color: #fff!important;}

.curtainContent h3,.curtainContent h1 {color: #fff!important; font-family: "Times New Roman",Times,serif; font-weight: 400!important; font-size: 18px!important; text-align: left; margin: 0; padding: 8px 10px;}

.curtainItemSingle {width: auto; height: auto; padding: 0; margin: 0; padding: 0; margin-bottom: -3px;}

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

.curtainItemSingle h3 {font-size: 20px; text-shadow: none; max-width: auto; color: #000; padding: 10px 20px;}

.curtainItem .curtainLeft {display: block; background: url(/templates/leiner/images/curtain1_left.jpg) no-repeat left top; width: 40px; height: 100%; padding: 0;}

.curtainItem .curtainRight {display: block; background: url(/templates/leiner/images/curtain1_right.jpg) no-repeat right top; width: 40px; height: 100%; padding: 0;}


/********************************/
/*			main menu			*/
/********************************/
nav.navMain a {color: #fff!important;}

nav.navMain {position: absolute; left: auto; right: 0; top: 100px; width: 0%; padding: 0; background: #000; box-sizing: border-box; z-index: 1001; overflow: hidden;}

nav.navMain ul {list-style-type: none; margin: 0; padding: 0; text-align: left;}

nav.navMain ul li {display: block; margin: 0; min-height: 0; padding: 10px 10px 10px 24px; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.31em; text-transform: uppercase; background: transparent; color: #fff; border-bottom: 1px solid #fff;}

nav.navMain ul li.deeper.parent {background: url(../images/menuMobileDown.png) no-repeat right 15px;}

nav.navMain ul li.deeper.parent.active {background: url(../images/menuMobileUp.png) no-repeat right 15px;}

nav.navMain ul li a img,nav.navMain ul li a.hidden {display: none;}

nav.navMain ul li a {color: #fff;}

nav.navMain ul li:hover,nav.navMain ul li.active {color: #fff;}

nav.navMain ul li:hover {color: fff!important;}

nav.navMain ul li a:hover {color: fff!important; text-decoration: none;}

nav.navMain ul.nav-child {position: relative; left: 0; top: 0; background: #979797; height: auto; padding: 12px 0!important; margin: 10px -10px -10px -24px; display: block; min-height: 0; display: none;}

nav.navMain ul.nav-child li {width: 100%; height: auto; float: none; margin: 0; text-align: left; font-family: 'Oswald', sans-serif; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0.12em; line-height: 140%; text-transform: none; background: transparent; border: none; color: #000; padding: 5px 5px 5px 24px;}

nav.navMain ul.nav-child li.active a {aaaorder-bottom: 1px solid #fff; color: #000!important;}

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

nav.navMain ul.nav-child li a {text-decoration: none; color: #000;}

nav.navMain ul.nav-child li:hover a {color: #fff!important;}

.submenuClose {display: none;}

.submenuHelper {display: none;}

li.helperLeft {display: none!important;}

li.helperRight {display: none!important;}



.mobileMenuToggle {display: block; list-style-type: none; padding: 0; margin: 0; position: absolute; right: 10px; top: 65px;}

header.minimized .mobileMenuToggle {top: 30px;}

.mobileMenuToggle span {width: 24px; height: 4px; display: block; background: #000; margin: 0 0 3px; transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); }

.mobileMenuToggle.opened span.slice1 {transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: 8px;}

.mobileMenuToggle.opened span.slice2 {opacity: 0; filter: alpha(opacity=0);}

.mobileMenuToggle.opened span.slice3 {transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-top: -14px }
	
.mobileMenuToggle p {display: none;}


/********************************/
/*			other menu			*/
/********************************/
nav.navOptions {display: none;}

nav.navLang {display: block;}

nav.navLang li {margin-left: 5px!important;}

nav.navHome {display: none;}

nav.navBreadcrumps {display: none;}

nav.navFooterLeft {position: static; left: 0; top: 0; width: auto;}

nav.navFooterLeft:before, .navFooterLeft:after {content: " "; display: table;}

.navFooterLeft:after {clear: both;}

.navFooterLeft {*zoom: 1;}

nav.navFooterLeft ul.nav.menu li {float: none; display: block; vertical-align: top;}

nav.navFooterLeft ul.nav.menu > li {padding-bottom: 20px; float: left;}

nav.navFooterRight {position: static; right: 0; top: 0; float: none; display: block;} /*chnges: float: none; */

nav.navFooterRight ul {display: block; margin-left: 0;}

nav.navFooterRight li {float: none; display: block; vertical-align: top;}

ul.navFooter1 {display: none!important;}

ul.nav.menu > li {margin: 0;}


.formCol1 {width: auto; float: none;}

.formCol2 {width: auto; float: none;}

.formLine .textarea {width: 100%;}

#fdbck-form{ 
    margin: 5%; /* set */
    width: 80%;/* set */    
}
.feedback_btn .option1st {width: 60%;/* set */}
.feedback_btn .formLine .textarea {width: 60%;/* set */} 
.feedback_btn .formLine input.text.option1st {width: 80%;}


/************************************************/
/*		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))                                           	*/
/************************************************************************/

/*	price button          */
.sales img{
    position: fixed;
    top: 100px;
    right: 0;
    width: 50px;
    height: auto;
    z-index: 999999;
}

/*	vespa button          */
.roller,.roller a{
    background-image: url(/images/aktionen/vespa_leineredition_over.png);
    background-repeat: no-repeat;
    background-size: 150px 290.5px;
    margin: 20px auto 0;
    width: 150px;
    height: 290.5px;
}