.insideP {width:100%; max-width: 1000px; height: auto; display: block; margin: 0 auto;}
#footer {width:100% !important; }
#footer-2015 {margin:0; padding:0; font-family:Roboto, Arial, sans-serif; font-size:12px; line-height:20px; background-color:#FFF;}
#footer-2015 img {border:none;}
#footer-2015 a, #footer-2015 img {-webkit-transition:all 0.35s ease-out; -chrome-transition:all 0.35s ease-out; -khtml-transition:all 0.35s ease-out; -moz-transition:all 0.35s ease-out; -ms-transition:all 0.35s ease-out; -o-transition:all 0.35s ease-out; transition:all 0.35s ease-out;}
#footer-2015 div, #footer-2015 a, #footer-2015 img, #footer-2015 input {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/*
STRUCTURE PAGE
*/
.group:after, .greyzone:after, .columns:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
*:first-child+html .group, *:first-child+html .greyzone, *:first-child+html .columns { zoom: 1; } /* IE7 */
#footer, #footer .footer { padding:0 !important; margin:0; text-align:left; color:#FFF;}
#footer-2015 { width:100%; height:auto; display:block; margin:0; padding:0; }
#footer-2015 ul {list-style: none outside none; margin: 0;}

/* GREYZONE */
.greyzone {position:relative; padding:20px 0; background-color:#eeeeee;}
.greyzone .column3 {display:block; width:33.1%; min-height: 100px; float:left; border-left: 1px dashed #ccc; text-align: center;}
.greyzone .column3:hover b {color:#0072b5;-webkit-transition:all 0.35s ease-out; -chrome-transition:all 0.35s ease-out; -khtml-transition:all 0.35s ease-out; -moz-transition:all 0.35s ease-out; -ms-transition:all 0.35s ease-out; -o-transition:all 0.35s ease-out; transition:all 0.35s ease-out;}
.greyzone .sepaEnd {width:5px; min-height:100px; display:block; float:left; border-right: 1px dashed #ccc;}
.greyzone a {display:block; text-decoration:none; color:#999 !important; font-size:14px; line-height:20px;}
.greyzone a b {display:block; margin:0 0 8px; font-family:RobotoCondensedBold, arial; text-transform:uppercase; font-size:22px; color:#191919; font-weight:100;}

.greyzone .boxpicto {width: 44px; height: 34px; display: block; margin: 0 auto 10px; color:transparent;}
.greyzone .boxpicto.icondelivery {background-position: 0px -209px;}
.greyzone .boxpicto.iconreturn {background-position: -44px -209px;}
.greyzone .boxpicto.iconstores {background-position: -88px -209px;}
.greyzone .boxpicto.iconinvoice {background-position: -46px -244px;}


/* BLUEZONE */
.bluezone {padding:15px 0; background:#0072b5;}
.bluezone a {color:#fff; text-decoration:none;}
.bluezone .wrapper {display:table;}
.bluezone .NewsletterLabel {display:table-cell; width:33.1%; font-family:RobotoCondensedBold, Arial; letter-spacing:0.5px; font-size:26px; color:#ffffff; line-height:30px; text-transform:uppercase; border-right:1px solid #006fa4; vertical-align:middle;}
.bluezone .NewsletterMentions {display:table-cell; width:33.777777%; height:100%; padding:0 1.5%; font-size:13px; line-height:19px !important; color:#ffffff; margin:0; line-height:15px; border-left:1px solid #3098ca; vertical-align:middle;}
.bluezone .NewsletterForm {position:relative; display:table-cell; width:33.1%; height:100%; padding:0 0 5px 0; vertical-align:middle;}
.bluezone .NewsletterForm .legal {font-size:11px; margin:0 0 2px 0;}
.bluezone .NewsletterForm .legal a {text-decoration: underline !important;}
.bluezone .NewsletterForm .legal a:hover {text-decoration:underline !important; color:#fff !important;}
.bluezone .NewsletterForm #valid_newsletter {position:relative; width:25%; border:medium none; cursor:pointer; float:right; height: 36px; margin: 0; padding: 0; color:#fff; background:#191919; -webkit-appearance: none;}
.bluezone .NewsletterForm .ui-btn-inner {display:none;}
.bluezone .NewsletterForm #valid_newsletter:hover {opacity:0.8;}
.bluezone .NewsletterForm #zone_txt {position:relative; width:75%; border: medium none; color: #686868; float: left; font-size: 11px; height: 36px; line-height: 36px; margin: 0; padding: 0 5px;text-align: left;}
.bluezone .NewsletterForm .EmailFormatError {color:#fff !important;}

/* BLACKZONE */
.blackzone {background:#191919; padding:30px 0 0 0;}
.blackzone a {color:#fff; text-decoration:none;}
.blackzone h3 {margin: 0 0 15px 0; font-size: 24px; color: #fff; border: none; font-weight: normal; font-family: RobotoCondensedBold; text-transform: uppercase;}
.blackzone li {display: inline-block; width: auto;}
.blackzone li a {display:block; margin: 0 2px 6px 0; padding: 5px 10px; font-size: 12px; text-decoration: none; color: #ffffff; background: #3a3a3a; border-radius: 2px;}
.blackzone li a:hover {background:#0072b5;}
.blackzone .columns { margin: 0 0 20px 0; padding: 0 0 15px 0; border-bottom: 1px solid #262626;}
.blackzone .column-2 {width: 48%; margin: 0 2% 0 0; float: left;}
.blackzone .seals {margin: 0 0 20px 0;}
.blackzone #ts-badge, .blackzone .click-collect {margin: 0 20px 20px 0; float: left;}
.blackzone .click-collect, .blackzone .auswahl-plus {display:block; width:192px; height: 60px; padding: 5px 8px 0; float: left; background: #0072b5; border-radius: 8px;}
.blackzone .click-collect:hover, .blackzone .auswahl-plus:hover {opacity:0.85;}
.blackzone .click-collect img, .blackzone .auswahl-plus img {width:100%; height:auto;}

.blackzone .mentions {width:100%; padding:15px 0; border-top:1px solid #262626;}
*+html .blackzone .mentions {width:96%;padding:15px 2%;} /* IE7 */
.blackzone .mentions.top {padding:25px 2%;}
.blackzone .mentions a {font-size:11px; line-height:20px; color:#D6D6D6;}
.blackzone .mentions a:hover {color:#0070b8;}
.blackzone .mentions .left {float:left; width:auto;}
.blackzone .mentions .left .zahlarten {display:block; margin:0 20px 0 0; float:left;}
.blackzone .mentions .left .zahlarten:hover {opacity:0.7;}
.blackzone .mentions .left .rechnung{height:25px; width:46px; background-position:0 -82px;}
.blackzone .mentions .left .sofortueberweisung{height:25px; width:81px; background-position:0 0;}
.blackzone .mentions .left .visa {height:25px; width:66px; background-position:-82px 0}
.blackzone .mentions .left .mastercard {height:27px; width:45px; margin:-1px 20px 0 0; background-position:0 -26px;}
.blackzone .mentions .left .paypal {height:30px; width:103px; background-position:-45px -26px;}
.blackzone .mentions .left .elv {height:25px; width:38px; background-position:0 -56px;}
.blackzone .mentions .left .geschenk {height:26px; width:70px; margin:-1px 0 0 0; background-position:-38px -56px;}
.blackzone .mentions .right {float:right; width:auto;}
.blackzone .mentions .right .social {width:25px; height:25px; margin:0 0 0 12px; display:block; float:left;}
.blackzone .mentions .right .social:hover {opacity:0.8;}
.blackzone .mentions .right .facebooklink{background-position: 0 -109px;}
.blackzone .mentions .right .googlelink{background-position: -25px -109px;}
.blackzone .mentions .right .twitterlink{background-position: -50px -109px;}
.blackzone .mentions .right .instagramlink{background-position: -75px -84px;}
.blackzone .mentions .right .youtubelink{background-position: -75px -109px;}

.blackzone .mentions .right-mentions{text-align: right; cursor: pointer; float: right;position: relative;width:30%;padding:0 25px 0 0;}
.blackzone .mentions .right-mentions span{position:absolute; right:1px; width:18px; background-position:-207px -188px;}
.blackzone .mentions .right-mentions .myflags {display:none; position:absolute; right:0; bottom:22px; width:770px; height:auto; padding:20px 0 10px 20px; background: none repeat scroll 0 0 #282828; z-index: 10000;}
.blackzone .mentions .right-mentions .colflags {display: inline-block;float:left; height:auto; width:150px;}
.blackzone .mentions .right-mentions .colflags a {color:#fefefe; display:block; height:25px; margin:0 0 5px 0; padding:0; font-size:11px; line-height:25px; text-align:left; text-decoration:none;}
.blackzone .mentions .right-mentions .colflags a:hover {color:#0070b8;}
.blackzone .mentions .right-mentions .colflags span {display: inline-block; position:relative; float:left; width:21px; height:15px; margin:2px 5px 0 0;padding: 0;border:1px solid #fff; box-sizing:content-box;}
.blackzone .mentions .right-mentions .colflags span.AU{background-position: -84px -164px;}
.blackzone .mentions .right-mentions .colflags span.BE{background-position: -63px -164px;}
.blackzone .mentions .right-mentions .colflags span.BG{background-position: -42px -179px;}
.blackzone .mentions .right-mentions .colflags span.BR{background-position: -21px -134px;}
.blackzone .mentions .right-mentions .colflags span.CN{background-position: -42px -134px;}
.blackzone .mentions .right-mentions .colflags span.CZ{background-position: -63px -134px;}
.blackzone .mentions .right-mentions .colflags span.FR{background-position: -84px -134px;}
.blackzone .mentions .right-mentions .colflags span.HU{background-position: -126px -134px;}
.blackzone .mentions .right-mentions .colflags span.IN{background-position: 0 -149px;}
.blackzone .mentions .right-mentions .colflags span.IT{background-position: -21px -149px;}
.blackzone .mentions .right-mentions .colflags span.MY{background-position: -126px -164px}
.blackzone .mentions .right-mentions .colflags span.NL{background-position: -42px -149px;}
.blackzone .mentions .right-mentions .colflags span.PH{background-position: -105px -164px}
.blackzone .mentions .right-mentions .colflags span.PL{background-position: -63px -149px;}
.blackzone .mentions .right-mentions .colflags span.PT{background-position: -84px -149px;}
.blackzone .mentions .right-mentions .colflags span.RO{background-position: -105px -149px;}
.blackzone .mentions .right-mentions .colflags span.RU{background-position: -126px -149px;}
.blackzone .mentions .right-mentions .colflags span.ES{background-position: 0 -164px;}
.blackzone .mentions .right-mentions .colflags span.SE{background-position: -21px -164px;}
.blackzone .mentions .right-mentions .colflags span.SG{background-position: 0 -179px;}
.blackzone .mentions .right-mentions .colflags span.UK{background-position: 0 -134px;}
.blackzone .mentions .right-mentions .colflags span.TH{background-position: -21px -179px;}
.blackzone .mentions .right-mentions .colflags span.TR{background-position: -42px -164px;}
.blackzone .mentions .right-mentions .colflags span.TW{background-position: -63px -179px;}

#footer-2015 .blackzone .mentions a.change-device {margin:0 25px 0 0; padding:2px 4px; background:#555}
#footer-2015 .blackzone .mentions a.change-device:hover {color:#fff; background:#0072b5;}
#footer-2015 .blackzone .mentions a.footer-left {margin:0 7px 0 0;}

/* WHITEZONE */
.whitezone {background:#fff; padding:10px 2%; color:#000;}
.whitezone small {display:block;width:90%; font-size:10px;}

.spritesglobal{background-image: url("/ecde/static/footer/images/sprites-global.jpg"); background-repeat: no-repeat;}
.globalsprites {background:url("/ecde/static/footer/images/global-sprites.png"); background-repeat:no-repeat; background-size:150px 280px;}

/* Highres Sprites */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
.globalsprites {background:url(/ecde/static/footer/images/global-sprites@2x.png); background-repeat:no-repeat; background-size:150px 280px;}
}

@media only screen and (max-width: 1023px) {
	.greyzone .pauschale, .greyzone .ruecksendung, .greyzone .filialen {width:32.3333337%; height:84px;}
	.display-img {top:17px;}
	.filialen .display-img {top:10px;}
	.display-txt {top:24px; left:35%; font-size:14px;}
	.bluezone {padding:10px 20px;}
	.blackzone {padding:20px 20px 0 20px;}
	.blackzone .columns .column h3 {font-size:15px; line-height:20px; text-transform:uppercase; font-weight:normal; margin: -2px 0 14px 0; color:#FFF; border-top:none; width:90%;}
}

@media screen and (max-width: 999px) {
	.blackzone .columns .column.left {width:48%; padding:0 2% 0; margin:0 2% 0 0;}
	.blackzone .columns .column.middle-half {width:24%;}
	.blackzone .columns .column.right {width:100%; padding:0 2%; margin:60px auto 10px;}
	.blackzone .columns .column.right a {text-align:center}
	.blackzone .columns .column.right img {max-width:320px; margin:auto;}
	.blackzone .columns .column .newsletter {background:#383838;}
	.blackzone .mentions {padding:15px 20px;}
	.blackzone .mentions .right-mentions{width:40%;}
}

@media screen and (max-width: 860px) {
	.greyzone a {font-size:12px; line-height:15px;}
	.greyzone a b {font-size:20px;}
}

@media screen and (max-width: 780px) {
	.greyzone a {font-size:12px; line-height:15px;}
	.greyzone a b {font-size:18px;}
}

@media screen and (max-width: 710px) {
	.greyzone .column3 {display:block; width:90%; margin:0 5% 15px; padding:0 0 10px 0; float:left; background:none; min-height: 100px; border-left:none; border-bottom:1px solid #ddd;}
	.greyzone .sepaEnd {display:none;}
	.greyzone a {display:block; text-decoration:none; color:#686868; font-size:14px; line-height:20px;}
	.greyzone a b {display:block; margin:0 0 2px; font-family:RobotoBold, arial; font-size:20px; color:#191919; font-weight:100;}
	.greyzone .column3 {min-height: 0;  text-align: left;}
	.greyzone .column3.third {border-bottom: none; margin: 0 5% -5px; padding: 0;}
	.greyzone .boxpicto {float:left; margin:2px 20px 0 0;}
	.greyzone .boxpicto.icondelivery {background-position: 0px -209px;}
	.greyzone .boxpicto.iconreturn {background-position: -44px -209px;}
	.greyzone .boxpicto.iconstores {background-position: -88px -209px;}
}

@media screen and (max-width: 660px) {
	.bluezone {padding:20px;}
	.bluezone .wrapper {display:block;}
	.bluezone .NewsletterLabel {display:block; width:100%; margin:0 0 10px 0; font-size:24px; color:#ffffff; line-height:30px; border-right:none;}
	.bluezone .NewsletterMentions {display:block; width:100%; height:auto; margin:0 0 10px 0; padding:0; font-size:14px; line-height:20px; color:#ffffff; line-height:16px; border-left:none; border-right:none;}
	.bluezone .NewsletterForm {display:block; width:100%; height:auto; padding:0; border-left:none;}
	.bluezone .NewsletterForm .legal {font-size:11px; margin:0 0 2px 0;}
	.bluezone .NewsletterForm .legal a {text-decoration: underline !important;}
	.blackzone .columns .column.left {display:none;}
	.blackzone .columns .column.middle-half {display:none;}
	.blackzone .columns .column.right {margin:0 0 -10px 0;}
	.blackzone .mentions .left .zahlarten {display:none;}
	.blackzone .mentions .right-mentions {display:none;}
	.blackzone .mentions .left {text-align:center;}
	.blackzone .mentions .right {margin:auto; float:none;}
	.blackzone .mentions .right .social {margin:0 12px 0 0;}
	.blackzone .mentions .sitemap {display:none;}
	.whitezone small {display:block;width:100%;}
}