/* generated at 2026-05-20T13:49:07+02:00 */
/* file: public/resources/themes/mensing/css/frontend/artwork.less */
.artwork-image-item {
  margin-bottom: 30px;
}
.artwork-image-item img {
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.artwork-image-item-overlay {
  position: relative;
}
.artwork-image-item-overlay .background {
  position: relative;
}
.artwork-image-item-overlay .overlay-1,
.artwork-image-item-overlay .overlay-2,
.artwork-image-item-overlay .overlay-3,
.artwork-image-item-overlay .overlay-variable {
  position: absolute;
  transform: translate(-50%,-50%);
  transform-origin: top left;
  filter: drop-shadow(6px 6px 5px rgba(0,0,0,0.25)) drop-shadow(1px 1px 2px rgba(0,0,0,0.4));
}
.artwork-image-item-overlay .overlay-1.dropshadow-left,
.artwork-image-item-overlay .overlay-2.dropshadow-left,
.artwork-image-item-overlay .overlay-3.dropshadow-left,
.artwork-image-item-overlay .overlay-variable.dropshadow-left {
  filter: drop-shadow(-6px 3px 5px rgba(0,0,0,0.25)) drop-shadow(1px 1px 3px rgba(0,0,0,0.4));
}
.artwork-image-item-overlay .overlay-1.dropshadow-top,
.artwork-image-item-overlay .overlay-2.dropshadow-top,
.artwork-image-item-overlay .overlay-3.dropshadow-top,
.artwork-image-item-overlay .overlay-variable.dropshadow-top {
  filter: drop-shadow(0 3px 5px rgba(0,0,0,0.25)) drop-shadow(0 1px 3px rgba(0,0,0,0.4));
}
.artwork-image-item-overlay .overlay-1 {
  top: 32%;
  left: 48.5%;
}
.artwork-image-item-overlay .overlay-2 {
  top: 32%;
  left: 55.5%;
}
.artwork-image-item-overlay .overlay-3 {
  top: 28%;
  left: 52.5%;
}
.artwork-image-item-overlay .overlay-variable {
  top: 28%;
  left: 52.5%;
}
.artwork-image-item-overlay .overlay-no-shadow {
  box-shadow: none !important;
  filter: none !important;
}
.artwork-image-gallery .artwork-image-item {
  display: none;
}
.artwork-image-gallery img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.artwork-image-slideshow {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 30px;
  margin-bottom: 30px;
}
@media (max-width: 800px) {
  .artwork-image-slideshow {
    grid-template-columns: repeat(4,1fr);
  }
}
@media (max-width: 600px) {
  .artwork-image-slideshow {
    grid-template-columns: repeat(3,1fr);
  }
}
.artwork-image-slideshow--item {
  border: 1px solid #c9c9c9;
  overflow: hidden;
  padding: 0.25rem;
  cursor: pointer;
}
.artwork-image-slideshow--item:hover,
.artwork-image-slideshow--item.active {
  border: 1px solid var(--primary-color);
}
.artwork-image-slideshow img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
}
.action-favorite {
  font-size: 28px;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  gap: 10px;
  display: none;
}
.action-favorite.active {
  display: flex;
}
.action-favorite i {
  cursor: pointer;
}
.action-favorite span {
  font-size: 14px;
  cursor: pointer;
}
.form-thx {
  display: none;
}
.artwork-price {
  font-size: 1.8rem;
  font-weight: bold;
  color: var(--primary-color);
}
.artwork-price--small {
  font-size: 14px;
  font-weight: normal;
}

@media (max-width: 767px) {
  #grid-stack-section-13 {
    display: none;
  }
}
#grid-stack-section-17 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  #grid-stack-section-17 {
    display: none;
  }
}
#grid-stack-section-20 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  #grid-stack-section-116 {
    text-align: center;
  }
  #grid-stack-section-116 h2::before {
    display: none;
  }
}
#grid-stack-section-27 .row {
  align-items: start;
}
#grid-stack-section-30 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-35 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-40 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-97 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-45 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-col-229 p {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#grid-stack-col-229 p a {
  background: #fff;
  border: 1px solid #fff;
  color: var(--primary-color);
}
#grid-stack-col-229 p a:hover {
  background: transparent;
  color: #fff;
}
#grid-stack-section-244 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-95 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-99 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-192 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-col-113 {
  margin-bottom: 60px;
}
#grid-stack-section-173 .row {
  align-items: flex-start;
}
#grid-stack-section-156 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-480 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-482 {
  transition: background .3s ease;
}
#grid-stack-col-487 {
  padding-left: 0;
  padding-right: 0;
}
#grid-stack-section-166 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-177 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-240 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-240 .slide-down {
  bottom: 5%;
}
#grid-stack-section-240 .container {
  position: absolute;
  bottom: 20%;
  width: 100%;
}
@media (min-width: 768px) {
  #grid-stack-section-240 {
    display: none;
  }
}
@media (max-width: 767px) {
  #grid-stack-section-240 {
    height: 100vh;
    height: calc(100vh - 90px);
  }
}
#grid-stack-section-194 {
  transition: background .3s ease;
}
#grid-stack-col-221 {
  text-align: center;
}
#grid-stack-col-221 a {
  text-decoration: none;
}
#grid-stack-col-218 {
  padding-left: 0;
  padding-right: 0;
}
#grid-stack-section-219 p {
  font-size: 24px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  #grid-stack-section-219 {
    display: none;
  }
}
#grid-stack-section-429 .row {
  align-items: start;
}
#grid-stack-section-237 p {
  font-size: 24px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  #grid-stack-section-237 {
    display: none;
  }
}
@media (min-width: 768px) {
  #grid-stack-section-237 {
    display: none;
  }
}
#grid-stack-col-239 {
  text-align: center;
}
#grid-stack-col-239 a {
  text-decoration: none;
}
#grid-stack-section-249 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-254 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-259 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-col-284 {
  --primary-color: #fff;
}
#grid-stack-section-311 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-295 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-297 .row {
  align-items: flex-start;
}
#grid-stack-section-301 .row {
  align-items: flex-start;
}
#grid-stack-section-306 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-316 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-321 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-col-329 {
  white-space: balance;
}
#grid-stack-section-330 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-427 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-355 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-335 .row {
  align-items: flex-start;
}
#grid-stack-section-326 .row {
  align-items: flex-start;
}
#grid-stack-section-339 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-350 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-360 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-365 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-370 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-375 .row {
  align-items: flex-start;
}
#grid-stack-col-377 {
  white-space: balance;
}
#grid-stack-col-378 .field-grid-item-1-3 {
  margin-bottom: 0;
}
#grid-stack-col-378 .input-with-checkbox {
  margin: 0;
}
#grid-stack-col-378 button {
  margin-top: 2.5em;
}
#grid-stack-section-458 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-449 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-440 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#grid-stack-section-423 p {
  font-size: 24px;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (max-width: 1399px) {
  #grid-stack-section-423 strong {
    display: block;
  }
}
#grid-stack-col-425 {
  text-align: center;
}
#grid-stack-col-425 a {
  text-decoration: none;
}