/* Punchlines (3, top) */
#block-914 {
	background: #eeeeee;
}
#block-914 .block-content-inner {
	margin: 0 auto;
	padding: 10px;
	max-width: 940px;
}
#block-914 ul {
	display: table;
	width: 100%;
}
#block-914 li {
	text-align: center;
	text-transform: uppercase;
	display: table-cell;
	width: 33.3333333%;
}
#block-914 li:first-child {
	text-align: left;
}
#block-914 li:last-child {
	text-align: right;
}
#block-914 a:link {
	text-decoration: none;
}
#block-914 a:hover {
	text-decoration: underline;
}
@media (max-width: 959px) {
	#block-914 { display: none; }
}


/* NEW LAYOUT */
/* .lms : [l]ace [m]odern [s]tyles */

/* Basis */
.lms h1 {
	font-size: 24px;
	line-height: 31px;
	margin: 28px 0 16px;
}
.lms h2, .block-content-inner .lms h2 {
	font-size: 18px;
	line-height: 23px;
	margin: 20px 0 14px;
}
.block-content-inner .lms .bigger {
	font-size: 21px;
}
.lms p, .lms ol, .lms ul {
	font-size: 14px;
	line-height: 1.4;
	margin: 14px 0;
}
.lms .spacious {
	line-height: 1.6;		/* fluffy (22,4 statt 19,6) */
}
.lms .classic {				/* ol & ul */
	padding-left:	26px;
}
.lms .classic li {		/* ol & ul */
	margin:	4px 0 4px 4px;
}
.lms ul.classic li {
	list-style: disc;
}
.lms hr {
	margin: 28px 0;
}
.lms p + hr {
	margin-top: 34px;
}
.lms .space {
	margin-top: 36px;
	margin-bottom: 36px;
}
.lms .no-space {
	margin-top: 0;
	margin-bottom: 0;
}
.lms figure {		/* Illu/Block Bildunterschrift */
	margin:		0;
}
.lms .flex {		/* responsive image: max. original px, sonst 100% verfügbar */
	max-width: 100%;
	width: auto;
	height: auto;
}
.lms .contain {		/* clear old-fashioned + containing blocks */
	width: 100%;
	float: left;
}
.light {
	color: #999;
}
#main .no-underline a,		/* Links nicht unterschreichen | ungünstig ... durch alte CSS! */
#main a.no-underline {
	text-decoration: none;
}
.lms .arrow {		/* plus Pfeil (a href) */
	color: #ea0c8b;
	text-decoration: none;
}
.lms .arrow::after {
	content: "▸";
	padding: 0 0 0 6px;
}
.lms .gingham {			/* Lace Karo-Muster (beliebiges Element) */
	background: #fff url(/files/lace-gingham-4x.png) repeat;
	background-size: 24px;
}
.lms .plane {				/* heller auf Karo */
	background-color: rgba(255,255,255, 0.85);
}

/* Daten-Tabellen, simpel */
.lms .daten {
	margin: 20px 0 20px;
	border-collapse: collapse;
}
.lms .stripe {		/* (.daten) oben + unten Border (sonst keine) */
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.lms .daten th, .lms .daten td {
	font: 14px/19px "Century Gothic", "CenturyGothicRegular", "Avant Garde", "URW Gothic L", "Futura", sans-serif;
	text-align: center;
	border-top: 1px solid #ccc;
	padding: 10px;
}
.lms .daten th {
	font-weight: bold;
}
.lms .daten th .no-bold {
	font-weight: normal;		/* abweichend; flexibel */
}
.lms .daten tbody th {
	text-align: right;
}
.lms .daten thead th {		/* Kopf oben = oben keine Linie */
	border-top: none;
}
.lms .rows-marked tbody tr:nth-child(odd) {		/* Zebra-Streifen Tabelle */
	background: #f6f6f6;
}
.lms .cols-marked td:nth-child(even) {				/* Spezial*: Spalten Zebra-Streifen */
	background: #f6f6f6;
}
.lms .gingham th, .lms .gingham td {					/* Lace Karo-Muster */
	border: 1px solid #ea0c8b;
	border-width: 1px 1px 0;
	background-color: rgba(255,255,255, 0.85);
	color: #ea0c8b;
	/* font-size: 16px; */
	font-weight: bold;
}
.lms .gingham.stripe {
	border-color: #ea0c8b;
}
/* Mobile: flip Table (.daten) lr -> tb !BE CAREFULL! :
   few rows (2-3!) + head ONLY left */
@media (max-width: 640px) {
	.lms .flip thead,
  .lms .flip tbody, .lms .flip tr {
		float: left;
	}
	.lms .flip th, .lms .flip td {
		display: block;
	}
	.lms .flip tbody th {
		text-align: center;
		height: 19px;
		overflow: auto;
	}
	/* maybe + %-width for trs (+table=100%) = stable (2=50%), but line-break! */
}
/* Special Table | Desktop 1 -> Mobile 2 parts */
/* head ONLY left */
.lms .mobile-part1,
.lms .mobile-part2 {
	float: left;
	margin-top:	6px;
}
.lms .mobile-part2 tbody th {
	display: none;
}
.lms .two-lines td {
	height: 38px;		/* keep 2x height without th */
}
@media (max-width: 640px) {
	.lms .mobile-part1,
	.lms .mobile-part2 {
		width: 100%;
	}
	.lms .mobile-part2 tbody th {
		display: table-cell;
	}
}

/* großer Aufzählungspunkt (1) */
.lms .step-point,
.lms .step-pointed li::before {
	display: inline-block;
	color: #fff;
	background: #ea0c8b;
	border-radius: 50%;
	text-align: center;
	font-weight: bold;
	width: 28px;
	line-height: 28px;
	font-size: 16px;
	margin: 4px 4px -4px 4px;
}
.lms .step-pointed {		/* ol/ul */
	counter-reset: step-pointed;
}
.lms .step-pointed li {
	margin: 22px 0 22px 40px;
	position: relative;
}
.lms .step-pointed li::before {
	counter-increment: step-pointed;
	content: counter(step-pointed);
	position: absolute;
	margin: -4px 0 0 -36px;
}
ol.step-pointed, ol.step-pointed li {
	padding: 0;
	list-style: none;
}

/* Iconic Round Buttons */
.lms .iconic {
	display: block;
	overflow: hidden;
	font-family: "Century Gothic", "CenturyGothicRegular", "Avant Garde", "URW Gothic L", "Futura", "sans-serif";
	font-size: 16px;
	text-align: center;
	margin: 0 auto;
	width: 60px;		/* Größe: klein */
	height: 60px;		/* safety (bigger content) */
	line-height: 60px;
	border: solid 1px #ccc;
	border-radius: 50%;
	background: #fff;
}
.lms .iconic.tinny,
.lms .tinny .iconic {	/* Größe: sehr klein */
	width: 46px;
	height: 46px;
	line-height: 46px;
}
.lms .iconic.mid,
.lms .mid .iconic {		/* Größe: mittel */
	width: 90px;
	height: 90px;
	line-height: 90px;
}
.lms .iconic.big,
.lms .big .iconic {		/* Größe: groß */
	width: 120px;
	height: 120px;
	line-height: 120px;
}
.lms a:hover .iconic {
	background: #ea0c8b;
	border-color: #ea0c8b;
	color: #fff;
}
.lms .iconic img {		/* zu kleine Bilder */
	display: inline;
	vertical-align: middle;
	margin-top: -4px;		/* Korrektur (Schriftart line-height) */
}
.lms .iconic .logo {
	display: block;
  margin-top: 0;
	width: 100%;		/* Icon passt sich Größe an! */
}
.lms a:hover .logo {		/* Grau -> Weiß */
	filter: brightness(150%)
}
/* Icon-List (full width, 4 or 5) */
.lms .iconic-buttons {
	float: left;
  width: 100%;		/* contain und arrangement */
  margin-top: -4px;
  overflow: hidden;
}
.lms .iconic-buttons li {		/* 4 Buttons */
	float: left;
	width: 25%;		/* arrangement */
}
.lms .five li {  /* 5 Buttons */
	width: 20%;
}
#main .iconic-buttons a {		/* ungünstig ... durch alte CSS! */
	text-decoration: none;
}

/* Teaser Gingham */
.lms .teaser-gingham {
	position: relative;		/* pos-rev-point */
	background: #fff url(/files/lace-gingham-4x.png) repeat;
	background-size: 24px;
}
.lms .teaser-gingham .plane {
	background: rgba(255,255,255, 0.85);
}
/* round */
.lms .teaser-gingham.round {
	margin: 20px auto;
	width: 225px;
	height: 225px;
	border-radius: 50%;
	background-position: -12px -12px;
	overflow: hidden;
}
.lms .teaser-gingham.round .plane {
	position: absolute;
	top: 16px;
	right: 16px;
	bottom: 16px;
	left: 16px;
	font-family: "Century Gothic", "CenturyGothicRegular", "Avant Garde", "URW Gothic L", "Futura", "sans-serif";
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #ea0d8b;
	border-radius: 50%;
}
.lms .teaser-gingham .one-line {		/* einzeilig */
	line-height: 1;
	margin-top: 31%;
}
.lms .teaser-gingham .two-lines {		/* zweizeilig */
	margin-top: 55%;
	line-height: 1;
}
.lms .two-lines .one {
	display: block;
	margin-top: -1em;
}
.lms .two-lines .two {
	display: block;
	font-weight: normal;
}
.lms .teaser-gingham .xxpercent {		/* XX % Rabatt */
	line-height: 1;
}
.lms .xxpercent .bignum {
	position: absolute;
	top: 48px;
	left: 20px;
	font-size: 93px;
	letter-spacing: -5px;
}
.lms .xxpercent .percent {
	position: absolute;
	top: 61px;
	left: 121px;
	font-size: 70px;
	font-weight: normal;
}
/* square */
.lms .teaser-gingham.square {
	margin: 20px 0;
	padding: 18px;
}
.lms .teaser-gingham.square .plane {
	padding: 1px 14px;
}

/* Product Labels (img popup e.g.) */
.lms .labels br {
	clear: none;		/* ?! */
}
.lms .labels figure,
.lms .label-much-text figure {
	float: left;
	margin: 14px 0;
	box-sizing: border-box;
	width: 33.333333%;
	padding: 0 8px 0;
}
.lms .label-much-text figure {
	padding: 0 14px 0 0;
}
.lms .labels figcaption p {
	margin: 10px 0 0;
}
@media (min-width: 481px) {
	.lms .labels figure:nth-child(3n+1) {
		clear: left;
	}
}
@media (max-width: 480px) {
	.lms .labels figure,
	.lms .label-much-text figure {
		width: 50%;
	}
	.lms .labels figure:nth-child(2n+1) {
		clear: left;
	}
}

/* Toggle */
.toggler {
	cursor: pointer;
}
.toggler::before {
	content: "+";
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	color: #ea0c8b;
	margin: -10px 6px -7px 0;
}
.toggler.on::before {
	content: "–";
}
.more-content {
	display: none;
}
.more-content.on {
	display: block;
}
/* Toggle */
	
	.small-tablet.more-content
	.small-tablet-hide {
		display: none;
	}
	.small-tablet.more-content.on {
		display: block;
	}

/* Toggle*/

	.mobile.more-content,
	.mobile-hide {
		display: none;
	}
	.mobile.more-content.on {
		display: block;
	}


/* GLOBAL FIXES & ADDITIONS */
/* structural */

/* BUG: HEADER sticky, js (x) -> CSS */
#header, #main.fixed #header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	padding: 6px 0 0 0;
}
#main.fixed #main-content {
	margin-top: 0;
}
/* plus MOBILE! */
@media (max-width: 959px) {
	/* fix & NEW HEADER */
	#header, #main.fixed #header {
		padding: 0;
		border-bottom: 1px solid #ccc;		/* neue Abgrenzung */
	}
	#header > div:first-child {
		position: static;
		padding-bottom: 0;
		background-color: transparent;
		height: 57px;		/* neue Kopf-Höhe! */
	}
	#main-header-menu {
		margin-top: 10px !important;
	}
	#main-content {
		margin-top: 0 !important;
		padding-top: 0;
	}
}

/* BUG: FILTER sticky, js (x) -> CSS */
#commodity-lister-left,
#landingpage-lister-left {
	position: -webkit-sticky;
	position: sticky;
	top: 129px;			/* -> depending on LOGO- + FLAT MENU size */
	z-index: 999;		/* instead 1000 -> menu above filter */
}
@media (max-width: 959px) {
	#commodity-lister-left,
	#landingpage-lister-left {
		top: 56px;		/* (58 -2 Border) 95px | -> depending on LOGO-size */
	}
}
@media (max-width: 479px) {
	#commodity-lister-left,
	#landingpage-lister-left {
		position: static;
	}
}
#commodity-lister-left.fixed,
#landingpage-lister-left.fixed {
	padding-top: 0;
}
#commodity-lister-filtersort,
#landingpage-lister-filtersort {
	top: 0 !important;
}
#commodity-lister-left.fixed #commodity-lister-filtersort,
#landingpage-lister-left.fixed #landingpage-lister-filtersort {
	position: static;
	z-index: 0;
}
/* (filterlinks.css) */
.filterlinks ul {
	margin-bottom: 133px			/* ?!Chrome Bug: top + 10px */
}
#filterlinks-mobile, #sort-mobile {
	width: calc(50% - 27px);	/* little correction */
	margin: 5px 0 5px 10px;
	background: #ffc6e9;			/* FLAT */
}

/* FIX: whole HEADER clickable ... tricky */
/* NEW MOBILE HEADER */
#main-header .block-image img {
	height: 80px;
}
#main-header .block-image {
	width: 134px;			/* clickable area! */
}
@media (max-width: 959px) {
	#main-header .block-image img {
		height: 55px;
		max-width: none;
	}
	/* LOGO zentriert & ohne Subline ... tricky */
	#main-header .block-image {
		margin: 0 auto;
		width: 92px;		/* clickable area! */
		height: 45px;		/* del subline: more compact */
		-webkit-transform: translate(0, 4px);
		transform: translate(0, 4px);
	}
	#main-header .block-image:hover {		/* overwrite strange Sumo-Styles ... */
		margin: 0 auto;
	}
}
/* adapt FILTER pos accordingly! -> 129|56 */

/* FLAT MENU */
#main-header-menu .common-menu-hover {
	border: 0;
	background: #ffc6e9;
}
#main-header-menu a, #main-header-menu span {
	padding: 5px 15px 5px;	/* future: even more height */
	display: block;					/* ONLY for the span's */
	line-height: 23px;			/* +2 -> Sub-Menü & Filter anpassen */
}
#main-header-menu span {
	text-transform: none;		/* too much uppercase */
	line-height: 15px;			/* sub-level smaller */
}
#main-header-menu ul ul a {
	line-height: 15px;			/* sub-level smaller */
}
#main-header-menu .common-menu-hover-sub {
	left: 0;
	right: 0;
	width: auto;		/* BUG: Refix: MENU-POSITION before page-load (no js) */
}
.common-menu-sub, .common-menu-hover-sub, .common-menu-dropdown-sub {
	top: 33px;			/* a-height adjustment */
	border-radius: 0;
	box-shadow: none;
}
/* Mobile */
@media (max-width: 959px) {
	#main-header-menu .common-menu-hover > li {
		background: #ffc6e9;
		border-bottom: 1px solid #fff;
	}
	#main-header-menu li.subs > a {
		padding: 10px;
	}
}
/* plus CART POPUP correction */
#main-cart #main-cart-contents {
	left: auto;
	border-top-width: 1px;
	top: 1px;
}

/* FIX: Main-Nav, BRA-SIZES (main.css) */
#main-header-menu-shop-bra-size .common-menu-hover-sub li {
	width: 90px;
}
#main-header-menu-shop-bra-size li:first-child,
#main-header-menu-shop-bra-size li:first-child li {
	width: 150px;
}

@media (max-width: 959px) {
	/* FIX: Mobile Menu top right: no ghost-links */
	#main-header-menu-header {
		margin-right: 58px;
	}
	#main-header-menu-header a {
		display: none;
	}
	#main-header-menu-header-account a {
		display: block;
	}
	#main-header-menu-header-mylace a {
		display: block;
	}
	/* FIX: Mobile Menu: not cut off */
	#main-header-menu .common-menu-hover-sub.open {
		max-height: inherit;
	}
}

/* NEW: MOBILE MENU Action | .mob-menu-open */

#main-search-toggle {
	display: none;
}
@media (max-width: 959px) {
	html.mob-menu-open {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	#main {
		-webkit-transition: -webkit-transform 0.25s ease-in-out;
		transition: transform 0.25s ease-in-out;
	}
	.mob-menu-open #main {
		-webkit-transform: translate(280px,0);
		transform: translate(280px,0);		/* Mobil minimal */
	}
	#pagecover {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #000;
		z-index: 2000000;
		opacity: 0;
		visibility: hidden;
	}
	.mob-menu-open #pagecover {
		opacity: 0.4;
		visibility: visible;
		-webkit-transition: opacity 0.25s ease-in-out;
		transition: opacity 0.25s ease-in-out;
	}
	/* MOBILE MENU */
	#main-header-menu {
		-webkit-transform: translate(-280px,0);
		transform: translate(-280px,0);
		position: absolute;
		top: 48px;
		width: 280px;
		/* HEIGHT per JS! -> Fläche abdecken (scrolling, Layout) */
		overflow-y: auto;
		background: #fff;		/* optional */
		display: none !important;		/* ! altes JS überschreiben */
	}
	.mob-menu-open #main-header-menu {
		display: block !important;		/* ! altes JS überschreiben */
	}
	#main-header-menu .common-menu-hover,
	#main-header-menu .common-menu-hover > li {
		background: transparent;		/* umwidmen */
	}
	.common-menu-hover > li:nth-child(3),			/* id changes always! */
	.common-menu-hover > li:nth-child(7) {
		margin-top:	16px;
	}
	#main-header-menu .common-menu-hover > li > a {
		position: -webkit-sticky;
		position: sticky;		/* cool & praktisch */
		top: 0;
		background: #ffc6e9;
	}
	#main-header-menu .common-menu-hover > li > a:hover,
	#main-header-menu .common-menu-hover > li > a.selected {
		background: #ea0c8b;
	}
	/* MENU trigger;  (als Schließer: -58px,-45px) | plus Kreuz ? */
	#main-mobile {
		-webkit-transform: translate(7px,-33px);
		transform: translate(7px,-33px);
	}
	/* SEARCH TOGGLE (new Header) */
	#main-search {
		position: absolute;
		top: 58px;
		width: 100%;
		height: 52px;
		background: #f6f6f6;
		border-bottom: 1px solid #ccc;
		visibility: hidden;
		opacity: 0;
	}
	#main-search.search-open {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.25s ease-in-out;
	}
	#main-search-form {
		width: auto;
		left: 10px;
		top: 10px;
		right: 10px;
		bottom: 0;
	}
	#main-search-form input[type="text"] {
		font-size: 14px;
		line-height: 17px;
		background: #fff;
		padding: 6px 50px 6px 10px;
		width: 100%;
		box-sizing: border-box;
	}
	#main-search-form input[type="submit"] {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		box-shadow: none;
		padding: 5px 10px;
	}
	#main-search-toggle {		/* per JS eingefügt */
		display: block;
		cursor: pointer;
		position: absolute;
		top: 23px;
		left: 72px;
		width: 16px;
		height: 16px;
		background: url("/res/graphics/search.png") no-repeat;
	}
}
/* ! altes JS überschreiben */
#main-content, #footer {
	display: block !important;
}
@media (min-width: 960px) {
	#main-header-menu {
		display: block !important;	/* ! altes JS */
		height: auto !important;		/* eigenes JS */
	}
	#pagecover {
		height: auto !important;		/* eigenes JS, Spezialfälle */
	}
}

/* NEW FOOTER */

/* del/change old */
.footerline {
	border-top: 1px solid #ccc;
	margin: 10px 10px 0;
}
#main-footer {
	background: none;
}
/* actual FOOTER */
#footer #block-617 {
	position: relative;
	margin: 45px 10px 0;		/* (34px 10px 0) for global teasers */
	padding-top: 27px;
	background: #fff url(/files/lace-gingham-4x.png) repeat;
	background-size: 24px;
}
#block-617 .block-content-inner {
	background: rgba(255,255,255, 0.9);			/* tuned */
	padding: 14px 3%;
}
@media (max-width: 959px) {		/* entsprechend Header */
	#footer #block-617 {
		margin-left: 0;
		margin-right: 0;
	}
}
#block-617::before {		/* Schmuck: bow */
	content: "";
	position: absolute;
	top: -12px;
	right: 15px;
	width: 42px;
	height: 35px;
	background: url(/files/lace-bow-42-2x.png) no-repeat;
	background-size: 42px;
}
/* FOOTER Content */
#lms-main-footer {}
#lms-main-footer p, #lms-main-footer ul {
	font-size: 12px;
	line-height: 1.5;
}
#lms-main-footer a {
	text-decoration-color: #999;
}
/* Spalten */
#main-footer-nav > li {
	padding-right: 2.5%;
	display: table-cell;
}
#footer-guides {
	width: 16%;
}
#footer-lace-about {
	width: 19%;
}
#main-footer-nav #footer-newsletter {
	padding-right: 0;
	width: 22%;
}
#main-footer-nav ul, #main-footer-nav p, #main-footer-nav form {
	margin: 0 0 14px;
}
#main-footer-nav ul li {
	margin-bottom: 6px;
}
#main-footer-nav .no-space {
	margin-bottom: 0;
}
#main-footer-nav h3 {
	font-size: 15px;
	margin-bottom: 10px;
}
/* Inputs */
#footer-newsletter-form #footer-newsletter-email {	/* später: neue inputs */
	box-sizing: border-box;
	padding: 6px 9px;
	width: 100%;
	max-width: 250px;
}
#footer-newsletter-form .button {		/* später: neue buttons? normale deutlicher gestalten! */
	-webkit-appearance: none;		/* Safari/iOS */
	padding: 6px 9px;
	text-transform: none;
	color: #ea0c8b;
	border: 1px solid #ea0c8b;
	background: #fff !important;
	box-shadow: none;
	transition: none;
}
#footer-newsletter-form .cancel {		/* new cancel ... */
	color: #6b6b6b;
	border-color: #999;
}
#footer-newsletter-form .button:hover {
	color: #fff;
	border-color: #ea0c8b;
	background: #ea0c8b !important;
}
#footer-newsletter-form .button:active {		/* some feedback! */
	transform: translateY(1px);
}
/* Responsiveness */
@media (max-width: 768px) {
	#lms-main-footer #main-footer-nav #footer-newsletter {
		clear: left;
		display: block;
		width: auto;
	}
	#main-footer-nav > li {
		box-sizing: border-box;
		float: left;
		width: 22%;
	}
	#main-footer-nav #footer-lace-info {
		width: 30%;
	}
	#main-footer-nav #footer-service {
		width: 26%;
	}
}
@media (max-width: 640px) {
	#main-footer-nav #footer-guides {
		clear: left;
	}
	#lms-main-footer #main-footer-nav > li {
		width: 50%;
	}
}
@media (max-width: 480px) {
	#footer-newsletter-form #footer-newsletter-email {
		max-width: none;
	}
}
/* Socials */
#footer-socials {
	margin: 4px 0 14px;
}
#footer-socials .iconic-buttons {
	overflow: initial;
}
#footer-socials .iconic {
	border-color: #999;
}
#footer-socials a:hover .iconic {
	border-color: #ea0c8b;
}
#footer-socials .iconic .logo {
	filter: brightness(80%);
}
#footer-socials a:hover .logo {
	filter: brightness(150%);
}
/* Kleingedrucktes */
#footer-smallprint {
	clear: left;
}

/* BUG: SORT missing at width 480–759px */
@media (min-width: 480px) and (max-width: 759px) {
	#commodity-lister .sort, #landingpage-lister .sort {
			display: block;
	}
}
/* plus differentiation */
#commodity-lister .sort select, #landingpage-lister .sort select {
	background-color: #fff;
}
@media (min-width: 959px) {
	#commodity-lister .sort, #landingpage-lister-sort-top {
		float: right;
	}
}

/* Pager "slightly" better */
#commodity-lister-pager-top, #landingpage-lister-pager-top {
	margin: 14px 10px 0;
}
#commodity-lister-pager-bottom, #landingpage-lister-pager-bottom {
	margin: 0 10px 4px;
}

/* BUG: Product Banners not scaling on Mobiles + Gaps */
.list-commodity-banner-image img {
	max-width: 100%;		/* width like product-images */
	max-height: 350px;
}
@media (max-width: 479px) {
	.list-commodity li:nth-child(2n+1) {
		clear: left;		/* banner-height scals differently -> avoid gaps */
	}
}
#commodity-show .list-commodity li:nth-child(2n+1) {
	clear: none;		/* undo for small product list ... */
}
/* BUG: Product Symbols turned off on Mobiles (Video, Offer) */
/* Repositioning NEEDED! */
.list-commodity li {
	position: relative;		/* ref. pos. */
}
.list-commodity-overlay {
	position: absolute;
	top: 43px;
	bottom: 82px;
	left: 10px;
	right: 10px;
}
.list-commodity-overlay-new {
	top: -1px;
	left: -1px;
}
.list-commodity-overlay-bestseller {
	top: -1px;
	right: -1px;
}
.list-commodity-overlay-onoffer {
	top: auto;
	bottom: -1px;
	right: -1px;
}
.list-commodity-overlay-video {
	top: auto;
	bottom: 3px;
	left: 3px;
}
.list-commodity-overlay > .list-commodity-overlay-video {
	box-shadow: none;		/* just cleaner */
}
@media (max-width: 479px) {
	.list-commodity-overlay-video,
	.list-commodity-overlay-onoffer {
		display: block;
	}
	.list-commodity-overlay {
		bottom: 70px;	/* adjust */
	}
}
/* small product list */
#commodity-show .list-commodity-overlay {
	top: 11px;		/* 15 -> repos symbols in small size */
	left: 6px;		/* 10 */
	bottom: 16px;	/* 20 */
	right: 6px;		/* 10 */
}
#commodity-show .list-commodity-overlay-onoffer {
	top: auto;
}
#commodity-show .list-commodity-overlay-video {
	display: block;
	bottom: -1px;
	left: -1px;
}

/* FLAT PRODUCTS */
.list-commodity-image img {		/* flat pics */
	border-radius: 0;
	box-shadow: none;
}
.list-commodity .list-commodity-quickshop {		/* quickshop X -> heart */
	display: none;
}
.list-commodity .list-commodity-logo > span {	/* quickshop X, Korrektur */
	height: 28px;
}
/* FLAT, better TOOLTIPS */
.list-commodity-popup > div {
	line-height: 17px;
	padding: 10px 13px;
	width: 172px;
	border-radius: 0;
	box-shadow: none;
}
.list-commodity-popup span {
	margin-bottom: 4px;
}
.last-in-view .list-commodity-popup {		/* js | sonst X-Scrollbar / Swipe-Boxes abgeschnitten */
	left: auto;
	right: 166px;
}

/* FIX: Product Page (spacings, cut-off) */
#commodity-show {
	padding-top: 10px;
}
#commodity-show #commodity-show-breadcrumbs {
	padding-bottom: 10px;
	height: auto;
}

/* FIX: fully responsive Videos (proportional scaling) */
.embed-container {
	position: relative;
	overflow: hidden;
	margin: 20px auto 24px;		/* we need some spacing ... */
	padding-bottom: 56.25%;		/* 16:9 */
	height: 0;
	max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* GLOBAL TEASER */

/* Trustpilot */
#tp-teaser {
	display: block;
	margin: 28px auto -8px;		/* 18px auto 0 */
	max-width: 668px;
}
#tp-teaser img {
	max-width: 100%;
}
@media (max-width: 768px) { #tp-teaser { max-width: 443px; } }
@media (max-width: 480px) { #tp-teaser { max-width: 303px; } }

/* Teaser */
.lms .small-teaser {
	margin: 12px 0;
	height: 250px;		/* leider notwendig */
	float: left;
	width: 100%;
}
#footer .small-teaser {
	margin: 24px auto 0;		/* at Footer different spacing */
}
.lms .small-teaser img {
	margin: 0 auto;
}
.lms .small-teaser .teaser-gingham.round {
	margin: 12px auto 0;
}
/* Footer Grid: spezielle Karo-Kreis Skalierung (aber Höhe Container ...) */
@media
(min-width:769px) and (max-width:860px),		/* max-width: meridian */
(min-width:481px) and (max-width:560px) {
	#footer .teaser-gingham.round {
		transform: scale(0.788);
    transform-origin: top
	}
	#footer .small-teaser {
		height: auto;
	}
}

/* inline GRID */
/* entspricht FIX: general RESPONSIVENESS (unapplied) */
.inline-small {					/* 1/3 Spalte = .block-small */
	width: 33.333333%;		/* (%) */
	float: left;
}
@media (max-width: 768px) {
	.inline-small {
		width: 50%;					/* 1/3 -> 1/2 */
	}
}
@media (max-width: 480px) {
	.inline-small {
		width: 100%;				/* 1/3 -> 1/2 -> full */
	}
}
/* only FOOTER: mimic 10px space on sides of own blocks  */
#footer .inline-small {
	box-sizing: border-box;
	padding: 0 10px;
}