@import '../templates/slick/slick.css'; 
@import '../templates/slick/slick-theme.css'; 



*  {box-sizing:border-box;}

#wrapper, #main-wrapper, .main, main, #contentwrp, #innercontentwrp{ height:auto!important }

div#suggSearch { margin-top:128px;}

/*body {background:#32414d; }*/

div#wrapper,
div#main-wrapper  { width:100%; max-width:none;}

/* div.header {position:absolute; background:rgba(50,65,77,.9); z-index:999} */
#menulist a {color: #fff;}
#menu-top .fa,
#search {color: #fff;}



div#breadcrumb { display:none;}
#contentwrp 	{ width:100%;}
#content, #contentstart { width: 100%; padding:0 0;}


section { clear:both;}
#background { display:none; float:left; width:100%; height:0!important; padding-bottom:35%; overflow:hidden; position:relative; z-index:0; background-attachment:fixed!important;}
#background:before { content:''; display:block; position:absolute; width:100%; height:100%;}

.search-wrp { position:absolute; top:50%; left:0; width:100%; transform:translateY(-45%); padding:1em;}
.search-wrp h2 { font-weight:700; color:#fff; margin:0}
.search-wrp h2 span { font-style:italic; font-weight:500; font-size:.6em; line-height:1em; display:block} 


	div#searchbar-2 { float:none; width:80%; max-width:900px; height:50px; background:#fff; border:1px solid #e0e0e0; margin:1em auto 0; box-sizing:border-box}
	.search-wrp .search_btn { float:right; height:50px; width:10%; font-size:1.7em;margin:0 0; color:#96c11f;}
	
	
	.search-wrp #psearch { width:90%; padding:0 0 0 1em; height:50px;color:#32414d;font-size:1.3em; float:left}
	
	
		#psearch:-ms-placeholder{color: #aaa; font-style:italic}
		#psearch:-moz-placeholder{color: #aaa; font-style:italic}
		#psearch::-webkit-input-placeholder{color: #aaa; font-style:italic}	
		#psearch::-moz-placeholder {color: #aaa; font-style:italic}
	





#startslider { float:left; width:100%; height:70vh!important; overflow:hidden; position:relative; z-index:0; background:#fff; }
#startslider .slick-slide { position:relative; }

div#gallerywrapper { display:block; position:absolute; }


#startslider .slick-dots { bottom:10px;}

.slick-dotted.slick-slider { margin:0;}


/*  #fullpage .fp-slide.slide-rel { postion:relative !important; } */

 .fp-table { flex-direction:unset !important; }
 
div.hdtext 	{ 
	margin:0% 0 0;
	position:absolute;
	z-index:10; right:5%; top:35%;transform:translateY(-25%); -webkit-transform:translateY(-25%);  
	width:25%; padding:1% 1% 1% 1%;  min-height:20px; color:#32414d; box-sizing:border-box; text-align:left;
}
.hdtext h2					{ font-size: 30pt; font-weight:300;text-transform: uppercase;/* color:#fefefe; */ font-family: 'Maven Pro', sans-serif;text-align:left;word-wrap: break-word;text-shadow:0 0 15px #111}
.hdtext h3 {font-size: 25pt;font-family: 'Maven Pro', sans-serif;text-align:left;/* color:#fefefe; */ margin:0 0 15px 0; font-weight:700;}
.hdtext a {color: #96c11f;text-transform: uppercase;}

div#gallery .imgLink {/* top:0!important; Left:0!important;display:block; cursor:pointer; */background:rgba(0,0,0,0.4);z-index:9999;}

/* Slider Themes */
/* dark */
	.dark {background:#32414d;}
	.dark div.hdtext 	{ color:#fff; box-sizing:border-box; text-align:left;}
	.dark .hdtext h2	{ color:#fff;}
	.dark .hdtext h3   { color:#fff;}
	.dark .hdtext a     {color: #96c11f;text-transform: uppercase; }

/* green */
	.green {background:#96c11f;}
	.green div.hdtext 	{ color:#fff; box-sizing:border-box; text-align:left;}
	.green .hdtext h2	{ color:#fff;}
	.green .hdtext h3   { color:#fff;}
	.green .hdtext a     {color: #32414d;text-transform: uppercase; }







/*div#gallery {	display: block;	background: none;	position:absolute;}
.items div {position: absolute;	top: 0;	left: 0;	margin: 0;	padding: 0;	display: block;	width: 100%;background-size: auto 100% !important;height: 100% !important;
	z-index: 0;	opacity: 0;	filter: alpha(opacity=0);max-height:none!important;}*/
	/* .items { z-index:2221} */
	
	

	
.slick-slide img, .slick-slide video {width: 100%;max-height: none;	max-width: none;	height: auto;	margin: 0 0 0 0;}
.thumbs {margin: 0 auto 0;position: absolute; bottom:10vh; z-index:1; width:100%; text-align:center;}
.thumb {
	width: 15px;
	display: inline-block;
	height: 15px;
	border: 2px solid #fff;
	margin: 0 3px;
	cursor: pointer;
	transition: all ease 0.5s;}


.thumb-selected { background:#fff }

/* Videos im Slider */

.video-tab .poster { width:100%; height:70vh; position:absolute; left:0; top:0; z-index:1; background-size:cover;}
.video-tab.play .poster {display:none; }
.video-tab { position:relative;}
.video-tab video { position:relative; z-index:0; }

.video-tab { position:relative; }
.video-tab video { width:100%; pointer-events: none !important; }
.video-tab .playbutton { position:absolute; left:0;top:0; width:100%;height:70vh;background:rgba(0,0,0,0); }
.video-tab .playbutton.paused { display:block; background:rgba(0,0,0,.5); }

.video-tab .playbutton.paused:after { content: "\f144";
  font-family: FontAwesome;
  position: absolute;
  z-index: 78;
  font-size: 40px;
  left: calc(50% - (40px / 2) );
  top: calc(50% - (40px / 2) );
  color: #000;
  background: #fff;
  border-radius: 50%;
  padding: 11px 3px;
}





	
#startslider div.close {display: none;}

/* ul { margin:30px 0 0 0;}
ul li { list-style:none; margin:0;}
ul li::before {font: normal normal normal 14px/1 FontAwesome;content: "\f054"; margin:0 .7em 0 0}*/

#start-description { float:left; clear:both;font-size:1em; font-weight:300; position:relative; box-sizing:border-box; box-sizing:border-box; padding:0 0;width:100%;}
#start-description .flexbox {
	display: flex;
	box-pack: justify;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	margin:0 auto;
	width:90%;
	max-width:1600px;
	text-align:center}

#start-description .flexbox-item {flex-basis: calc(33.3333% - 3rem); -webkit-flex-basis: calc(33.3333% - 3rem); }
#start-description .flexbox i.fa { color:#96c11f; font-size:50pt; position: relative;}
#start-description .flexbox i::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);}
#start-description .flexbox button{ background:none!important; border:none!important; margin:20px 0 0;}
#start-description .flexbox button i.fa { font-size:35pt;}


/* #fullpage h2 {
	font-size: 3vw;
	font-weight: 700;
	line-height: 1em;
	margin:0;
	color:#fff;
	}
	
#fullpage h2 span { text-transform:uppercase; font-size:5vw}

#section0 {background:#24353f; padding:50vh 0 0 } 
/*#section1 { background:url(../files/zahlteller.jpg) no-repeat right #3c821e; background-size:50%; background-attachment:fixed; padding:50vh 0 0;color:#fff}
#section2 { background:url(../files/tischaufsteller.png) no-repeat center #24353f; background-size:70%; background-attachment:fixed; padding:75vh 0 0}
#section3 { background:url(../files/schilder.png) no-repeat center #5b6a74; background-size:70%; background-attachment:fixed; padding:75vh 0 0;color:#fff}


#section4 { color:#32414d;}

#section4 h2 {color:#32414d; text-transform:uppercase; font-size: 2.5vw;line-height: 1.2em; letter-spacing:.17em}
#section4 h2 span { letter-spacing:0}
#section4 p { font-size:2vw; line-height:1.25em; font-weight:300; text-align:left; color:#5a6166}

#section1.fp-table { flex-direction: row-reverse!important;}

.element-1 {background:#5caf37; padding:0 5%; height:100vh; position:relative; }
.element-2 {background:#5caf37; position:relative; height:100vh;overflow:hidden}
.element-3 {background:#24353f; padding:50vh 5% 0; height:100vh; color:#fff}

.element-4 {background:#fff;position:relative; height:100vh;overflow:hidden; padding:50vh 0 0;color:#32414d;text-align:right; }
	#fullpage .element-4 h2 {color:#32414d; line-height:1em; letter-spacing:-0.05em;}
	#fullpage .element-4 h2 span { text-align:left; text-transform:none;font-size: 4vw;}
	.element-4 h2, .element-4 h3{ text-align:right; margin:0}
	.element-4 h3 { text-transform:uppercase; margin:5px 0 0 }
	.element-4 p{font-size:1.3em;}
	.txt-left { text-align:left!important}
	
.element-5 {background:#c3c3c3;position:relative; height:100vh;overflow:hidden; padding:50vh 0 0}
.element-4 div:first-child,
.element-5 div:first-child,
.element-4 img,
.element-5 img { transform:translateY(-50%)}
.element-5 h3 { margin:0}




.element { color:#fff}
.element h3 { text-align:left; margin:0 0 5px;}
.element div { text-align:right; width:auto; display:inline-block;}
.element p { font-size:1.3em}

.element-1 h2 { position:absolute; top:50%; right:5%; transform:translateY(-50%); text-align:right}
#fullpage .element-1 h2 {font-size: 2vw; line-height:1em;}
#fullpage .element-1 h2 span {text-transform: uppercase;font-size: 10vw;line-height:1em;}
#fullpage .element-1 h2 span.small { text-transform:none; font-size:.7em}
#fullpage .element-1 h2 span.small a { font-weight:bold; text-decoration:underline; color:#fff}
.element-2 img{  position:absolute; top:50%; left:50%;transform:translate(-50%,-50%)} */



/* .printproducts { padding:0 0 0; background:#eee; text-align:center; height:auto!important}
.printproducts .flexbox {margin:0 auto;width:90%;	max-width:1600px;}
.printproducts .flexbox .item {flex-basis: calc(33.3333% - 2rem); -webkit-flex-basis: calc(33.3333% - 2rem); margin:0 0 2rem; position:relative}
.printproducts .flexbox .item:last-child { position:relative; display:inline-block}
.printproducts .flexbox .item:before { content:''; width:100%; height:100%; position:absolute; background:rgba(0,0,0,.2)}
.printproducts h4{  font-size:2em; font-weight:700; color:#fff;  position:absolute; width:100%; text-align:center; bottom:1em; text-shadow:0 0 10px #000}
.printproducts h4 span{ font-size:.8em; line-height:.9em; display:block}
.printproducts h4 a{ color:#fff;}
 */
/*.printproducts a img {-webkit-filter: saturate(0%); filter: saturate(0%); transition:all ease 1s;}
	.printproducts a:hover img {-webkit-filter: saturate(100%); filter: saturate(100%);}*/
	
/* .printproducts .more-print {background:#111; position:absolute; bottom:0; width:100%; height:0; padding-bottom:56.3%; }
.printproducts .more-print:hover {background:#96c11f;transition:0.5s;}
.printproducts .more-print div { 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%)}
.printproducts .more-print a { display:block;}
.printproducts .more-print a h4 {color:#fff;transition:0.5s;}
.printproducts .more-print a i{ color:#96c11f; font-size:3em; position:relative;transition:0.5s;}
.printproducts .more-print i::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);}
	.printproducts .more-print:hover i{ color:#fff;} */


section.tipps { background:#aaa; padding:5% 0;}
/* #categorie {margin:0 auto;width:90%;	max-width:1600px;}
#categorie h3 { color:#fff;}
#categorie h3 strong { font-weight:400;}
#categorie ul {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	box-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin:0 auto;
	padding:0;}
#categorie ul li {  margin:0; padding:0;list-style:none; min-height:13vw;flex-basis: calc(20% - 1rem); -webkit-flex-basis: calc(20% -  1rem); background:#fff; border:1px solid #eee; position:relative;
font-weight:700; padding:1em;}

#categorie ul li img{ } */

.hotline { margin: 0 auto; display:table; width: 100%; min-height:45vw; background:url(../files/hotline.jpg) no-repeat; background-size:cover; background-attachment:fixed; position:relative}


.hotline div { display:block; width:50%; left:50%; top:50%; color:#fff; font-weight:bold; vertical-align:middle; font-size:1.5em; line-height:1.1em; position:absolute;transform:translateY(-50%); -webkit-transform:translateY(-50%) }
.hotline img { width:100%}
.hotline h2 { text-transform:uppercase; font-weight:700; margin: 20px 0 0; font-size: 45pt;}
.hotline h2 span{ color:#96c11f}
.hotline h3 { font-weight:700; background:#96c11f; display:inline-block; padding:.2em 1em; font-size:25pt; }

/*
.hotline div:last-child::before {
	border-right: 5vw solid #232323;
	border-top: 8vw solid transparent;
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	z-index: 1;
	transform:translateY(-100%)
}
.hotline div:last-child::after {
	border-right: 5vw solid #232323;
	border-bottom: 8vw solid transparent;
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	z-index: 1;
}
*/

/* .marken{ padding:5% 10%; background:#fff; }
.marken div { padding:0 1em;}
.marken div img { width:100%}
.marken .brand { text-align:center; background:#efefef; position:relative; height: 150px}
.marken .brand img { width:auto; max-width:90%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%)}

.marken h3 { text-transform:none; line-height:1.1em;}
.marken h3 strong { font-weight:400;} */



/* .expertise { margin: 0 auto; display:table; width: 100%; min-height:45vw; background:url(../files/sachverstaendiger.jpg) no-repeat; background-size:cover; background-attachment:fixed; position:relative}
.expertise div { text-align:left; display:block; width:50%; left:50%; top:50%; color:#fff; font-weight:bold; vertical-align:middle; font-size:1.5em; line-height:1.1em; position:absolute;transform:translateY(-50%); -webkit-transform:translateY(-50%) }
.expertise h2 { color:#20a49d; text-align:left; font-weight:900; margin:0; text-transform:uppercase}
.expertise ul { margin:1em 0 1em 1em}
.expertise ul li{ list-style:circle; font-weight:400; margin:0 0 .2em} */

/* .expertise .pure-button {
	padding: .5em 3em;	
	border: none;
	background: #96c11f;
	border-radius: 0;
	transform: skewX(-20deg);
}
.expertise .pure-button a {color: #fff;transform: skewX(20deg); display:block; text-transform:uppercase}
.expertise .pure-button a::after {
	content: '\f105';
	font: 1em/1 FontAwesome;
	display: inline-block;
	margin: 3px 0 0 2em;
	font-weight: 900;
} */

div#slider, #fullpage .section { 
	width:100%; height: 100vh !important;
	position:relative; overflow:hidden !important;
}
/* #slider div.close { display:none }
div#gallery  { height:100%; background:none }
#gallery div.items { background:#000; }

.items div {
	background-size: auto 100% !important;
	height: 100%!important;
}

 #slider  	{ overflow:hidden; }
 #slider a.nav {transition: all 0.3s ease; background: rgba(49, 49, 127, 0.8); }
  #slider a.next { right:-60px;  }
  #slider a.prev { left:-60px;  }
 #slider:hover  a.next { right:20px;  }
 #slider:hover a.prev { left:20px;  } */
 
  /* Navi Buttons */
 /* a.nav 	{  position:absolute; bottom:0!important; z-index:16; display:block; width:80px;  height:80px; background:#fff; color:#32414d; transform:0.5s;}
   a.nav:hover { background:#96c11f; color:#fff;}
 a.next { left:10%; margin:0 0 0 80px; }
 a.next:before {font: normal normal normal 35px/1 FontAwesome; content: "\f105"; }
 a.prev { left:10%;  }
 a.prev:before { font: normal normal normal 35px/1 FontAwesome;content: "\f104"; }
 a:before {position:absolute; left:50%; top:50%;
 transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);} */
/*
div.hdtext 	{ position:absolute; left:0;top:0px;  width:43%; padding:8% 2% 0.5% 55%;  background:none!important;font-family: 'Black Ops One', cursive;  }
.hdtext h3	{ color:#58585c!important; text-transform:uppercase;font-family: 'Black Ops One', cursive; font-size:3.5em;  line-height:0.7em; margin:0 0 15% 0;}
.hdtext h3 span { font-size:0.63em;}
.hdtext p { font-size:1.3em;}
*/


/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Promo Artikel Container */

h3.promo { float:left; width:100%;  }

#article-preview .scrollable {
	float:left;
	position:relative;
	overflow:hidden;
	width:100% !important;
	margin:0px !important; padding:0;
	height:400px!important; background:none;
	border:0px solid #f0f0f0;}

	#article-preview .scrollable .more-pics-horizontal .items {
		width:20000em;
		position:absolute;
	}

	#article-preview .scrollable a.nav { top: 25%; display:none; }
	#article-preview .scrollable:hover a.nav { display:block; }


	#article-preview { width:100%; max-width:1600px; margin:10px auto 0 auto; text-align:center; }
	#art-start-wrapper { position:relative; float:left; width:100%; margin:1em auto 2em auto; }
	#article-preview .items { background:none; border:0px solid #ccc; }
	
	#article-preview .browse { display:block; height:100%; max-height:40px; padding:20px;  background:rgba(255,255,255,0.8); box-shadow: 1px 1px 5px #c0c0c0; z-index:10; 
		position:absolute; top:50%;
			transform: translateY(-50%) translateX(-50%);
			-webkit-transform: translateY(-50%) translateX(-50%);
			-ms-transform: translateY(-50%) translateX(-50%);
			-moz-transform: translateY(-50%) translateX(-50%);
	}
	
	#article-preview .next { 
			transform: translateY(-50%) translateX(50%);
			-webkit-transform: translateY(-50%) translateX(50%);
			-ms-transform: translateY(-50%) translateX(50%);
			-moz-transform: translateY(-50%) translateX(50%);
	}
	
	
	#article-preview .browse.pressed { box-shadow: 1px 1px 15px #c0c0c0; background:rgba(255,255,255,1.0); }
	#article-preview .browse:before {
			position:absolute; top:50%;
			transform: translateY(-50%) translateX(-50%);
			-webkit-transform: translateY(-50%) translateX(-50%);
			-ms-transform: translateY(-50%) translateX(-50%);
			-moz-transform: translateY(-50%) translateX(-50%);
	}
	
	#article-preview .prev	{ position:absolute; left:20px; /* top:0; */ z-index:10; }
	#article-preview .next	{ position:absolute; right:20px; /* top:0; */ z-index:10; }
	
	

/* Formatierung der Promotion Artikel ----------------------------------------------------------------------------------------------------------*/
	
	
div.hproduct {	float:left; position:relative; width:100%; max-width:300px; margin:0 30px 0 0; text-align:center; box-sizing:border-box; z-index:0; overflow:hidden; }

.product-img {
	float: left;
	width: 100%;
	overflow: hidden;
	height:auto;
	margin: 0 0 10px 0;
	box-sizing: border-box; 
	border:1px solid #ececec;}

.hproduct A { color: #818181;text-decoration: none;  line-height:1.2em; } 
.hproduct A  IMG { width: 100%; max-width:none; max-height:none; border:1px solid #ccc} 

.hproduct H3 {
	width: 100%; 
	overflow: hidden;
	font-size: 1em; 
	font-weight: 300;
	padding:1em 0 0 0;
	margin:0 0 10px;
	text-transform:none;
	letter-spacing:0;
	text-align:center; }

.hproduct div { width:100%; text-align:center; display:block}

/* div.price_cont {
	float: left; clear:both;
	 text-align:center;
	width: 100%;
	background: none;
	font-weight: 700;
	font-size: 1.1em;}
div.price_cont span.pricetext, 	
div.price_cont span.price_ad {	font-size:1.1em; text-align:center;}

div.price_cont i {
	float: right;
	color: #fff;
	background: #96c11f;
	text-align: center;
	border-radius: 50%;
	padding: 7px;
	margin: -10px 0 0;
	font-size: 1.1em;
	transition: all ease .3s;}
div.price_cont a:hover i {	background: #c0c0c0;}
span.strike {
	text-decoration: line-through;
	color: #c0c0c0;
	font-size: 0.8em;
	font-weight: 300;
	float:left;
	width:100%;}



div#price-info {
	width:100%;
	height:30px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	text-align:center;}

#price-info A {	font-weight:normal;	text-decoration:underline; } */


.hproduct A.view  { display:none; clear:both; position:relative; color:#eee; padding:5px 25px; font-weight:400; font-size:1em;background:#aaa; text-align:center;  border-radius:30px;transition:all ease 0.3s; margin:20px 0 0 0; line-height:70px;}
.hproduct A.view:hover { background-color: #96c11f; }

.section.offers h2 a { color:#32414D;}

.section.industry-designs { background-image:url(../files/werbeideen-werbeartikel.jpg); background-position: center top; background-repeat:no-repeat;}
.section.industry-designs h2, .section.industry-designs .h2 { font-weight:600; text-align:center; }
.section.industry-designs .h2 { display:block; text-indent:-80px; }
.section.industry-designs a { display:block; width:100%; height:100%; background:transparent;}

#news { background:#fafafa; padding:3rem 0 3rem 0; background:linear-gradient(#fafafa, 50%, #C3C3C3); }

#news .slick-track { height:75vh;}
#news .scrollnews { max-width:var(--layout-max-width); margin:0 auto 0 auto; }
#news .article { margin:20px; background:#fff; position:relative;}
#news h2 { font-size:40pt; font-weight:700; color:#32414D; text-align:center; }
#news .text { padding:5%; }
#news h3 { text-align:left; font-weight:500; font-size:19pt;}
#news h3 a { color:#32414D;}
#news a.more { position:absolute; right:0; bottom:0; display:block; background:var(--layout-second-contrast-color); padding:10px; color:#fff; }
#news a.more span { display:inline-block; /* width:0; overflow:hidden; */}
#news a.more:hover:after { animation: anibtn 2s; }
#news a.more:after {content:"\f178"; font-family:FontAwesome; margin-left:5px; }

/* @keyframes anibtn {
			0% { position:relative; left:0; }
			50% { position:relative; left:5px; }			
			100% { position:relative; left:0px; }
	} */



@media screen and (max-width:1600px ) {
.element-5 h3 { font-size:2vw; letter-spacing:-.02em}
}

@media screen and (max-width:1440px ) {
	#fullpage h2 { font-size: 4vw; line-height:1em}
	#fullpage h2 span {	font-size: 6vw;line-height:1em}
		#fullpage #section4 h2 { font-size: 2.5vw; line-height:1em}
		#fullpage #section4 h2 span {	font-size: 5vw;	line-height: .8em;}
	
		div#suggSearch { margin-top:148px;}
		.marken div {padding: 0 1%;}
		
}
@media screen and (max-width:1300px ) {
		h4 { font-size:1.1em;}
		/*#categorie h4{ padding: 20px 20px 15px;}
		#fullpage .element-4 h2 span {	font-size: 6vw;}*/
		
		.section.industry-designs {background-size:36%;}
}
@media screen and (max-width:1279px ) {
		/* .printproducts h4 {font-size: 1.7em;} */
		#background, #startslider {padding-bottom:40%;}
		.thumbs { margin: 35% auto 0;}
}
@media screen and (max-width:1080px ) {
		div#suggSearch { margin-top:90px;}
		
}
@media screen and (max-width:1024px ) {
	#background { background-attachment:scroll!important}		
/* 	.element-4 p {font-size: 1.2em;} */
	/* #fullpage h2 { font-size: 5vw;line-height:1em}
	#fullpage h2 span {	font-size: 7vw;line-height:1em} */
	
	#start-description .flexbox i.fa {font-size: 40pt;}
	#start-description .flexbox button i.fa {font-size: 25pt;}
	div.hdtext {	width: 100%; text-align:center;padding: 1% 10% 1%; transform: translateY(0%);-webkit-transform: translateY(0%);}
	.hdtext h2, .hdtext h3{text-align:center}
	.hdtext h3{ text-shadow:0 0 10px #111}
	
	.section.industry-designs {background-size:40%; background-position:center 50%; padding: 3rem 0 4rem 0; }
	.section.industry-designs .paragraph .pure-u-1-1:nth-child(1) { height:15vh; }
	.section.industry-designs .paragraph .pure-u-1-1:nth-child(2) { height:30vh; }
	.section.industry-designs h2, .section.industry-designs .h2 { font-size:23pt; }
	
	
	/* .element-1 h2 {	top: 60%;transform: translateY(-50%);} */
	/* #section5 .fp-table {flex-wrap: wrap !important;-webkit-flex-wrap: wrap !important;} */
}
@media screen and (max-width:920px) {
	/* div.header {position:fixed;	z-index: 999;} */
	/* #section1.fp-table { flex-wrap: wrap;-webkit-flex-wrap: wrap;}
	.element-1 {padding: 0 0;	height: 30%;float:none; width:100%!important}
	.element-2 {	height: 70%; float:none; width:100%!important}
	.element-1 h2 {top: 50%;right: 50%;	transform:translate(50%,-50%);-webkit-transform:translate(50%,-50%);} */
	/* #fullpage .element-1 h2 {font-size: 2em;line-height: 1em;}
	#fullpage .element-1 h2 span {	font-size: 4em; line-height:1em} */

	div.hdtext { min-width:unset;position:relative; right:unset; text-align:left; padding-left:40px;padding-top:20px;}
	.hdtext h2, .hdtext h3 { text-shadow:none;text-align:left;}
	.hdtext h2 { font-size:18pt;}
	.hdtext h3 { font-size:16pt;}
	.hdtext .btn-rounded { font-size: 12pt;padding: 15px; line-height: 1;margin-top:1em; }
	.hdtext .checklist li { margin:0; font-size:14pt;}
	.section.offers { background:#f0f0f0;}


		div.hdtext { min-width:unset;position:relative; right:unset; text-align:left; padding-left:40px;padding-top:20px;}
		.hdtext h2, .hdtext h3 { text-shadow:none;text-align:left;}
		.hdtext h2 { font-size:18pt;}
		.hdtext h3 { font-size:16pt;}
		.hdtext .btn-rounded { font-size: 12pt;padding: 15px; line-height: 1;margin-top:1em; }
		.hdtext .checklist li { margin:0; font-size:14pt;}

	
}

@media screen and (max-width:860px ) {
#categorie ol.news li { flex-basis: calc(50% - 1rem); -webkit-flex-basis: calc(50% - 1rem);}
#categorie ol.news li:first-child { flex-basis: calc(100%);-webkit-flex-basis: calc(100%); margin:0 0 2rem;}

.printproducts .more-print a i {font-size: 2em;}
}
@media screen and (max-width:768px ) {
	
	#section-slider .slide { background-size:contain!important; background-repeat:no-repeat!important; background-color:rgba(50,65,77,1)!important;}
	#section-slider .fp-controlArrow {	top: 10%;	margin-top:0px;}
	#section-slider .fp-arrow {	color:rgba(255,255,255,.7);}
	#section-slider .fp-prev {	left: 15px;}
	#section-slider .fp-next {	right: 50px;}

	.section.industry-designs {background-size:75%; background-position:center 50%; padding: 3rem 0 4rem 0; }

	/* #section0 {	padding:45vh 10vw 0;}
	#section0 h2 {	font-size: 7vw;	line-height: 1.1em;}
	#section0 h2 span {	font-size: 9vw;	line-height: 1.1em;} */
	
	/*#section1 .element-1 {height:40%;}
	#section1 .element-2 {height:60%;}*/
	/* */
	
	
/* 	#section1 .fp-table {flex-wrap: wrap;-webkit-flex-wrap: wrap;}
	
	#section5 .element-4 {height:35vh;padding:0 0 0; display:block; text-align:center}
	#section5 .element-4 div:first-child, .element-5 div:first-child, .element-4 img, .element-5 img {transform: translateY(0%);}
	#section5.fp-table {flex-wrap: wrap;-webkit-flex-wrap: wrap;}
	#section5 .element-4 .flright { width:100%}
	#section5 .element-4 img { width:auto; max-height:100%; margin:0 auto}
	#section5 .element-4 h2, .element-4 h3 {text-align: center;}
	.element-4 .flright .flleft { float: none; }
	#section5 .element-4 .txt-left {text-align: center !important; float:none}
	.element-4.pure-u-lg-6-24 h3 {  text-align: center;} */
	/* #section5 .element-4:first-child {height:45vh;padding:90px 0 0;}
	#section5 .element-4:last-child{height:20vh;padding:0 0 0; display:block; text-align:center}
		
	#section2 {	background-size: 70%;	padding: 60vh 0 0;}
	#section3 {	background-size: 70%;	padding: 60vh 0 0;} */

	/* .element-5 {height: 50vh;	padding: 0 0 0; background:#c3c3c3; width:100%;}
	.element-5 img {transform: translateY(0%); width:auto; max-height:100%}
	.element-5 div:first-child  {transform: translateY(0%); width:100%}
	.element-5 div:nth-child(2) { width:53%; text-align:right}
	.element-5 div:nth-child(2) h2 {text-align:right}			
	.element-5 h3 {	font-size: 4vw;	} 

	#section4 p {font-size: 4vw;line-height: 1.25em;}
*/
	
		#startslider .slick-list, #startslider .slick-track { height:100%;}
		#startslider {padding-bottom:0;}
		div.hdtext {top:5%;}
		.video-tab.dark .poster div.hdtext { top:80vw; min-height:60vw; background:#32414d;}
		.video-tab .playbutton {height:100%;}
		
		
	
		
		
}
@media screen and (max-width:568px ) {

		#startslider { height:195vw !important; }

		/* .printproducts { overflow-x:hidden; } */
		/* #categorie ol.news li { flex-basis: calc(100%);-webkit-flex-basis: calc(100%);margin:0 0 2rem;} */

		/* .printproducts .flexbox .item {flex-basis: calc(100%); -webkit-flex-basis: calc(100%);margin:0 0 1rem;}
		.printproducts .more-print { position:relative;} */

		#start-description .flexbox-item {flex-basis: calc(100%); -webkit-flex-basis: calc(100%);margin:0 0 2rem;}
		#start-description .flexbox button {margin: 10px 0 0;}
		#start-description .flexbox button i.fa {font-size: 15pt;color:#e0e0e0;}
		
		.search-wrp h2 { font-size:2em !important;}
		
		/* .printproducts .flexbox .item {flex-basis: calc(100%);-webkit-flex-basis: calc(100%);margin: 0 0 1rem;}	
		.printproducts h4 {font-size: 2em;} */
				
		#categorie ul li {flex-basis: calc(46%);	-webkit-flex-basis: calc(46%); margin:0 2% 1rem}


	/* 	.expertise .pure-button {padding: .5em 1.5em;}
		.expertise div {font-size: 1.2em;	line-height: 1.1em;} */

	div.hdtext { min-width:unset;position:relative; right:unset; text-align:left; padding-left:40px;padding-top:20px;}
	.hdtext h2, .hdtext h3 { text-shadow:none;text-align:left;}
	.hdtext h2 { font-size:18pt;}
	.hdtext h3 { font-size:16pt;}
	.hdtext .btn-rounded { font-size: 12pt;padding: 15px; line-height: 1;margin-top:1em; }
	.hdtext .checklist li { margin:0; font-size:14pt;}
	
	
	/* #section2 {	background-size: 70%;	padding: 50vh 0 0;} */

	.section.offers .cups, .section.offers .caps, .section.offers .pens, .section.offers .bags { width:100%; border-radius:0; padding:40px 20px 40px 20px; margin-top:0;}
	.section.industry-designs {background-size:90%; background-position:center 50%; padding: 3rem 0 4rem 0; }
	.section.industry-designs .paragraph .pure-u-1-1:nth-child(1) { height:15vh; }
	.section.industry-designs .paragraph .pure-u-1-1:nth-child(2) { height:30vh; }
	.section.industry-designs h2, .section.industry-designs .h2 { font-size:23pt; }
	.section.offers .bags h2 { text-align:left;}

	#news h2, .section.offers h2  {font-size:23pt;}
	#news .article { height:120%;}

		/* #section1 .element-1 {height:40%;}
		#section1 .element-2 {height:60%;}
		#fullpage .element-1 h2 {font-size: 1.7em;line-height: 1em;}
		#fullpage .element-1 h2 span {	font-size: 3.4em; line-height:1em} */


}
@media screen and (max-width:480px ) {
		.search-wrp #psearch {width: 80%;}
		.printproducts h4 {font-size: 1.5em;}
		#background {padding-bottom: 65%;}
		.hotline h3 {font-size: 20pt; margin:0 0 .5em}

		div.hdtext h3 {font-size:18pt}
		.hdtext p {font-size:14pt}

}

@media screen and (max-width:380px ) {
		.thumbs { display:none }
		.search-wrp h2 { font-size:1.7em !important;}
		#categorie ul li {flex-basis: calc(100%);	-webkit-flex-basis: calc(100%); margin:0 0 1rem}
		.hotline h2 { font-size:30pt; }
		.hotline h3 { font-size:22pt; }
		
		#fullpage .element-1 h2 {font-size: 1.5em;line-height: 1em;}
#fullpage .element-1 h2 span {	font-size: 3em; line-height:1em}
}
@media screen and (max-width:330px ) {
		.hotline h2 { font-size:28pt; }
		.hotline h3 { font-size:20pt; }
}