/*
Theme Name: lutronic
Author: millerwerke
Version: 1.0
Text Domain: lumberg
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
h1,h2,h3,h4,h5,h6{clear:both;}
html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;}
del{color:#333;}
ins{background:#fff9c0;text-decoration:none;}
hr{background-color:#ccc;border:0;height:1px;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
small{font-size:smaller;}
img{border:0;-ms-interpolation-mode:bicubic;}

/* hind-300 - latin_latin-ext */
@font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/hind-v9-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
	src: local('Hind Light'), local('Hind-Light'),
	url('fonts/hind-v9-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/hind-v9-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/hind-v9-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
	url('fonts/hind-v9-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/hind-v9-latin_latin-ext-300.svg#Hind') format('svg'); /* Legacy iOS */
}
/* hind-regular - latin_latin-ext */
@font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/hind-v9-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
	src: local('Hind Regular'), local('Hind-Regular'),
	url('fonts/hind-v9-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/hind-v9-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/hind-v9-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
	url('fonts/hind-v9-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/hind-v9-latin_latin-ext-regular.svg#Hind') format('svg'); /* Legacy iOS */
}
/* hind-500 - latin_latin-ext */
@font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 500;
	src: url('fonts/hind-v9-latin_latin-ext-500.eot'); /* IE9 Compat Modes */
	src: local('Hind Medium'), local('Hind-Medium'),
	url('fonts/hind-v9-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/hind-v9-latin_latin-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/hind-v9-latin_latin-ext-500.woff') format('woff'), /* Modern Browsers */
	url('fonts/hind-v9-latin_latin-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/hind-v9-latin_latin-ext-500.svg#Hind') format('svg'); /* Legacy iOS */
}
/* hind-600 - latin_latin-ext */
@font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/hind-v9-latin_latin-ext-600.eot'); /* IE9 Compat Modes */
	src: local('Hind SemiBold'), local('Hind-SemiBold'),
	url('fonts/hind-v9-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/hind-v9-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/hind-v9-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */
	url('fonts/hind-v9-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/hind-v9-latin_latin-ext-600.svg#Hind') format('svg'); /* Legacy iOS */
}
/* hind-700 - latin_latin-ext */
@font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/hind-v9-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
	src: local('Hind Bold'), local('Hind-Bold'),
	url('fonts/hind-v9-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/hind-v9-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/hind-v9-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
	url('fonts/hind-v9-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/hind-v9-latin_latin-ext-700.svg#Hind') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'lumberg';
  src: url('fonts/lumberg.eot?5258104a');
  src: url('fonts/lumberg.eot?5258104a#iefix') format('embedded-opentype'),
       url('fonts/lumberg.woff?5258104a') format('woff'),
       url('fonts/lumberg.ttf?5258104a') format('truetype'),
       url('fonts/lumberg.svg?5258104a#lumberg') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html {
	font-size:10px;
	overflow-x:hidden;
}
body {
	position:relative;
	font-family:"Hind", arial, sans-serif;
	font-style:normal;
	font-weight:300;
	
	font-size:16px;
	line-height:23px;
	
	font-size:1.6rem;
	line-height:2.3rem;
	
	color:#000;
	background:#fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media all and (max-width: 1030px) {
	html {
		font-size:9.5px;
	}
}
@media all and (max-width: 900px) {
	html {
		font-size:9px;
	}
}
@media all and (max-width: 700px) {
	html {
		font-size:8.7px;
	}
}
@media all and (max-width: 500px) {
	html {
		font-size:8.5px;
	}
}


/***********************************************
 layout 
***********************************************/

.full {
	float:left;
	position:relative;
	width:100%;
}
.half {
	position:relative;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0px 50px;
	/*background-image:url(bg.png);
	background-size:100%;
	background-repeat:repeat-y;*/
}

.full:after,
.half:after {
	content:'';
	display:block;
	clear:both;
	width:100%;
	height:0px;
}

#page {
	min-height:calc(100vh - 18rem);
}



@media all and (max-width: 1200px) {
	.half {
		padding-left:4.2%;
		padding-right:4.2%;
	}
}


.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12 {
	float:left;
	position:relative;
	margin-left:1%;
	margin-right:1%;
}
.w1  { width:6.3333%; }
.w2  { width:14.6666%; }
.w3  { width:23%; }
.w4  { width:31.3333%; }
.w5  { width:39.6666% }
.w6  { width:48%; }
.w7  { width:56.3333%; }
.w8  { width:64.6666%; }
.w9  { width:73%; }
.w10 { width:81.3333%; }
.w11 { width:89.6666%; }
.w12 { width:98%; }



/***********************************************
 basics 
***********************************************/

a, a:hover, a:active, a:focus {
	color:#000;
	outline: none;
	text-decoration:none;
}

p {
	margin-bottom:2.3rem
}
img {
	float:left;
	width:100%;
	max-width:100%;
	height:auto;
}
b,strong {
	font-weight:600;
}


/***********************************************
 headlines 
***********************************************/

h1 {
	font-size:3rem;
	line-height:3.6rem;
	font-weight:300;
	margin-bottom:3.6rem;
}
#page > h1,
section > h1 {
	padding-left:1%;
}

h2 {
	font-size:2rem;
	line-height:2.3rem;
	font-weight:600;
	margin-bottom:2.3rem;
}
h3, h4, h5, h6 {
	font-weight:600;
}


/***********************************************
 arrows 
***********************************************/

[class*="arrow-"]:after {
	position:absolute;
	font-family:lumberg;
	font-size:2.5rem;
	line-height:2.5rem;
	width:2.5rem;
	height:2.5rem;
}
[class*="-lefttop"]:after {
	left:1.5rem;
	top:1.75rem;
}
[class*="-righttop"]:after {
	right:1.5rem;
	top:1.75rem;
}
[class*="-leftbottom"]:after {
	left:1.5rem;
	bottom:1.75rem;
}
[class*="-rightbottom"]:after {
	right:1.5rem;
	bottom:1.75rem;
}
[class*="-rightcenter"]:after {
	top:50%;
	margin-top:-1.3rem;
	right:2px;
}
[class*="-leftcenter"]:after {
	top:50%;
	margin-top:-1.3rem;
	left:2px;
}
[class]*="-left"]:after {
	content:'\E801';
}
[class*="-right"]:after {
	content:'\E802';
}



/***********************************************
 form global
***********************************************/
form {
	padding:0;
	margin:0;
	color:#000;
	font-size:1.5rem;
	font-family:"Hind";
}
input,
textarea {
	border: 1px solid #ccc;
	font-family:inherit;
	font-size:inherit;
}
button,
input,
textarea,
select,
option,
label {
	font-family:inherit;
	font-size:inherit;
	line-height:0;
}
textarea {
	overflow: auto;
	vertical-align: top;
	padding:0.75rem 1rem;
	line-height:1.5;
}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"] {
    height:3rem;
	padding:0.25rem 1rem 0 1rem;	
	line-height:1;
}
input[type="submit"] {
    height:3.5rem;
	padding:0.5rem 1rem 0 1rem;	
	line-height:1;
	border:0;
}
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
	margin-right:1rem;
}
select {
	height:3rem;
	padding:0.25rem 0.5rem;
	border:1px solid #B3BBBF;
}
option {
	padding:0.25rem 0.75rem;
}
label {
	width:100%;
	float:left;
	clear:left;
	font-weight:500;
	padding:0.5rem 1rem;
}


/***********************************************
 table
***********************************************/

table {
	border-collapse:collapse;
	empty-cells:show;
	font-size:1.5rem;
}
th, td {
	text-align:left;
	vertical-align:top;
	min-width:7rem;
	padding:0.6rem 2rem 0.4rem 2rem;
	border-bottom: 1px solid #D9DDDF;
	white-space:nowrap;
}
thead th {
	background:#D9DDDF;
	border:0;
}


/***********************************************
 scrollable tables
***********************************************/

.sticky-wrap {
	float:left;
	overflow-x: auto;
	overflow-y: auto;
	position: relative;
	top:0;
	left:0;
	margin:2rem 0 5rem 0;
	width:100%;
	max-height: 80vh;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
	opacity: 0;
	position: absolute;
	top:0;
	left:0;
	z-index: 50;
	width: auto;
	background:#fff;
}
.sticky-wrap .sticky-thead {
	z-index: 100;
	width: 100%;
	-webkit-box-shadow: 0px 6px 6px -2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 6px 6px -2px rgba(0,0,0,0.4);
	box-shadow: 0px 6px 6px -2px rgba(0,0,0,0.4);
}
.sticky-wrap .sticky-col {
	-webkit-box-shadow: 6px 0px 6px -2px rgba(0,0,0,0.4);
	-moz-box-shadow: 6px 0px 6px -2px rgba(0,0,0,0.4);
	box-shadow: 6px 0px 6px -2px rgba(0,0,0,0.4);
}
.sticky-wrap .sticky-intersect {
	opacity: 1;
	z-index: 150;
}
.sticky-wrap td,
.sticky-wrap th {
	box-sizing: border-box;
}




/***********************************************
 links
***********************************************/

a.arrow-leftcenter-right {
	position:relative;
	float:left;
	clear:both;
	padding-left:4rem;
	padding-top:0.2rem;
	margin-bottom:1.6rem;
}


/***********************************************
 buttons
***********************************************/

.button {
	position:relative;
	display:inline-block;
	padding:1.95rem 2rem 1.55rem 5rem;
	margin-top:0.75rem;
	line-height:0;
	height:3.5rem;
	white-space:nowrap;
	font-size:1.5rem;
	cursor:pointer;
	border:none;
	text-align:left;
}
.button.white {
	background:#fff;
	padding:1.7rem 1.9rem 1.3rem 5.4rem;
	border:1px solid #B3BBBF;
	color:#666F75;
}
.button.lightgray {
	background:#d9dddf;
}
.button.gray {
	background:#b3bbbf;
}
.button.darkgray {
	background:#5C6A72;
	color:#fff;
}
.button.green {
	background:#F07F3C;
	color:#fff;
}
.button.disabled {
	opacity:0.5;
	cursor:default;
}


/***********************************************
 icon buttons
***********************************************/

.button:before {
	position:absolute;
	left:1.5rem;
	top:50%;
	font-family:lumberg;
	font-size:1.8rem;
	opacity:0.75;
}
.button.download:before {
	content:'\E812';
	color:#fff;
}
.button.link:before {
	content:'\E802';
	color:#fff;
}
.button.scrolldown:before {
	content:'\E80C';
	color:#fff;
	left:1.6rem;
}

.button.center {
	text-align:center;
	padding-left:0;
	padding-right:0;
}
input.button {
	text-align:center;
	float:right;
}




/***********************************************
 mybox button
***********************************************/

.button.button-mybox {
	text-align:left;
	color:#444;
}
.button.button-mybox span {
	line-height:0;
	color:#F07F3C;
	padding:0 0.35rem 0 0;
	font-weight:400;
	font-size:1.5rem;
	margin-left:-0.2rem;
}
.button.button-mybox span b {
	font-weight:700;
}






/***********************************************
 loading img 
***********************************************/

img.loading {
	background-image:url(images/loader.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
}


/***********************************************
 breadcrumb 
***********************************************/

.breadcrumb {
	display:inline-block;
	width:100%;
	height:10.7rem;
	padding-top:5.2rem;	
	font-weight:400;
}
.breadcrumb br {
	float:left;
}
.breadcrumb li {
	float:left;
	position:relative;
	font-size:1.2rem;
	line-height:1.2rem;
	text-transform:uppercase;
	padding:0 1.2rem 0 1%;
}
.breadcrumb li:nth-child(n+2):before {
	content:'>';
	position:absolute;
	left:-4px;
}
.home .breadcrumb,
.mybox .breadcrumb,
.productselector .breadcrumb {
	display:none;
}

@media all and (max-width: 480px) {
	.breadcrumb {
		display:none;
	}
}



/***********************************************
 geschäftsfelder
***********************************************/

.divisionsbox {
	float:left;
	clear:left;
	width:100%;
	margin-top:3rem;
	margin-bottom:5rem;
}
.home .divisionsbox,
.breadcrumb + .divisionsbox {
	margin-top:0;
}
.divisionsbox article {
	display:inline-block;
	margin-bottom:2%;
	height:22.5rem;
	overflow:hidden;
	background-position:50% 50%;
	background-size:cover;
	cursor:pointer;
}
.divisionsbox article h2,
.divisionsbox article p {
	width:100%;
	padding:1.5rem;
	background:rgba(255,255,255,0.85)
}
.divisionsbox article h2 {
	height:5rem;
	padding-right:0;
	margin:0;
}
.divisionsbox article p {
	position:absolute;
	height:calc(100% - 5rem);
	top:100%;
	opacity:0;
	font-weight:400;
	-webkit-transition:top 0.3s ease-in-out,opacity 0.5s ease-in-out;
	-moz-transition:top 0.3s ease-in-out,opacity 0.5s ease-in-out;
	-o-transition:top 0.3s ease-in-out,opacity 0.5s ease-in-out;
	transition:top 0.3s ease-in-out,opacity 0.5s ease-in-out;		
}
.divisionsbox article:hover p {
	top:5rem;
	opacity:1;
}
body.home .divisionsbox article:nth-last-child(1) h2 {
	background:rgba(45,165,90,1);
	color:#fff;
}

@media all and (max-width: 1200px)  {
	.divisionsbox article {
		height:calc(100vw/3.33 / 1.6);
		min-height:18rem;
	}
}
@media all and (max-width: 700px)  {
	.divisionsbox article {
		width:48%;
		min-height:19rem;
	}
}
@media all and (max-width: 500px)  {
	.divisionsbox article h2 {
		font-size:1.75rem;
		white-space:nowrap;
		padding-left:1rem;
	}
}
@media all and (max-width: 400px)  {
	.divisionsbox article {
		width:98%;
		height:16rem;
	} 
	.divisionsbox article p {
		padding:1rem 3rem 1.5rem 1.5rem;
	}
}


/***********************************************
 home news-events
***********************************************/

.newseventsbox {
	float:left;
	width:100%;
	margin-bottom:7rem;
}
.newseventsbox h2,
.newseventsbox p,
.newseventsbox time {
	display:inline-block;
	width:100%;
	padding:0;
	margin:0;
	font-size:1.6rem;
	line-height:2rem;
}
.newseventsbox p {
	margin:0;
}
.newseventsbox time {
	width:auto;
	font-size:1.4rem;
	line-height:1.4rem;
	margin-bottom:1.7rem;
}
.newseventsbox .ispresse {
	float:right;
	font-size:1.4rem;
	font-weight:500;
	color:#F07F3C;
}
.newseventsbox img {
	margin:-1.5rem -1.5rem 1.5rem -1.5rem;
	min-width:calc(100% + 3rem);
}
.newseventsbox article {
	float:left;
	position:relative;
}
.newseventsbox .news a  {
	display:inline-block;
	width:100%;
	height:100%;
	padding:1.5rem 1.5rem 7rem 1.5rem;
}
.newseventsbox .news article {
	width:48.5%;
	height:calc(50% - 4.6rem);
	margin-bottom:2rem;
	background:#eef0f1;
}
.newseventsbox .news article:nth-of-type(1) {
	float:right;
	height:calc(100% - 7.2rem);
}
.newseventsbox .news article:nth-of-type(1) h2 {
	font-size:2rem;
	line-height:2.4rem;
}
.newseventsbox .news article:nth-of-type(1) p {
	font-size:1.8rem;
	line-height:2.2rem;
}
.newseventsbox .events .eventsbox {
	float:left;
	height:calc(100% - 7.2rem);
	background:#eef0f1;
}
.newseventsbox .events article {
	padding:1.5rem;
	background:#eef0f1;
}
.newseventsbox .events time {
	margin-bottom:0rem;
}


@media all and (min-width: 801px) {
	.newseventsbox {
		display:table;
		height:100%; 
		position:relative;
	}
	.newseventsbox .news,
	.newseventsbox .events {
		display:table-cell;
		height:57rem;
	}
	.newseventsbox .news {
		width:64.6666%;
	}
	.newseventsbox .events {
		width:31.3333%;
	}
}
@media all and (max-width: 800px) {
	.newseventsbox {
		margin-bottom:6rem;
	}
	.newseventsbox .news {
		height:57rem;
		margin-bottom:6rem;
		width:98%;
	}
	.newseventsbox .events {
		width:98%;
		padding:0;
	}
	.newseventsbox .events article {
		float:left;
		width:50%;
	}
}
@media all and (max-width: 550px) {
	.newseventsbox .events article {
		float:left;
		width:98%;
	}
}
@media all and (max-width: 480px) {
	.newseventsbox .news,
	.newseventsbox .events {
		min-height:auto;
		height:auto;
	}
	.newseventsbox .news article {
		width:49%;
		min-height:30rem;
	}
	.newseventsbox .news article:nth-of-type(3) {
		float:right;
	}
	.newseventsbox .news article:nth-of-type(1) {
		width:100%;
	}
}
@media all and (max-width: 400px) {
	.newseventsbox .news article {
		width:100%;
		min-height:auto;
	}
}



/***********************************************
 eventslist
***********************************************/

.eventslist  {
	float:left;
	clear:left;
	width:100%;
	margin-bottom:5rem;
}
.eventslist article {
	background:#EEF0F1;
	padding:1.5rem;
	margin-bottom:2%;
}
.eventslist article time {
	display:inline-block;
	font-size:1.4rem;
	margin-bottom:1.7rem;
}
.eventslist article p,
.eventslist article h2 {
	margin:0;
}
.eventslist article h2 {
}



/***********************************************
 newslist
***********************************************/

.newslist article {
	position:relative;
	float:left;
	margin-bottom:2%;
	overflow:hidden;
}
.newslist article,
.newslist article div {
	background:#EEF0F1;
}
.newslist article div {
	display:inline-block;
	width:100%;
	padding:1.5rem 1.5rem 5rem 1.5rem
}
.newslist article img {
	margin-top:-5%;
	margin-bottom:-6%;
}
.newslist article a {
	display:block;
	width:100%;
	height:100%;
}
.newslist article time {
	display:inline-block;
	font-size:1.4rem;
	margin-bottom:1rem;
}
.newslist article .ispresse {
	float:right;
	font-size:1.4rem;
	font-weight:500;
	color:#F07F3C;
}
.newslist article h2 {
	margin-bottom:1rem;
}
.newslist article p {
	margin:0;
}
.newslist article p,
.newslist article h3 {
	line-height:2.2rem;
}
section.newslist  {
	float:left;
	clear:left;
	width:100%;
	margin-bottom:4rem;
}
aside.newslist  {
	float:left;
	margin-bottom:6rem;
}
aside.newslist .more {
	float:left;
	position:relative;
	margin-top:1rem;
	margin-left:1rem;
	margin-right:1rem;
}
aside.newslist h1 {
	margin-left:1%;
	display:none;
}
aside.newslist article {
	margin-bottom:6%;
}
aside.newslist article img {
	margin-top:-10%;
	margin-bottom:-12%;
	width:100%;
}
aside.newslist article div {
	padding:1.5rem 6rem 1.5rem 1.5rem;
}
aside.newslist article div .ispresse {
	margin-right:-4rem;
}

@media all and (max-width: 750px) {
	aside.newslist {
		width:auto;
		margin-left:0;
		margin-right:0;
	}
	aside.newslist h1 {
		display:block;
	}
	aside.newslist article {
		width:48%;
		margin-left:1%;
		margin-right:1%;
		margin-bottom:2%;
	}
}
@media all and (max-width: 700px) {
	section.newslist article {
		width:48%;
	}
}
@media all and (max-width: 400px) {
	section.newslist article {
		width:98%;
	}
}


/***********************************************
 newslist pagination
***********************************************/

.pagination {
	float:left;
	width:100%;
	text-align:center;
	padding:2rem 0;
}
.pagination h2 {
	display:none;
}
.pagination .page-numbers {
	display:inline-block;
	width:2.5rem;
	height:3.2rem;
	padding:0.5rem 0 0.4rem 0;
}
.pagination .current {
	font-weight:700;
}
.pagination .dots {
	width:auto;
}
.pagination .next,
.pagination .prev {
	position:absolute;
	width:auto;
	padding:0.5rem 0 0.4rem 0;
}
.pagination .next {
	right:5.2%;
	right:calc(5.2% + 1.5rem);
	padding-right:4rem;
}
.pagination .prev {
	left:5.2%;
	left:calc(5.2% + 1.5rem);
	padding-left:4rem;
}
.pagination .next:after,
.pagination .prev:after {
	position:absolute;
	font-family:lumberg;
	font-size:2.5rem;
	color:#000;
	line-height:2.5rem;
	width:2.5rem;
	height:2.5rem;
	top:50%;
	margin-top:-1.2rem;
}
.pagination .next:after {
	content:'\E802';
	right:0;
}
.pagination .prev:after {
	content:'\E801';
	left:0;
}

@media all and (max-width: 700px) {
	.pagination .next,
	.pagination .prev {
		width:3rem;
		padding:0;
		color:#fff;
		overflow:hidden;
	}
}



/***********************************************
 singlenews
***********************************************/

.singlenews {
	margin-bottom:9rem;
}

.singlenews img {
	margin-bottom:3.6rem;
}
.singlenews time {
	display:inline-block;
	margin-bottom:2.4rem;
}
.singlenews .ispresse {
	float:right;
	margin-right:1rem;
	font-weight:500;
	color:#F07F3C;
}
.singlenews .button {
	display:block;
	width:24rem;
}
.singlenews .pressekontakt {
	margin-top:8rem;
	margin-bottom:1rem;
}
.singlenews .pressekontakt p {
	margin-bottom:0;
}
.singlenews .pressekontakt a {
	color:#F07F3C;
	font-weight:500;
}

@media all and (max-width: 750px) {
	.singlenews {
		width:100%;
	}
}


/***********************************************
 article
***********************************************/

.articlebox {
	margin-bottom:5rem;
}
.articlebox.w12 .cols2 {
	-webkit-column-count:2;
	-webkit-column-gap: 2rem;
	-webkit-column-width: 241px;
	-moz-column-count:2;
	-moz-column-gap: 2rem;
	-moz-column-width: 241px;
	column-count: 2;
	column-gap: 2rem;
	column-width: 241px;
	hyphens: auto;
}
.articlebox h1 {
	display:block;
}
.articlebox.w12 h1 {
	width:66%;
}

.articlebox.w12 > h2 {
	width:48%;
}

@media all and (max-width: 650px)  {
	.articlebox.w12 h1 {
		width:100%;
	}
}
@media all and (max-width: 568px)  {
	.articlebox.w12 h2 {
		width:100%
	}
}


/***********************************************
 allowed ul li
***********************************************/

.singlenews ul,
.articlebox .textbox ul {
	list-style:disc;
	margin-left:1.75rem;
	margin-bottom:2.3rem
}

.singlenews li,
.articlebox .textbox li {
	list-style:disc;
}


/***********************************************
 allowed colored textlinks
***********************************************/

.singlenews p a,
.articlebox p a {
	font-weight:500 !important;
	color:#F07F3C !important;
}
.lumbadressitem p a {
	font-weight:500 !important;
	color:#F07F3C !important;
}


/***********************************************
 imagebox
***********************************************/

.imagebox {
	position:relative;
	display:block;
	width:100%;
	margin-bottom:3.6rem;
	overflow:hidden;
}
.imagebox .slides,
.imagebox .slide {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.imagebox .slide{
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
.imagebox .slide.leftfocus{
	background-position:20% 50%;
}
.imagebox .slide.rightfocus{
	background-position:80% 50%;
}
.imagebox .decker {
	position:absolute;
	right:0;
	width:49%;
	height:100%;
	padding:4%;
	background:rgba(255,255,255,0.75);
	color: white;
}
.imagebox .decker h1,
.imagebox .decker p {
	margin-bottom:1rem;
}
.imagebox .decker h1 {
	font-weight:400;
}
.imagebox .decker h1,
.imagebox .decker h2 {
	font-size:2.8rem;
	line-height:3.2rem;
	font-weight:400;
}

.imagebox .decker p {
	font-weight:400;
}


.w12 .imagebox	{
	height:calc(100vw / 2.82);
	min-height:26rem;
	max-height:42rem;
}
.w12 .imagebox .decker {
	padding:6% 10% 4% 4%;
}

.home .imagebox.full {
	height:calc(100vw / 2.58);
	min-height:38rem;
	width:109.1%;
	margin-left:-4.55%;
	margin-bottom:6.5rem;
}
.home .imagebox.full .decker {
	top:0;
	right:5%;
	width:40.5%;
	height:100%;
	padding:6% 4%;
	display:flex;
	flex-direction:column-reverse;
}
@media all and (max-width: 800px) {
	.home .imagebox.full .decker {
		width:45%;
	}
	.w12 .imagebox .decker h2 {
		font-size:2.2rem;
		line-height:3rem;
	}
}
@media all and (max-width: 568px) {
	.articlebox.w12 .imagebox {
		height:calc(100vw / 1.7);
		min-height:0;
	}
	.articlebox.w4 .imagebox {
		height:calc(100vw / 1.75);
	}
	.articlebox.w4 .imagebox img {
		margin-top:-17.5%;
	}
	.articlebox.w4  {
		width:98%;
	}
	/*.w12 .imagebox .decker h2 {
		font-size:2rem;
		line-height:2.8rem;
	}*/
	.imagebox .decker h1,
	.imagebox .decker h2 {
		font-size:2rem;
		line-height:2.8rem;
	}
}
@media all and (max-width: 420px) {
	.articlebox.w6  {
		width:98%;
	}
	.w12 .imagebox .decker {
		display:none;
	}
}


/***********************************************
 article image slider
***********************************************/

.flex-nav-prev a,
.flex-nav-next a {
	position:absolute;
	top:0;
	width:5rem;
	height:100%;
	color:white;
	z-index:999;
	overflow:hidden;
}
.flex-nav-prev a {
	left:0;
}
.flex-nav-next a {
	right:0;
}
.flex-nav-next a:before,
.flex-nav-prev a:before {
	position:absolute;
	font-family:lumberg;
	font-size:2.5rem;
	width:2.5rem;
	height:2.5rem;
	bottom:5%;
	color:white;
	text-align:center;
}

.flex-nav-next a {
	background-color: transparent;
}

.flex-nav-prev a:before {
	content:'\E801';
	right:50%;
	margin-right:-1.25rem;
}
.flex-nav-next a:before {
	content:'\E802';
	left:50%;
	margin-left:-1.25rem;
}
.flex-disabled {
	display:none;
}
.home .slider.full .flex-nav-prev a,
.home .slider.full .flex-nav-next a {
	width:5%;
}
.slider * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}


/***********************************************
 3d rundgang
***********************************************/

.rundgang {
	float:left;
	width:100%;
	height:3.6rem;
	margin:-3.6rem 0 3.6rem 0;
}
.rundgang a{
	display:inline-block;
	width:auto;
	min-width:40%;
	padding:1rem 2rem 1rem 5rem;
	color:#fff;
	line-height:1;
	background:#F07F3C;
}



/***********************************************
 reiter
***********************************************/

.reiter {
	display:inline-block;
	width:100%
}
.reiter .navi {
	margin-bottom:3.6rem;
}
.reiter .navi h1 {
	display:inline-block;
	margin-right:3rem;
	margin-bottom:0;
	cursor:pointer;
	opacity:0.4;
}
.reiter .navi h1:last-child {
	margin-right:;
}
.reiter h1.active {
	opacity:1
}



/***********************************************
 jobs
***********************************************/

.jobs {
	display:inline-block;
	width:100%;
	margin-bottom:6rem;
}
.jobs .jobitem {
	padding-top:3rem;
	border-top:1px solid #D2DBDC;
	margin-bottom:2rem;
}




/***********************************************
 accordion
***********************************************/

.accordion {
	position:relative;
	border-top:1px solid #b3bbbf;
}
.accordion.last {
	margin-bottom:8rem;
	border-bottom:1px solid #b3bbbf;
}
.accordion > h1 {
	display:inline-block;
	position:relative;
	font-size:2.6rem;
	line-height:3rem;
	width:100%;
	margin:0;
	padding:1.9rem 0 1.5rem 4.5rem;
	cursor:pointer;
}
.accordion > h1:before {
	content:'\E80F';
	position:absolute;
	height:3rem;
	width:3rem;
	top:1.8rem;
	left:0;
	font-family:lumberg;
	font-size:2.7rem;
	color:#F07F3C;
	text-align:center;
	-webkit-transition:transform 0.25s ease-in-out,transform-origin 0.25s ease-in-out;
	-moz-transition:transform 0.25s ease-in-out,transform-origin 0.25s ease-in-out;
	-o-transition:transform 0.25s ease-in-out,transform-origin 0.25s ease-in-out;
	transition:transform 0.25s ease-in-out,transform-origin 0.25s ease-in-out;
}
.accordion.active > h1:before {
	transform:rotate(89.5deg);
	-ms-transform:rotate(89.5deg);
	-webkit-transform:rotate(89.5deg);

}
.accordion h1 + p {
	display:inline-block;
	width:80%;
	padding:0 0 0 4.5rem;
}
.accordion .content p {
	margin:0;
}
.accordion .content {
	/* display:none; */
	height:0;
	position:relative;
	width:calc(100% - 4.5rem);
	margin:0 0 0 4.5rem;
	overflow:hidden;
	opacity:0;
	-webkit-transition:opacity 0.25s ease-in-out;
	-moz-transition:opacity 0.25s ease-in-out;
	-o-transition:opacity 0.25s ease-in-out;
	transition:opacity 0.25s ease-in-out;
}
.accordion.active .content {
	display:inline-block;
	opacity:1;
	overflow:visible;
}
.accordion .content .inner {
	display:inline-block;
	height:100%;
	width:100%;
	margin:2rem 0 6rem 0;
}
.accordion .content .inner.wide {
	width:102%;
	margin-left:-1%;
	margin-bottom:2rem;
}





/***********************************************
 productlisting
***********************************************/


.productlisting  h1.produktkat {
	margin-bottom:4rem;
}
.productlisting .accordion {
	padding-top:2rem;
	padding-bottom:2rem;
}
.productlisting .accordion  h1,
.productlisting .accordion  h1 + p {
	width:calc(100% - 25%);
}
.productlisting .accordion .serienimage {
	height:17.33%;
	width:17.33%;
	float:right;
	border:1px solid #B3BBBF;
	margin:0.5rem 0;
	position:relative;
	z-index:99;
}
.productlisting .accordion .serienbuttons {
	display:none;
	position:absolute;
	right:0;
	top:2.5rem;
	width:17.33%;
}
.productlisting .accordion.active .serienbuttons {
	z-index:100;
}
.productlisting .accordion .serienbuttons .button {
	float:left;
	margin-top:1rem;
	width:100%;
}
.productlisting .accordion .noresult {
	margin-left:1%;
	margin-bottom:6rem;
	display:none;
}

@media all and (max-width: 1030px) {
	.productlisting .accordion  h1,
	.productlisting .accordion  h1 + p {
		width:calc(100% - 30%);
	}
	.productlisting .accordion .serienimage {
		height:22.3%;
		width:22.3%;
	}
	.productlisting .accordion .serienbuttons {
		width:22.3%;
	}
}
@media all and (max-width: 800px) {
	.productlisting .accordion  h1,
	.productlisting .accordion  h1 + p {
		width:calc(100% - 35%);
	}
	.productlisting .accordion .serienimage {
		height:30%;
		width:30%;
	}
	.productlisting .accordion .serienbuttons {
		width:30%;
	}
}
@media all and (max-width: 600px) {
	.productlisting .accordion  h1,
	.productlisting .accordion  h1 + p {
		width:100%;
	}
	.productlisting .accordion .serienimage {
		display:none
	}
	.productlisting .accordion .serienbuttons {
		position:relative;
		float:left;
		right:auto;
		left:4.5rem;
		top:0;
		width:calc(102% - 4.5rem);
		margin-bottom:2rem;
	}
	.productlisting .accordion .serienbuttons .button {
		width:48%;
		margin-right:2%;
	}
}
@media all and (max-width: 480px) {
	.productlisting .accordion .serienbuttons .button {
		width:100%;
		margin-right:0;
	}
}








/***********************************************
 productdetail
***********************************************/

.productdetail .intro {
	float:left;
	clear:left;
	width:100%;
	position:relative;
	margin-bottom:6rem;
}
.productdetail .intro h1 {
	display:inline-block;
	width:49%;
	font-size:2.6rem;
	line-height:1;
	text-transform:uppercase;
	white-space:nowrap;
	margin-top:-0.6rem;
	margin-bottom:3.4rem;
}
.productdetail .intro h2 {
	float:right;
	width:49%;
	padding:0.75rem 1% 0 0;
	font-weight:400;
	font-size:1.9rem;
	line-height:2.9rem;
	color:#5C6A72;
	opacity:0.75;
}
.productdetail .intro h1 span {
	display:inline-block;
	text-transform:none;
	white-space:nowrap;
	padding:1.1rem 1.5rem 0.7rem 1.5rem;
	background:#d9dddf;
}
.productdetail .intro h1 span + span {
	padding-left:4rem;
	padding-right:4rem;
	margin-left:-0.8rem;
	background:#5C6A72;
	color:#fff;
}
.productdetail .intro .zoomimage {
	position:relative;
	border:1px solid #b3bbbf;
	overflow:hidden !important;
	cursor:pointer;
}
.productdetail .intro .zoomimage:after {
	content:'\E809';
	font-family:lumberg;
	font-size:2.2rem;
	line-height:2.2rem;
	color:#5C6A72;
	position:absolute;
	width:2.2rem;
	height:2.2rem;
	right:1rem;
	bottom:1rem;
	z-index:999;
	opacity:0.75;
}
.productdetail .intro p {
	font-size:1.9rem;
	line-height:2.9rem;
	margin-bottom:3rem;
}


.productdetail .intro .w6 {
	float:right;
} 


.productdetail .intro .info p {
	display:table;
	position:relative;
	width:100%;
	margin:0;
	
	font-size:1.6rem;
	line-height:2.4rem;
	
	padding:0.7rem 0 0.4rem 0;
	border-top:1px solid #b3bbbf;
}
.productdetail .intro .info p:last-child {
	border-bottom:1px solid #b3bbbf;
}
.productdetail .intro .info p span {
	display:table-cell;
	width:41.66%;
	font-weight:500;
	padding-right:1rem;
}
/* .productdetail .intro .buttonlist {
	position:absolute;
	right:0;
	bottom:0; 
}*/
.productdetail .intro .buttonlist .button {
	float:right;
	clear:both;
	display:block;
	width:21rem;
	min-width:47%;
}


.productdetail .attribute p {
	display:table;
}
.productdetail .attribute b {
	display:table-cell;
	font-weight:600;
	width:25rem;
}
.productdetail .schneidgabelhead {
	margin-top:1rem;
}

.productdetail .freigabeinfo p {
	margin-bottom:2.2rem;
}



.productdetail table td,
.productdetail table th {
	min-width:auto;
	font-size:1.4rem;
	line-height:1.6rem;
	padding-top:0.5rem;
	padding-bottom:0.2rem;
	padding-left:1rem;
	padding-right:1rem;
}
.productdetail table th {
	padding-top:1.5rem;
	padding-bottom:1.5rem;
}
.productdetail table td {
	height:3.75rem;
	vertical-align:middle;
	white-space:normal;
}

.productdetail #kabel table td,
.productdetail #kabel table th {
	font-size:1.3rem;
	line-height:1.5rem;
}
.productdetail #kabel table th[data-sort]{
	cursor:pointer;
	font-weight:600;
}
.productdetail #kabel table th.sorting-asc,
.productdetail #kabel table th.sorting-desc {
    font-weight:500;
	color:#F07F3C;
}
.productdetail #kabel table thead tr:first-child th {
	font-weight:600;
}
.productdetail #kabel table thead tr:first-child th:nth-of-type(1),
.productdetail #kabel table thead tr:first-child th:nth-of-type(2),
.productdetail #kabel table thead tr:first-child th:nth-of-type(3),

.productdetail #kabel table thead tr:last-child th:nth-of-type(1),
.productdetail #kabel table thead tr:last-child th:nth-of-type(5),
.productdetail #kabel table thead tr:last-child th:nth-of-type(8) {
	border-right:1px solid #fff;
}
.productdetail #kabel table td:nth-of-type(1),
.productdetail #kabel table td:nth-of-type(5),
.productdetail #kabel table td:nth-of-type(8) {
	border-right:1px solid #D9DDDF;
}
.productdetail #kabel table td:nth-of-type(5),
.productdetail #kabel table th:nth-of-type(5) {
	text-align:center;
}
.productdetail #kabel table td:nth-of-type(7),
.productdetail #kabel table th:nth-of-type(7) {
	text-align:center;
}
.productdetail #kabel table td:nth-of-type(8),
.productdetail #kabel table th:nth-of-type(8) {
	text-align:right;
	padding-right:2rem;
}
.productdetail #kabel table td:nth-of-type(9),
.productdetail #kabel table th:nth-of-type(9) {
	white-space:normal;
}
.productdetail #kabel table td:last-child,
.productdetail #kabel table th:last-child {
	padding-right:2rem;
}
.productdetail #kabel table td a {
	text-decoration:underline;
}

.productdetail #polzahlen .sticky-wrap {
	max-height:none;
	margin-left:1%;
	max-width:99%;
}
.productdetail #polzahlen table td {
	min-width:8rem;
}
.productdetail #polzahlen table td:nth-of-type(1),
.productdetail #polzahlen table th:nth-of-type(1) {
	min-width:16rem;
}
.productdetail #polzahlen table td:nth-of-type(2),
.productdetail #polzahlen table th:nth-of-type(2) {
	text-align:center;
}
.productdetail #polzahlen table td:nth-of-type(2) span {
	display:inline-block;
	text-align:right;
	width:2rem;
}
.productdetail #polzahlen table td:nth-of-type(3),
.productdetail #polzahlen table th:nth-of-type(3),
.productdetail #polzahlen table td:nth-of-type(4),
.productdetail #polzahlen table th:nth-of-type(4),
.productdetail #polzahlen table td:nth-of-type(5),
.productdetail #polzahlen table th:nth-of-type(5),
.productdetail #polzahlen table td:nth-of-type(6),
.productdetail #polzahlen table th:nth-of-type(6)  {
	text-align:right;
	min-width:10rem;
}
.productdetail #polzahlen table td:nth-of-type(5),
.productdetail #polzahlen table th:nth-of-type(5) {
	padding-left:2.5rem;
	min-width:11rem;
}
.productdetail #polzahlen table td input[type='text'] {
	width:7rem;
	height:2.6rem;
	padding:0 0.75rem;
	text-align:right;
	font-size:1.4rem;
	line-height:0;
}
.productdetail #polzahlen table span.bestand {
	position:relative;
	display:block;
	height:3rem;
	width:3rem;
	float:right;
	margin-top:0;
	margin-bottom:0;
	cursor:pointer;
}
.productdetail #polzahlen table span.bestand:before {
	content:'';
	position:absolute;
	height:1.5rem;
	width:1.5rem;
	top:50%;
	top:1.3rem;
	left:0;
	margin-top:-0.8rem;
	border-top:2px solid #F07F3C;
	border-right:2px solid #F07F3C;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-webkit-transition:transform 0.25s ease-in-out,transform-origin 0.25s ease-in-out;
	-moz-transition:transform 0.25s ease-in-out,transform-origin 0.25s ease-in-out;
	-o-transition:transform 0.25s ease-in-out,transform-origin 0.25s ease-in-out;
	transition:transform 0.25s ease-in-out,transform-origin 0.25s ease-in-out;
}
.productdetail #polzahlen table span.bestand.open:before {
	transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform-origin: 67% 39%;
	-ms-transform-origin: 67% 39%;
	-webkit-transform-origin: 67% 39%;
}
.productdetail #polzahlen table tr.bestand {
	display:none;
}
.productdetail #polzahlen table tr.bestand.open {
	display:table-row;
	height:auto;
}
.productdetail #polzahlen table tr.bestand td:first-child {
	padding-top:1.5rem;
}
.productdetail #polzahlen table tr.bestand td {
	padding-right:0;
	padding-bottom:4rem;
	text-align:left;
	vertical-align:top;
	/* display:none; */
}
.productdetail #polzahlen table tr.bestand p {
	position:relative;
	font-weight:600;
	height:3.6rem;
	padding:1rem 7rem 1rem 1rem;
	margin-left:2rem;
	border-bottom:1px solid #D9DDDF;
}
.productdetail #polzahlen table tr.bestand p b {
	position:absolute;
	right:1.5rem;
	color:#F07F3C;
	letter-spacing:0.1rem;
}


.productdetail #downloads .left {
	float:left;
	width:49%;	
}
.productdetail #downloads .right {
	float:right;
	width:49%;
	margin-right:-1%;
}
.productdetail #downloads .datenblatt {
	width:100%;
	margin-bottom:4rem;
}
.productdetail #downloads .datenblatt .button {
	width:calc(24.5% - 1rem);
	margin-right:1rem;
}
.productdetail #downloads .vanweisung,
.productdetail #downloads .pdf3d,
.productdetail #downloads .cad {
	margin-bottom:6.2rem;
}

.productdetail #downloads .vanweisung .button,
.productdetail #downloads .cad .button,
.productdetail #downloads .pdf3d .button {
	width:calc(50% - 1rem);
	margin-right:1rem;
}
.productdetail #downloads .cad .button .filetype {
	text-transform:uppercase;
}

.productdetail #inquiry  {
	margin-left:1%;
	width:100%;
}
.productdetail #inquiry h2 {
	padding:1rem;
}
.productdetail #inquiry fieldset {
display:block;
	margin:0 0 3rem 0;
}
.productdetail #inquiry legend {
	font-weight:600;
	padding:1.25rem 1rem;
	border-top:1px solid #F07F3C;
	width:98%;
}
.productdetail #inquiry fieldset input[type=text],
.productdetail #inquiry fieldset input[type=email],
.productdetail #inquiry fieldset input[type=url],
.productdetail #inquiry fieldset select {
	float:left;
	width:48%;
	height:3.2rem;
	margin:0 2% 1.5rem 0;
	border-left:none;
	border-top:none;
	font-size:1.5rem;
	line-height:1.5rem;
}
.productdetail #inquiry input[type=submit] {
	margin:0 2% 4rem 0;
	width:24%;
}





@media all and (max-width: 800px) {
	.productdetail #downloads .left,
	.productdetail #downloads .right {
		float:left;
		width:100%;
	}
	.productdetail #downloads .datenblatt,
	.productdetail #downloads .vanweisung,
	.productdetail #downloads .cad,
	.productdetail #downloads .pdf3d	{
		margin-bottom:4rem;
	}
	.productdetail #downloads .datenblatt .button,
	.productdetail #downloads .vanweisung .button,
	.productdetail #downloads .cad .button,
	.productdetail #downloads .pdf3d .button {
		width:calc(33.33% - 1rem);
	}
}
@media all and (max-width: 650px) {
	.productdetail #inquiry input[type=submit] {
		width:48%;
	}
}
@media all and (max-width: 550px) {
	.productdetail .intro h2 {
		float:left;
		width:100%;
		padding:0.75rem 1% 0 0;
	}
	.productdetail .intro .w5 {
		width:98%;	
	}
	.productdetail .intro .w6 {
		width:98%;
		margin-top:3.5rem;	
	}
	.productdetail .intro .buttonlist {
		position:relative;
		right:0;
		width:98%;
		margin-top:5rem;
	}
	.productdetail .intro .buttonlist .button {
		width:48%;
		min-width:48%;
		max-width:48%;
	}
	.productdetail #inquiry input[type=text],
	.productdetail #inquiry select {
		width:98%;
		margin:0 0 1.5rem 0;
	}
}
@media all and (max-width: 520px) {
	.productdetail #downloads .datenblatt .button,
	.productdetail #downloads .vanweisung .button,
	.productdetail #downloads .cad .button,
	.productdetail #downloads .pdf3d .button{
		width:calc(50% - 1rem);
	}
}
@media all and (max-width: 400px) {
	 .productdetail .intro .buttonlist .button {
		width:100%;
		min-width:100%;
		max-width:100%;
	} 
}
@media all and (max-width: 340px) {
	.productdetail #downloads .datenblatt .button,
	.productdetail #downloads .vanweisung .button,
	.productdetail #downloads .cad .button,
	.productdetail #downloads .pdf3d .button {
		width:calc(100% - 1rem);
	}
}




/***********************************************
 all productitem
***********************************************/

.productitem {
	display:inline-block;
	height:auto;
	width:17.8%;
	margin-left:1.1%;
	margin-right:1.1%;  
	margin-bottom:4rem;
}
.productitem img {
	border:1px solid #b3bbbf;
	margin-bottom:1.5rem;
	padding:2rem 1.5rem 1rem 1.5rem;
}
.productitem.geschaeftsfeld img {
	padding:0;
}
.productitem h2 {
	font-size:1.6rem;
	line-height:2rem;
	margin-bottom:0.5rem;
}
.productitem p {
	font-size:1.4rem;
	line-height:1.8rem;
	margin:0;
}
.productitem span.status {
	position:absolute;
	top:0.45rem;
	right:1rem;
	width:100%;
	font-size:1.5rem;
	font-weight:600;
	text-align:right;
}
.productitem span.status.gray {
	color:#5C6A72;
}
.productitem span.status.green {
	color:#F07F3C;
}

.productitem.active {
	 display:block !important;
}
.productitem.disabled {
	display:none !important;
}


@media all and (max-width: 1030px) {
	.productitem {
		width:22.8%;
	}
}
@media all and (max-width: 800px) {
	.productitem {
		width:31.13%;
	}
}
@media all and (max-width: 600px) {
	.productitem {
		width:47.8%;
	}
}
@media all and (max-width: 400px) {
	.productitem {
		width:97.8%;
		margin-bottom:1.5rem;
	}
	.productitem img {
		float:left;
		width:40%;
		margin-right:5%;
	}
	.productitem .description{
		float:left;
		width:55%;
		padding-bottom:1.5rem;
	}
	.productitem span.status {
		top:0.25rem;
		left:0.5rem;
		font-size:1.3rem;
		text-align:left;
	}
}




/***********************************************
 productselector
***********************************************/


.selector {
	border:1px solid #F07F3C;
	display:inline-block;
}
.selector .selectorform div {
	float:left;
	margin:0 2% 3% 0;
	width:23%;
	max-width:23%;
}
.selector .selectorform div label {
	font-weight:600;
	padding-bottom:1.25rem;
}
.selector .selectorform div select {
	width:100%;
	height:4rem;
	border:none;
	border-bottom:1px solid #b3bbbf;
}

.productlisting .selector {
	float:left;
	width:98%;
	padding:4% 2% 2% 4%;
	margin:0 1% 7rem 1%;
}
.productselector .selector {
	width:102%;
	padding:4% 0 1% 2%;
	margin:0 0 7rem -1%;
	border-top:none;
}
.productselector .selector .schnellsuche {
	width:100%;
	display:inline-block;
}
.productselector .selector .schnellsuche .searchform {
	float:right;
	width:23%;
	margin-right:2%;
}
.productselector .selector .schnellsuche .searchform input {
	float:left;
	width:49%;
}
.productselector .selector .selectorform {
	width:100%;
	display:inline-block;
	padding:5rem 0;
}
.productselector .selector .resetform {
	width:45%;
	float:right;
	margin-right:2%;
	text-align:right;
	padding-bottom:1rem;
}
.productselector .selector .resetform button{
	padding-left:2rem;
	padding-right:2rem;
}
.productselector .selector .suchinformation {
	width:45%;
	float:left;
	padding-top:1rem;
}
.productselector .selectoroutput {
	min-height:30rem;
}
.productselector .selectoroutput.loaded {
	background-image:url(images/loader.gif);
	background-position:50% 9rem;
	background-repeat:no-repeat;
}
.productselector .selectoroutput.loaded .ajax {
	opacity:0.08;
}


@media all and (max-width: 850px) {
	.selector .selectorform div {
		width:48%;
		max-width:48%;
		margin-bottom:5%;

	}
}

@media all and (max-width: 400px) {
	.selector .selectorform div {
		width:98%;
		max-width:98%;
	}
}

/*
.remove {
	display:none;
}
*/





/***********************************************
 articlebox table
***********************************************/

.articlebox table {
	/* table-layout:fixed; */
	color:#333;
	width:100%;
	margin-top:3.2rem;
	margin-bottom:3.2rem;
	border-top: 1px solid #D9DDDF;
}
.articlebox th,
.articlebox td {
	padding:0.6rem 1.5rem 0.4rem 0.5rem;
	white-space:normal;
}
.articlebox thead th {
	background:none;
	border-bottom: 1px solid #D9DDDF;
}





/***********************************************
 mybox 
***********************************************/

.mybox h1.myboxhead {
	position:relative;
	width:102%;
	left:-1%;
	padding:10.6rem 2.2% 1.5rem 2%;
	color:#fff;
	background:#F07F3C;
	text-align:right;
	margin-bottom:6rem;
}
.mybox .intro {
	margin-bottom:3rem;
}
.mybox .intro p {
	width:78%;
	font-size:1.8rem;
	line-height:2.7rem;
}
.mybox .intro p.myboxstatus {
	margin-bottom:4rem;
	font-weight:500;
	font-size:1.6rem;
	line-height:2.3rem;
}

.mybox .myboxforms {
	display:none;
	float:left;
	width:100%;
	margin-bottom:8rem;
}
.mybox .myboxforms h2 {
	padding-left:1%;
	margin-bottom:3rem;
}
.mybox .myboxforms .action.button {
	width:18%;
}
.mybox .myboxforms .action.button:last-child {
	margin-right:0;
}




.mybox .myboxforms .actionbox {
	display:none;
	position:relative;
	float:left;
	width:100%;
	padding:6rem 0 0 0;
}
.mybox .myboxforms .actionbox:before {
	content:'';
	position:absolute;
	left:1%;
	top:0;
	width:98%;
	height:1px;
	border-top:2px solid #F07F3C;
}
.mybox .myboxforms .actionbox.active {
	display:block;
}
.mybox .myboxforms .actionbox.share form {
	margin-top:4.6rem;
}
.mybox .myboxforms .actionbox.share form fieldset {
	margin-bottom:2rem;
}
.mybox .myboxforms .actionbox.share form legend {
	font-weight:600;
	padding:0 0 1rem 1rem;
}
.mybox .myboxforms .actionbox.share form .addRecipient {
	padding-left:1rem;
	font-size:1.4rem;
	cursor:pointer;
}
.mybox .myboxforms .actionbox.share form .deleteRecipient {
	position:absolute;
	right:0px;
	height:3rem;
	width:3rem;
	padding-top:0.4rem;
	text-align:center;
	font-weight:600;
	cursor:pointer;
}
.mybox .myboxforms .actionbox label {
	padding-left:0;
}
.mybox .myboxforms .actionbox.share label {
	display:none;
}
.mybox .myboxforms .actionbox input[type="text"] {
	width:100%;
	margin-bottom:2%;
}
.mybox .myboxforms .actionbox textarea {
	width:100%;
	height:17.5rem;
}
.mybox .myboxforms .actionbox input[type="submit"] {
	width:50%;
	margin-top:4.6rem;
}
.mybox .myboxforms .actionbox.share input[type="submit"] {
	margin-top:2rem;
}



.mybox .mybox_list,
.mybox .compare_list {
	width:100%;
	position:relative;
	display:inline-block;
	margin-bottom:4rem;
	padding-bottom:2rem;
}
.mybox .mybox_list.loading,
.mybox .compare_list.loading {
	background-image:url(images/loader.gif);
	background-position:50% 40%;
	background-repeat:no-repeat;
	min-height:24rem;
}


.mybox .mybox_list .productitem  {
	padding-bottom:5.5rem;
}
.mybox .mybox_list .productitem input[type=checkbox] {
	margin-right:1rem;
}
.mybox .mybox_list .productitem label {
	position:absolute;
	width:100%;
	height:3.5rem;
	bottom:0;
	padding:0.6rem 1rem 0.7rem 1rem;
	background:#d9dddf;
	font-weight:300;
	line-height:0;
	cursor:pointer;
}
.mybox .mybox_list .productitem label:before {
	position:absolute;
	content:'\E80D';
	font-family:lumberg;
	font-size:2rem;
	line-height:2rem;
	color:#fff;
	width:2.5rem;
	height:2rem;
	top:50%;
	margin-top:-1rem;
	z-index:99;
	background:#d9dddf;
}
.mybox .mybox_list .productitem label.selected {
	color:#fff;
	background:#F07F3C;
}
.mybox .mybox_list .productitem label.selected:before {
	content:'\E80A';
	color:#fff;
	background:#F07F3C;
}
.mybox .mybox_list .productitem .button.delete {
	position:absolute;
	width:3.5rem;
	bottom:0rem;
	right:0;
	color:transparent;
	background:transparent;
	border-left:1px solid #fff;
	padding:0;
	opacity:0.8;
}
.mybox .mybox_list .productitem .button.delete:hover {
	background:#5C6A72;
	opacity:1;
}
.mybox .mybox_list .productitem .button.delete:before {
	position:absolute;
	content:'\E800';
	font-family:lumberg;
	font-size:2rem;
	line-height:2rem;
	color:#fff;
	width:2rem;
	height:2rem;
	top:50%;
	left:0.85rem;
	margin-top:-1rem;
	z-index:99;
	opacity:1;
}


.mybox .compare_list {
	padding-top:2rem;
}
.mybox .compare_table {
	display:table;
	width:100%;
	max-width:100%;
}
.mybox .compare_table div.row {
	display:table-row;
	vertical-align:top;
}
.mybox .compare_table div.row div {
	float:left;
	width:20%;
	height:100%;
	padding:1rem 2% 1rem 0;
	font-size:1.4rem;
	line-height:1.8rem;
	border-top:1px solid #B3BBBF;
}
.mybox .compare_table div.row div:first-child {
	font-weight:600;
}
.mybox .compare_table div.row div:last-child {
	padding-right:0;
	width:18%;
}
.mybox .compare_table div.row:first-child div {
	border-top:0;
	padding-bottom:2rem;
}
.mybox .compare_table div.row div img {
	border:1px solid #b3bbbf;
	margin-bottom:1.5rem;
	padding:2rem 1.5rem 1rem 1.5rem;
}
.mybox .compare_table div.row div h2 {
	font-size:1.6rem;
	line-height:2rem;
	margin-bottom:0.5rem;
}
.mybox .compare_table div.row div p {
	font-size:1.4rem;
	line-height:1.8rem;
	margin:0;
}

.mybox .printlogo {
	display:none;
}


/* print compare */
.mybox .compare_list .printcompare.button {
	float:right;
	width:24%;
	margin-right:2%;
	margin-top:5rem;
}
html.print {
	font-size:8px !important;
	background:#fff !important;
}	
html.print body {
	max-width:1020px;
	margin:0 auto;
}	
html.print .compare_list {
	margin:2%;
	width:96%;
}
html.print .compare_list .printcompare {
	display:none;
}

html.print .printlogo {
	display:block;
	width:270px !important;
	height:55px !important;
	max-width:270px !important;
	max-height:55px !important;
	margin-bottom:50px;
}



@media all and (max-width: 1030px) {
	.mybox .myboxforms .action.button {
		width:22.9%;
	}
}
@media all and (max-width: 800px) {
	.mybox .myboxforms .action.button {
		width:31.33%;
	}
	.mybox .myboxforms .actionbox input[type="submit"]	{
		width:65%;
	}
	.mybox .compare_list .printcompare.button	{
		width:31%;
	}
}
@media all and (max-width: 700px) {
	.mybox .intro h1 {
		padding-right:15px;
	}
}
@media all and (max-width: 600px) {
	.mybox .intro p {
		width:98%;
	}
	.mybox .myboxforms .actionbox input[type="submit"] {
		width:75%;
	}
	.mybox .compare_list .printcompare.button	{
		width:36%;
	}
}
@media all and (max-width: 500px) {
	.mybox .actionbox .w6 {
		width:98%;
	}
	.mybox .myboxforms .actionbox input[type="submit"] {
		width:50%;
	}
	.mybox .compare_list .printcompare.button	{
		width:49%;
	}
}
@media all and (max-width: 480px) {
	.mybox h1.myboxhead {
		top:-5.2rem;
		margin-bottom:-0.8rem;
	}
}
@media all and (max-width: 400px) {
	.mybox .mybox_list .productitem  {
		padding-bottom:2.5rem;
	}
	.mybox .mybox_list .productitem .select {
		position:relative;
		float:left;
		clear:left;
		width:100%;
	}
	.mybox .mybox_list .productitem label {
		position:relative;
	}
	.mybox .myboxforms .actionbox input[type="submit"]	{
		width:70%;
	}
	.mybox .compare_list .printcompare.button	{
		width:69%;
	}
}


/***********************************************
 searchform 
***********************************************/

.searchform {
	padding:0;
	margin-top:0.5rem;
}
.searchform input[type=search] {
	width:20rem;
	border:0;
}


/***********************************************
 searchresult
***********************************************/

.searchresult .productlist,
.searchresult .pagelist  {
	margin-bottom:5rem;
}
.searchresult .productlist article {
	width:30%;
	margin-left:0;
	margin-right:3%;
}
.searchresult .pagelist article {
	margin-bottom:2.6rem;
}
.searchresult .pagelist article br {
	float:left;
}


@media all and (max-width: 1030px) {
	.searchresult .productlist,
	.searchresult .pagelist	{
		width:48%
	}
	.searchresult .productlist article {
		width:45.5%;
		margin-right:4.5%;
	}
}
@media all and (max-width: 800px) {
	.searchresult .productlist {
		width:102%
	}
	.searchresult .pagelist	{
		width:98%
	}
	.searchresult .productlist article {
		width:30%;
		margin-right:3%;
	}
}
@media all and (max-width: 600px) {
	.searchresult .productlist article {
		width:47%;
		margin-right:2%;
	}
}
@media all and (max-width: 400px) {
	.searchresult .productlist {
		width:98%
	}
	.searchresult .productlist article {
		width:98%;
		margin-right:0;
	}
}






/***********************************************
 contactitems (similar productitem)
***********************************************/

.contactitem {
	width:17.8%;
	margin-left:1.1%;
	margin-right:1.1%;
	margin-bottom:3rem;
}
.contactitem.bigger {
	width:27.8%;
}
.contactitem.first {
	clear:both;
}
.contactitem img {
	margin-bottom:1.5rem;
	width:100%;
}
.contactitem h2 {
	font-size:1.6rem;
	line-height:2rem;
	margin-bottom:0rem;
}
.contactitem p {
	font-size:1.4rem;
	line-height:1.8rem;
	padding-bottom:0.9rem;
}

@media all and (max-width: 1030px) {
	.contactitem {
		width:22.8%;
	}
}
@media all and (max-width: 800px) {
	.contactitem {
		width:31.13%;
	}
}
@media all and (max-width: 600px) {
	.contactitem,
	.contactitem.bigger	{
		width:47.8% !important;
	}
}




/***********************************************
 distributoren + internationale standorte
***********************************************/

.distriselectbox {
	position:relative;
	float:right;
	margin-bottom:-7rem;
	margin-right:1%;
	z-index:1;
	width:31.3%
}
.distriselectbox select {
	width:100%;
	margin-bottom:1rem;
}

.lumbadressen {
	margin-bottom:7rem;
	width:100%;
}
.lumbadressen.distributoren {
	display:none;
}
.lumbadressen.distributoren h2 {
	margin-bottom:8rem;
}
.lumbadressitem {
	border-bottom:1px solid #B3BBBF;
	border-top:1px solid #B3BBBF;
	margin:-1px 2% 0 0;
	padding:3% 0 3% 0;
}
.lumbadressitem p {
	margin-bottom:1.6rem;
}
.lumbadressitem p + p {
	margin-bottom:0;
}
.lumbadressitem span.status {
	display:inline-block;
	color:#F07F3C;
	font-weight:500;
	margin-bottom:1.6rem;
}

@media all and (max-width: 650px) {
	.lumbadressitem {
		width:48%;
	}
}




/***********************************************
 siteheader
***********************************************/

/** siteheader **/
#siteheader {
	position:relative;
	background:#fff;
	border-bottom:4px solid #5C6A72;
	z-index:9999;
}
.productselector #siteheader {
	border-color:#2DA55A;
} 
#siteheader hgroup a{
	display:inline-block;
	width:270px;
	height:55px;
	margin:45px 0 42px 1%;
	background:url(images/logo_lutronic.png) 50% 50% no-repeat transparent;
	background-size:contain;
	text-indent:-9999px;
	overflow:hidden;
}
#siteheader nav ul.lang-navigation li {
	position:relative;
	text-transform:uppercase;
}
#siteheader nav ul.lang-navigation li:nth-child(n+2):before {
	content:'|';
	position:absolute;
	top:50%;
	left:-2px;
	margin-top:-1.2rem;
	color:#b3bbbf;
}
#siteheader nav ul.lang-navigation li:not(.current-lang) a {
	color:#b3bbbf;
}


#siteheader div.neuesuche {
	float: left;
}
#siteheader div.neuesuche input#search {
	margin-left: 2rem;
	outline: none;
	width: 12rem;
	background-color: rgb(239, 239, 239);
}
#siteheader div.neuesuche button.neuesuche-submit {
	border: none;
	height:3rem;
	background-color: transparent;
}
#siteheader div.neuesuche button.neuesuche-submit:hover {
	cursor: pointer;
}
#siteheader div.neuesuche button.neuesuche-submit:after {
	content:'\E806';
	position:relative;
	font-family:lumberg;
	font-size:2rem;
	line-height:0;
	color:#747a7d;
}

#siteheader .myboxle  {
	position:absolute;				
	/* display:none; */
	width:auto;
	top:0;
	z-index:9999;
}
#siteheader .myboxle > li > a {
	display:block;
	width:120px;
	height:100px;
	padding:10px;
	font-size:1.9rem;
	font-weight:300;
	background:#F07F3C;
	color:#fff;
	text-transform:uppercase;
}
#siteheader .myboxle p {
	position:absolute;
	bottom:10px;
	width:50px;
	margin:0;
	text-align:center;
}
#siteheader .myboxle span.sum {
	position:absolute;
	display:block;
	top:13px;
	right:13px;
	font-size:3rem;
	font-weight:500;
}
	

@media all and (min-width: 851px) {
	#siteheader h3 {
		display:none;
	}
	#siteheader nav {
		float:left;
		width:102%;
		margin-left:-1%;
	}
	#siteheader nav ul ul {
		position:absolute;
		left:3.25%;
		top:100%;
		width:93.5%;
		padding:2.5rem 0 0 0;
		background:#5C6A72;
		text-transform:none;
		display:none;
	}
	#siteheader nav ul ul ul{
		position:absolute;
		left:0;
		border-top:1px solid #fff;
		padding:2rem 0 2rem 0;
		width:auto;
		background:#b3bbbf;
	}
	#siteheader nav li {
		float:left;
		white-space:nowrap;
	}
	#siteheader nav > ul > li {
		border-bottom:4px solid transparent;
	}
	#siteheader nav li li {
		position:relative;
	}
	#siteheader nav li li li {
		clear:left;
		width:100%;
	}
	#siteheader nav li a {
		display:block;
		/* padding:1.2rem 1rem 0.8rem 1rem; */
		padding:1.2rem 1rem 0.4rem 1rem;
		font-weight:500;
		font-size:1.65rem;
	}
	#siteheader nav li li a {
		padding:2.5rem 2.2rem 2rem 2.2rem;
		font-weight:400;
		color:#fff;
	}
	#siteheader nav li li li a {
		padding:0.35rem 3.2rem 0.35rem 2.2rem;
		color:#5C6A72;
	}
	#siteheader nav ul.first-navigation {
		float:left;
	}
	#siteheader nav ul.first-navigation > li > a {
		padding-left:2.1rem;
		padding-right:1.9rem;
		text-transform:uppercase;
	}
	#siteheader nav ul.first-navigation > li.prodselector > a {
		color:#2DA55A;
	}

	@media all and (max-width: 1030px)   {
		#siteheader nav ul.first-navigation > li > a{
			 padding-left:1.7rem; 
			 padding-right:0.9rem; 
		}
		#siteheader nav li li > a {
			 padding-left:2rem; 
			 padding-right:1rem; 
		}
	}
	
	#siteheader nav ul.second-navigation{
		float:right;
		margin-right:1%;
	}
	#siteheader nav ul.lang-navigation {
		position:absolute;
		top:4rem;
		right:4.2%;
	}

	
	/** fixed navi **/
	.fixed #page{
		margin-top:193px;
	}
	.fixed #siteheader {
		position:fixed;
		top:0;
		-webkit-transition:top 0.3s ease-in-out, height 0.35s ease;
		-moz-transition:top 0.3s ease-in-out, height 0.35s ease;
		-o-transition:top 0.3s ease-in-out, height 0.35s ease;
		transition:top 0.3s ease-in-out, height 0.35s ease;	
	}
	.fixed #siteheader.hide {
		top:-145px;
	}
	.fixed #siteheader hgroup a {
		width:180px;
		height:25px;
		margin:20px 0 20px 1%;
		background-size:100%;
		background-position:0 0;
	}
	.fixed #siteheader nav ul.lang-navigation {
		top:13px;
	}
	.fixed #siteheader nav ul.lang-navigation a {
		font-size:1.4rem;
	}
	.fixed #siteheader.hide nav ul ul {
		display:none !important;
		height:0 !important;
	}
	.fixed #siteheader .myboxle a {
		height:40px;
		padding:10px 10px 10px;
	}
	.fixed #siteheader .myboxle span.sum {
		display:none;
	}
	
	
	/** klick gedöns **/
	body:not(.home) #siteheader nav > ul > li.active > ul {
		display:block;
		height:10px;
		overflow:hidden;
	}
	#siteheader nav li.active:hover > ul,
	#siteheader nav li.opend > ul	{
		display:block !important;
		height:auto !important;
		overflow:visible !important;
		height:9.3rem !important;
		z-index:999;
	}
	#siteheader nav li.active li:hover ul,
	#siteheader nav li.opend li:hover ul	{
		display:block;
		height:auto !important;
		z-index:9999;
	}
	
	/** mouseoverpuffer **/
	#siteheader nav li.opend ul:after,
	#siteheader nav li.active ul:after	{
		content:'';
		width:100%;
		position:absolute;
		top:100%;
		left:0;
		height:2.5rem;
	}
	
	
	#siteheader nav > ul > li.opend,
	#siteheader nav > ul > li.active {
		border-bottom:4px solid #5C6A72;
	}

	 .productselector #siteheader nav > ul > li.active,
	 .mybox #siteheader nav > ul > li.active {
		border-bottom:4px solid transparent !important;
	} 


}
@media all and (max-width: 850px) {

	html {
		background:#E3E4E5;
	}
	body {
		position:absolute;
		width:100%;
		left:0;
		top:0;
	}
	body, #siteheader nav {
		-webkit-transition:left 0.25s ease-in-out;
		-moz-transition:left 0.25s ease-in-out;
		-o-transition:left 0.25s ease-in-out;
		transition:left 0.25s ease-in-out;
	}
	#siteheader hgroup a{
		margin:6.3% 0 6.3% 1%;
	}
	#siteheader h3 {
		position:absolute;
		width:50px;
		height:50px;
		right:5%;
		top:0;
		margin:6.3% 0 6.3% 0;
		overflow:hidden;
		text-indent:-9999px;
		background:url(images/hamburger.png) 50% 50% no-repeat transparent;
		background-size:cover;
		display:block;
		cursor:pointer;
	}
	#siteheader nav  {
		position:fixed;
		display:block;
		top:0;
		bottom:0;
		left:100%;
		height:100%;
		padding:7% 5% 50px 5%;
		overflow-y:scroll;
	}
	#siteheader nav ul,
	#siteheader nav ul li {
		margin:0;
		padding:0;
	}
	#siteheader nav ul ul {
		margin-left:2rem;
	}
	#siteheader nav li a {
		display:block;
		padding:10px;
		font-size:2rem;
	}
	#siteheader nav li.active > a {
		font-weight:bold;
	}
	#siteheader nav li.active > ul  {
		display:block;
	}
	#siteheader nav ul.lang-navigation,
	#siteheader nav ul.first-navigation,
	#siteheader nav ul.second-navigation {
		position:relative;
		float:left;
		clear:left;
		width:100%;
		padding-bottom:7%;
	}
	#siteheader nav ul.first-navigation {

	}
	#siteheader nav ul.lang-navigation {
		width:auto;
	}
	#siteheader nav ul.lang-navigation li {
		float:left;
	}
	#siteheader nav ul.lang-navigation li:nth-child(n+2):before {
		margin-top:-1.25rem;
	}
	
	#siteheader nav ul ul {
		display:none;
	}

	.toggled {
		overflow-y:hidden;
		overflow-x:hidden;
	}
	.toggled body  {
		left:-80%;
		height:100vh;
		overflow-y:hidden;
		overflow-x:hidden;
	}
	.toggled #siteheader nav  {
		left:20%;
		width:80%;
	}
	
	
	#siteheader nav li.opend  ul	{
		display:block !important;
		height:auto !important;
		overflow:visible !important;
		z-index:999;
	}
	#siteheader div.neuesuche  {
		margin: 2.2rem 0 -1rem;
	}
	#siteheader div.neuesuche input#search {
		margin-left: 0rem;
		width: 20rem;
		font-size:2rem;
		margin-right:1rem;
	}
	#siteheader .myboxle  {
		width:86%;
		right:0;
		top:0;
		z-index:-1;
	}
	#siteheader .myboxle li  {
		float:right;
		height:auto; 
	}
	
}
@media all and (max-width: 560px) {
	#siteheader hgroup a{
		width:54%;
	}
	#siteheader nav  {
		padding-top:8%;
	}
	#siteheader div.neuesuche  {
		margin: 2.2rem 0 0;
	}
}
@media all and (max-width: 480px) {
	#siteheader {
		margin-bottom:5.2rem;
	}
	.home #siteheader {
		margin-bottom:0;
	}
	#siteheader hgroup a{
		margin:3% 0 2% 1%;
	}
	#siteheader h3 {
		width:35px;
		height:35px;
		margin:5% 0 0 0;
	}
	#siteheader nav  {
		padding-top:5%;
	}
	#siteheader nav ul.lang-navigation li:nth-child(n+2):before {
		margin-top:-1.3rem;
	}


}



/***********************************************
 sitefooter
***********************************************/

#sitefooter {
height:auto;
	background:#5C6A72;
	margin-top:2rem;
	padding:4rem 0 6rem 0;
	font-size:1.2rem;
	line-height:1.6rem;
	color:#fff;
}
#sitefooter .half {
	opacity:0.7;
}
#sitefooter p {
	margin:0 1% 1.2rem 1%;
}
#sitefooter nav {
	display:inline-block;
	width:98%;
	margin:0 1%;
	padding-top:1.2rem;
	border-top:1px solid #fff;
}
#sitefooter a {
	color:#fff;
}
#sitefooter ul ul {
	position:absolute;
	top:100%;
	display:none;
}
#sitefooter ul ul ul {
	position:relative;
	top:0;
}
#sitefooter li {
	float:left;
	width:auto;
	min-width:4%;
	padding:0.2rem 0 0 0;
	margin-left:5rem;
	font-weight:500;
}
#sitefooter li:first-child {
	margin-left:0;
}
#sitefooter li li {
	clear:left;
	width:100%;
	min-width:0;
	margin-left:0 !important;
	font-weight:300;
}
#sitefooter li li li {
	padding-left:1rem;
}
#sitefooter li li:before {
	content:'- ';
}
#sitefooter li.social {
	min-width:0;
	margin-right:0;
	margin-left:1.5rem;
	float:right;
	width:3rem;
	height:3rem;
	color:transparent;
	overflow:hidden;
	padding:0;
}
#sitefooter li.social a {
	display:block;
	width:3rem;
	height:3rem;
	color:transparent;
} 

#sitefooter li.social a:before {
	font-family:lumberg;
	font-size:2.7rem;
	line-height:2.7rem;
	color:#fff;
	/* border:1px solid blue; */
}
#sitefooter li.facebook a:before {
	content:'\E805';
}
#sitefooter li.youtube a:before {
	content:'\E807';
}



/***********************************************
 sitemap
***********************************************/

#sitemap {
	line-height:2rem;
	margin-bottom:5rem;
}
#sitemap a {
	display:inline;
	width:auto;
}
#sitemap p {
	margin:0;
}
#sitemap ul li {
	padding:1rem 0 0 0;
	font-weight:600;
}
#sitemap ul ul li {
	padding:0.5rem 0 0 0;
	font-weight:400;
}
#sitemap .sub-menu {
	margin-left:2.5rem;
}
#sitemap .sum {
	display:none;
}
#sitemap .nolink > a {
	cursor:default;
}
#sitemap .sitemap-hidden {
	display:none;
}



/***********************************************
 scrollup
***********************************************/


#scrollup {
    display:none;
    position:fixed;
    width: 3.5rem;
    height: 3.5rem;
    bottom:7rem;
    right:0;
	background:#000;
	opacity:0.25;
	cursor:pointer;
}
#scrollup:before {
	position:absolute;
	top:0.5rem;
	width:3.5rem;
	height:3.5rem;
    content:'\E811';
	font-family:lumberg;
	font-size:2rem;
	line-height:2rem;
	text-align:center;
	color:#fff;
}

/***********************************************
 cookie law
***********************************************/


#cookie-notice {
    display: none;
    position: fixed;
    min-width: 100%;
    height: auto;
    z-index: 100000;
    font-size: 1.4rem;
    line-height: 1.4rem;
    left: 0;
    text-align: center;
	background-color: rgba(0,0,0,0.75) !important;
	padding-bottom:0.5rem
}

#cookie-notice .button {
    margin-left: 2rem;
	background:#F07F3C;
	color:#fff;
	text-align:center;
	padding-left:2rem;
}

/***********************************************
 bereich Dienstleistungen
***********************************************/

.contentzeile .w5, .contentzeile .w7 {
	display: block;
	position: relative;
	margin-bottom: 2rem;
}

.contentzeile .w5 .downloadbuttons {
	position: absolute;
	bottom: 0;
}

.contentzeile .w7 img {
	width: 200px;
	border: 1px solid #b3bbbf;
	padding: 1rem;
	margin-right: 1rem;
}

.contentzeile h2 {
	font-size: 1.6rem;
	line-height: 2rem;
	margin-bottom: 0.5rem;
}

/***********************************************
 global override media queries
***********************************************/

@media all and (max-width: 1200px) {

}


@media all and (max-width: 1100px) {


}

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


}

@media all and (max-width: 900px) {


}

@media all and (max-width: 850px) {


}

@media all and (max-width: 800px) {


}

@media all and (max-width: 750px)  {


}

@media all and (max-width: 700px)  {

	h1 {
		font-size:2.8rem;
		line-height:3.4rem;
		margin-bottom:3.4rem;
	}
	.productdetail .intro > h1 {
		font-size:2.6rem;
		line-height:3.2rem
	}
	.accordion > h1 {
		font-size:2.4rem;
		line-height:2.8rem
	}

	
}

@media all and (max-width: 650px)  {


}

@media all and (max-width: 600px)  {

	h1 {
		font-size:2.6rem;
		line-height:3.2rem;
		margin-bottom:3.2rem;
	}
	.productdetail .intro > h1 {
		font-size:2.4rem;
		line-height:3.0rem
	}
	.accordion > h1 {
		font-size:2.2rem;
		line-height:2.6rem
	}


}

@media all and (max-width: 568px)  {


	
}

@media all and (max-width: 400px) {

	.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12	{
		width:98%;
	}
	h1 {
		font-size:2.4rem;
		line-height:3rem;
		margin-bottom:3rem;
	}
	.productdetail .intro > h1 {
		font-size:2.2rem;
		line-height:2.6rem
	}
	.accordion > h1 {
		font-size:2rem;
		line-height:2.4rem
	}


}

@media all and (max-width: 320px) {

}

@media print {

	@page {
		size: A4 landscape;
	}

	html {
		font-size:8px;
	}	
	
}

div.featherlight {
	z-index: 9998 !important;
}

div.featherlight-content {
	height: 100%;
	width: 100%;
	padding: 0 !important;
	border-bottom: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-height: 100% !important;
}
video.wpvideo {
	position: relative;
	margin-top: 5rem;
	width: 100%;
}

button.featherlight-close-icon {
	z-index: 99999 !important;
	top: 10px !important;
	right: 10px !important;
	color: #fff !important;
	background: #F07F3C !important;
}