.ngpluginshopteasersplit>div>ul { margin: 0; padding: 0; box-sizing: border-box; display: block; } .ngpluginshopteasersplit img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ngpluginshopteasersplit a.ngpluginshopteasersplitpicture:focus-visible { filter: brightness(50%) contrast(75%); outline: none; } .ngpluginshopteasersplit>div>ul>li { margin: 0; padding: 0; box-sizing: border-box; display: flex; list-style: none; justify-content: space-between; flex-direction: row; } .ngpluginshopteasersplit>div>ul>li>div, .ngpluginshopteasersplit>div>ul>li>a { width: 50%; box-sizing: border-box; } .ngpluginshopteasersplitpicture { background-position: center center; background-size: cover; position: relative; border: 0; display: block; } .ngpluginshopteasersplittext { display: flex; flex-direction: column; justify-content: space-between; } .ngpluginshopteasersplit1cols .ngpluginshopteasersplitresult>ul>li:nth-child(2n)>.ngpluginshopteasersplitpicture { order: 2; } .ngpluginshopteasersplit1cols .ngpluginshopteasersplitresult>ul>li:nth-child(2n)>.ngpluginshopteasersplittext { order: 1; } .ngpluginshopteasersplit2cols .ngpluginshopteasersplitresult>ul>li:nth-child(4n+1)>.ngpluginshopteasersplitpicture, .ngpluginshopteasersplit2cols .ngpluginshopteasersplitresult>ul>li:nth-child(4n+2)>.ngpluginshopteasersplitpicture { order: 2; } .ngpluginshopteasersplit2cols .ngpluginshopteasersplitresult>ul>li:nth-child(4n+1)>.ngpluginshopteasersplittext, .ngpluginshopteasersplit2cols .ngpluginshopteasersplitresult>ul>li:nth-child(4n+2)>.ngpluginshopteasersplittext { order: 1; } .ngpluginshopteasersplit3cols .ngpluginshopteasersplitresult>ul>li:nth-child(6n+1)>.ngpluginshopteasersplitpicture, .ngpluginshopteasersplit3cols .ngpluginshopteasersplitresult>ul>li:nth-child(6n+2)>.ngpluginshopteasersplitpicture, .ngpluginshopteasersplit3cols .ngpluginshopteasersplitresult>ul>li:nth-child(6n+3)>.ngpluginshopteasersplitpicture { order: 2; } .ngpluginshopteasersplit3cols .ngpluginshopteasersplitresult>ul>li:nth-child(6n+1)>.ngpluginshopteasersplittext, .ngpluginshopteasersplit3cols .ngpluginshopteasersplitresult>ul>li:nth-child(6n+2)>.ngpluginshopteasersplittext, .ngpluginshopteasersplit3cols .ngpluginshopteasersplitresult>ul>li:nth-child(6n+3)>.ngpluginshopteasersplittext { order: 1; } .ngpluginshopteasersplit4cols .ngpluginshopteasersplitresult>ul>li:nth-child(8n+1)>.ngpluginshopteasersplitpicture, .ngpluginshopteasersplit4cols .ngpluginshopteasersplitresult>ul>li:nth-child(8n+2)>.ngpluginshopteasersplitpicture, .ngpluginshopteasersplit4cols .ngpluginshopteasersplitresult>ul>li:nth-child(8n+3)>.ngpluginshopteasersplitpicture, .ngpluginshopteasersplit4cols .ngpluginshopteasersplitresult>ul>li:nth-child(8n+4)>.ngpluginshopteasersplitpicture { order: 2; } .ngpluginshopteasersplit4cols .ngpluginshopteasersplitresult>ul>li:nth-child(8n+1)>.ngpluginshopteasersplittext, .ngpluginshopteasersplit4cols .ngpluginshopteasersplitresult>ul>li:nth-child(8n+2)>.ngpluginshopteasersplittext, .ngpluginshopteasersplit4cols .ngpluginshopteasersplitresult>ul>li:nth-child(8n+3)>.ngpluginshopteasersplittext, .ngpluginshopteasersplit4cols .ngpluginshopteasersplitresult>ul>li:nth-child(8n+4)>.ngpluginshopteasersplittext { order: 1; } .ngpluginshopteasersplittext p:first-child { margin-top: 0; } .ngpluginshopteasersplittext p:last-child { margin-bottom: 0; } .ngpluginshopteasersplit ul form { display: block; margin: 0; padding: 0; } .ngpluginshopteasersplit table { width: 100%; margin: 10px 0; } .ngpluginshopteasersplit table td { width: 50%; box-sizing: border-box; } .ngpluginshopteasersplit table td:nth-child(1) { padding: 5px 5px 5px 0; } .ngpluginshopteasersplit table td:nth-child(2) { padding: 5px 0 5px 5px; } .ngpluginshopteasersplit>div>ul>li>div>div>a, .ngpluginshopteasersplit>div>ul>li>div>div>a:hover, .ngpluginshopteasersplit>div>ul>li>div>div>a:visited { text-decoration: none; color: #401217; } .ngpluginshopteasersplit form button { border-color: #bf3947; border-width: 1px; border-style: solid; padding: 5px 10px 5px 10px; background: #bf3947; font: 15px 'Open Sans',Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0px; text-transform: uppercase; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); border-radius: 2px; display: inline-block; cursor: pointer; -webkit-appearance: none; box-sizing: border-box; margin: 0; vertical-align: middle; } .ngpluginshopteasersplit form button:hover { border-color: #591a1f; background: #591a1f; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngpluginshopteasersplit form button:focus { outline: none; } .ngpluginshopteasersplit form.ngpluginshopteasersplitputright { text-align: right; } .ngpluginshopteasersplit form.ngpluginshopteasersplitputcenter, .ngpluginshopteasersplit form.ngpluginshopteasersplitputstretch { text-align: center; } .ngpluginshopteasersplit form.ngpluginshopteasersplitputstretch button { display: block; width: 100%; } .ngpluginshopteasersplit svg { width: 1.1em; height: 1.1em; display: inline-block; vertical-align: -0.18em; } .ngpluginshopteasersplitribbon { pointer-events: none; position: absolute; right: 0; top: 0; z-index: 1; overflow: hidden; width: 95px; height: 95px; text-align: right; } .ngpluginshopteasersplitribbon span { font-size: 10px; font-weight: bold; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 125px; display: block; box-shadow: 0 3px 10px -5px #000000; position: absolute; top: 28px; right: -24px; } .ngpluginshopteasersplit form select:focus { border-color: #ebe0e0; background: #ffffff; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2216%22%20viewBox%3D%220%200%2025.00%2016.00%22%20enable-background%3D%22new%200%200%2025.00%2016.00%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M%206.36396%2C12.7782L%204.94975%2C11.364L%200%2C6.41422L%201.41421%2C5L%206.36396%2C9.94975L%2011.3137%2C5L%2012.7279%2C6.41421L%207.77817%2C11.364L%206.36396%2C12.7782%20Z%20%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: right center; } .ngpluginshopteasersplit form select { border-color: #ebe0e0; border-width: 1px; border-style: solid; padding: 4px; background: #ffffff; font: 15px 'Open Sans',Verdana,Helvetica,sans-serif; color: #000000; letter-spacing: 0px; border-radius: 0px; box-sizing: border-box; display: block; margin: 0 0 0 0; -webkit-appearance: none; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2216%22%20viewBox%3D%220%200%2025.00%2016.00%22%20enable-background%3D%22new%200%200%2025.00%2016.00%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M%206.36396%2C12.7782L%204.94975%2C11.364L%200%2C6.41422L%201.41421%2C5L%206.36396%2C9.94975L%2011.3137%2C5L%2012.7279%2C6.41421L%207.77817%2C11.364L%206.36396%2C12.7782%20Z%20%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 30px; box-sizing: border-box; } .ngpluginshopteasersplit form select::-ms-expand { display: none; } .ngpluginshopteasersplit .ngpluginshopteasersplitnomatch { margin: 30px; text-align: center; display: none; } .ngpluginshopteasersplitfilterleft, .ngpluginshopteasersplitfilterright { display: flex; } .ngpluginshopteasersplitfilter label { display: block; margin: 0 10px 5px 0; padding: 0; } .ngpluginshopteasersplitfilter input[type=checkbox] { margin: 0 6px 0 0; vertical-align: middle; } .ngpluginshopteasersplitfilter label span { vertical-align: middle; } .ngpluginshopteasersplitfilter select { width: 100%; } .ngpluginshopteasersplitfilterright>.ngpluginshopteasersplitfilter { order: 2; } .ngpluginshopteasersplitfilterright>.ngpluginshopteasersplitresult { order: 1; } .ngpluginshopteasersplitfiltertop .ngpluginshopteasersplitfilter { display: flex; flex-wrap: wrap; padding: 0; margin: 0 0 20px 0; } .ngpluginshopteasersplitfiltertop .ngpluginshopteasersplitfilter>div { margin: 0 30px 20px 0; } .ngpluginshopteasersplitfilterleft .ngpluginshopteasersplitfilter>div { margin: 0 30px 20px 0; } .ngpluginshopteasersplitfilterright .ngpluginshopteasersplitfilter>div { margin: 0 0 20px 30px; } @media (max-width: 1023px) { .sqr .ngpluginshopteasersplit>div>ul { display: block !important; } .sqr .ngpluginshopteasersplit>div>ul>li { width: 100% !important; margin-right: 0 !important; display: block !important; } .sqr .ngpluginshopteasersplit>div>ul>li>.ngpluginshopteasersplitpicture, .sqr .ngpluginshopteasersplit>div>ul>li>.ngpluginshopteasersplittext { width: 100% !important; } .sqr .ngpluginshopteasersplitfilter { display: block !important; margin: 0 0 30px 0 !important; } .sqr .ngpluginshopteasersplitfilter>div { margin: 0 0 10px 0 !important; } .sqr .ngpluginshopteasersplitfilterleft, .sqr .ngpluginshopteasersplitfilterright { display: block; } .sqr .ngpluginshopteasersplitfilter, .sqr .ngpluginshopteasersplitfilter>div , .sqr .ngpluginshopteasersplitresult { width: 100% !important; } .sqr .ngpluginshopteasersplitfilter>div>div>label { display: inline-block; } }