@charset "UTF-8";
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,hr,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
img{border:0}
address,caption,dfn,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
h1,h2,h3,h4,h5,h6,ul,ol,dl,p,address,figure,pre,fieldset,table,hr,.nav,.island,.media{margin-bottom:24px;margin-bottom:1.3rem}
figcaption,small{font-size:12px;font-size:.75rem}
ul,ol,dd{margin-left:3em}
small,code{line-height:1}
pre,code,input,textarea,button{font:inherit}
html{overflow-y:scroll;font-size:100%;line-height:1.5;background-color:#fff;color:#333}
body{min-height:100%}
.cf,.grids,.media{}
.cf:before,.grids:before,.media:before,.cf:after,.grids:after,.media:after{content:"";display:table}
.cf:after,.grids:after,.media:after{clear:both}
.island{padding:1.5em}
.island > :last-child{margin-bottom:0}
.media{display:block}
.media .img{float:left;margin-right:10px}
.media .body{overflow:hidden;margin-bottom:0}
.nav{list-style:none}
.nav li{display:inline}
.nav a{display:inline-block}
h1,.alpha{font-size:2em;line-height:1.5}
h2,.beta{font-size:1.5em;line-height:1}
h3,.gamma{font-size:1.35em;line-height:1.2}
h4,.delta{font-size:1.125em;line-height:1.333}
h5,.epsilon{font-weight:bold}
h5,.epsilon,h6,.zeta{font-size:1em;line-height:1.5}
figure img{display:block;margin-bottom:0}
li > ul,li > ol{margin-bottom:0}
ul.numbered{list-style:decimal outside}
dt{font-weight:bold}
q{quotes:"‘" "’" "“" "”"}
q:before{content:"‘";content:open-quote}
q:after{content:"’";content:close-quote}
q q:before{content:"“";content:open-quote}
q q:after{content:"”";content:close-quote}
blockquote{quotes:"“" "”"}
blockquote p:before{content:"“";content:open-quote}
blockquote p:after{content:"";content:no-close-quote}
blockquote p:last-of-type:after{content:"”";content:close-quote}
blockquote{text-indent:-.4em}
.source{display:block;text-indent:0}
.source:before{content:"—"}
q,i,em,cite{font-style:italic;font-weight:inherit}
b,strong,mark{font-weight:bold;font-style:inherit}
mark{background-color:#ffc;color:#333}
s,del{text-decoration:line-through}
abbr{cursor:help;border-bottom:1px dotted}
pre,code{font-family:"Inconsolata","Monaco","Consolas","Courier New",Courier,monospace}
pre{overflow:auto;line-height:24px}
img{max-width:100%;height:auto!important;font-style:italic;color:#c00}
img.left{margin:0 1.5em 0 0}
img.right{margin:0 0 0 1.5em}
object,embed,video{max-width:100%;height:auto}
fieldset{padding:1.5em;border:1px solid #ccc}
label{display:block}
label,.text-input,textarea,.btn{cursor:pointer}
.text-input:active,.text-input:focus,textarea:active,textarea:focus{cursor:text}
.check-list{width:100%;overflow:hidden;list-style:none;margin-left:0}
.check-list li{width:25%;float:left}
.check-label{display:inline}
fieldset > :last-child{margin-bottom:0}
table{width:100%;max-width:100%}
thead tr:last-of-type th{border-bottom-width:2px}
tbody th{border-right-width:2px}
th:empty{border:none}
th,td{vertical-align:top;padding:.25em .5em;border:1px solid #fff}
th{font-weight:bold;text-align:center}
table [colspan]{text-align:center}
table [rowspan]{vertical-align:middle}
[colspan="1"]{text-align:left}
[rowspan="1"]{vertical-align:top}
tbody tr:nth-of-type(odd){background:rgba(0,0,0,0.05)}
tfoot{text-align:center}
tfoot td{border-top-width:2px}
.message{font-weight:normal;display:block;padding:10px 10px 10px 36px;border:1px solid #ccc;margin-left:0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset}
ul.message{list-style:decimal outside;padding:10px 10px 10px 56px}
.accessibility{position:absolute;left:-99999px}
.more-link:after{content:" »"}
.left{float:left}
.right{float:right}
.clear{clear:both;float:none}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center,.text-centre{text-align:center}
.debug [style],.debug style{outline:5px solid yellow}
.debug style{display:block}
.debug img{outline:5px solid red}
.debug img[alt]{outline-color:green}
.debug img[alt=""]{outline-color:yellow}
.debug a{outline:5px solid yellow}
.debug a[title]{outline-color:green}
.debug a[href="#"]{outline-color:yellow}
.debug a[target]/*,.debug a[onclick],.debug a[href*=javascript]*/{outline-color:red}
.debug [class=""],.debug [id=""]{outline:5px solid yellow}
@media (max-width: 720px) {
html{font-size:1.125em}
body{-webkit-text-size-adjust:none}
.wrapper{width:auto}
.grids{margin:0;width:auto}
[class^="grid-"],.grids [class^="grid-"]{width:auto;float:none;margin:0}
.logo{margin-left:auto;margin-right:auto}
ul,ol,dl{margin-left:1.5em}
img.left,img.right{max-width:50%;height:auto}
}
@media print {

*{background-color:#fff;color:#000;text-shadow:none!important}
body{font-size:.75em}
.wrapper{width:100%;margin:0 auto}
.nav,#navi,.target,.footer{display:none}
.logo img{position:static}
.grids{width:auto}
[class^="grid-"]{width:auto;float:none;clear:both}
img{max-width:100%;height:auto}
.message{border:none;font-weight:bold}
}
/* Grid */

.wrapper{max-width:1280px;margin:0 auto;padding:0}
.grids{clear:both;margin:0 0 0 -2.083%;list-style:none}
[class^="grid-"]{float:left;margin:0 2.083% 0 0}
.grids [class^="grid-"]{margin:0 0 0 2.083%}
.grid-1{width:6.25%}
.grid-2{width:14.583%}
.grid-3{width:22.917%}
.grid-4{width:31.25%}
.grid-5{width:39.583%}
.grid-6{width:47.917%}
.grid-7{width:56.25%}
.grid-8{width:64.583%}
.grid-9{width:72.917%}
.grid-10{width:81.25%}
.grid-11{width:89.583%}
.grid-12{width:97.917%;margin:0}
@media (max-width: 720px) {
.wrapper{width:auto}
.grids{margin:0;width:auto}
[class^="grid-"],.grids [class^="grid-"]{width:auto;float:none;margin:0}
}

/* Keywords */

.keywords{list-style:none;margin:0 0 1.5em}
.keywords li{display:inline;text-transform:lowercase}
.keywords li:first-of-type{text-transform:capitalize}
.keywords li:after{content:", "}
.keywords li:last-of-type:after{content:""}

/* IE6  */

.grid{float:left;margin:0 20px 0 0}
.grids .grid{display:inline;margin:0 0 0 20px}
@media print {
.grid{width:auto;float:none;clear:both}
}

/* Webfonts */

@font-face {
font-family: DINWeb-Light;
src: url("../webfonts/ff_din_web_light/DINWeb-Light.eot");
}
@font-face {
font-family: DINWeb-Light;
src: url("../webfonts/ff_din_web_light/DINWeb-Light.woff") format("woff");
}
@font-face {
font-family: DINWeb-Medium;
src: url("../webfonts/ff_din_web_medium/DINWeb-Medium.eot");
}
@font-face {
font-family: DINWeb-Medium;
src: url("../webfonts/ff_din_web_medium/DINWeb-Medium.woff") format("woff");
}
@font-face {
font-family: DINWeb;
src: url("../webfonts/ff_din_web_regular/DINWeb.eot");
}
@font-face {
font-family: DINWeb;
src: url("../webfonts/ff_din_web_regular/DINWeb.woff") format("woff");
}

/** Farben **/

.barthelmeblau {color: #006ab3;}
.dunkelblau {color: #003a5c;}

/** Allgemein **/
html {width: 100%; height: 100%; }
body {background: #afb6c0 url('../images/background_grey.jpg') center center no-repeat; background-size: cover; color: #000; font-family: DINWeb, sans-serif; font-size: 15px;}
body.startseite { background: none;}
body.unternehmen {}
h1 {color: #003a5c; font-size: 2.4em; text-transform: uppercase; text-align: center; margin: 0 0 1em 0;}
h2 {color: #003a5c; font-size: 1.8em; line-height: 1.2em; text-transform: uppercase; background:url('../images/h2_background.png') bottom left no-repeat; background-size: 250px 3px; padding-bottom: 10px;}
h3 {color: #003a5c;}
h4 {color: #003a5c;}
h5 {color: #003a5c;}
p {text-align: justify;}
strong {color: #003a5c; text-transform: uppercase;}
sup {font-size: 0.8em;vertical-align: top;}
a {color: #003a5c; text-decoration: none; border: none;}
a:hover {color: #006ab3; text-decoration: none; border: none;}
a:hover strong {color: #006ab3;}
.wrapper {background: #fff; background: rgba(255,255,255,0.5); margin-bottom: 10px;}
body.startseite .wrapper { background: rgba(255,255,255,0.65);}
.wrapper.startseite {background: none; margin-top: 0vh;}
.breadcrumb {display: block; padding: 1%;}
.inhalt {padding: 0 10%; min-height: 60vh; margin-top: 40px;}
.inhalt ul {list-style: none; margin: 0;}
.inhalt ul li {background: url(../images/ulli.png) 8px 6px no-repeat; padding: 0.25em 0 0.25em 2em;}
.inhalt ul li:before {}
ul li {padding: 0.25em;}
.logo {}
.logo img {width:219px; height:52px; display: block; position: relative; top: 0px; left: 0px; padding: 20px 0 20px 30px;}
.lblogo { float: left; width: 180px !important; padding: 20px 10px 20px 40px; z-index: 10; }
.mobile {display: none !important;}
.notonmobile {display: block !important;}
#SearchPanel {display: none;}
#SearchPanel.active {display: inline;}
.searchButtonImage { width: 20px; height: 20px; padding-top: 10px; vertical-align: bottom; }
.searchTextBox { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; height: 14px; width: 150px; background: #efefef; }
.searchTextBoxMobile { font-family:Arial, Helvetica, Sans-Serif;background: #efefef; }

/** Startseite **/
.contentwrapper { background-color: transparent !important; }
.news {width: 30.66%; margin: 0 1% 1% 0; padding: 2% 1% 0% 1%; min-height: 165px; background: #fff; background: rgba(255,255,255,0.65); display: block; float: left; position: relative;}
.tile { margin: 0 1% 1% 0; padding: 0%; min-height: 165px; background: #fff; background: rgba(255,255,255,0.65); display: table; float: left; position: relative;}
.news:nth-child(3) {width: 30.66%;  margin: 0 0 1% 0; background: #fff; background: rgba(255,255,255,0.65); display: block; float: left;}
.news:nth-child(6) {width: 30.66%; margin: 0 0 1% 0; background: #fff; background: rgba(255,255,255,0.65); display: block; float: left;}
.tile13 { width: 32.66%; }
.tile23 { width: 66.33%; }
.tile12 { width: 49.50%; }
.tile11 { width: 100%; }
.tile > div, .tile > a > div { padding: 15px 15px 0px 15px; }
.tile > div.tilefill, .tile > a > div.tilefill { padding: 0px; }
.tilebutton { font-weight: 600; border-radius: 10px; padding: 8px }
.news a { display: block; }
.tile a { display: block; }
.news h2, .news a h2, .tile h2, .tile a h2 {font-size: 1.6em; font-family: DINWeb-Medium; text-transform: uppercase;background: none;}
.news h2 span, .news a h2 span, .tile h2 span, .tile a h2 span {display: block; position: absolute; right: 5%; top: 1.4em;}
.news p, .news a p, .tile p, .tile a p {padding: 0 5% 0 0;}
.news:hover, .tilehover:hover {color: #fff;background: #003a5c;
background: -moz-linear-gradient(left,  #003a5c 0%, #006ab3 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003a5c), color-stop(100%,#006ab3));
background: -webkit-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -o-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -ms-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: linear-gradient(to right,  #003a5c 0%,#006ab3 100%);
box-shadow: 1px 3px 3px #666;}
.news:hover h2, .news:hover a h2,
.tilehover:hover h2, .tilehover:hover a h2 {color: #fff;}
.news:hover h2 span, .news:hover a h2 span,
.tilehover:hover h2 span, .tilehover:hover a h2 span {color: #fff;}
.news:hover p, .news:hover a p, 
.tilehover:hover p, .tilehover:hover a p {color: #fff}
#arrow_left, #arrow_right {opacity: 0.5;}
#arrow_left:hover, #arrow_right:hover {opacity: 1;}

#maximage {display:none; }
#cycle-nav {position: absolute; top: 0px; left: 0;}
#cycle-nav ul {list-style-type:none; margin: 0; padding: 0;}
#cycle-nav ul li {float:left;margin-right:4px;}
#cycle-nav ul li a {float:left;margin:2px; padding: 1px 6px 0px 6px;background: #0050A4; color: #fff; }
#cycle-nav ul li.activeSlide a {background: #0050A4; color: #fff; border: none;background: rgba(255,255,255,0.8); color: #999;}
div.mc-image {-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;}
#arrow_left, #arrow_right {text-decoration:none;}
.mc-hide-scrolls{overflow:hidden;}
body .mc-cycle {height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1;}
div.mc-image {
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}
.mc-old-browser .mc-image {overflow:hidden;}
#arrow_left {position: absolute; top: 45%; left: 20px;}
#arrow_right {position: absolute; top: 45%; right: 20px;}
.in-slide-content {position: absolute; top: 45%; left: 10%;}
.in-slide-content.individualleuchten {position: absolute; top: 40%; left: auto;right: 10%;}
.in-slide-content h1 { font-size: 65px; font-weight: normal; text-transform: uppercase; line-height: 85px; font-weight: normal;margin-bottom: 0; color: #fff; text-shadow: 0 0 5px #333;}
.in-slide-content h1 strong{ font-size: 85px; font-weight: normal; text-transform: uppercase; line-height: 75px; font-weight: normal;margin-bottom: 0; color: #fff; text-shadow: 0 0 5px #333;}
.in-slide-content h2 {font-family: PlutoSansCondExLight, sans-serif; font-size: 42px; font-weight: normal; text-transform: uppercase; line-height: 42px; margin-bottom: 0; color: #fff;text-shadow: 0 0 5px #333}
.in-slide-content p a {color: #fff; text-transform: uppercase;text-shadow: 0 0 5px #333}

/** Subnavigation **/
.subnavi {text-transform: uppercase; text-align: right; padding: 10px;font-family: DINWeb-Medium; font-size: 0.9em;}
.subnavi a {padding: 0 10px;}

/** Navigation **/
.navi {font-size: 13px; margin: 0 0 0 2.083% !important;font-family: DINWeb-Medium; text-transform: uppercase;}
.navi ul {list-style: none; margin: 0; padding: 0; margin: 1%;}
.navi ul li {width: 16.3%; margin-right: 0; display: inline-block; text-align: center; background: #fff; position: relative; margin: 0; padding: 0;}
.navi ul li:last-child {margin-right: 0;}
.navi ul li a {display: block;padding: 2%;}
.navi ul li.active, .navi ul li a:hover {color: #fff; padding: 2%;display: block; background: #003a5c;
background: -moz-linear-gradient(left,  #003a5c 0%, #006ab3 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003a5c), color-stop(100%,#006ab3));
background: -webkit-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -o-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -ms-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: linear-gradient(to right,  #003a5c 0%,#006ab3 100%);}
.navi ul li ul {display: none; width: 100%; position: absolute; top: 20px; margin: 0; border-top: 3px solid #eee;}
.navi ul li:hover ul {display: block; width: 100%; position: absolute; top: 25px; z-index: 1000;}
.navi ul li ul li {display: block; float: left; width: 100%; text-align: left;}
.navi ul li ul li a {}

/** Navigation 2. Ebene Unternehmen **/

ul.navi2ndlevel {list-style: none; margin: 0; padding: 0;}
ul.navi2ndlevel li { margin: 0; padding: 0.5em 0; background: none;}
ul.navi2ndlevel li a {font-size: 1.2em;}
ul.navi2ndlevel li.active a {font-size: 1.2em;color: #006ab3;}

/** Familie **/

.family {display: table; margin-bottom: 2%; }
.familyimage {display: table-cell; width: 33%; padding-right: 1%;}
.familyimage a {display: block; padding: 0; margin-bottom: -1em;}
.familyimage img {width: 100%; height: auto;}
.family.even .familyimage {}
.familytext {display: table-cell; width: 66%; margin: 0; padding: 0;vertical-align: top; background: #fff; padding: 0;position: relative;}
.family:hover .familytext {box-shadow: 1px 3px 3px #666;}
.family a h2 {font-size: 20px; font-family: DINWeb; text-transform: uppercase; padding: 5% 20% 0% 2%;background: none; }
.family:hover a h2 {color: #006ab3;}
.family a p {padding: 0% 20% 2% 2%;}
.family:hover a p {color: #006ab3;}
.familytext a h2 span {display: block; position: absolute; right: 5%; bottom: 22%;}

/** Gruppe **/

.group {display: table; float: left; margin-bottom: 2%; width: 49%; margin-right: 2%; }
.group:nth-child(even) {margin-right: 0;}
.groupimage {display: table-cell; width: 50%; padding-right: 1%; position: relative;}
.group img {width: 100%; height: auto;}
.group.even .groupimage {}
.groupimage a {display: block; padding: 0; margin-bottom: -1em;}
.grouptext {display: table-cell; width: 74%; margin: 0; padding: 0;vertical-align: top; background: #fff; padding: 0;position: relative;}
.group a h2 {font-size: 1.3em; font-family: DINWeb; text-transform: uppercase; padding: 15% 20% 0% 2%; background: none;}
.group a p {padding: 0% 20% 2% 2%;}
.group:hover .grouptext {box-shadow: 1px 1px 2px #999;}
.group:hover .grouptext a h2 {color: #006ab3;}
.group:hover .grouptext a p {}
.grouptext a h2 span{display: block; position: absolute; right: 5%; bottom: 22%;}
.shadow{background: none; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; right: 0;background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%, rgba(252,252,252,0) 19%, rgba(238,238,238,0.5) 100%);background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0)), color-stop(19%,rgba(252,252,252,0)), color-stop(100%,rgba(238,238,238,0.5)));background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(252,252,252,0) 19%,rgba(238,238,238,0.5) 100%);background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(252,252,252,0) 19%,rgba(238,238,238,0.5) 100%);background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(252,252,252,0) 19%,rgba(238,238,238,0.5) 100%);background: radial-gradient(ellipse at center,  rgba(255,255,255,0) 0%,rgba(252,252,252,0) 19%,rgba(238,238,238,0.5) 100%);
}

/** Filter **/

#filter {background: #fff; background: rgba(255,255,255,0.3); margin: 4em 0 1.5em 0;}
#filter h3, #PanelFilterProducts h3, #PanelFilterAccessories1 h3, #PanelFilterAccessories2 h3 {font-size: 1.2em; padding: 0.5em; text-align: center; margin: 0 1% 2% 1%; background: url(../images/filter_h3_bg.png) bottom center no-repeat; text-transform: uppercase;}
#filter .box {text-align: left; float: left; margin-left: 2%;}
#filter input[type="checkbox"] {}
#filter input[type="checkbox"] + label {
font-size: 0.8em;
color: #003a5c;
margin: 0.25em 1em 0.5em 1em;
}
#filter input[type="checkbox"] + label span {
display:block;
width:19px;
height:19px;
margin:-0 auto;
vertical-align:middle;
background:url(../images/check_radio_sheet.png) left top no-repeat;
cursor:pointer;
color: #003a5c;
}
#filter input[type="checkbox"]:checked + label span {background:url(../images/check_radio_sheet.png) -19px top no-repeat; }
#filter table { margin-bottom: 0; height: 3.5em; }
#filter table tr { background: none }
#filter table td { border: none; padding: 0.25em }
#filter table td:first-child { width: 15px;}

.filters { display: table; margin-bottom: 4em; width: 100%; }

.segment { padding: 15px; }
.premium_segment { padding: 15px; margin-top: 15px; background-color: #59b5a3; text-transform: uppercase; }
.standard_segment { padding: 15px; margin-top: 15px; background-color: #7788a9; text-transform: uppercase; }
.basic_segment { padding: 15px; margin-top: 15px; background-color: #8b9194; text-transform: uppercase; }

.premium_segment p, .standard_segment p, .basic_segment p {
	margin-bottom: unset;
	font-weight: bold;
}

.segment p {
	margin-bottom: unset;
}

#lbcontainer {
	float: left !important;
	margin: 20px;
	z-index: 10;
}
.lbtable {
	float: left !important;
	width: auto !important;
	margin: 5px !important;
}
.lbtable td {
	padding: 2px !important;
	text-align: center;
	width: 40px;
}
.lbtime {
	font-size: 1.2em;
}
.lblabel {
	font-size: 0.8em;
}

/** Produkt **/

.produkt {}
.produkt h1 {text-align: left;}
.produkt ul {margin: 15px;}
.galleria{ width: 100%; height: 212px;}

.downloadbar {margin:2%  -12.5% 0 -10%; padding: 1% 10%; background: rgba(0,0,0,0.05);}
.downloads {padding: 1em 0; text-transform: uppercase;}
.downloads img {margin-right: 0.5em;}
.merklistevergleich {text-align: right; padding: 0.9em 0;text-transform: uppercase;}
.merklistevergleich img {margin-right: 0.5em;}

#tabs ul {list-style: none; margin: 2em 0 0 -0.4em; padding: 0;}
#tabs ul li {display: block; float: left; font-size: 1.4em; padding: 0 0 1em 0; background: none;}
#tabs ul li:after {content: " | ";}
#tabs ul li:last-child:after {content: "";}
#tabs ul li.ui-state-active a {color: #0050A4;}
#tabs ul li a {color: #003a5c; text-transform: uppercase;}

.matrixcontainer { margin-right: 10px; margin-bottom: 10px; }
.matriximagecontainer { width: 100px; }
.matriximagecontainer:hover { background-color: rgba(0,0,0,0.05) }
.matriximage { height: 76px !important; width: 100px !important}
.matrixtextcontainer { width: 100px; height: 50px; margin-top: 5px; text-align: center}
.matrixtext { font-size: 0.85em; }

@media (max-width: 1280px) {
.matrixtextcontainer { height: 30px; }
.lblogo { width: 120px !important; }
.lbtable { margin: 2px !important; }
.lbtable td { width: 30px; }
}

/** Produkttabelle **/
.anrhighlight { background-color: rgba(255.0, 255.0, 0.0, 0.3) !important }
.dropdown-filterproducts { margin-left: 5px; margin-right: 5px; height: 20px; }
#PanelFilterProducts, #PanelFilterAccessories1, #PanelFilterAccessories2 { margin-bottom: 30px; }
.productintro h3 {font-family: DINWeb-Medium, sans-serif; color: #0050A4;font-size: 17px; font-weight: normal; border-bottom: 1px solid #000; text-transform: uppercase; padding-top: 2px; padding-bottom: 7px;}
.productdetails h5 { text-align: left; font-size: 1.0em; font-weight: 400; margin-bottom: 4px; margin-top: 4px; text-transform: uppercase;}
.productdetails a, .productfeatures a { color: #007276; text-decoration: underline; }
.productfootnote { font-size: 0.8em; }
table.product { border: none; border-bottom: 1px dotted #000; width: 100%;}
table.product caption {font-size: 17px; font-weight: normal; text-transform: uppercase; padding-left: 10px; padding-bottom: 4px;}
table.product th {font-family: DINWeb-Medium, sans-serif; font-weight: normal; border: none; border-top: 1px solid #000; border-bottom: 1px solid #000; border-right: none;text-align: left; /*padding: 1% !important*/; padding-bottom: 0px; text-transform: uppercase;font-size: 0.9em;}
table.product tr:nth-of-type(odd) {background: none;}
table.product td {border: none; border-bottom: 1px dotted rgb(85,86,90);font-size: 0.9em;}
.warmweiß {display: inline-block; width: 10px; height: 10px; background: rgb(251,219,219); margin-right: 10px;}
.weiß {display: inline-block; width: 10px; height: 10px; background: rgb(206,211,201); margin-right: 10px}
.kaltweiß {display: inline-block; width: 10px; height: 10px; background: rgb(204,229,216); margin-right: 10px}
.tageslicht {display: inline-block; width: 10px; height: 10px; background: rgb(207,193,174); margin-right: 10px}
.datenblattdownload {background: url("../images/linkbg.png") no-repeat; padding-left: 20px;}
.datenblattdownload a {font-family: DINWeb-Medium, sans-serif; font-weight: normal; border-bottom: 1px dotted #0050A4; text-transform: uppercase; font-size: 15px;}
.datenblattdownload a:hover {font-weight: normal; border-bottom: 1px solid #0050A4; text-decoration: none;}
ttable.product tr:first-child {display: none;}
.header table.product tr:first-child {display: none;}
:focus { outline: 0; }
li[aria-selected="false"] a {color: #333;}

.techpanel { margin-top: 30px !important; margin-bottom: 30px !important; }
div.techpanel h3 { color: #0050A4; text-transform: uppercase; font-size: 1.4em; }

.panelbasket {
	background-color: #efefef;
	margin-top: 20px;
	margin-bottom: 20px;
}

.basketButton {
	width: 22px;
}

.basketButton-modify {
	background: url('../images/icons/modify.png') center center no-repeat;
}

.basketButton-delete {
	background: url('../images/icons/delete.png') center center no-repeat;
}

.availableFrom {
	height: 20px;
	background-color: #0069b4;
	padding: 2px 3px 0px 3px;
	font-size: 14px;
	text-transform: uppercase;
	color: white;
	display: inline-block;
	bottom: 3px;
	position: relative;
}

/* Suche */

.suchergebnisse { margin-bottom: 20px; }
.datapager {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Content */

.yt-container {
	background-color: white;
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}

.yt-frame {
	background-color: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.yt-container2 {

}

.yt-frame2, .yt-image2 {
	vertical-align: middle;
	width: 100%;
	cursor: pointer;
}

.yt-cookiehint span {
	text-align: center;
	display: block;
	padding: 10%;
}

.yt-cookiehint a {
	color: inherit;
	font-weight: bold;
	display: initial;
}

/* Unternehmen */

.categorynavi {margin-bottom: 20px;}
.category {width: 30.66%; margin: 0 1% 1% 0; padding: 3% 1% 0% 1%; min-height: 185px; background: #fff; background: rgba(255,255,255,0.5); display: block; float: left; position: relative; text-align: center;}
.category:nth-child(3), .category:nth-child(6), .category:nth-child(9), .category:nth-child(12), .category:nth-child(15)
{
	width: 30.66%; margin: 0 0 1% 0; background: #fff; background: rgba(255,255,255,0.5); display: block; float: left;
}
.category a {display: block; width: 100%; height: 100%;}
.category a h3 {font-size: 20px; font-family: DINWeb-Medium; text-transform: uppercase;background: none;}
.category a h3 span {display: block; position: absolute; right: 5%; bottom: 10%;}
.category a p {padding: 0 5% 0 0; text-align: center;}
.category:hover {color: #fff;background: #003a5c;
background: -moz-linear-gradient(left,  #003a5c 0%, #006ab3 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003a5c), color-stop(100%,#006ab3));
background: -webkit-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -o-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -ms-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: linear-gradient(to right,  #003a5c 0%,#006ab3 100%);
box-shadow: 1px 3px 3px #666;}
.category:hover a h3 {color: #fff; text-align: center; margin-top: 18%;}
.category:hover a h3 span {color: #fff}
.category:hover a p {color: #fff; display: none;}

.category2 {width: 47.5%; margin: 0 1% 1% 0; padding: 3% 1% 0% 1%; min-height: 185px; background: #fff; background: rgba(255,255,255,0.5); display: block; float: left; position: relative; text-align: center;}
.category2:nth-child(2), .category2:nth-child(4), .category2:nth-child(6), .category2:nth-child(8), .category2:nth-child(10), .category2:nth-child(12)
{
	width: 47.5%; margin: 0 0 1% 0; background: #fff; background: rgba(255,255,255,0.5); display: block; float: left;
}
.category2 a {display: block; width: 100%; height: 100%;}
.category2 a h3 {font-size: 20px; font-family: DINWeb-Medium; text-transform: uppercase;background: none;}
.category2 a h3 span {display: block; position: absolute; right: 5%; bottom: 10%;}
.category2 a p {padding: 0 5% 0 0; text-align: center;}
.category2:hover {color: #fff;background: #003a5c;
background: -moz-linear-gradient(left,  #003a5c 0%, #006ab3 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003a5c), color-stop(100%,#006ab3));
background: -webkit-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -o-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -ms-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: linear-gradient(to right,  #003a5c 0%,#006ab3 100%);
box-shadow: 1px 3px 3px #666;}
.category2:hover a h3 {color: #fff; text-align: center; margin-top: 18%;}
.category2:hover a h3 span {color: #fff}
.category2:hover a p {color: #fff; display: none;}

.neuigkeit, .mitarbeiter {margin-bottom: 40px;}
.neuigkeit h2, .mitarbeiter h2 {font-family: DINWeb;}
.neuigkeit h2 span, .mitarbeiter h2 span {display: block; font-size: 0.6em;}
.neuigkeit a:hover h2, .mitarbeiter a:hover h2{color: #006ab3;}

.neuigkeit {margin-top: 80px; margin-bottom: 20px;}

.stelle {}
.stelle ul, .stelle p {margin-bottom: 24px; margin-bottom: 1.3rem;}

.lichtwirkung-header { margin-bottom: 15px; }
.lichtwirkung-footer { }
.lichtwirkung-viewwrapper { }
.lichtwirkung-viewwrapper div { margin-right: 1%; width: 30%; display: inline-block }

.newsmeldung .bildunterschrift { color: #003a5c; }
.newsmeldung .bxslider .bildunterschrift, .lichtwirkung-slide .bildunterschrift { padding: 0px 8px; }
.lichtwirkung-slide .bildunterschrift { text-align: center; }
.newsthumb { float: left; margin-right: 15px; margin-bottom: 5px; width: 33.33% }
.bx-wrapper {left: 0px !important;}
.applicationdescription .bx-wrapper .bx-viewport {background-color: transparent}

.software {}
.software ul { margin-bottom: 24px; margin-bottom: 1.3rem;}

.addresssection {margin-bottom: 20px;}
.addressblock {width: 47.5%; margin: 0 1% 1% 0; padding: 3% 1% 0% 1%; min-height: 215px; display: block; float: left; position: relative; background: #fff}
.addressblock:nth-child(odd) {margin: 0 0 1% 0;}

.kontaktformular {margin-bottom: 30px;}
.formularfusszeile {margin-top: 30px;}

.kontakttabelle tr td:first-child { width: 25%; }
.kontakttabelle textarea { width: 98%; height: 200px; }
.kontakttabelle input[type="text"] { width: 98%; }
.kontakttabelle label { display: inline; }

.copiesLabel { display: inline-block; margin-left: 20px; }
.cataloguesLabel { display: inline-block; width: 220px; }

.downloadimage1 { float: left; margin-right: 20px; width: 160px }
.downloadsection { clear: both; margin-bottom: 40px; }

.applicationdescription .bxslider div p { text-align: center }
.applicationdescription h3 {margin-top: 50px}
.applicationdescription h2 {margin-top: 50px}
.applicationproject {width: 100%}
.applicationproject h3 {color: #ffffff; width: 100%; margin: auto; text-align: center; text-transform: uppercase; font-size: 2em; position: absolute; top: 70%;text-shadow: 1px 1px black}
.applicationproject h2 {color: #ffffff; width: 100%; margin: auto; text-align: center; text-transform: uppercase; font-size: 1.5em; position: absolute; top: 80%; background: none;text-shadow: 1px 1px black;padding-top:20px;background:url('../images/h2_background2.png') top center no-repeat; background-size: 200px 1px;}
.applicationproject .projectcopyright {width: 98%; text-align: right; font-size: 0.7em; position: absolute; top: 100%; }

.downloadkategorie {margin-bottom: 20px !important; background: #fff; background: rgba(255,255,255,0.25); padding: 2% 0 0 2%; position: relative;}
.downloadkategorie h2 {background: none; margin-bottom: 0; font-size: 2.4em; font-family: DINWeb-Medium;}
.downloadkategorie h2 span {position: absolute; top: 33%; right: 2%;font-size: 0.5em;}
.downloadkategorie:hover h2 {color: #006ab3; }
.downloadkategorie p {max-width: 75%;}

.validationLabel { font-weight: bold; border: none !important; }
.errorStateError { color: #E54630; border: 1px solid #E54630; }
.errorStateSuccess { color: #36D520; border: 1px solid #36D520; }
.n2g-message {font-weight: bold; text-align: center;}

.footer {font-size: 0.9em; text-transform: uppercase; padding: 1%;color: #fff; text-align: center; line-height: 0.9em; background: #003a5c; padding-top: 1em;
background: -moz-linear-gradient(left,  #003a5c 0%, #006ab3 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003a5c), color-stop(100%,#006ab3));
background: -webkit-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -o-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -ms-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: linear-gradient(to right,  #003a5c 0%,#006ab3 100%);
}
.footer a {color: #fff;}
.footer a:hover {color: #fff;}
.footer span.notonmobile {display: inline !important;}

.footercontent div, .footercontent p {text-align: center;}
.footercontent div ul {display:inline-block;margin-bottom:5px;}
.footercontent ul { margin-left: 0px;}
.footercontent ul li { display:inline-block; margin: 3px 8px;}
.footercontent ul li:first-child { list-style: none;}
.footercontent ul img.socialicon { width: 80%; }

#cookies {background: #fff; padding: 1%; width: 98%; text-align: center; position: fixed; bottom: 0; z-index: 1000000;}
.cookiebutton {color: #fff; background: #006ab3; font-weight: 600; border-radius: 10px; padding: 8px; margin-left: 10px;}

.cc-windows, .cc-message, .cc-btn { font-family: DINWeb, sans-serif }

.lmk-panel { margin: 30px 0px; display: table; }
.lmk-rubrik { float: left; width: 16.6%; text-align: center; }
.lmk-thumb { width: 70%; }
.lmk-link { display: inline-block; height: 50px; }

@media (max-width: 960px) {
.lmk-rubrik { width: 33.3%; }
}

@media (min-width: 1280px){
.downloadbar {margin:2%  -10.1% 0 -10%; padding: 1% 10%; background: rgba(0,0,0,0.05);} 
.downloadkategorie {width: 95.917%;}
.footer {font-size: 0.9em; text-transform: uppercase; padding: 1%;color: #fff; text-align: center; line-height: 0.9em; background: #003a5c; padding-top: 1em; width: 95.917%;
background: -moz-linear-gradient(left,  #003a5c 0%, #006ab3 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003a5c), color-stop(100%,#006ab3));
background: -webkit-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -o-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -ms-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: linear-gradient(to right,  #003a5c 0%,#006ab3 100%);
}
/* Am 13.07.2016 geändert */
.galleria-theme-classic .galleria-image-nav {top: 40% !important;}
}

@media (min-width: 960px) and (max-width: 1280px){
.downloadkategorie {margin-bottom: 20px !important; background: #fff; background: rgba(255,255,255,0.25); padding: 2.5%; width: 93%;}
body {font-size: 12px;}
.wrapper {max-width: 940px;}
.navi ul li {width: 16.30%; margin-right: 0; display: inline-block; text-align: center; background: #fff; position: relative; margin: 0; padding: 0;}

}

@media (min-width: 721px) and (max-width: 960px){
body { font-size: 12px;}
ul.navi2ndlevel {display: none;}
.downloadkategorie {margin-bottom: 20px !important; background: #fff; background: rgba(255,255,255,0.25); padding: 2.5%; width: 93%;}
.navi ul li {width: 16.30%; margin-right: 0; display: inline-block; text-align: center; background: #fff; position: relative; margin: 0; padding: 0;}
#filter input[type="checkbox"] + label {color: #003a5c;margin: 0.25em 1em 0.5em 1em;min-height: 60px;}
.category {width: 30.66%; margin: 0 1% 1% 0; padding: 3% 1% 0% 1%; min-height: 185px; background: #fff; background: rgba(255,255,255,0.5); display: block; float: left; position: relative; text-align: center;}
.category:nth-child(3), .category:nth-child(6), .category:nth-child(9), .category:nth-child(12), .category:nth-child(15) 
{
	width: 30.66%; margin: 0 0 1% 0; background: #fff; background: rgba(255,255,255,0.5); display: block; float: left;
}
.category2 {width: 47.5%; margin: 0 1% 1% 0; padding: 3% 1% 0% 1%; min-height: 185px; background: #fff; background: rgba(255,255,255,0.5); display: block; float: left; position: relative; text-align: center;}
.category2:nth-child(2), .category2:nth-child(4), .category2:nth-child(6), .category2:nth-child(8), .category2:nth-child(10), .category2:nth-child(12)
{
	width: 47.5%; margin: 0 0 1% 0; background: #fff; background: rgba(255,255,255,0.5); display: block; float: left; }
}

@media (max-width: 720px) {
/* Am 13.07.2016 geändert */
.galleria-theme-classic .galleria-image-nav {top: 40%;}

html {background-color: black;}
body { font-size: 12px; margin-top: 100px; background-color: black;}
    /*body .mc-cycle {position: relative;} */
#maximage{display:block;}
#SearchPanelMobile {display: none;}
/*.newsvideo {display: none;}*/
#ButtonSearchMobile {display: block !important;}

#SearchPanelMobile.active {display: inline; position: absolute; top: 28px; left: 24%;}
.mobile .search #SearchPanelMobile {position: absolute; top:25px; left: 100px; width: 140px; display: none;}
.mobile .search a {display: none;}
.mobile .search #SearchPanelMobile input {width: 100%;}
#arrow_right, #arrow_left {}
.desktop{display: none;}
.news, .news:nth-child(3), .news:nth-child(6) {width: 90%; padding: 5% 5%; margin: 0; background-color: #f2f5f9; min-height: 80px;}
.tile {width: 100%; padding: 0; margin: 0; background-color: #f2f5f9; min-height: 80px;}
.news:hover, .tilehover:hover, .news:nth-child(3):hover, .news:nth-child(6):hover {color: #003a5c;}
.news, .tile {background: #f2f5f9; margin: 0; border-bottom: 5px solid #e2e2e2;}
.news:hover, tilehover:hover {color: #fff;background: #003a5c;
background: -moz-linear-gradient(left,  #003a5c 0%, #006ab3 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003a5c), color-stop(100%,#006ab3));
background: -webkit-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -o-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -ms-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: linear-gradient(to right,  #003a5c 0%,#006ab3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a5c', endColorstr='#006ab3',GradientType=1 ); box-shadow: 1px 3px 3px #666;}
.body .hidden {display: none;}
.mobile {display: block !important;}
.notonmobile {display: none !important;}
.mobile.menu { position: absolute; top: 2%; right: 2%; font-size: 1.4rem; width: 25%; max-width:;}
.menuebutton {cursor: pointer;}
.menuclosebutton {font-size: 0.8em; font-weight: normal; border-top: 1px solid #999; color: #999;}
.wrapper.startseite {background: none; margin-top: 10vh;}
.breadcrumb {display: block; padding: 1%;}
.inhalt {padding: 0 10%; min-height: 6vh;}
.logo img {max-width: 50%;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
.footer span.notonmobile {display: none !important;}
.footercontent li.footitem {float:none !important; list-style: none !important};
#tabs ul li {display: block; float: left; font-size: 1.1em; padding-bottom: 1em;}
.merklistevergleich {text-align: left; padding: 0.9em 0;text-transform: uppercase;}
.navigationwrapper {position: fixed; top: 0; left: 0; right: 0; z-index: 10000;}
.family {display: block; margin-bottom: 2%; }
.familyimage {display: block; width: 100%; padding-right: 0%;}
.familyimage a {display: block; padding: 0; margin-bottom: 0em;}
.familyimage img {width: 100%; height: auto; display: none;}
.familytext {display: block; width: 100%; margin: 0; padding: 0;vertical-align: top; background: #fff; padding: 0;position: relative;}
.family:hover .familytext {box-shadow: 1px 3px 3px #666;}
.family a h2 {font-size: 20px; font-family: DINWeb-Medium; text-transform: uppercase; padding: 5% 20% 0% 2%;background: none; }
.family:hover a h2 {color: #006ab3;}
.family a p {padding: 0% 20% 2% 2%;}
.family:hover a p {color: #006ab3;}
.familytext a h2 span {display: block; position: absolute; right: 5%; bottom: 22%;}
.group {display: block; float: none; margin-bottom: 2%; width: 100%; margin-right: 0%; }
.group:nth-child(even) {margin-right: 0;}
.groupimage {display: block; width: 100%; padding-right: 0%; position: relative;}
.group img {width: 100%; height: auto;}
.group.even .groupimage {}
.groupimage a {display: block; padding: 0; margin-bottom: 0em;}
.grouptext {display: block; width: 100%; margin: 0; padding: 0;vertical-align: top; background: #fff; padding: 0;position: relative;}
.group a h2 {font-size: 1.3em; font-family: DINWeb-Medium; text-transform: uppercase; padding: 5% 20% 10% 2%; background: none;}
.downloadkategorie h2 {font-size: 1.6em;}
/*.news, .news:nth-child(3), .news:nth-child(6) {width: 90%; padding: 5% 5%; margin: 0 0 1% 0;} */
ul.navi2ndlevel {display: none;}
.downloadkategorie {margin-bottom: 20px !important; background: #fff; background: rgba(255,255,255,0.25); padding: 2.5%; width: 90%;}
.subnavi {display: none;}
div.menuOverlay {position:fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(41, 41, 41, 0.78); z-index: 1000000;}
.navi {font-size: 13px; /*margin: 0 2% !important*/;font-family: DINWeb-Medium; text-transform: uppercase; display: none; /*position: fixed; top: 100px; */left: 0; right: 0; z-index: 10000;}
.navi.hidden {display: block; position: fixed;top: 0;z-index: 99999999;}
.navi ul {list-style: none; margin: 0; padding: 0;}
.navi ul li {width: 100%; margin-right: 0; display: table; text-align: left; background: #fff; position: relative; margin: 0; padding: 0; height: 60px; border-bottom: 3px solid #e2e2e2;}
.navi ul li:first-child{border-top: 3px solid #e2e2e2;}
.navi ul li:last-child {margin-right: 0;}
.navi ul li a {display: table-cell; vertical-align: middle;padding: 15px 10px 10px 10px; font-size: 1rem; height: 100%; width: 100%;}
.navi ul li.active, .navi ul li a:hover {color: #fff; padding: 15px 10px 10px 10px;display: table-cell; background: #003a5c;
background: -moz-linear-gradient(left,  #003a5c 0%, #006ab3 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003a5c), color-stop(100%,#006ab3));
background: -webkit-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -o-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: -ms-linear-gradient(left,  #003a5c 0%,#006ab3 100%);
background: linear-gradient(to right,  #003a5c 0%,#006ab3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a5c', endColorstr='#006ab3',GradientType=1 );}
.navi ul li ul {width: 100%; position: absolute; top: 63px; left: 0; display: block; z-index: 1000;}
.navi ul li ul li a {}
.navi ul li ul.secondLevel {background-color: #e2e2e2; top: 63px;}
.navi ul li:hover ul.secondLevel {top: 63px;}
.navi ul li ul.secondLevel li:hover, .navi ul li ul.secondLevel li.active {background: #e2e2e2;}
.navi ul li ul.secondLevel li a:hover { color: #0272B3; background: #e2e2e2;}
.navi ul li ul.secondLevel li a {font-size: 0.75rem; display: block; padding: 0; padding: 3%; width: 94%;}
.navi ul li ul.secondLevel li {border: none; background-color: #e2e2e2; height: auto;}
.navi ul li ul.closed {display: none;}
.navi ul li a.mainLevel img.mobile {position: absolute; top: 0; right: 0;  width: 10px; padding: 26px;}
.navi ul li a.mainLevel img.rotated {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
.navi .navHeader {width: 100%; background-color: #FFFFFF; height: 80px;}
.navi .navHeadSection {display: inline-block; font-size: 1rem; height: 100%;}
.navi .navHeadSection img {display: block; width: 40px; margin-left:auto; margin-right: auto;}
.navi .langSelect {position: absolute; top: 30px; padding-left: 10px;}
.navi .langSelect a {padding: 5px;}
.navi .navHeader .lang{ width: 45%;}
.navi .navHeader .search, .navi .navHeader .close {width: 25%;}
.navi .navHeader .search img, .navi .navHeader.close img {margin-top: 20px;}
.navi .navHeader .search {border-right: 3px solid #e2e2e2;}
.navi .navHeader .close {border-left: 3px solid #e2e2e2;}
.navi .navHeader .expandedSearch {width: 73% !important; border-right: none !important;}
.navi .navHeader .expandedSearch img {margin-left: 30px !important;}
.navi .navHeader .expandedSearch input {border: none; width: 70%;}
.downloadkategorie h2 span {position: absolute; top: 7%; right: 5%;}
#filter {background: #fff; background: rgba(255,255,255,0.3); margin-bottom: 2.5em;}
#filter h3 {font-size: 1.6em; padding: 0.5em; text-align: center; margin: 0 1% 2% 1%; background: url(../images/filter_h3_bg.png) bottom center no-repeat; cursor:pointer;}
#filter.hidden .filters {display: none;}
#filter .box {text-align: left; float: left; width: 45% !important;}
#filter input[type="checkbox"] {  }
#filter input[type="checkbox"] + label { color: #003a5c; margin: 0.25em 1em 0.5em 1em; min-height: 60px; }
#filter input[type="checkbox"] + label span { display:block; width:19px; height:19px; margin:-0 auto;vertical-align:middle; background:url(../images/check_radio_sheet.png) left top no-repeat; cursor:pointer; color: #003a5c; }
#filter input[type="checkbox"]:checked + label span { background:url(../images/check_radio_sheet.png) -19px top no-repeat; }
.category, .category2 {width: 100% !important; margin: 0 1% 1% 0 !important; padding: 10% 0% 2% 0% !important; min-height: 155px; background: #fff; background: rgba(255,255,255,0.5); display: block; float: left; position: relative; text-align: center;}
.category:hover a h3, .category2:hover a h3 {color: #fff; text-align: center; margin-top: 10%;}
.addressblock {width: 100% !important; margin: 0 1% 1% 0 !important; padding: 10% 0% 2% 0% !important; min-height: 215px; display: block; float: left; position: relative; background: #fff}
table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }
table.responsive { margin-bottom: 0; }
img.responsive { width: 100%; height: auto; }
div.productdetails {width: 100%; overflow-x: scroll;}
.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }
div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }

.applicationproject h3 {font-size: 1.5em; position: absolute; top: 60%;}
.applicationproject h2 {font-size: 1.3em; position: absolute; top: 70%;}

.lblogo { padding: 5px; padding-left: 20px; }
#lbcontainer { margin: 5px; }
#PanelLB { visibility: hidden; display: none; }
}


/* Am 13.07.2016 geändert */

@media (min-width: 720px) and (max-width: 1279px) {.galleria-theme-classic .galleria-image-nav {top: 35% !important;}}
@media (min-width: 861px) and (max-width: 1279px) {.galleria {height: 170px;}}
@media (min-width: 781px) and (max-width: 860px) {.galleria {height: 165px;}}
@media (min-width: 720px) and (max-width: 780px) {.galleria {height: 150px;}}
@media (min-width: 640px) and (max-width: 719px) {.galleria {height: 330px;}}
@media (min-width: 560px) and (max-width: 639px) {.galleria {height: 300px;}}
@media (min-width: 500px) and (max-width: 559px) {.galleria {height: 300px;}}
@media (min-width: 420px) and (max-width: 499px) {.galleria {height: 250px;}}
@media (min-width: 380px) and (max-width: 419px) {.galleria {height: 220px;}}
@media (min-width: 321px) and (max-width: 379px) {.galleria {height: 200px;}}
@media (min-width: 280px) and (max-width: 320px) {.galleria {height: 180px;}}