@charset "utf-8";

/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/oswald-v49-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v49-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v49-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v49-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v49-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v49-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/oswald-v49-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v49-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v49-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v49-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v49-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v49-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}


/* message box */

@import url('fontawesome/css/font-awesome.min.css');

.message-box {
    font-size: 150%;
    color: #D8000C;
    background-color: #FFD2D2;
    padding:10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10001;
}
.message-box:before { 
    content: '\f05a';
    display:inline-block;  
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale; 
    line-height:1em;      
    margin: 0 .2em;
    text-transform:none;
    text-align:center;
    text-decoration:inherit;      
    width:1em;
}

/*html elements*/
header, section, footer, aside, nav, article {display: block;}

html {height: 100%; scroll-behavior: smooth;}

body {background: #999; color: #000; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; margin: 0; padding: 0; height: 100%;}

table {border: none;}

td {border: none; font-size: inherit;}

a {text-decoration: none; outline: none; color: inherit;}

a:hover {text-decoration: none;}

form {margin: 0!important; padding: 0!important;}

img {border: none;}

p {margin: 0; padding: 0; min-height: 12px; line-height: 155%; letter-spacing: 0.019em;}

p > a,.leading-0 li > a,.leading-0 p a {text-decoration: none; border-bottom: 1px solid #000; padding-bottom: 1px;}

p > a:hover,.leading-0 li > a:hover,.leading-0 p a:hover {color: #666; border-bottom-color: #666;}

.column-2 p > a {border: 0;}

select,textarea,input {vertical-align: middle; border: 1px solid #000; padding: 2px; background-color: #fff; font-size: 12px; -webkit-border-radius:0; -webkit-appearance: none;}
[type=checkbox] { -webkit-appearance: checkbox;}


form {margin: 0;}

h1.page-title {font-family: "Times New Roman",Times,serif; font-weight: 400; color: #FFF; font-size: 35px; letter-spacing: 0.07em; margin: 0px; padding: 0px 0px 18px; text-transform: uppercase; line-height: 140%;}

h2 {font-family: "Times New Roman",Times,serif; font-weight: 400; color: #FFF; font-size: 35px; letter-spacing: 0.07em; margin: 0px; padding: 0px 0px 18px; text-transform: uppercase; line-height: 140%;}

h3 {font-family: "Times New Roman",Times,serif; font-weight: 400; font-size: 29px; letter-spacing: 0.07em; padding: 0px 0px 56px; margin: 0; color: #fff; line-height: 125%;}
.seo-text h3 {
	padding: 15px 0 0 0;
}

h4 {font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.25em; padding: 20px 0px 12px; margin: 0; color: #000; line-height: 125%; text-transform: uppercase;}

h5 {font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 12px; margin: 0 0 11px 0; padding: 0;}

hr {background-color: #000; margin: 10px 0!important; border: none; height: 1px;}


/*general styles*/
.clearer {clear: both;}

.bold {font-weight: 700;}

.font12 {font-size: 12px;}

.underline {border-bottom: 1px solid #000; line-height: 180%;}

.underline:hover {color: #666; border-color: #666;}

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

.clearfix:after {clear: both;}

.clearfix {*zoom: 1;}

.textColorWhite {color: #fff;}

.citation {font-family: 'Times New Roman', Times, serif; font-weight: 400; color: #fff; font-size: 29px; letter-spacing: 0.07em; color: #000; line-height: 120%!important;}

.mobileMenuToggle {display: none;}

span.embed {display: none;}

.red {color: red;}

/*layout elements*/
.layoutMain {position: relative; min-height: 100%;}

header {min-height: 210px; background: #fff url(../images/bgHeader.png) repeat-x center bottom; color: #000; text-align: right;}

.layoutHeaderInner {position: relative; width: 1086px; height: 170px; padding: 0; margin: 0 auto; z-index: 20000;}

.layoutLogo {position: absolute; left: 0; top: 50px;}

.layoutLogo img {width: 156px; height: 19px; background: url(../images/logo.png) no-repeat;}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.layoutLogo img {background-image: url(../images/logoRet.png); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain;}
}

.layoutMenuTop {position: absolute; right: 0; top: 51px;}

.layoutCurtain {height: 420px; text-align: center; background: #fff url(../images/bgCurtain2.png) no-repeat center top; overflow: hidden; white-space: nowrap; z-index: 100; padding-bottom: 24px;}

.layoutMainInner {width: 1086px; padding: 0; margin: 0 auto;}

.layoutContent {padding: 43px 0 90px 0;}

.layoutSpacer {height: 312px;}

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

.layoutFooterInner {position: relative; width: 1086px; margin: 0 auto;}

.layoutFooterBottom {position: absolute; left: 0; right: 0; top: 276px; text-align: right;}


/* start unique cookie 2020 */
a.cc-link label {
	margin-left: 5px;
	margin-right: 5px;
}
/* end unique cookie 2020 */


.layoutFooterBottom img {vertical-align: middle; margin-left: 15px;}


.leading-0 li a {line-height: 160%;}

.span6 ul {list-style-type: none; margin-left: -2em; text-indent: -0.8em;}

.span6 ul li:before { content: "\2013" " "; }

.span6 ul li {margin-bottom: 10px; line-height: 160%;}

.span6 ul li > a {text-decoration: none; border-bottom: 1px solid #000; padding-bottom: 1px;}

.span6 ul li > a:hover {color: #666; border-bottom-color: #666;}


.cols-2.row-0 .span6:nth-child(1) {float: left; width: 410px; margin-right: 139px;}

.cols-2.row-0 .span6:nth-child(2) {float: left; width: 537px;}




/*figure {background: green; border: 10px solid red;}*/
figure {display: block; margin: 20px 20px 5px;; padding:0; line-height: 1.4em;}


.textWhite {color: #fff;}

.textWhite a {border-color: #fff;}


h6 a {font-size: 12px; border-bottom: 1px solid #fff; line-height: 130%; background: #000; color: #fff; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; padding: 6px 19px; margin-top: 15px; display: inline-block; position: relative; border: none;}

h6 a:hover {background: #333!important;}


.social {border: none;}

.social img {vertical-align: middle;}



.cols-3.row-0 .span4 {float: left; width: 278px; margin-right: 84px;}



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

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

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


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

.blogleinerImprint2Col .cols-2.row-0 .span6:nth-child(2) {float: left; width: 68.3%;}


/************************************************************************/
/*	Menü-Klasse leinerService4Col, Prospekte, Bedienungsanleit. etc.	*/
/************************************************************************/
.blogleinerService4Col .cols-4 .span3 {float: left; width: 166px; margin-right: 119px;}
.blogleinerService4Col .cols-4 .span4 {float: left; width: 33%; padding-right: 20px;box-sizing: border-box;}
.blogleinerService4Col .cols-4 .span6 {float: left; width: 50%; padding-right: 20px;box-sizing: border-box;}


.blogleinerService4Col .cols-4 .span4:nth-child(3),
.blogleinerService4Col .cols-4 .span3:nth-child(4) {
	margin-right: 0;
}



.blogleinerService4Col h2 {font-family: "Times New Roman",Times,serif; font-weight: 400; color: #FFF; font-size: 35px; letter-spacing: 0.07em; margin: 0px; padding: 0px 0px 18px; text-transform: uppercase; line-height: 125%;}

.blogleinerService4Col .items-row .item h4 {font-family: "Oswald",sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.25em; line-height: 145%; text-transform: uppercase; color: #fff; text-align: center; margin: 0px -20px 8px !important; padding: 20px 0px 12px;}

.blogleinerService4Col .items-row .item a:hover h4 {color: #666; border-bottom-color: #666!important;}

.blogleinerService4Col .items-row .item a:hover h4 span {color: #666; border-bottom-color: #666!important;}

.blogleinerService4Col .items-row .item h4 span {border-bottom: 1px solid #fff;}

.blogleinerService4Col .items-row {margin-bottom: 39px;}

.blogleinerService4Col .items-leading {margin-bottom: 37px;}

.blogleinerService4Col .items-leading p {max-width: 70%;}

.konformitaetserklaerung h5 {font-family: "Oswald",sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.25em; line-height: 145%; text-transform: uppercase; color: #000;}

.konformitaetserklaerung .captionWrap {padding: 20px 0 0 0; margin: 0;}

/************************************************/
/*		Menü-Klasse leinerService3Col, Videos		*/
/************************************************/
.blogleinerService3Col h2 {font-family: "Times New Roman",Times,serif; font-weight: 400; color: #FFF; font-size: 35px; letter-spacing: 0.07em; margin: 0px; padding: 0px 0px 18px; text-transform: uppercase; line-height: 125%;}

.blogleinerService3Col .items-row {margin-top: 22px;}

.blogleinerService3Col .items-row .span4 {width: 278px; margin-right: 126px; float: left; line-height: 145%; font-size: 14px;}

.blogleinerService3Col .items-row .span4:last-child {margin-right: 0;}

.blogleinerService3Col .items-row .item h4 {font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 20px; color: #fff; letter-spacing: 0.12em; line-height: 145%; margin-bottom: 7px; text-transform: none;}

.blogleinerService3Col .items-row .item p {color: #fff; line-height: 145%; font-size: 14px;}

.blogleinerService3Col .items-row .item p a {display: inline-block; float: right; color: #000; border-bottom: 1px solid #000; font-size: 12px; line-height: 130%;}

.blogleinerService3Col .items-row .item a:hover {text-decoration: none; color: #fff; border-color: #fff;}
/************************************************/
/*		All iframe Videos - makes them responsive		*/
/************************************************/

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

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


/************************************************/
/*		Menü-Klasse leinerHome3Col, Home		*/
/************************************************/
.blogleinerHome3Col .leading-0 {width: 432px; height: 172px; padding: 48px 46px 0 59px!important; background: #000; color: #fff; margin-right: 12px; float: left; text-align: center; }

.blogleinerHome3Col .leading-0 h4 {font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 19px; letter-spacing: 0.25em; text-transform: uppercase; color: #fff; margin: 0 0 30px 0; padding: 0; line-height: 12px;}

.blogleinerHome3Col .leading-0 p {font-size: 20px; line-height: 140%; min-height: 12px;}

.blogleinerHome3Col .leading-0 a {font-size: 12px; line-height: 130%; background: #fff; color: #000; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; padding: 6px 19px; margin-top: 20px; display: inline-block; position: relative; border: none;}

.blogleinerHome3Col .leading-0 a:hover {background: #999; color: #fff;}


.blogleinerHome3Col .leading-1 {width: 537px; height: 190px; padding: 30px 0 0 0; background: #fff; color: #000; float: left; text-align: center; font-size: 12px; line-height: 145%;}

.blogleinerHome3Col .leading-1 h4 {font-family: 'Times New Roman', Times, serif; font-weight: 400; color: #000; font-size: 29px; letter-spacing: 0.08em; margin: 0 auto 15px auto; padding: 0; line-height: 120%; text-transform: none; max-width: 380px;}

.blogleinerHome3Col .leading-1 a {font-size: 12px; line-height: 130%; background: #000; color: #fff; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; padding: 6px 19px; margin-top: 20px; display: inline-block; position: relative; border: none;}

.blogleinerHome3Col .leading-1 a:hover {background: #999; color: #fff;}


.blogleinerHome3Col .leading-2 {margin-top: 47px;}

.blogleinerHome3Col .leading-2 h4 {border-top: 1px solid #000; padding: 8px 0 0 0; margin: 0;}


.blogleinerHome3Col .items-row {margin-top: 22px;}

.blogleinerHome3Col .items-row .span6, /* am 21.7.21 ergänzt weil im niederländischen keine zweispaltigkeit geht es aber weniger als 3 newsbeiträge sind */
.blogleinerHome3Col .items-row .span4 {width: 278px; margin-right: 126px; float: left; line-height: 145%; font-size: 14px;}

.blogleinerHome3Col .items-row .span4:last-child {margin-right: 0;}

.blogleinerHome3Col .items-row .item h4 {font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 20px; color: #000; letter-spacing: 0.12em; line-height: 145%; margin-bottom: 7px; text-transform: none;}

.blogleinerHome3Col .items-row .item p {color: #fff; line-height: 145%; font-size: 14px;}

.blogleinerHome3Col .items-row .item p a {display: inline-block; float: right; color: #000; border-bottom: 1px solid #000; font-size: 12px; line-height: 130%;}

.blogleinerHome3Col .items-row .item a:hover {text-decoration: none; color: #fff; border-color: #fff;}

.blogleinerHome3Col .items-row .item .productImg {position: relative; width: 278px; height: 208px; overflow: hidden; margin: 18px 0 9px 0; background: no-repeat 0 0; background-size: contain;}

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


/********************************************************/
/*	Menü-Klasse leinerFabrics2Col, Markisentücher		*/
/********************************************************/
.blogleinerFabrics2Col .item.column-2 {background: #fff; padding: 30px; color: #000;}

.blogleinerFabrics2Col .item.column-2 > h4 {padding: 0;}

.blogleinerFabrics2Col .item.column-2 hr {padding: 45px 0px 0px !important; margin: 0px 0px 14px !important; background: transparent; border-bottom: 1px solid #000!important; clear: both; border: medium none; height: 1px;}


/********************************************************/
/*	Menü-Klasse leinerHome3Col, Produkte Detailseite	*/
/********************************************************/
.blogleinerProductDetail p {max-width: 620px; line-height: 140%; letter-spacing: 0.02em;}

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

.blogleinerProductDetail .slideshowContainer {position: relative; cursor: pointer; margin: 30px 0 0 0; width: 781px; background: #fff!important; clear: both;}

.blogleinerProductDetail .slideshowContainer nav {position: absolute; left: 0; bottom: 20px; width: 781px; text-align: center; z-index: 10001;}

.blogleinerProductDetail .slideshowContainer nav ul {list-style-type: none; margin: 0; padding: 0; height: 6px;}

.blogleinerProductDetail .slideshowContainer nav ul li {display: inline-block; width: 6px; height: 6px; background: url(../images/nav.png) no-repeat; margin: 0 5px;}

.blogleinerProductDetail .slideshowContainer nav ul li.cycle-pager-active {background-position: 0 -6px;}


.blogleinerProductDetail .col1 {width: 781px; float: left; margin-right: 85px;}

.blogleinerProductDetail .col2 {width: 220px; float: left;}

/* wenn volle breite genutzt werden soll */
.blogleinerProductDetail .col1.fullwidth { width: auto; float:none;}
.blogleinerProductDetail .col1.fullwidth + .col2 {display: none;}

.blogleinerProductDetail .col1.fullwidth p { max-width: none; }

.blogleinerProductDetail .col1.fullwidth .productInfo { 
	max-width: none;
	margin: auto;
}

.blogleinerProductDetail .col1.fullwidth .slideshowContainer {
	margin: 30px auto 60px auto;
}
/**/


/*Markisen ABC*/
.blogleinerProductDetail ul.tags {list-style-type: none; margin: 0 0 0 0; padding: 0;}

.blogleinerProductDetail ul.tags h5 {color: #000; margin-bottom: 0;}

.blogleinerProductDetail ul.tags li {position: relative; display: block; color: #666; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.08em; padding: 3px 0; cursor: pointer;}

.blogleinerProductDetail ul.tags li:hover h5 {color: #666;}

.blogleinerProductDetail ul.tags li div {display: none; background:  url(../images/bgTips4.png) no-repeat left top; color: #fff; padding: 18px 12px 12px 12px; z-index: 1000; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; cursor: default; position: relative; max-width: 300px; box-sizing: border-box;}

.blogleinerProductDetail ul.tags li div a.close {position: absolute; right: 3px; top: 10px;}

.markisenABCContainer {
	margin-bottom: 20px;
}


/*graue Box*/
.productInfo {background: #666 url(../images/bgProductInfo.png) repeat-x top; max-width: 781px; margin-top: 66px;}

.productInfo p {max-width: 3000px;}

.productInfo a {border: none;}

.productInfo a:hover {border: none; color: #000;}


/*Navigation graue Box*/
.productInfoMenu ul {list-style-type: none; margin: 0; padding: 0; display: table; width: 100%;}

.productInfoMenu ul li {width: 1%; display: table-cell; height: 31px; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.29em; text-transform: uppercase; line-height: 100%; border-right: 1px solid #666; padding: 10px 0 0 0; color: #666; background: url(../images/bgProductInfoMenu2.png) no-repeat center 0; text-align: center;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.productInfoMenu ul li {width: auto;}
}

.productInfoMenu ul li.active {color: #000; background-position: center -41px;}

.productInfoMenu ul li:last-child {border: none;}

.productInfoMenu ul li a {}


/*Items graue Box*/
.productInfoPages {position: relative; overflow: hidden;}

.productInfoPage {padding: 45px 83px; color: #fff; font-size: 12px; line-height: 160%; box-sizing: border-box; width: 100%;}

.productInfoAccordionTitle {display: none;}

/*.productInfoAccordionContent {width: 100%;}*/

.productInfoPage .col1 {width: 260px!important; float: left; margin-right: 76px!important;}

.productInfoPage .col2 {width: 260px!important; float: left;}

.productInfoPage .productInfoSubpage {position: relative; width: 100%;}

.productInfoPage h5 img {margin: 0 0 5px 10px; display: block;}

.productInfoPage p img {margin: 0 0 5px 10px;}

.productInfoPage h5 {clear: both; border-top: 1px solid #999; padding-top: 7px; margin-top: 7px; }

.productInfoPage h5:first-of-type {border: none; margin-top: 0; padding-top: 0;}

.productInfoPage .productInfoSubpage .col1 {width: 265px; float: left; margin-right: 30px;}

.productInfoPage .productInfoSubpage .col2 {width: 318px; float: left;}

.productInfoPage .productInfoSubpage .col2 img {display: block; padding-bottom: 7px; margin-top: 5px;}

.productInfoPage .productInfoSubpage p {line-height: 160%;}

.productInfoPage a {border-bottom: 1px solid #fff!important; color: inherit;}

.productInfoPage a:hover {color: #999!important; border-bottom: 1px solid #999!important;}

.productInfoSubpage.special {position: absolute; left: 83px; top: 45px; z-index: 10000;}


/*Unternavigation Items graue Box*/
.productInfoSubpages {}

.productInfoSubpages nav {position: absolute; left: 0; bottom: -39px; width: 100%; height: 20px; text-align: center; z-index: 10001;}

.productInfoSubpages nav ul {list-style-type: none; margin: 0; padding: 0; height: 6px;}

.productInfoSubpages nav ul li {display: inline-block; width: 6px; height: 6px; background: url(../images/nav.png) no-repeat; margin: 0 5px;}

.productInfoSubpages nav ul li.cycle-pager-active {background-position: 0 -6px;}

.productInfoSubpages nav ul li a {border: none!important;}

.productInfoSubpages nav ul li a:hover {border: none!important;}


.productInfoSubpages .navLeft {position: absolute; left: -54px; top: 100px !important; border: none; z-index: 100021; margin: -13px 0 0 0; border: none!important;}

.productInfoSubpages .navLeft img {background: url(../images/nav2Left.png) no-repeat 0 0;}

.productInfoSubpages .navRight {position: absolute; right: -54px; top: 100px !important; border: none; z-index: 100021; margin: -13px 0 0 0; border: none!important;}

.productInfoSubpages .navRight img {background: url(../images/nav2Right.png) no-repeat 0 0;}

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

.productInfoSubpages .navLeft:hover,.productInfoSubpages .navRight:hover {text-decoration: none; border: none!important;}


.teaserBlack,.blogleinerProductDetail .teaserBlackled  {width: 174px; /*height: 123px;*/ padding: 27px 23px 18px 23px; background: #000; color: #fff; text-align: center; font-size: 12px; line-height: 145%; overflow: hidden; margin-bottom: 10px; /*margin-top: 100px;*/}

.blogleinerProductDetail .teaserBlackled {
background: #2b2b2b; /* Old browsers */
background: -moz-linear-gradient(top, #2b2b2b 13%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2b2b2b 13%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2b2b2b 13%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
margin-top: 10px; height: auto;}

.blogleinerProductDetail .teaserBlackled_ {
background: #E0E0E0; color: #000;
margin-top: 10px; height: auto;}

.teaserBlack h4,.blogleinerProductDetail .teaserBlackled h4 {font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.25em; text-transform: uppercase; color: #fff; margin: 0 0 18px 0; padding: 0;}

.blogleinerProductDetail .teaserBlackled h4 {letter-spacing: 0.2em; color_: #000;}

.teaserBlack a,.blogleinerProductDetail .teaserBlackled a {font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; line-height: 130%; background: #fff; color: #000; padding: 6px 12px; margin: 0px -11px 0 -11px; display: inline-block; border: none;}


.teaserBlack a:hover,.blogleinerProductDetail .teaserBlackled  a:hover{background: #2B2B2B; color: #fff;}


.blogleinerProductDetail .teaserWhite {width: 174px; padding: 18px 23px 18px 23px; background: #fff; color: #000; text-align: center; font-size: 12px; line-height: 145%; overflow: hidden; height: auto; margin-bottom:10px;}

.blogleinerProductDetail .teaserWhite h4 {font-family: 'Times New Roman', Times, serif; font-weight: 400; color: #000; font-size: 20px!important; letter-spacing: 0.08em; margin: 0; line-height: 130%; text-transform: none; padding: 0}

.blogleinerProductDetail .teaserWhite a, .btnmp {font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; line-height: 130%; background: #000; color: #fff; padding: 6px 12px; margin: 14px -11px 0 -11px; display: inline-block; border: none;}

.blogleinerProductDetail .teaserWhite a:hover {background: #999;}


/********************************/
/*	header slideshow/content	*/
/********************************/
.curtainSlideshow {width: 1086px; height: 420px; overflow: hidden; position: absolute; left: 0; top: 0; white-space: normal;}

.curtainSlideshow .navLeft {position: absolute; left: 32px; top: 198px; border: none; z-index: 10001; margin: 0;}

.curtainSlideshow .navLeft img {background: url(../images/navLeft.png) no-repeat 0 0;}

.curtainSlideshow .navRight {position: absolute; right: 32px; top: 198px; border: none; z-index: 10001; margin: 0;}

.curtainSlideshow .navRight img {background: url(../images/navRight.png) no-repeat 0 0;}

.curtainSlideshow .navLeft img:hover,.curtainSlideshow .navRight img:hover {background-position: 0 -25px;}

.curtainSlideshow .navLeft:hover,.curtainSlideshow .navRight:hover {text-decoration: none; border: none;}

.curtainContent {position: relative; z-index: 10000;}


.curtainItem {position: relative; width: 550px; height: 420px; box-sizing: border-box; padding: 148px 20px 0 79px; padding: 0; background: no-repeat 0 0; display: inline-block; overflow: hidden;}

.curtainLeft {position: absolute; left: 0; top: 0; height: 420px;}

.curtainRight {position: absolute; right: 0; top: 0; height: 420px;}

.curtainItem1 .curtainLeft {background: url(/templates/leiner/images/curtain1_left.jpg) no-repeat left top; width: 119px; height: 420px;}

.curtainItem1 .curtainRight {background: url(/templates/leiner/images/curtain1_right.jpg) no-repeat right top; width: 311px; height: 420px;}

.curtainItem2 .curtainLeft {background: url(/templates/leiner/images/curtain2_left.jpg) no-repeat left top; width: 80px; height: 420px;}

.curtainItem2 .curtainRight {background: url(/templates/leiner/images/curtain2_right.jpg) no-repeat right top; width: 350px; height: 420px;}

.curtainItem3 .curtainLeft {background: url(/templates/leiner/images/curtain3_left.jpg) no-repeat left top; width: 129px; height: 420px;}

.curtainItem3 .curtainRight {background: url(/templates/leiner/images/curtain3_right.jpg) no-repeat right top; width: 301px; height: 420px;}


.curtainText {color: #fff; text-align: left; display: none; white-space: normal; position: absolute; left: 79px; top: 30px; right: 51px; text-shadow: #505050 1px 1px 7px; overflow: hidden;}

.curtainText h3,.curtainText h2 {color: #fff; font-family: 'Times New Roman', Times, serif; font-size: 30px; font-weight: normal; margin-bottom: 18px; letter-spacing: 0.07em; text-shadow: #505050 1px 1px 5px; text-transform: none; line-height: 125%;}


.curtainText p {line-height: 155%; letter-spacing: 0.04em;}

.curtainText a {color: #fff; border-bottom: 1px solid #fff;}

.curtainText a:hover {color: #eee; border-bottom: 1px solid #eee;}


.curtainItemSingle {position: relative; width: 1086px; height: 420px; padding: 148px 20px 0 79px; box-sizing: border-box; background: no-repeat 0 0; display: inline-block; overflow: hidden; text-align: left; color: #fff;}

.curtainItemSingle h1,.curtainItemSingle h3 {font-family: 'Times New Roman', Times, serif; font-weight: 400; color: #fff; font-size: 35px; letter-spacing: 0.07em; margin: 0; padding: 0 0 18px 0; line-height: 125%; white-space: normal; text-shadow: 1px 1px 5px #505050; max-width: 580px; text-transform: none;}

.curtainItemSingle a {color: #fff; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.08em; display: inline; border-bottom: 1px solid #fff; margin-right: 30px;}

.curtainItemSingle a:hover {color: #999; border-bottom: 1px solid #999;}

.curtainItemSingle p {line-height: 130%;}


@media (max-width: 1649px) {
	.curtainItem {width: 33.33%; box-sizing: border-box; background-size: cover; background-position: center center;}

	.curtainText h3 {padding-bottom: 0; margin-bottom: 20px;}
}

@media (max-width: 1200px) {
	.curtainText h3 {font-size: 30px;}

	.curtainText {left: 40px; top: 30px; right: 40px;}
}

@media (max-width: 1000px) {
	.curtainText h3 {font-size: 25px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
}



/********************************/
/*	glossar (Markisen-ABC)		*/
/********************************/
.leinerGlossarSelector {padding-top: 14px; line-height: 155%;}

.leinerGlossarSelector a:hover {color: #666;}

.leinerGlossarLetterHead {width: 537px; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.25em; padding: 41px 0 7px 0; text-transform: uppercase; line-height: 125%;}

.leinerGlossarLetterHead a.topLink {font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.08em; display: inline; border-bottom: 1px solid #000; text-transform: none; float: right;}

.leinerGlossarLetterHead a.topLink:hover {color: #666; border-bottom: 1px solid #666;}

.leinerGlossarLetter {width: 537px; margin-bottom: 24px;}

.leinerGlossarLetter h4 {padding: 20px 0 8px 0;}

.leinerGlossarLetter a {border-bottom: 1px solid #000; padding-bottom: 1px;}

.leinerGlossarLetter a:hover {border-bottom: 1px solid #666; color: #666;}



#errorboxheader {font-family: "Times New Roman",Times,serif; font-weight: 400; color: #FFF; font-size: 35px; letter-spacing: 0.07em; margin: 0px; padding: 0px 0px 18px; text-transform: uppercase; line-height: 140%;}



/********************************/
/*			main menu			*/
/********************************/
nav.navMain {position: absolute; left: 0; top: 138px; width: 100%;}

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

nav.navMain ul li {display: inline-block; margin: 0 20px 0 20px; min-height: 32px; padding: 0; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.10em; text-transform: uppercase; cursor: pointer; color: #000;}

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

nav.navMain ul li > a {color: inherit; line-height: 100%;}

nav.navMain ul li:not(.divider):hover,nav.navMain ul li.active {color: #999; text-decoration: none;}

nav.navMain ul.nav-child {position: absolute; left: 0; top: 32px; background: #000 url(../images/submenuSelector.png) no-repeat top; width: 1019px; height: 338px; padding: 82px 0 0 67px; margin: 0; display: none;}

nav.navMain ul.nav-child li {width: 131px; height: 156px; float: left; margin: 0 17px 0 23px; text-align: center; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.31em; line-height: 140%; text-transform: uppercase;}

nav.navMain .helperLeft {
    width: 300px;
}

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

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

nav.navMain ul.nav-child li img {margin-bottom: 11px;}

nav.navMain ul.nav-child li a:hover img {width: 131px; height: 95px; margin: -2px 0 12px 0;}

.submenuClose {position: absolute; right: 10px; top: 10px; color: #fff; font-family: Arial;}

.submenuHelper {display: none;}

li.helperLeft p {color: #fff; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; font-weight: normal; text-transform: none; letter-spacing: 0.05em; text-align: left; line-height: 140%;}

li.helperLeft h3 {color: #fff; font-family: "Oswald",sans-serif; font-size: 20px; font-weight: 700; text-transform: none; letter-spacing: 0.12em; margin-bottom: 20px; padding: 0; max-width: 180px; text-align: left; line-height: 150%;}

li.helperRight {position: absolute; right: 63px; width: 160px!important; height: auto!important; margin: 0!important; float: none!important;}

li:nth-child(4) ul li.helperRight {top: 45px; border-left: 1px solid #fff; padding: 29px 0 29px 44px;}

li.helperRight p {color: #fff; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 13px; font-weight: normal; text-transform: none; letter-spacing: 0.05em; line-height: 125%;}

li:nth-child(4) ul li.helperRight p {text-align: left;}

li.helperRight p.first {min-height: 46px;}

li.helperRight h5 {font-family: "Oswald",sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.31em; line-height: 140%; text-transform: uppercase; margin-bottom: 8px; color: #fff;}

li.helperRight a {border-bottom: 1px solid;}

nav.navMain ul.nav-child li.helperRight a.linkGrey {color: #666!important;}

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

li.helperRight a.noborder {border-bottom: none!important;}


@media (max-width: 1085px) {
	.newMenu nav.navMain ul li {margin: 0 15px;}
}

@media (max-width: 1010px) {
	.newMenu nav.navMain ul li {margin: 0 10px;}
}

@media (max-width: 950px) {
	.newMenu nav.navMain ul li {margin: 0 8px!important; letter-spacing: 0.21em!important;}
}

@media (max-width: 840px) {
	.newMenu nav.navMain ul li {margin: 0 7px!important; letter-spacing: 0.15em!important;}
}

@media (max-width: 775px) {
	.newMenu nav.navMain ul li {margin: 0 5px!important; letter-spacing: 0.12em!important;}
}

@media (max-width: 725px) {
	.newMenu nav.navMain ul li {margin: 0 4px!important; letter-spacing: 0.10em!important;}
}

@media (max-width: 685px) {
	.newMenu nav.navMain ul li {margin: 0 3px!important; letter-spacing: 0.09em!important;}
}


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

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


/********************************/
/*		footer left menu		*/
/********************************/
nav.navFooterLeft {position: absolute; left: 0; top: 32px;}

nav.navFooterLeft ul {list-style-type: none; margin: 0; padding: 0;}

nav.navFooterLeft ul li {line-height: 150%; font-size: 12px; letter-spacing: 0.03em;}

nav.navFooterLeft ul:first-child > li {width: 170px; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.31em; line-height: 100%; text-transform: uppercase; float: left;}

nav.navFooterLeft ul:first-child > li > ul {padding-top: 15px;}

nav.navFooterLeft ul:first-child > li > ul > li {font-family: Arial,Helvetica,Verdana,sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.03em; line-height: 150%; text-transform: none;}

nav.navFooterLeft ul ul li:hover a {color: #999;}


/********************************/
/*		footer right menu		*/
/********************************/
nav.navFooterRight {position: absolute; right: 130px; top: 32px; width: 200px;} /*change settings: width: 200px; right: 130px; instead of right: 0; */

nav.navFooterRight ul {list-style-type: none; margin: 0; padding: 0; display: inline-block; margin-left: 32px; vertical-align: top;}

nav.navFooterRight ul li {line-height: 150%; font-size: 12px; letter-spacing: 0.03em;}

nav.navFooterRight ul li:first-child {font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.31em; line-height: 100%; text-transform: uppercase; padding-bottom: 15px;}

nav.navFooterRight ul li p {line-height: 150%; font-size: 12px; min-height: 12px; letter-spacing: 0.03em;}


/********************************/
/*		breadcrumps menu		*/
/********************************/
nav.navBreadcrumps {margin-bottom: 56px;}

nav.navBreadcrumps ul {list-style-type: none; margin: 0; padding: 0;}

nav.navBreadcrumps ul li {display: inline-block; margin: 0 9px 0 0; padding: 0 9px 0 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: 400; font-size: 12px; color: #000; border-right: 1px solid #000; letter-spacing: 0.04em;}

nav.navBreadcrumps ul li:last-child {border-right: none; padding: 0;}

nav.navBreadcrumps ul li:hover a {color: #fff; text-decoration: none;}


/********************************/
/*			lang menu			*/
/********************************/
nav.navLang {display: inline-block;}

nav.navLang h3 {display: none;}

nav.navLang ul {list-style-type: none; margin: 0; padding: 0;}

nav.navLang ul li {display: inline-block; margin: 0 0 0 7px; padding: 0; color: #999; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.08em; line-height: 100%; text-transform: uppercase;}

nav.navLang ul li.lang-active {color: #000;}

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

/* Logout */
ul.nav li.item-329,ul.nav li.item-739{color: red; font-weight: bolder;}
ul.nav li.item-411{color: red; font-weight: bolder;}
.versteckt{display: none;}




/********************************/
/*			home menu			*/
/********************************/
nav.navHome {display: inline-block;}

nav.navHome ul {list-style-type: none; margin: 0; padding: 0;}

nav.navHome ul li {display: inline-block; margin: 0 23px 0 0px; padding: 0; color: #000; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.08em; line-height: 100%; text-transform: none;}

nav.navHome ul li.lang-active {color: #000;}

nav.navHome ul li:hover {color: #999;}


/********************************/
/*		options menu			*/
/********************************/
nav.navOptions {display: inline-block;}

nav.navOptions ul {list-style-type: none; margin: 0; padding: 0; font-size: 14px; text-align: center;}

nav.navOptions ul li {display: inline-block; margin: 0 0 0 23px; padding: 0; color: #000; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: 400; font-size: 12px; line-height: 100%;}

nav.navOptions ul li:hover {color: #999;}


.layoutMenuTop .moduletable {display: inline-block;}






#pergola {background-color: rgba(80,80,80,0.85); height: 200%; padding: 10px; position: absolute; top: -80px; width: 100%;}
#pergola img {cursor: pointer; margin: auto; position: absolute; top: 60px; left: 80px;}
#pergola img.area {cursor: pointer; margin: auto; position: absolute; top: 30px; left: 80px;}
.vergroessern{cursor: pointer;}









.itemContentReadMore {display: none;}

.readMoreLink {display: inline-block; border-bottom: none!important; text-decoration: none; background: #b7b6b6; border-radius: 3px; padding: 7px; padding-top: 0px;}

.blogleinerProducts2Col .items-row .item a.readMoreLink:hover {border-bottom: none!important; background: #b0b0b0; text-decoration: none; border-color: #999999;}

p.readmore-newsletter {background-color: #000; color: #fff; font-weight: bold; float: right; margin-top: 10px; padding: 5px;}
p.readmore-newsletter a{color: #fff;text-align: center;}
p.readmore-newsletter:hover,p.readmore-newsletter a:hover{background-color: dimgrey; color:#fff !important;}






























.blogleinerFeedback h2,.blogleinerFeedback h3 {max-width: 500px;}


/********************************/
/*		Feedback Button			*/
/********************************/


div.fdbck-btn-bg {
  border-top: 30px solid transparent;
  border-left: 25px solid #9dce2c;
  border-bottom: 30px solid transparent;
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  z-index: 999999999 !important;
}
div.fdbck-btn-bg:hover {
	border-left: 25px solid #8cb82b;
        cursor: pointer;
}
.fdbck-btn {
	text-indent:0px;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:55px;
	line-height:80px;
	width:150px;
	text-decoration:none;
	text-align:center;
        -ms-transform: rotate(-90deg); /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
        transform: rotate(-90deg);
        position: fixed;
	top: 40px;
	left: -80px;
        z-index: 999999999 !important;
}

span.close{
    color: red;
    cursor: pointer;
    font-weight: bolder;
    font-size: 200%;
    text-align: right !important;
    position: relative;
    left: 95%;
}
#fdbck-form{  
    background-color: rgba(255,255,255,1);/*(153,153,153,0.90);*/
    border: 1px solid grey;
    height: 500px;
    margin: 2% 25% 5% 25%;
    overflow: auto;
    padding: 20px;
    position: fixed;
    top: 0;
    left: 0;
    text-align: left;
    z-index: 100000000 !important;
}
.close{
    cursor: pointer;
}








.formLine {margin-bottom: 10px;}

.formLine p {line-height: 130%;}

.formCol1 {width: 150px; float: left;}

.formCol2 {width: 387px; float: left;}

.feedback .formLine {margin-bottom: 30px;}

.feedback .formCol1 {width: 310px; padding-right: 10px;}

.feedback .formCol2 {width: 500px;}

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

.feedback_btn .formLine p {line-height: 130%; font-size: 13px; padding-top: 5px;}

.feedback_btn .formLine .textarea {width: 370px; height: 75px; background: #8CB82B; border: none; color: #fff;} 

.feedback_btn .formLine {margin-bottom: 30px;}

.feedback_btn .formCol1 {width: 310px; padding-right: 10px;}

.feedback_btn .formCol2 {width: 500px;}
.feedback_btn .option1st {display: inline-block; margin-right: 10px; background: #8CB82B; padding: 2px 8px 3px 5px; border-radius: 2px; width: 480px;}
.feedback_btn .option {display: inline-block; margin-right: 10px; padding: 2px 8px 3px 5px; border-radius: 2px;} /* changed background: #bbb; */

.feedback_btn .formLine input.text {width: 220px; background: #8CB82B; border: none; border-bottom: 1px dotted #787878; color: #fff;} /*changed background: #787878; added border-bottom; */

.feedback_btn .formLine .textarea {width: 370px; height: 75px; background: #ccc; border: none; color: #000;} 

.formSubmit {font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 11px; padding: 4px 15px; margin-bottom: 20px; text-transform: uppercase; background: #000; color: #fff; border: none; letter-spacing: 0.27em;}

.formLine input.text {width: 220px; background: #787878; border: none; color: #fff;} 

.formLine input.text.short1 {width: 50px; margin-right: 7px;}

.formLine input.text.short2 {width: 159px;}

/* .formLine input.checkbox {background: transparent!important; border: none!important; vertical-align: middle;} //Checkbox won't be displayed in Chrome */

.formLine input.checkbox {background: transparent!important; border: solid 1px grey; float: left; width: 15px; margin-right: 15px; vertical-align: middle; -webkit-appearance: checkbox; } /* background transparent and -webkit-appearance solves the problem ;) */

.formLine input.radio {vertical-align: baseline; width: auto; border: none; background: auto; -webkit-appearance: radio;}

.formLine label {float: left; white-space: pre-wrap;}

.formLine .inputError {font-weight: bold; color: red;}

.formLine .textarea {width: 370px; height: 75px; background: #787878; border: none; color: #fff;}



.white {color: #fff;}

.white a {color: #fff;}

.black {color: #000!important;}

.hint {font-size: 12px; color: #666;}




#boxGoogleMaps {width: 1086px; height: 420px; overflow: hidden; position: absolute; left: 0; top: 0;}




/*ul.social {list-style-type: none; margin: 0; padding: 0;}

ul.social li {display: inline-block; padding-right: 16px; margin-right: 16px; border-right: 1px solid #666; height: 23px;}

ul.social li:last-child {border: none;}*/


.teaserWhite {width: 100%; height: 200px; padding: 8px 0 0 0; background: #fff; color: #000; text-align: center; font-size: 12px; line-height: 145%;}

.teaserWhite h4 {font-family: 'Times New Roman', Times, serif; font-weight: 400; color: #000; font-size: 25px!important; letter-spacing: 0.08em; margin-bottom: 0; line-height: 130%; text-transform: none;}

.teaserWhite a {font-size: 12px; border-bottom: 1px solid #fff; line-height: 130%; background: #000; color: #fff; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; padding: 6px 19px; margin-top: 15px; display: inline-block; position: relative; border: none;}

.teaserWhite a:hover {background: #999;}



/*
.prospektItem {width: 167px; min-height: 349px; float: left; margin-right: 119px; text-align: center;}

.prospektItem.last {margin-right: 0;}

.prospektItem h4 {font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.25em; line-height: 145%; text-transform: uppercase; color: #fff; text-align: center; margin: 0 -20px 8px -20px!important;}

.prospektItem a:hover h4 {color: #666; border-bottom-color: #666!important;}

.prospektItem a:hover h4 span {color: #666; border-bottom-color: #666!important;}

.prospektItem h4 span {border-bottom: 1px solid #fff;}
*/


/*.textPage .productContainer {margin-top: 63px;}

.textPage .productItem {padding-bottom: 48px;}

.textPage .productItem h4 {font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 14px; color: #fff; letter-spacing: 0.25em; line-height: 145%; margin-bottom: 11px; text-align: center;}

.textPage .productItem .productImg {position: relative; width: 278px; height: 208px; overflow: hidden; margin: 2px 0 15px 0; background: no-repeat 0 0;}

.textPage .productItem .productImg img {display: block; position: absolute; left: 0; top: 0;}

.textPage .productItem .productLink {text-align: right; padding-top: 7px; font-size: 12px;}

.textPage .productItem .productLink a {border-bottom: 1px solid #000; margin-left: 14px; line-height: 130%; padding-bottom: 1px;}

.textPage .productItem .productLink a:hover {border-bottom: 1px solid #666; color: #666;}*/


.markisenOverview {background: #fff; color: #000; padding: 30px 30px 30px 30px;}

.markisenOverview h4 {margin: 0!important; padding: 0!important;}

.markisenOverview hr {padding: 45px 0 0 0!important; margin: 0 0 14px 0!important; background: #fff; border-bottom: 1px solid #000; clear: both;}

.markisenOverviewItem {width: 218px; float: left; text-align: center; padding: 68px 0 0 0; min-height: 141px;}

.markisenOverviewItem.left {margin-right: 41px;}

.markisenOverviewItem a {font-size: 12px; border-bottom: 1px solid #000;}

.markisenOverviewItem a:hover {color: #999; border-bottom: 1px solid #999;}

.markisenOverviewItem h4 {margin: 0 0 3px 0!important; padding: 0!important;}

.markisenOverviewItem img {display: block; margin: 0 0 17px 0!important; padding:0;}

.markisenOverviewItem .markisenOverviewText {}





ul.productIcons {list-style-type: none; margin: 31px 0 0 0; padding: 0;}

ul.productIcons li {display: inline-block; position: relative; box-sizing: border-box; color: #fff; font-weight: normal; margin-right: 4px;}

ul.productIcons li div {display: none; position: absolute; left: -8px; top: 0; margin-top: -48px; overflow: hidden; min-widath: 200px; background: url(../images/bgTips2.png) no-repeat left bottom; color: #fff; padding: 12px 12px 20px 12px; z-index: 1000; white-space: nowrap;}

ul.productIcons li div.bottom {display: none; position: absolute; left: -8px; top: 0; margin-top: 44px; overflow: hidden; min-widath: 200px; background: url(../images/bgTips2Bottom.png) no-repeat left top; color: #fff; padding: 20px 12px 12px 12px; z-index: 1000; white-space: nowrap;}

ul.productIcons li div p {white-space: nowrap;}

ul.productIcons li img {display: block;}










dt.result-title {margin-top: 20px; font-size: 14px; font-weight: 700;}

.pagination {margin-top: 20px;}

.pagination ul {list-style-type: none; margin: 0; padding: 0;}

.pagination ul li {display: inline-block; margin-right: 6px;}

.icon-search {width: 50px; height: 20px; display: inline-block;}



.search {margin-left: 20px;}

.search label {display: none;}

.search .inputbox.search-query {width: 126px; padding: 0; font-size: 12px; border: 1px solid #999; border-width: 0 0 1px 0; margin: -10px 12px 0 0;}

.search .button {border: none;}




#search-searchword {width: 220px; background: #787878; border: none; color: #fff; height: 24px!important; vertical-align: top;}

#searchForm button {font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 11px; padding: 4px 15px; text-transform: uppercase; background: #000; color: #fff; border: none; letter-spacing: 0.27em; vertical-align: top;}

.btn-toolbar .btn-group {display: inline;}

.btn-toolbar {margin-bottom: 10px;}

#searchForm fieldset {width: 20%; margin-bottom: 10px; float: left;}

fieldset.only {display: none;}

.searchintro {margin-bottom: 20px;}

.search-results {list-style-type: none; margin: 0; padding: 0;}

.search-results li {border-bottom: 1px solid #333; padding: 10px 0; margin-bottom: 10px;}

.search-results li .result-title {font-weight: 700; font-size: 13px; text-transform: uppercase;}

.search-results li .result-text {font-size: 13px;}

.counter {margin-bottom: 10px; clear: left;}



/************************************************************************/
/*	    lange überschriften             	                              	*/
/************************************************************************/

h2.long-head{
	font-size: 33px;
	letter-spacing: -0.07em;
}

/************************************************************************/
/*	    dse facebook          			                                 	*/
/************************************************************************/
article h1{
	font-size: 23px;
}
article h2{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 20px;
	margin-top: 1em;
}
article h3{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 15px;
	font-weight: bold;
	margin-top: 1em;
	padding: 0;
}
.roemisch li{
	list-style-type:upper-roman;
}
.alphabet li{
	list-style-type:lower-alpha;
}

ol a{
	text-decoration: underline;
}
ol a:hover{
	color: #666;
	text-decoration: underline;
}
/************************************************************************/
/*	    Aktion  				                                          	*/
/************************************************************************/

/*	price button          */
.sales img{
    position: fixed;
    top: 0;
    right: 0;
    width: 100px;
    height: auto;
    z-index: 999999;
}
/*	vespa button          */
.vespa{
    margin: 50px auto -80px;
}
.roller,.roller a{
    background-image: url(/images/aktionen/vespa_leineredition.png);
    background-repeat: no-repeat;
    background-size:220px 426px;
    width: 220px;
    height: 426px;
}
.roller:hover,.roller a:hover{ 
    background-image: url(/images/aktionen/vespa_leineredition_over.png);
}

.blackbutton{
    background-color: black;
    color: white;
    font-weight: bold;
	letter-spacing: 0 !important;
    margin: 20px auto 0;
    padding: 5px;
    width: 90px;
}
.blackbutton:hover,.blackbutton a:hover{
    background-color: grey;
    color: white;
}
/*  Gewinnspiel                        */
.col1 .gewinnspiel li::before{
	content: "";
}
.klein{
	font-size: 70%;
}

.formColoptin{
	width: 30px;
	float: left;
}
/*	images within the content          */
.productTextAktion img{
    margin: 20px 0;
    max-width: 100%;
    height: auto;
}

/*	links within the content          */
.productTextAktion a{
	border-bottom: 1px solid #000;
}
.productTextAktion a:hover{
	border-bottom-color: #666;
	color: #666;
}
/*	interlinear speace within lists          */
.productTextAktion ul li{
	line-height: 1.8;
}

/*	slideshow within the content          */
div.simpleslider{
        background-color:#999;
        margin: 0 auto;
    }
    .msSlider {
        display: none;
        max-width:780px;
        height: auto;
    }
    .msSliderAnimation {
        position: relative; 
        -webkit-animation:  msSliderAnimation 4s infinite; /* Safari 4+ */
        -moz-animation:  msSliderAnimation 4s infinite; /* Fx 5+ */
        -o-animation:  msSliderAnimation 4s infinite; /* Opera 12+ */
        animation: msSliderAnimation 4s infinite;
    }
   
    @-webkit-keyframes msSliderAnimation {
        0% {opacity: 0.1;}
        15% {opacity: 0.5;}
        30% {opacity: 1;}
        85% {opacity: 1;}
        95%  {opacity: 0.5;}
        100% {opacity: 0.1;}
    }
    @-moz-keyframes msSliderAnimation {
        0% {opacity: 0.1;}
        15% {opacity: 0.5;}
        30% {opacity: 1;}
        85% {opacity: 1;}
        95%  {opacity: 0.5;}
        100% {opacity: 0.1;}
    }
    @-o-keyframes msSliderAnimation {
        0% {opacity: 0.1;}
        15% {opacity: 0.5;}
        30% {opacity: 1;}
        85% {opacity: 1;}
        95%  {opacity: 0.5;}
        100% {opacity: 0.1;}
    }
     @keyframes msSliderAnimation {
        0% {opacity: 0.1;}
        15% {opacity: 0.5;}
        30% {opacity: 1;}
        85% {opacity: 1;}
        95%  {opacity: 0.5;}
        100% {opacity: 0.1;}
    }



/* load broschure                     */
#broschuere{
	position: relative;
	height: 265px;
}
#broschuere img{
	float:left;
}
.button_black{
    background-color: black;
    color: white;
	height: 20px;
	margin-bottom: 13px;
    padding: 5px;
	position: absolute;
	bottom: 0;
	left: 175px;
	width: 135px;
}

.button_black a:hover{
	border: none;
}

/* har coded break                   */
.no-mobile{
	display: none;
}


/**
*** kleine Schrift ***
**/
small, .font-size-12 {
	font-size: 12px;
}
.visually-hidden {
    display: none;
}
a.button.btn.btn-primary {
    padding: 12px;
    background: #fff;
    margin-top: 12px;
    display: inline-block;
}