.ngpluginshopteasertileindent ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--ngpluginshopteasertileindentgapplus); } .ngpluginshopteasertileindent ul li { list-style: none; margin: 0; padding: 0; width: 100%; position: relative; display: flex; flex-flow:column; } .ngpluginshopteasertileindent ul li .ngpluginshopteasertileindentpicture picture { width: 100%; display: block; } .ngpluginshopteasertileindent ul li .ngpluginshopteasertileindentpicture picture img { display: block; width: 100%; border-radius: var(--ngpluginshopteasertileindentroundedcorners); box-shadow: var(--ngpluginshopteasertileindentshadow); transition: filter 0.2s; } .ngpluginshopteasertileindenthover ul li .ngpluginshopteasertileindentpicture picture img:hover { filter: brightness(115%); } .ngpluginshopteasertileindent ul li a.ngpluginshopteasertileindentpicture:focus-visible { outline: none; } .ngpluginshopteasertileindent ul li a.ngpluginshopteasertileindentpicture:focus-visible img { filter: brightness(50%) contrast(75%); } .ngpluginshopteasertileindent ul li .ngpluginshopteasertileindenttext { margin: var(--ngpluginshopteasertileindentmargin); background: var(--ngpluginshopteasertileindentbackground); z-index: 1; position: relative; padding: var(--ngpluginshopteasertileindentpadding); border-radius: var(--ngpluginshopteasertileindentroundedcorners); box-shadow: var(--ngpluginshopteasertileindentshadow); color: var(--ngpluginshopteasertileindentsummarycolor); font-size: var(--ngpluginshopteasertileindentsummarysize); display: flex; gap: var(--ngpluginshopteasertileindentpadding); justify-content: space-between; flex-flow: column; flex-grow: 1; } .ngpluginshopteasertileindent ul li .ngpluginshopteasertileindenttext a { color: var(--ngpluginshopteasertileindentsummarycolor); text-decoration: none; } .ngpluginshopteasertileindent ul li .ngpluginshopteasertileindenttext .ngshopputform { text-align: var(--ngpluginshopteasertileindentlinkalign); } .ngpluginshopteasertileindent ul li .ngpluginshopteasertileindenttext .ngshopputform button { border-radius: var(--ngpluginshopteasertileindentlinkroundedcorners); color: var(--ngpluginshopteasertileindentlinkcolor); background-color: var(--ngpluginshopteasertileindentlinkbackground); border: var(--ngpluginshopteasertileindentlinkborder); font-size: var(--ngpluginshopteasertileindentlinksize); font-weight: var(--ngpluginshopteasertileindentlinkweight); text-transform: var(--ngpluginshopteasertileindentlinktexttransform); display: var(--ngpluginshopteasertileindentlinkdisplay); width: var(--ngpluginshopteasertileindentlinkwidth); padding: 10px 14px; text-decoration: none; transition: opacity 0.2s; cursor: pointer; } .ngpluginshopteasertileindenthover ul li .ngpluginshopteasertileindenttext .ngshopputform button:hover { opacity: 0.8; } .ngpluginshopteasertileindent ul li .ngpluginshopteasertileindenttext .ngshopputform button:focus { opacity: 0.5; outline: none; } @media (min-width: 1024px) { .ngpluginshopteasertileindent ul { flex-wrap: wrap; align-items: stretch; } .ngpluginshopteasertileindent ul li { display: flex; flex-flow: column; list-style: none; width: var(--ngpluginshopteasertileindentcolumnwidth); } } .ngpluginshopteasertileindent ul form { display: block; margin: 0; padding: 0; } .ngpluginshopteasertileindent table { width: 100%; margin: 10px 0; } .ngpluginshopteasertileindent table td { width: 50%; box-sizing: border-box; } .ngpluginshopteasertileindent table td:nth-child(1) { padding: 5px 5px 5px 0; } .ngpluginshopteasertileindent table td:nth-child(2) { padding: 5px 0 5px 5px; } .ngpluginshopteasertileindent form select:focus { border-color: #e9e9e9; 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; } .ngpluginshopteasertileindent form select { border-color: #e9e9e9; border-width: 1px; border-style: solid; padding: 7px; background: #ffffff; font: bold 16px Roboto,Tahoma,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; } .ngpluginshopteasertileindent form select::-ms-expand { display: none; } .ngpluginshopteasertileindent .ngpluginshopteasertileindentnomatch { margin: 30px; text-align: center; display: none; } .ngpluginshopteasertileindentfilterleft, .ngpluginshopteasertileindentfilterright { display: flex; } .ngpluginshopteasertileindentfilter label { display: block; margin: 0 10px 5px 0; padding: 0; } .ngpluginshopteasertileindentfilter input[type=checkbox] { margin: 0 6px 0 0; vertical-align: middle; } .ngpluginshopteasertileindentfilter label span { vertical-align: middle; } .ngpluginshopteasertileindentfilter select { width: 100%; } .ngpluginshopteasertileindentfilterright>.ngpluginshopteasertileindentfilter { order: 2; } .ngpluginshopteasertileindentfilterright>.ngpluginshopteasertileindentresult { order: 1; } .ngpluginshopteasertileindentfiltertop .ngpluginshopteasertileindentfilter { display: flex; flex-wrap: wrap; padding: 0; margin: 0 0 20px 0; } .ngpluginshopteasertileindentfiltertop .ngpluginshopteasertileindentfilter>div { margin: 0 30px 20px 0; width: var(--ngpluginshopteasertileindentfilterwidth); } .ngpluginshopteasertileindentfilterleft .ngpluginshopteasertileindentfilter, .ngpluginshopteasertileindentfilterright .ngpluginshopteasertileindentfilter { width: var(--ngpluginshopteasertileindentfilterwidth); } .ngpluginshopteasertileindentfilterleft .ngpluginshopteasertileindentresult, .ngpluginshopteasertileindentfilterright .ngpluginshopteasertileindentresult { width: var(--ngpluginshopteasertileindentresultwidth); } .ngpluginshopteasertileindentfilterleft .ngpluginshopteasertileindentfilter>div { margin: 0 30px 20px 0; } .ngpluginshopteasertileindentfilterright .ngpluginshopteasertileindentfilter>div { margin: 0 0 20px 30px; } .ngpluginshopteasertileindentpriceinfo { margin-top: var(--ngpluginshopteasertileindentgap); } @media (max-width: 1023px) { .sqr .ngpluginshopteasertileindentfilter { display: block !important; margin: 0 0 30px 0 !important; } .sqr .ngpluginshopteasertileindentfilter>div { margin: 0 0 10px 0 !important; } .sqr .ngpluginshopteasertileindentfilterleft, .sqr .ngpluginshopteasertileindentfilterright { display: block; } .sqr .ngpluginshopteasertileindentfilter, .sqr .ngpluginshopteasertileindentfilter>div , .sqr .ngpluginshopteasertileindentresult { width: 100% !important; } .sqr .ngpluginshopteasertileindentfilter>div>div>label { display: inline-block; } }