/* generated at 2026-05-20T13:50:10+02:00 */
/* file: public/resources/themes/mensing/css/frontend/artwork-list.less */
.content .row.artwork-row {
  display: block;
  margin-left: 0;
  margin-right: 0;
}
.content .row.artwork-row::before,
.content .row.artwork-row::after {
  display: none;
}
.content .row.artwork-row.sorted {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 15px;
  padding-left: 15px;
  padding-right: 15px;
  align-items: start;
}
@media (max-width: 1200px) {
  .content .row.artwork-row.sorted {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .content .row.artwork-row.sorted {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  .content .row.artwork-row.sorted {
    grid-template-columns: 1fr 1fr;
  }
}
.content .row.artwork-row.sorted .artwork-container {
  height: auto;
  max-width: calc(50vw - 25px);
}
.content .row.artwork-row.sorted .artwork-container .col-inner {
  padding: 0;
}
.content .artwork-container {
  display: flex;
  margin-bottom: 30px;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .content .artwork-container {
    hyphens: auto;
  }
}
.content .artwork-container:hover .artwork--image-container::after {
  opacity: 1;
  font-size: 32px;
  transform: scale(1);
}
@media (max-width: 575px) {
  .content .artwork-container {
    display: block;
  }
}
.content .artwork-container .col-inner {
  width: 100%;
  position: relative;
}
.content .artwork-container .col-inner .cover-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  text-indent: -9999px;
  hyphens: auto;
}
.content .artwork-container .artwork--image-container {
  position: relative;
}
.content .artwork-container .artwork--image-container:after {
  content: "\f002";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(232,0,126,0.5);
  opacity: 0;
  transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
  transform: scale(0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  color: #fff;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}
.content .artwork-container .artwork--image-container .artwork--width-video {
  position: absolute;
  right: 5px;
  top: 5px;
  background-color: var(--primary-color);
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 5px;
  z-index: 1;
}
.content .artwork-container .artwork--image {
  width: 100%;
  margin: 0;
  display: block;
  object-fit: cover;
  margin-bottom: 15px;
}
.content .artwork-container .artwork--artist {
  font-weight: bold;
}
@media (max-width: 575px) {
  .content .artwork-container .artwork--medium {
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
.content .artwork-container .artwork--prices {
  display: block;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.content .artwork-container .artwork--gallery-price {
  color: var(--price-color);
}
.content .artwork-container .artwork--price {
  color: var(--primary-color);
  font-size: 26px;
  font-weight: 700;
}
.content .artwork-container h3 {
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content .artwork-container h3 .fav-remove {
  position: relative;
  z-index: 2;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .content .artwork-container h3 {
    hyphens: auto;
    font-size: 1.2em;
  }
}
.content .artwork-container h3::before {
  display: none;
}
.content-black .artwork-container .col-inner,
.content-pink .artwork-container .col-inner {
  background-color: #fff;
  color: var(--secondary-color);
  z-index: 1;
  transition: z-index 0.1s ease-in-out 0.35s;
}
.content-black .artwork-container .col-inner h3,
.content-pink .artwork-container .col-inner h3 {
  color: var(--secondary-color);
  margin-top: 0;
}
@media (min-width: 991px) {
  .content-black .artwork-container .col-inner:hover,
  .content-pink .artwork-container .col-inner:hover {
    z-index: 999;
    transition: z-index 0.1s ease-in-out 0.1s;
  }
  .content-black .artwork-container .col-inner:hover .artwork--text-container,
  .content-pink .artwork-container .col-inner:hover .artwork--text-container {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0px);
  }
}
.content-black .artwork-container .artwork--text-container,
.content-pink .artwork-container .artwork--text-container {
  padding: 20px;
  padding-top: 5px;
}
.content-black .artwork-container .artwork--image-container,
.content-pink .artwork-container .artwork--image-container {
  padding: 10px 10px 10px;
}
.content-black .artwork-container .artwork--image-container img,
.content-pink .artwork-container .artwork--image-container img {
  margin: 0;
}

/* file: public/resources/themes/mensing/css/collection.less */
.hero {
  padding-top: 305px;
  padding-bottom: 120px;
  text-align: center;
  min-height: 100vh;
  min-height: calc(100vh - 40px);
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero .slide-down {
  bottom: 10%;
}

@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;
}