@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic);

body, html {
	margin:0;
	padding:0;
}
body, table, td {
	font:300 16px/1.5 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color:#000000;
	-webkit-text-size-adjust: none;
}

.red{
	color:#e10014;
}

.normal{
	font-weight:normal;
}

.uppercase {
	text-transform:uppercase;
}

ul>li{
	padding-bottom:3px;
	padding-top:3px;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 300;
	margin:0 0 8px;
}
h1, .header-wrap>h2 {
	font-size:50px;
	margin:0 0 12px;
	text-transform:uppercase;
	line-height:1
}
h2, .header-wrap.headline-5>h2 {
	font-size:28px;
	margin:0 0 10px;
}
h3 {
	font-size:20px;
}
h4 {
	font-size:16px;
}
h5 {
	font-size:14px;
}
h6 {
	font-size:12px;
}

img {
	border:0px;
}

p {
	margin:0px
}

sup{
	display:inline;
	vertical-align:super;
}

sub{
	display:inline;
	vertical-align:sub;
}

/*
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}*/

a{
	color:inherit;
	text-decoration:underline;
}
a:hover {
	color:inherit;
	text-decoration:none;
}

.nav, .nav:hover{
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	line-height:1.25;
	font-weight:normal;
}

.fr .nav,
.fr .nav:hover{
	font-size:13px;
}

.nl .nav,
.nl .nav:hover{
	font-size:13px;
}

.navFixed, .navFixed:hover{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:13px;
	font-weight:normal;
}

.fr .navFixed,
.fr .navFixed:hover{
	font-size:12px;
}

.nl .navFixed,
.nl .navFixed:hover{
	font-size:12px;
}

.navFixed:hover, .navFixed.active{
	text-decoration:underline;
}

.navImpressum, .navImpressum:hover{
	color:inherit;
	text-decoration:none;
}
.navImpressum:hover, .navImpressum.active{
	color:inherit;
	text-decoration:underline;
}

.navImpressum + .navImpressum {
	margin-left:20px;
}

.lang, .lang:hover{
	color:inherit;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
}
.lang:hover, .lang.active{
	text-decoration:underline;
}

#content{
	width:100%;
	position:relative;
}

#slider-wrap, .trenner, .languages, .haendlersuche{
	max-width:1800px;
	width:100%;
	margin:0 auto;
}

.wrap, .header-wrap>h2{
	width:1130px;
	padding:0 20px;
	margin:0 auto;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix {zoom:1;}

.left{
	float:left;	
}

.right{
	float:right;	
}

.glassy {
	border:7px solid rgba(255,255,255,0.4);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}

.div_noscript {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:99999;
	padding:5px;
	border:1px #f00 solid;
	background:#fff;
	color:#f00;
	box-sizing:border-box;
}

#header{
	position:fixed;
	left:0;
	top:0;
	height:328px;
	width:100%;
	min-width:1170px;
	background:url(/img/web/header.png) no-repeat top center;
	z-index:100;
	pointer-events:none;
	color:#fff;
}

#header>.wrap{
	padding-top:36px;
	pointer-events:auto;
}

#logo{
	display:block;
	float:left;
}

.nav-wrap{
	position:relative;
	float:left;
	/*margin:10px 0 0 100px;*/
	margin:10px 0 0 70px;
}

#navigation{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	z-index:2;
}

#navigation>li{
	display:table;
	margin:0 0 0 42px;
	padding:0;
	float:left;
}

.fr #navigation>li{
	margin-left:25px;
}

.it #navigation>li{
	margin-left:30px;
}

#navigation>li, #position_bar{
	height:52px;
}

.it #navigation>li,
.it #position_bar{
	height:72px;
}

#navigation>li:first-child{
	margin-left:0;
}

#position_bar{
	display:block;
	box-sizing:border-box;
	position:absolute;
	top:0;
	z-index:1;
	-webkit-transition:left ease-in-out .5s .1s, width ease-in-out .5s .1s;
	-moz-transition:left ease-in-out .5s .1s, width ease-in-out .5s .1s;
	-o-transition:left ease-in-out .5s .1s, width ease-in-out .5s .1s;
	transition:left ease-in-out .5s .1s, width ease-in-out .5s .1s;
}

.nav.active.border, #position_bar{
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

#navigation-fixed,
.navigation-fixed{
	list-style:none;
	margin:19px 0 0;
	padding:0;
}

#navigation-fixed>li,
.navigation-fixed>li{
	margin:0 0 0 20px;
	padding:0;
	float:left;
}

#navigation-fixed>li:first-child,
.navigation-fixed>li:first-child{
	margin-left:0;
}

#navigation-fixed + .navigation-fixed
{
	margin-top: 7px;
}

#header>.wrap>.socials{
	pointer-events:auto;
}

#header>.wrap.no-padding-top{
	padding-top:0;
	pointer-events:none;
}

#header>.wrap.logout {
	width: 100%;
	padding-top: 180px;
	padding-left: 0;
}

#header>.wrap.logout a
{
	display: block;
	width: 82px;
	height: 127px;
	background: url("/img/web/Button_Lockout.png") no-repeat;
}

.socials{
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
}

.socials{
	list-style:none;
	margin:-11px 0 0;
	padding:0;
}

.it .socials
{
	margin-top: 0;
}

.socials>li{
	margin:0 0 0 16px;
	padding:0;
	float:left;
}

.socials>li:first-child{
	margin-left:0;
}

.socials>li .facebook{
	display:block;
	background:url(/img/web/facebook.png) no-repeat;
	width:45px;
	height:40px;
}

.socials>li .youtube{
	display:block;
	background:url(/img/web/youtube.png) no-repeat;
	width:75px;
	height:41px;
}

#header a.news
{
	display: block;
	background: url('/img/web/shadesign_Button_News.svg') no-repeat;
	width: 88px;
	height: 43px;
	pointer-events: auto;
	margin-left: 35px;
}

#news
{
	position: relative;
	top: -618px;
}


#slider-wrap{
	max-height:800px;
	position:relative;
	margin-bottom:-120px;
	overflow:hidden;
}

#slider{
	padding-top:44.44444444%;
	min-width:1130px;
}

#slider:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	height:260px;
	background:url(/img/web/fader-mask.png) bottom center no-repeat;
	z-index:1;
}

#slider-container, .galerie-container{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.galerie-container{
	bottom:111px;
}

.galerie{
	position:relative;
	height:697px;
	overflow:hidden;
}

.galerie:after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:1;
	background:url(/img/web/gallerie-mask.png) no-repeat;
}

.galerie .untertitel{
	position:absolute;
	left:380px;
	top:575px;
	z-index:3;
	max-width:360px;
}

.galerie-left, .galerie-right{
	position:absolute;
	top:50%;
	margin:-24px 0 0;
	display:block;
	height:47px;
	width:47px;
	z-index:2;
}

.galerie-left{
	left:0;
	background:url(/img/web/galerie-left.png) no-repeat;
}

.galerie-right{
	right:0;
	background:url(/img/web/galerie-right.png) no-repeat;
}

#main{
	min-width:1170px;
	position:relative;
	z-index:2;
	margin:0;
	min-height:300px;
}

#main.no-fader{
	padding-top:350px;
}

#footer{
	min-width:1170px;
	position:relative;
	height:425px;
	background:url(/img/web/footer.png) bottom center no-repeat;
	color:#fff;
	margin-top:20px;
}

#footer>.wrap{
	position:absolute;
	bottom:27px;
	left:0;
	right:0;
}

#footer-text{
	position:absolute;
	left:20px;
	bottom:0;
}

#footer-nav{
	position:absolute;
	right:0;
	bottom:0;
	margin-right:12px;
	font-size:14px;
}

.shadeone{
	text-transform:uppercase;
	font-weight:bold;
}

.shadeone>span{
	color:#e10014;
	font-weight:300;
}

.shadeone>span>sup{
	font-size:43.75%;
}

#footer .shadeone,
#header .shadeone,
.trenner .shadeone{
	font-weight:inherit;
}

#footer .shadeone>span,
#header .shadeone>span,
.trenner .shadeone>span{
	font-weight:inherit;
	color:inherit;
}

h1 .sub-part, h2 .sub-part{
	font-size:43%;
	line-height:2;
}

.header-wrap{
	position:relative;
	background-position:bottom center;
	background-repeat:no-repeat;
	margin:0 0 50px;
}

.header-wrap.headline{
	background-image:url(/img/web/headline.png);
	height:256px;
}

.header-wrap.headline-2{
	background-image:url(/img/web/headline-2.png);
	height:314px;
	text-align:right;
}

.header-wrap.headline-3{
	background-image:url(/img/web/headline-3.png);
	height:318px;
}

.header-wrap.headline-4{
	background-image:url(/img/web/headline-4.png);
	height:293px;
	text-align:right;
}

.header-wrap.headline-5{
	background-image:url(/img/web/headline-5.png);
	height:113px;
}

.header-wrap>h2{
	position:absolute;
	bottom:15px;
	left:0;
	right:0;
	color:#fff;
}

.header-wrap.headline-3>h2{
	bottom:21px;
}

.header-wrap.headline-5>h2{
	bottom:auto;
	top:33px;
	color:#000;
	margin:0 auto;
}

.header-wrap.headline .shadeone>span,
.header-wrap.headline-2 .shadeone>span,
.header-wrap.headline-3 .shadeone>span,
.header-wrap.headline-4 .shadeone>span{
	color:#fff;
}

.trenner
{
	height: 309px;
	overflow: hidden;
	position:relative;
}

.trenner-color,
.trenner-color table,
.trenner-color td{
	color:#fff;
}

.trenner:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:url(/img/web/parallax-mask.png) bottom center no-repeat;
}

.trenner>.wrap{
	position:absolute;
	left:0;
	bottom:20px;
	right:0;
}

.trenner .parallax
{
	width: 100%;
	height: 400px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.image
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
}

.abschnitt{
	margin-top:50px;
}

.bewegtegalerie
{
	position:relative;
	background: #ffffff;
	border-top:1px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
}

.bewegtegalerie .tutorial.invisible
{
	transition: all ease-out 300ms;
	opacity: 0;
	top: -80px;
}

.bewegtegalerie .tutorial.hidden
{
	display: none;
}

.bewegtegalerie .tutorial
{
	transition: all ease-out 300ms 1s;
	position: absolute;
	left: 60%;
	top: -100px;
	width: 294px;
	height: 325px;
	background: url(/img/web/galerie_tutorial.png) top left no-repeat;
	padding: 60px 50px 0px 50px;
	box-sizing: border-box;
	text-align: center;
	z-index:1;
}

.bewegtegalerie .tutorial .blau
{
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 130%;
}

.bewegtegalerie .tutorial .klein
{
	margin-top: 10px;
}

.bewegtegalerie .bewegtegalerie-container
{
	padding: 50px 0 75px 0;
	height: 500px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.bewegtegalerie .bewegtegalerie-container .inner>span
{
	display:inline-block;
	margin: 0px 15px;
	position:relative;
}

.bewegtegalerie .bewegtegalerie-container .inner span.untertitel
{
	position:absolute;
	left:0;
	top:100%;
	max-width:100%;
	margin:6px 0 0;
	white-space:normal;
}

.languages{
	position:absolute;
	left:0;
	right:0;
	top:10px;
	list-style:none;
	padding:0 0 0 34px;
	color:#fff;
	box-sizing:border-box;
}

.languages>li{
	display:inline-block;
	margin:0;
	padding:0;
}

.languages>li:before{
	content:'\00a0|\00a0';
	display:inline-block;
}

.languages>li:first-child:before{
	display:none;
}

.news-list{
	list-style:none;
	margin:0;
	padding:0;
}

.news-list>li{
	margin:0;
	padding:40px 0 52px;
	border-top:1px solid #b9b9b9;
}

.news-list>li:first-child{
	border-top:0;
}

.news-body{
	margin-top:30px;
}

.anfrage{
	min-height:1065px;
	background:url(/img/web/anfrage-bg-6.jpg) no-repeat;
	background-size:contain;
	position:relative;
}

.anfrage h2{
	padding:92px 0 0 126px;
}

.anfrage h2>span.small{
	font-size:55%;
	display:inline-block;
	vertical-align:middle;
}

.anfrage .error-text{
	position:absolute;
	right:352px;
	bottom:0;
	text-align:right;
}

.anfrage .checkbox-wrap{
	max-width: 487px;
	font-size: 12px;
	line-height: 1.1;
	text-align: justify;
}

.anfrage .checkbox-wrap label{
	margin-top: 10px;
}

.anfrage-form{
	margin:80px 0 0 170px;
}

.form-list{
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
}

.form-list>li{
	margin:0;
	padding:5px 0;
}

.form-list>li.arrow{
	padding-left:22px;
	background:url(/img/web/white-arrow-right.png) left center no-repeat;
}

.form-list>li.arrow-big{
	padding-left:22px;
	background:url(/img/web/white-arrow-right-big.png) left center no-repeat;
}

.form-list>li.arrow.top,
.form-list>li.arrow-big.top{
	background-position:left top;
	background-position:left top 12px;
}

.form-list.no-padding-t-b>li{
	padding-bottom:0;
	padding-top:0;
}

.form-list>li.kontaktdaten{
	margin-top:27px;
	padding-top:23px;
	border-top:1px solid #d3d3d3;
}


.custom-select{
	position:relative;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	white-space:nowrap;
	background:url(/img/web/select-arrows.png) no-repeat right center #fff;
	background-position:right 16px center;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	min-height:36px;
}

.custom-select.active{
	cursor:default;
}


.custom-select-items{
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
	-webkit-transform: translate3d(0,0,0);
	overflow:hidden;
}

.custom-select-items>li{
	visibility:hidden;
	height:0;
	padding:6px 38px 6px 15px;
	padding-bottom:0;
	padding-top:0;
	min-width:487px;
	box-sizing:border-box;
}


.custom-select.active .custom-select-items>li, .custom-select-items>li.selected{
	display:inline-block;
	height:auto;
	visibility:visible;
	padding:6px 38px 6px 15px;
}

.custom-select.active .custom-select-items{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	background-color:#fff;
	display:block;
}

.custom-select.active .custom-select-items>li{
	display:block;
	border-top:1px solid #9a9a9a;
	cursor:pointer;
}

.custom-select.active .custom-select-items>li:first-child{
	border-top:0;
	background:url(/img/web/select-arrows.png) no-repeat right center #fff;
	background-position:right 16px center;
}

.custom-select.active .custom-select-items>li:hover{
	background-color:#1e90ff;
	color:#fff;
}

input[type="search"],
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select {
	box-sizing:border-box;
	margin:0;
	padding:6px 15px;
	vertical-align:top;
	max-width:100%;
	width:487px;
	font:inherit;
	background-color:#fff;
	border:0;
}

.color-list{
	list-style:none;
	margin:0;
	padding:0;
}

.checkbox-wrap,
.color-list>li{
	position:relative;
}

.color-list>li{
	margin:0 0 0 32px;
	padding:0;
	line-height:34px;
	float:left;
}

.color-list>li:first-child{
	margin-left:0;
}

.color-list>li input,
.checkbox-wrap input{
	position:absolute;
	left:0;
	top:0;
}

.color-list>li label,
.checkbox-wrap label{
	padding:0 0 0 44px;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
}

.color-list>li label:before,
.checkbox-wrap label:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:34px;
	width:34px;
	z-index:1;
	background-position:center center;
	background-repeat:no-repeat;
	box-sizing:border-box;
}

.color-list>li input:focus + label:before,
.checkbox-wrap input:focus + label:before{
	outline:1px solid #0093FF;
}

.color-list>li input:checked + label:before,
.checkbox-wrap input:checked + label:before{
	background-image:url(/img/web/check.png);
	font-weight:bold;
}

.color-list>li.gelb label:before{
	background-color:#fab711;
}

.color-list>li.grau label:before{
	background-color:#b3b8ae;
}

.color-list>li.bordeaux label:before{
	background-color:#491c1e;
}

.color-list>li.weiss label:before,
.checkbox-wrap label:before{
	background-color:#fff;
	border:1px solid #969897; 
}

.color-list>li.silber label:before{
	background-color:#b0b0b0; 
}

.color-list>li.beige label:before{
	background-color:#fdefb9; 
}
.color-list>li.apfelgruen label:before{
	background-color:#7eb438;
}
.color-list>li.anthrazit label:before{
	background-color:#212121; 
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border:0;
	padding:0;
	margin:0;
}

.sub-anfrage{
	font:inherit;
	background:url(/img/web/arrow-right.png) right center no-repeat transparent;
	border:0;
	color:#e10014;
	line-height:27px;
	padding:0 41px 0 5px;
	margin:28px 0 0 58px;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
	display:block;
}

input.inp-breite{
	width:135px;
	display:inline-block;
	vertical-align:top;
}

input.inp-ausladung{
	width:190px;
	display:inline-block;
	vertical-align:top;
}

.inp-ausladung-wrap{
	display:inline-block;
	vertical-align:top;
	padding-left:20px;
	margin-left:27px;
	background:url(/img/web/white-arrow-right.png) left center no-repeat;
}

input.inp-plz{
	width:103px;
	display:inline-block;
	vertical-align:top;
}

input.inp-ort{
	width:223px;
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 5px;
}

select.inp-land{
	width:151px;
	display:inline-block;
	vertical-align:top;
	background:url(/img/web/select-arrows.png) no-repeat right center #fff;
	background-position:right 10px center;
	margin:0 0 0 5px;
}

textarea.txtarea-anmerkung{
	max-width:487px;
	min-height:70px;
	resize:none;
}

.error{
	outline:1px solid #f00;
}

.error.white{
	background-color:#FFC7C7;
}

.table{
	border:0;
	padding:0;
	margin:0;
	border-collapse:collapse;
	width:100%;
	empty-cells:show;
}

.table td{
	padding:0;
	margin:0;
	border-left:1px solid #b9b9b9;
	vertical-align:top;
}

.table td.vm{
	vertical-align:middle;
}

.table tr>td:first-child{
	border-left:0;
}

.table td.spacer{
	height:16px;
}

.table td.border{
	border-bottom:1px solid #000;
}

.hover_img{
	position:absolute;
	right:0;
	top:0;
	z-index:10000;
	display:none;
}

.hover_img.visible{
	display:block;
}

#haendlersuche{
	color:#fff;
	box-sizing:border-box;
	background:url(/img/web/heandlersuche-bg.png) no-repeat;
	width:744px;
	height:252px;
	margin:0 auto;
	padding:45px 0 0 121px;
	position:relative;
	z-index:2;
}

#haendlersuche .form-list>li.margin{
	margin:21px 0 0;
}

#haendlersuche .form-list>li.arrow,
#haendlersuche .form-list>li.arrow-big,
#haendlersuche .form-list>li{
	padding-left:46px;
}

.reset-select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	color:#000;
	
	padding:5px 24px 5px 12px;
	width:auto;
	box-sizing:border-box;
	border:0;
	cursor:pointer;
}

.reset-select::-ms-expand { /* for IE 11 */
    display: none;
}

#haendlersuche .land{
	background:url(/img/web/select-arrow-down.png) right center #fff no-repeat;
	background-position:right 7px center;
}

#haendlersuche .plz{
	width:235px;
	padding:11px 15px;
}

.sub-suche, .sub-login{
	font:inherit;
	background:url(/img/web/arrow-right-white.png) left center no-repeat transparent;
	border:0;
	color:#fff;
	line-height:46px;
	padding:0 0 0 59px;
	margin:0 0 0 35px;
	cursor:pointer;
	display:inline-block;
}

.google-maps{
	overflow:hidden;
	position:relative;
	height:770px;
	margin:-181px 0 0;
}

.google-maps:before,
.google-maps:after{
	content:'';
	position:absolute;
	left:0;
	width:100%;
	z-index:1;
}

.google-maps:before{
	top:0;
	height:210px;
	background:url(/img/web/google-maps-overlay.png) top center no-repeat;
}

.google-maps:after{
	bottom:-6px;
	height:6px;
	box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.75);
}

.google-maps .map {
    width: inherit;
    height: inherit;
}

.haendlersuche .ergebnisse{
	margin:57px 0 0;
}

.termin, termin:hover{
	background:url(/img/web/arrow-right-big.png) left center no-repeat;
	line-height:47px;
	padding:0 0 0 59px;
	color:#e10014;
	display:inline-block;
	font-weight:bold;
	text-decoration:none;
}
.terminen, terminen:hover{
	background:url(/img/web/arrow-right-big.png) left center no-repeat;
	line-height:47px;
	padding:0 0 0 59px;
	color:#e10014;
	display:inline-block;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;	
}

.greybox{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	bottom:0;
	z-index:100;
	/*background:url(/img/web/popup-bg.png);*/
	background:rgba(255,255,255,0.8);
}

.popup.login{
	position:absolute;
	left:0;
	right:0;
	top:110px;
	width:740px;
	height:590px;
	margin:0 auto 50px;
	z-index:101;
	padding:360px 0 0 140px;
	box-sizing:border-box;
	background:url(/img/web/login-bg.png) no-repeat;
}
.popup.login.en{
	background:url(/img/web/login-bg-en.png) no-repeat;
}
.popup.login.fr{
	padding-top:390px;
	background:url(/img/web/FR_Distributeur_Identification.png) no-repeat;
}
.popup.login.it{
	padding-top:390px;
	background:url(/img/web/ITA_Rivenditori_Spevializzati.png) no-repeat;
}
.popup.login.nl{
	padding-top:390px;
	background:url(/img/web/NL_Fachhaendler_Login.png) no-repeat;
}
.popup.login .close{
	position:absolute;
	right:74px;
	top:136px;
	line-height:29px;
	display:inline-block;
	padding:0 38px 0 0;
	background:url(/img/web/close.png) no-repeat right top;
	color:#e10014;
	text-decoration:none;
	visibility:visible;
	opacity:1;
}
.popup.login label
{
	color: #ffffff;
}

.popup.login .loginbtn
{
	margin-top: -40px;
}

.popup.login.fr .rememberme,
.popup.login.it .rememberme,
.popup.login.nl .rememberme
{
	padding-left: 80px;
}

.greybox,
.popup{
	-webkit-transition:opacity ease-in-out .2s, visibility linear .2s;
	-moz-transition:opacity ease-in-out .2s, visibility linear .2s;
	-o-transition:opacity ease-in-out .2s, visibility linear .2s;
	transition:opacity ease-in-out .2s, visibility linear .2s;
}


.popup.hidden,
.greybox.hidden{
	visibility:hidden;
	opacity:0;
}

.login .form-list>li{
	padding-left:46px;
	padding-top:9px;
	padding-bottom:9px;
}

.login input[type="text"],
.login input[type="password"]{
	width:333px;
	padding:5px 14px;
}


@media screen and (max-height: 850px){
	#header{
		position:absolute;
	}
}

.stoerer
{
	position: fixed;
	bottom: 89px;
	left: 0;
	right: 0;
	background: url('/img/web/shadesign_RTMesse2018_color.png') bottom center no-repeat;
	min-height: 300px;
	z-index: 10;
	transform: translateY(0%);
	transition: transform 0.7s ease;
	pointer-events: auto;
	visibility: visible;
}

.cookie-hidden .stoerer{
	bottom: 0;
}

.stoerer.off
{
	transform: translateY(100%);
	pointer-events: none;
	visibility: hidden;
}

.stoerer .close
{
	display: block;
	background: url('/img/web/shadesign_close_DE.svg') no-repeat;
	width: 162px;
	height: 30px;
	position: absolute;
	top: 60px;
	right: 210px;
}

.stoerer .close.lg2
{
	background: url('/img/web/shadesign_close_EN.svg') no-repeat;
	width: 162px;
	height: 30px;
}

.stoerer .close.lg3
{
	background: url('/img/web/shadesign_close_FR.svg') no-repeat;
	width: 162px;
	height: 30px;
}

.stoerer .close.lg4
{
	background: url('/img/web/shadesign_close_IT.svg') no-repeat;
	width: 162px;
	height: 30px;
}

.stoerer .close.lg5
{
	background: url('/img/web/shadesign_close_NL.svg') no-repeat;
	width: 162px;
	height: 30px;
}

.stoerer .click
{
	display: block;
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	height: 180px;
}

.showroom {
	position: absolute;
	left: 0px;
	bottom: -30px;
	z-index:0;
}

.cookieConsent
{
	min-height: 89px;
}